/**************************************************************************************************/
/*** Web Font definition																		***/
/**************************************************************************************************/

/* .eot Formate (Embedded OpenType) */
@font-face { font-family: DINWeb-Black; src: url("../fonts/DINWeb-Black.eot");}
@font-face { font-family: DINWeb-Bold; src: url("../fonts/DINWeb-Bold.eot");}
@font-face { font-family: DINWeb-Light; src: url("../fonts/DINWeb-Light.eot");}
@font-face { font-family: DINWeb-Medium; src: url("../fonts/DINWeb-Medium.eot");}
@font-face { font-family: DINWeb; src: url("../fonts/DINWeb.eot");}

/* .woff Formate (Web Open Font Format) */
@font-face { font-family: DINWeb-Black; src: url("../fonts/DINWeb-Black.woff") format("woff");}
@font-face { font-family: DINWeb-Bold; src: url("../fonts/DINWeb-Bold.woff") format("woff");}
@font-face { font-family: DINWeb-Light;	src: url("../fonts/DINWeb-Light.woff") format("woff");}
@font-face { font-family: DINWeb-Medium; src: url("../fonts/DINWeb-Medium.woff") format("woff");}
@font-face { font-family: DINWeb; src: url("../fonts/DINWeb.woff") format("woff");}


/******************************************************/
/*** Container Konfigurationen                      ***/
/******************************************************/
#hintergrund{
	margin-left:50%;
	left:-490px;
	position:absolute;
	height:100%;
	background: url(../images/background-schwarz-streifen.jpg);
	width:980px;
}

#HintergrundMuster{
	position:fixed;
	width:4375px;
	left:50%;
	margin-left:-2187px;
	background: url(../images/background-schwarz-streifen.jpg);
	height:10000px;
}

#all_container{
	width:980px;
	margin-left:50%;
	left:-490px;
	position: absolute;
	z-index:1;
	height:auto;
}

#left {
	width:980px;
	position:relative; 
	display:block; 
	overflow:visible;
	background:#fff;
}

#right {
	float:right;
	position:relative; 
	width:25px; 
	margin-right:-25px; 
	display:none;
}

#inner_container{
	width:886px;
	height:auto;
	background:#fff;
	margin-left:auto;
	margin-right:auto;
}


/******************************************************/
/*** Container Konfigurationen                      ***/
/******************************************************/
#header_container{
	width:100%;
	height:70px;
}

#header_top{
	height: 30px;
	background: url(../images/background-header.jpg);
}

#navi_container{
	width:100%;
	height:36px;
}

#projekt_bilder_container{
	width:100%;
	height:420px;
}

.projekt_auswahl_container_hover{
	height:77px;
	position:absolute;
	width:162px;
	display:none;
}

#projekt_auswahl_container{
	padding-top:13px;
	overflow: hidden;
	width: 933px;
}

#projekt_navi_container{
	width:100%;
	height:41px;
	border-bottom:1px solid #666;
}

#projekt_headline_container{
	width:100%;
	height:50px;
	font-family:DINWeb, Helvetica, Arial, Times;
	letter-spacing: 0.05em;
}

#projekt_headline_links{
	width:434px;
	float:left;
}

#projekt_headline_rechts{
	width:434px;
	float:right;
}

#projekt_headline_container_verwaltung{
	width:100%;
	height:50px;
	font-family:DINWeb, Helvetica, Arial, Times;
	border-top:1px solid #666;
}

#projekt_text_container{
	width:578px;
	border-top:1px solid #666;
	float:left;
	min-height:400px;
}

#projekt_text_container a {
	color: #0099CC;
	text-decoration: none;
}

#submenue_container{
	width:289px;
	border-top:1px solid #666;
	float:right;
	margin-bottom:40px;
}

.submenue_teaser {
	width:226px;
	float:right;
	margin-bottom:40px;
}

.text_container{
	border-top:1px solid #666;
	min-height:400px;
	padding-bottom:20px;
	position: relative;
}

.schmaler_text_container{
	width:434px;
	border-top:1px solid #666;
	float:left;
	min-height:280px;
}

