@charset "UTF-8";

* {
	margin: 0;
	padding: 0;
}

html {
	/*background-color: #a0aab5;*/
	background: url(basisdesign/bg-1.png) repeat;
	min-height: 101%;
}

#box {
	width: 800px;
	height: 670px;
	position: absolute;
	top: 70px;
	left: 50%;
	margin-left: -400px;
	font: normal 12px/17px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #224d8e;
}

#styleswitch {
	float: left;
	width: 160px;
	margin-top: 8px;
}

#style a {
	text-indent: -10000px;
	width: 20px;
	height: 20px;
	background-color: #a0aab5;
	display: block;
	margin-bottom: 4px;
	border: 1px solid gray;
	float: left;
	margin-right: 4px;
}

#style-a a {
	text-indent: -10000px;
	width: 20px;
	height: 20px;
	display: block;
	margin-bottom: 4px;
	background: url(basisdesign/bg-2-small.png) no-repeat;
	border: 1px solid gray;
	float: left;
	margin-right: 4px;
}

#style-b a {
	text-indent: -10000px;
	width: 20px;
	height: 20px;
	display: block;
	margin-bottom: 4px;
	background: url(basisdesign/bg-3-small.png) no-repeat;
	border: 1px solid gray;
	float: left;
	margin-right: 4px;
}

#style-c a {
	text-indent: -10000px;
	width: 20px;
	height: 20px;
	display: block;
	margin-bottom: 4px;
	background: url(basisdesign/bg-4-small.png) no-repeat;
	border: 1px solid gray;
	float: left;
	margin-right: 4px;
}

#style-d a {
	text-indent: -10000px;
	width: 20px;
	height: 20px;
	display: block;
	margin-bottom: 4px;
	background: url(basisdesign/bg-5-small.png) no-repeat;
	border: 1px solid gray;
	float: left;
	margin-right: 4px;
}

#style-e a {
	text-indent: -10000px;
	width: 20px;
	height: 20px;
	display: block;
	margin-bottom: 4px;
	background: url(basisdesign/bg-6-small.png) no-repeat;
	border: 1px solid gray;
	float: left;
	margin-right: 4px;
}





#style a:hover, #style-a a:hover, #style-b a:hover, #style-c a:hover, #style-d a:hover, #style-e a:hover {
	border: 1px solid white;
	width: 20px;
	height: 20px;
}

/* @group Typo */

h1, h2 {
	font-weight: normal;
	font-style: normal;
}

h1 {
	font-size: 160%;
	margin-bottom: 20px;
	letter-spacing: 4px;
}

h2 {
	font-size: 105%;
	margin-top: 14px;
	margin-bottom: 1px;
	letter-spacing: 2px;
}

/* @end */

#content {
	width: 800px;
	height: 580px;
}

/* @group lightbox */

#bild-a a {
	text-indent: -10000px;
	display: block;
	width: 47px;
	height: 47px;
	position: absolute;
	top: 484px;
	left: 55px;
}

#bild-a a:hover, #bild-b a:hover, #bild-c a:hover,#bild-d a:hover, #bild-e a:hover {
	width: 47px;
	height: 47px;
	border: 1px solid #000;
}

#bild-b a {
	text-indent: -10000px;
	display: block;
	width: 47px;
	height: 47px;
	position: absolute;
	top: 484px;
	left: 118px;

}

#bild-c a {
	text-indent: -10000px;
	display: block;
	width: 47px;
	height: 47px;
	position: absolute;
	top: 484px;
	left: 181px;

}

#bild-d a {
	text-indent: -10000px;
	display: block;
	width: 47px;
	height: 47px;
	position: absolute;
	top: 484px;
	left: 245px;

}

#bild-e a {
	text-indent: -10000px;
	display: block;
	width: 47px;
	height: 47px;
	position: absolute;
	top: 484px;
	left: 308px;

}

/* @end */
#slideshow {
	width: 360px;
	height: 520px;
	position: absolute;
	top: 30px;
	left: 19px;
}
#text {
	width: 280px;
	height: 460px;
	position: absolute;
	top: 70px;
	left: 445px;
}



/* @group footer */

#footer {
	width: 710px;
	height: 65px;
	color: white;
	background: url(basisdesign/footer.png) no-repeat;
	margin-top: 0px;
	padding: 14px 45px 0;
}

#footer a {
	color: white;
	text-decoration: none;
}

#footer a:hover {
	color: #224d8e;
}


/* @end */

/* @group Top-Navigation */

#innendekoration a {
	display: block;
	text-indent: -10000px;
	position: absolute;
	top: 4px;
	left: 411px;
	width: 155px;
	height: 26px;
	background: url(basisdesign/innendekoration.png) no-repeat 0 -26px;
}

#innendekoration a:hover {
	background: url(basisdesign/innendekoration.png) 0 0px;
}

#atelier a {
	display: block;
	text-indent: -10000px;
	position: absolute;
	top: 4px;
	left: 571px;
	width: 74px;
	height: 26px;
	background: url(basisdesign/atelier.png) no-repeat 0 -26px;
}

#atelier a:hover {
	background: url(basisdesign/atelier.png) 0 0px;
}

#boutique a {
	display: block;
	text-indent: -10000px;
	position: absolute;
	top: 4px;
	left: 651px;
	width: 95px;
	height: 26px;
	background: url(basisdesign/boutique.png) no-repeat 0 -26px;
}

#boutique a:hover {
	background: url(basisdesign/boutique.png) 0 0px;
}
/*

 @end */

/* @group Right-Navigation */

#info a {
	display: block;
	text-indent: -10000px;
	position: absolute;
	top: 95px;
	width: 60px;
	height: 60px;
	left: 730px;
	background: url(basisdesign/info.png) no-repeat 0 -60px;
}

#info a:hover {
	background: url(basisdesign/info.png) no-repeat 0 0;
}

#team a {
	display: block;
	text-indent: -9000px;
	position: absolute;
	top: 167px;
	width: 60px;
	height: 60px;
	left: 730px;
	background: url(basisdesign/team.png) no-repeat 0 -60px;
}

#team a:hover {
	background: url(basisdesign/team.png) no-repeat 0 0px;
}

#kontakt a {
	display: block;
	text-indent: -10000px;
	position: absolute;
	top: 239px;
	width: 60px;
	height: 60px;
	left: 730px;
	background: url(basisdesign/kontakt.png) no-repeat 0 -60px;
}


#kontakt a:hover {
	background: url(basisdesign/kontakt.png) no-repeat 0 0px;
}

#home a {
	display: block;
	text-indent: -10000px;
	position: absolute;
	top: 311px;
	width: 60px;
	height: 60px;
	left: 730px;
	background: url(basisdesign/home.png) no-repeat 0 -60px;
}

#home a:hover {
	background: url(basisdesign/home.png) no-repeat 0 0px;
}


/* @end */

:focus {
	outline: 0;
}

#preload {
	width: 710px;
	height: 65px;
	color: white;
	margin-top: 15px;
	padding: 14px 45px 0;
	display: none;
}
#preload img {
	width: 10px;
	height: 10px;
}