@charset "utf-8";
/* CSS Document */

img { behavior:url(styles/iepngfix.htc) }

html
{
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
}

body
{
	padding:0px;
	margin:0px;
	width:100%;
	height:100%;
	background-color:#000000;
	background-image:url(../images/layout/bgBody.gif);
	background-repeat:repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:11px;
}

h1
{
	color:#000000;
	font-size:18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px 0px 20px 0px;
	width:100%;
	height:auto;
	text-transform:uppercase;
	letter-spacing:-1px;
	font-weight:bold;
}

h2
{
	color:#000000;
	font-size:18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:-20px 0px 20px 0px;
	width:100%;
	height:auto;
	text-transform:uppercase;
	letter-spacing:-1px;
	font-weight:normal;
}

a:link, a:visited
{
	color:#000000;
	text-decoration:underline;
}

a:hover, a:active
{
	color:#000000;
	text-decoration:none;
}

#startContainer
{
	width:633px;
	height:600px;
	padding:0px;
	position:absolute;
	left:50%;
	bottom:20px;
	margin:0px 0px 0px -316px;
}

#musikContainer
{
	position:absolute;
	top:0px;
	width:100%;
	background-color:#000000;
	height:28px;
	padding:3px 0px 0px 0px;
	text-align:center;
}

#mainContainer
{
	left:0px;
	background-image:url(../images/layout/bgMain.gif);
	background-repeat:no-repeat;
}

#projekte
{
	left:955px;	
	background-image:url(../images/layout/bgMain.gif);
	background-repeat:no-repeat;
}

#serie
{
	left:1910px;	
	background-image:url(../images/layout/bgMain.gif);
	background-repeat:no-repeat;
}

#referenzen
{
	left:2865px;	
	background-image:url(../images/layout/bgMain.gif);
	background-repeat:no-repeat;
}

#muster
{
	left:3820px;	
	background-image:url(../images/layout/bgMain.gif);
	background-repeat:no-repeat;
}

#kontakt
{
	left:4775px;	
	background-image:url(../images/layout/bgMain.gif);
	background-repeat:no-repeat;
}





#contents_wrapper
{
	position:relative;
	width:955px;
	height:693px;
	/*margin:-356px 0px 0px -480px;*/
	margin:auto;
	margin-top:18px;
	text-align:left;
	overflow:hidden;
	
	
}

#referenzContainer
{
	position:relative;
	width:955px;
	height:361px;
	margin:auto;
	margin-top:31px;
	background-image:url(../images/layout/bgReferenzen.gif);
	background-repeat:no-repeat;
	text-align:left;
	overflow:hidden;
}

#contents
{
	height:100%;
	position:relative;
	width:1910px;
}	

.content
{
	position:absolute;
	top:0px;
	width:955px;
	height:693px;
	overflow:hidden;
}

.footer
{
	position:relative;
	width:955px;
	height:20px;
	margin:auto;
	text-align:right;
	color:#FFFFFF;
	padding-top:15px;
}

.footer a:link
{
	color:#333333;
	text-decoration:none;
	text-transform:uppercase;
	font-size:10px;
}

.footer a:visited
{
	color:#333333;
	text-decoration:none;
	text-transform:uppercase;
	font-size:10px;
}

.footer a:hover
{
	color:#FFFFFF;
	text-decoration:underline;
	text-transform:uppercase;
	font-size:10px;
}

.footer a:active
{
	color:#FFFFFF;
	text-decoration:underline;
	text-transform:uppercase;
	font-size:10px;
}

.linkeSpalte
{
	float:left;
	height:693px;
	width:138px;
	margin:0px;
	padding:0px;
}

.inhaltsSpalte
{
	float:left;
	height:693px;
	width:817px;
	margin:0px;
	padding:0px;
}

.fadaSpiegel
{
	width:138px;
	text-align:right;
	margin:173px 0px 0px 0px;
	padding:0px;
}

.hoverContainer
{
	width:100%;
	height:26px;
	/*background-color:#999999;*/
}

.hauptNavigation
{
	margin:30px 32px 20px 266px;
	height:66px;
	overflow:hidden;
}

.hauptNavigation a:link
{
	display:block;
	width:auto;
	height:15px;
	margin:0px 0px 0px 0px;
	padding:25px 5px 0px 5px;
	text-transform:uppercase;
	color:#000000;
	text-decoration:none;
}