.schmaler_text_container a{
	color: #0099CC;
	text-decoration: none;
}

#accordion_container{
	width:434px;
	min-height:280px;
	border-top:1px solid #666;
	float:right;
	margin-bottom:40px;
}

#carousel_container{
	width:980px;
	clear:both;
	margin-left: -47px;
}

#footer_container{
	width:100%;
	border-top:1px solid #666;
	padding-top:10px;
	padding-bottom:60px;
	clear:both;
}

.clear {
	clear:both;
	height:1px;
	overflow:hidden;
}


/******************************************************/
/*** Schatten Rechts                                ***/
/******************************************************/
#schatten_container{
	width:22px;
	height:100%;
	float:right;
	margin-right:-22px;
	background:#333;
}


/******************************************************/
/*** Reiter Konfigurationen                         ***/
/******************************************************/
#reiter_container{
	width:25px;
	height:250px;
	padding-top:2px;
	float:right;
}

#reiter_container img{
	display:block;
}

#reiter1{
	width:25px;
	height:43px;
	display:block;
}

#reiter2{
	width:25px;
	height:43px;
	display:block;
}

#reiter3{
	width:25px;
	height:43px;
	display:block;
}

#reiter4{
	width:25px;
	height:43px;
	display:block;
}

#reiter5{
	width:25px;
	height:43px;
	display:block;
}


/******************************************************/
/*** Inhaltsbereiche Konfigurationen                ***/
/******************************************************/
#logo{
	width:151px;
	height:110px;
	float:left;
}

#logo2{
	width:151px;
	float:right;
}

#header_text{
	float:right;
	padding-top:10px;
}

#header_top_text{
	font-size:10px;
	text-transform:uppercase;
	color:#999;
	padding: 0 45px;
	line-height: 20px;
}

#header_top_text_left{
	float: left;
}

#header_top_text_right{
	float: right;
}

#projekt_bilder, #projekt_bilder2, #projekt_bilder3, #projekt_bilder_bildwechsel {
	width:884px;
	height:418px;
	border:1px solid #fff;
}

#projekt_bilder_linkLinks{
	opacity:0;
	background:#55FF55;
	display:block;
	height:418px;
	left:47px;
	position:absolute;
	top:148px;
	width:442px;
	z-index:1000;
}

#projekt_bilder_linkRechts{
	opacity:0;
	background:#55ff55;
	display:block;
	height:418px;
	left:491px;
	position:absolute;
	top:148px;
	width:442px;
	z-index:1000;
}

#text{
	width:650px;
	margin: 21px 0 50px 12px;
}

#text_schmal{
	width:410px;
	margin: 21px 12px 50px 12px;
}


/******************************************************/
/*** Projektauswahl Spalten Konfigurationen         ***/
/******************************************************/
#auswahl_spalte1{
	width:180px;
	float:left;
	border-bottom:50px solid #fff;
}

#auswahl_spalte2{
	width:180px;
	float:left;
	border-bottom:50px;
}

#auswahl_spalte3{
	width:180px;
	float:left;
	border-bottom:50px;
}

#auswahl_spalte4{
	width:180px;
	float:left;
	border-bottom:50px;
}

#auswahl_spalte5{
	width:180px;
	float:left;
	border-bottom:50px;
}

/******************************************************/
/*** Newsletter						                ***/
/******************************************************/
#wmnl_bg {
	background-color: #000;
	height: 100%;
	left: 0;
	opacity: 0.8;
	top: 0;
	z-index: 1000;
	position: fixed;
	width: 100%;
}

#wmnl_content {
	padding: 20px;
	position: absolute;
	top: 100px;
	left: 50%;
	margin-left: -300px;
	width: 600px;
	z-index: 1001;
	background-color: #000;
	color: #C63A93;
	border: 1px solid #0099CC;
	font-size: 12px;
	color: #666666;
	line-height: 14px;
}
#wmnl_content a {
	font-size: 12px;
	text-decoration: none;
	text-transform: uppercase;
	color: #FFFFFF !important;
}

#wmnl_content a:hover {
	cursor: pointer;
}