.hauptNavigation a:visited
{
	display:block;
	width:auto;
	height:15px;
	margin:0px 0px 0px 0px;
	padding:25px 5px 0px 5px;
	text-transform:uppercase;
	color:#000000;
	text-decoration:none;
}

.hauptNavigation a:hover
{
	display:block;
	width:auto;
	height:15px;
	margin:0px 0px 0px 0px;
	padding:25px 5px 0px 5px;
	text-transform:uppercase;
	color:#000000;
	text-decoration:none;
	/*	background-color:#5c5c5b;*/
	background-repeat:repeat-x;
}

.hauptNavigation a:active
{
	display:block;
	float:left;
	display:block;
	width:auto;
	height:15px;
	margin:0px 0px 0px 0px;
	padding:25px 5px 0px 5px;
	text-transform:uppercase;
	color:#000000;
	text-decoration:none;
	/*	background-color:#5c5c5b;*/
	background-repeat:repeat-x;
}

.hauptNavigation .aktiv:link
{
	display:block;
	width:auto;
	height:15px;
	margin:0px 0px 0px 0px;
	padding:25px 5px 0px 5px;
	text-transform:uppercase;
	color:#000000;
	text-decoration:none;
	/*	background-color:#5c5c5b;*/
	background-repeat:repeat-x;
	font-weight:bold;
}

.hauptNavigation .aktiv:visited
{
	display:block;
	width:auto;
	height:15px;
	margin:0px 0px 0px 0px;
	padding:25px 5px 0px 5px;
	text-transform:uppercase;
	color:#000000;
	text-decoration:none;
	/*	background-color:#5c5c5b;*/
	background-repeat:repeat-x;
	font-weight:bold;
}

.hauptNavigation .aktiv:hover
{
	display:block;
	width:auto;
	height:15px;
	margin:0px 0px 0px 0px;
	padding:25px 5px 0px 5px;
	text-transform:uppercase;
	color:#000000;
	text-decoration:none;
	/*	background-color:#5c5c5b;*/
	background-repeat:repeat-x;
	font-weight:bold;
}

.hauptNavigation .aktiv:active
{
	display:block;
	width:auto;
	height:15px;
	margin:0px 0px 0px 0px;
	padding:25px 5px 0px 5px;
	text-transform:uppercase;
	color:#000000;
	text-decoration:none;
	/*	background-color:#5c5c5b;*/
	background-repeat:repeat-x;
	font-weight:bold;
}


.contentContainer
{
	width:762px;
	height:560px;
	overflow:hidden;
	margin:0px 0px 0px 20px;
}

#contentAreaSerie
{
	width:762px;
	height:560px;
	overflow:hidden;
	margin:0px 0px 0px 20px;
}

#contentAreaReferenzen
{
	width:762px;
	height:560px;
	overflow:hidden;
	margin:0px 0px 0px 20px;
}

#contentAreaMuster
{
	width:762px;
	height:560px;
	overflow:hidden;
	margin:0px 0px 0px 20px;
}

.textContainer
{
	float:left;
	width:270px;
	height:auto;
	margin:55px 0px 0px 0px;
}

.textContainerSerie
{
	float:left;
	width:240px;
	height:auto;
	margin:25px 0px 0px 0px;
	padding:0px 20px 0px 0px;
	display:inline;
}


.imageContainer
{
	float:left;
	height:auto;
	width:450px;
	display:inline;
}

#imageContainerReferenzen_1
{
	float:left;
	height:auto;
	width:480px;
	margin:25px 0px 0px 0px;
	display:inline;
	overflow:hidden;
}

#imageContainerReferenzen_2
{
	float:left;
	height:auto;
	width:480px;
	margin:25px 0px 0px 0px;
	display:inline;
	overflow:hidden;
}

#imageContainerReferenzen_3
{
	float:left;
	height:auto;
	width:480px;
	margin:25px 0px 0px 0px;
	display:inline;
	overflow:hidden;
}

#imageContainerReferenzen_4
{
	float:left;
	height:auto;
	width:480px;
	margin:25px 0px 0px 0px;
	display:inline;
	overflow:hidden;
}

#imageContainerReferenzen_5
{
	float:left;
	height:auto;
	width:480px;
	margin:25px 0px 0px 0px;
	display:inline;
	overflow:hidden;
}

#imageContainerReferenzen_6
{
	float:left;
	height:auto;
	width:480px;
	margin:25px 0px 0px 0px;
	display:inline;
	overflow:hidden;
}

.referenzContainer
{
	/* width:10000px; */
	width:18000px;
	height:470px;
	overflow:hidden;
}



.referenzImageContainer
{
	width:480px;
	/* height:465px; */
	height:470px;
	/* height:auto; */
	float:left;
	text-align:center;
	overflow:hidden;
}

.referenzImage
{
	width:480px;
	/* height:444px; */
	height:410px;
	overflow:hidden;
	text-align:center;
	margin-bottom:8px;
}


.serieDetail a:link
{
	color:#000000;
	text-decoration:none;
	text-transform:uppercase;
	background-image:url(../images/layout/bgSerieLink.gif);
	padding:0px 0px 0px 20px;
	background-repeat:no-repeat;
}

.serieDetail a:visited
{
	color:#000000;
	text-decoration:none;
	text-transform:uppercase;
	background-image:url(../images/layout/bgSerieLink.gif);
	padding:0px 0px 0px 20px;
	background-repeat:no-repeat;
}

.serieDetail a:hover
{
	color:#8b8b8b;
	text-decoration:none;
	text-transform:uppercase;
	background-image:url(../images/layout/bgSerieLinkAktiv.gif);
	padding:0px 0px 0px 20px;
	background-repeat:no-repeat;
}

.serieDetail a:active
{
	color:#8b8b8b;
	text-decoration:none;
	text-transform:uppercase;
	background-image:url(../images/layout/bgSerieLinkAktiv.gif);
	padding:0px 0px 0px 20px;
	background-repeat:no-repeat;
}

.detailfotoLink
{
	margin:0px 0px 0px 0px;
}

.detailfotoLink a:link
{
	color:#000000;
	text-decoration:none;
}

.detailfotoLink a:visited
{
	color:#000000;
	text-decoration:none;
}

.detailfotoLink a:hover
{
	color:#000000;
	text-decoration:underline;
}

.detailfotoLink a:active
{
	color:#000000;
	text-decoration:underline;
}

.seriefotodetails
{
	margin:10px 0px 0px 0px;
	text-align:right;
}




.trenner
{
	height:66px;
	width:auto;
	padding:0px 5px 0px 5px;
	float:left;
	border-right:1px solid black;
	margin:0px 0px 0px 0px;
}

* html .trenner
{
	height:66px;
	width:60px;
	padding:0px 5px 0px 5px;
	float:left;
	border-right:1px solid black;
	margin:0px 0px 0px 0px;
	overflow:visible;
}

.subnavigation
{
	margin:145px 0px 0px 0px;
	text-align:right;
}

.subnavigation a:link
{
	font-weight:bold;
	color:#FFFFFF;
	font-size:11px;
	text-decoration:none;
	text-transform:uppercase;
	display:block;
	width:auto;
	text-align:right;
	margin:0px 5px 5px 0px;
}

.subnavigation a:visited
{
	font-weight:bold;
	color:#FFFFFF;
	font-size:11px;
	text-decoration:none;
	text-transform:uppercase;
	display:block;
	width:auto;
	text-align:right;
	margin:0px 5px 5px 0px;
}

.subnavigation a:hover
{
	font-weight:bold;
	color:#141413;
	font-size:11px;
	text-decoration:none;
	text-transform:uppercase;
	display:block;
	width:auto;
	text-align:right;
	margin:0px 5px 5px 0px;
}

.subnavigation a:active
{
	font-weight:bold;
	color:#141413;
	font-size:11px;
	text-decoration:none;
	text-transform:uppercase;
	display:block;
	width:auto;
	text-align:right;
	margin:0px 5px 5px 0px;
}

.subnavigation .aktivSub:link,.subnavigation .aktivSub:visited,.subnavigation .aktivSub:hover, .subnavigation .aktivSub:active
{
	font-weight:bold;
	color:#141413;
	font-size:11px;
	text-decoration:none;
	text-transform:uppercase;
	display:block;
	width:auto;
	text-align:right;
	margin:0px 5px 5px 0px;
}



.refLink
{
	clear:left;
	text-align:center;
	width:480px;
	overflow:hidden;
	height:15px;
	margin:5px 0px 0px 0px;
}


.referenzImageContainer a
{
	border-left:1px solid black;
	border-right:1px solid black;
	padding:3px;
	height:15px;
	width:7px;
        line-height:20px;
	text-align:center;
	color:#000000;
	text-decoration:none;
	margin-bottom:5px;

       
}

.referenzImageContainer a:hover
{

	color:#FFFFFF;
	background-color:#000000;

}


.referenzImageContainer a.aktiv,
.referenzImageContainer a.aktiv:hover
{
	border-left:1px solid black;
	border-right:1px solid black;
	padding:3px;
	height:7px;
	width:7px;
	text-align:center;
	color:#FFFFFF;
	text-decoration:none;
	margin-top:3px;
	background-color:#000000;
	
}


/*

.referenzImageContainer a:link
{
	border-left:1px solid black;
	border-right:1px solid black;
	padding:3px;
	height:7px;
	width:7px;
	text-align:center;
	color:#000000;
	text-decoration:none;
	margin-top:5px;
	margin-bottom:5px;
}

.referenzImageContainer a:visited
{
	border-left:1px solid black;
	border-right:1px solid black;
	padding:3px;
	height:7px;
	width:7px;
	text-align:center;
	color:#000000;
	text-decoration:none;
	margin-top:5px;
	margin-bottom:5px;
}
.referenzImageContainer a:hover
{
	border-left:1px solid black;
	border-right:1px solid black;
	padding:3px;
	height:7px;
	width:7px;
	text-align:center;
	color:#FFFFFF;
	text-decoration:none;
	margin-top:5px;
	background-color:#000000;
	margin-bottom:5px;
}
.referenzImageContainer a:active
{
	border-left:1px solid black;
	border-right:1px solid black;
	padding:3px;
	height:7px;
	width:7px;
	text-align:center;
	color:#FFFFFF;
	text-decoration:none;
	margin-top:5px;
	background-color:#000000;
	margin-bottom:5px;
}

.referenzImageContainer .aktiv:link
{
	border-left:1px solid black;
	border-right:1px solid black;
	padding:3px;
	height:7px;
	width:7px;
	text-align:center;
	color:#FFFFFF;
	text-decoration:none;
	margin-top:3px;
	background-color:#000000;
	margin-bottom:5px;
}

.referenzImageContainer .aktiv:visited
{
	border-left:1px solid black;
	border-right:1px solid black;
	padding:3px;
	height:7px;
	width:7px;
	text-align:center;
	color:#FFFFFF;
	text-decoration:none;
	margin-top:3px;
	background-color:#000000;
	margin-bottom:5px;
}

.referenzImageContainer .aktiv:hover
{
	border-left:1px solid black;
	border-right:1px solid black;
	padding:3px;
	height:7px;
	width:7px;
	text-align:center;
	color:#FFFFFF;
	text-decoration:none;
	margin-top:3px;
	background-color:#000000;
	margin-bottom:5px;
}

.referenzImageContainer .aktiv:active
{
	border-left:1px solid black;
	border-right:1px solid black;
	padding:3px;
	height:7px;
	width:7px;
	text-align:center;
	color:#FFFFFF;
	text-decoration:none;
	margin-top:3px;
	background-color:#000000;
	margin-bottom:5px;
}
*/
#closeRef
{
	width:955px;
	text-align:right;
}

#closeRef a:link, #closeRef a:visited, #closeRef a:hover, #closeRef a:active
{
	color:#FFFFFF;
	padding:3px 3px 3px 3px;
	text-decoration:none;
	background-color:#000000;
}

#blockContent
{
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	position:absolute;
	opacity: 0.45;
	filter: alpha(opacity=45, finishopacity=45);
	-moz-opacity: 0.45;
	background-color:#FFFFFF;
	z-index:999;
}

#loadingMyData
{
	width:220px;
	height:19px;
	left:50%;
	top:50%;
	position:absolute;
	margin:-12px 0px 0px -110px;
	z-index:1000;
}

#centerContainer
{
	position:absolute;
	left:50%;
	top:50%;
	margin:-360px 0px 0px -478px;
	width:955px;
	height:720px;
	text-align:center;
}