/**
 * basic.css
 * 
 * This file contains the basic CSS styles for the website.
 *
 * Copyright (c) 2006 WE DO communication GmbH, Germany
 * 
 * @author	Christoph Franz <franz@wedo-berlin.de>
 */



/* CSS Document */
/* allgemeines */
body, html{
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#f2f2f2;

}

body, html, p, li, ul, div, img, h1, h2, h3, h4 , h5 , span{
	padding:0;
	margin:0;
	border:0;
}

img{
	border:0;
}

ul, li{
	list-style:none;
}

.stopFloat {
  display: block;
  clear: both;
  float: none;
  height: 0em;
  font-size: 0em;
  line-height: 0em;
  overflow: hidden;
}

.unsichtbar, dfn {
  position: absolute !important;
  top: -10000px !important;
  left: -10000px !important;
  height: 1px !important;
  width: 1px !important;
}

/****** Layout komplett ******/
#layout{
	width:955px;
	height:582px;
	background: #FFFFFF url(./../img/bg_linie.jpg) top right repeat-y;
}

/***** Banner oben *****/
#banner{
	height:156px;
	width:955px;
	float:left;
	background-color:#d9d9d9;
}

#banner #bereichlogo{
	float:left;
	width:650px;
	height:156px;
	position:relative;
}

#banner #bild_rechts{
	float:left;
	width:304px;
	height:156px;
	border-left:1px solid #78797a;
	text-align:right;
}

#bereichlogo #logo_klein{
	position:absolute;
	top:33px;
	left:25px;
}
 
#bereichlogo #logo_gross{
	position:absolute;
	width:310px;
	height:50px;
	border:0px solid;
	top:83px;
	left:73px;
}

#bereichlogo #logo_gross{
	font-size:20px;
	font-weight:bold;
}

#bereichlogo #logo_gross span#und{
	font-style:italic;
	font-weight:normal;
}

#bereichlogo #logo_gross span {
	font-size:14px;
}

/***** Hauptmenu *****/

#mainmenu{
	/*background-color:#848483;*/
	width:955px;
	float:left;
	border:0;
}

#mainmenu #button{
	background-color:#ff6600;
	float:left;
	width:650px;
	border-top:1px solid #0a600a;
	height:41px;
}

#mainmenu #impressum{
	width:304px !important;
	width:305px;
	float:left;
	height:41px;
	background-color:#999999;
	border-top:1px solid #4c4e4c;
	border-left:1px solid #56554f;
	text-align:right;
	font-size:10px;
	background: #848483 url(./../img/banner_down.jpg) top right;
}

/***** Submenu *****/
#submenu {
	width:955px;
	float:left;
	border:0;
 /*	background-color:#373737;*/
}

#submenu #subbutton{
	float:left;
	width:650px;
	height:38px;
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
	background-color:#FFFFFF;
}

/***** Info Box *****/
#submenu #infobox{
	width:304px !important;
	width:305px;
	float:left;
	height:38px;
	color:#FFFFFF;
	background-color:#373737;
	text-transform:uppercase;
	border-left:1px solid #212121;
	border-top:1px solid #212121;
	border-bottom:1px solid #212121;
}


/***** Links *****/

.mainNavigationLevel1 {
	float:left;
	padding-left:65px;
}

.mainNavigationLevel1 li{
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFFFFF;
	background-color:inherit;
	font-weight:bold; 
	text-transform:uppercase;
	padding-right:45px;
}

/* Button 1 */
.mainNavigationLevel1 li#punkt2{
	float:left;
	width:150px;
	text-align:center;
}

/* Button 2 */
.mainNavigationLevel1 li#punkt4{
	float:left;
	width:100px;
	text-align:center;
}

/* Button 3 */
.mainNavigationLevel1 li#punkt13{
	float:left;
	width:85px;
	text-align:center;
}

.menuLevel1 a, .menuLevel1 a:link, .menuLevel1 a:visited{
	text-decoration:none;
	display:block;
	height:28px;
	background-color:#ff6600;
	color:#FFFFFF;
	padding-top:13px;
	padding-bottom:11px;
	padding-left:10px;
	padding-right:10px;
}

.menuLevel1 a:active, .menuLevel1 a:hover, .menuLevel1 a:focus{
	background-color:#ff944d;
	color:#FFFFFF;
}

/*aktiv*/

.menuLevel1_active a, .menuLevel1_active a:link, .menuLevel1_active a:visited{
	text-decoration:none;
	display:block;
	height:28px;
	background-color:#ff944d;
	color:#FFFFFF;
	padding-top:13px;
	padding-bottom:11px;
	padding-left:10px;
	padding-right:10px;
}

/* Impressum */

#impressum{
	position:relative;
}

#impressum span{
	position:absolute;
	padding-right:10px;
	padding-top:14px;
	height:20px;
	right:0;
}

#impressum a, #impressum a:link, #impressum a:visited{
	text-decoration:none;
	color:#403f3f;
}

#impressum a:active, #impressum a:hover, #impressum a:focus{
	color:#000000;
}


/***** Untermenu ******/

#sub{
	padding-left:75px;
	margin-top:5px;
	font-size:11px;
}

#sub li{
	float:left;
	padding-right:20px;
		line-height:1.4;
		white-space:nowrap;
}

.sublink a, .sublink a:link, .sublink a:visited{
	text-decoration:none;
	color:#8d8d8d;
}

.sublink a:active, .sublink a:hover, .sublink a:focus{
	color:#ff6600;
}

#sub #subactive a, #sub #subactive a:link, #sub #subactive a:visited{
	color:#ff6600;
	font-weight:bold;
}

#infobox h2{
	font-size:12px;
	padding-top:12px;
	padding-left:20px;
	font-weight:normal;
}

/***** Inhaltsteil *****/
#content{
	width:955px;
	float:left;
	background: #FFFFFF url(./../img/bg_linie.jpg) top right repeat-y;
	line-height:1.4;
	border-bottom:1px solid #999999;
padding-bottom:70px;
}

#content_left{
	float:left;
	width:650px;
}

#content_left h1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-left:75px;
	padding-top:20px;
	font-size:16px;
	font-weight:bold;
	margin-bottom:22px;
}

#content_left h2{
	padding-left:75px;
	padding-top:20px;
	font-size:12px;
	font-weight:bold;
	margin-bottom:5px;
}

#content_left p{
	padding-left:75px;
	padding-right:75px;
	margin-bottom:7px;
	color:#444444;
}

#content_left ul{
	padding-left:90px;
	margin-bottom:7px;
	color:#444444;
}

#content_left ul li{
	list-style:disc;
}

/***** rechts *****/

#rechts{
	width:304px !important;
	width:305px;
	float:left;
	background-color:#e9e9e9;
	border-left:1px solid #999999;
	background: #FFFFFF url(./../img/bg_linie.jpg) top right repeat-y;
}

#rechts #infotext{
	background-color:#919191;
}

#rechts #infotext p{
	padding:25px 20px 20px 20px;
	color:#FFFFFF;
	
}

#rechts .abstand{
	height:100px;
	width:10px;
}

#footer{
	width:955px;
	height:70px;
	border-bottom:1px solid #999999;
	
}

#partnerbox{
	width:305px;
	background: url(./../img/bg_linie.jpg) top right repeat-y;
	margin-left:650px;
}

#partner{
	padding-left:20px;
	font-size:11px;
	color:#009900;
}

 #partnerlink{
	background-color:#009900;
	margin-top:5px;
	color:#FFFFFF;
	font-size:14px;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999 !important;
	border-bottom:0px solid #999999;
}
 #partnerlink div{
	padding:10px 10px 8px 20px !important;
}

#partnerlink a, #partnerlink a:link, #partnerlink a:visited{
	color:#FFFFFF;
	text-decoration:none;
}

#partnerlink a:hover, #partnerlink a:active, #partnerlink a:focus{
	color:#000000;
}


/* Links im Inhalt */

#content a, #content a:link, #content a:visited{
	color:#ff6600;
	text-decoration:none;
}

#content a:active, #content a:hover, #content a:focus{
	text-decoration:underline;
}


#content_left a, #content_left a:link, #content_left a:visited{
	padding-right:15px;
	background: url(./../img/pfeil.jpg) right 50% no-repeat;
	color:#009900;
}

#content_left .intern, #content_left .intern:link, #content_left .intern:visited{
	background: none;
	padding-right:0px;
	color:#ff6600;
}

/** referer **/

#ref p{
	padding:20px;
	font-weight:bold;
}


#ref a, #ref a:link, #ref a:visited{
	color:#009900;
}


.ab{
	display:block;
	margin-top:8px;
}






/* Vordefriniert */



h6.hiddenStructure {
	margin:0px;
	display:none;
	overflow:hidden;
}

#errorBox {
	width:400px;
	padding:10px;
	border:1px solid #ff0000;
	background-color:#ffcccc;
	color:#000000;
	margin-left:75px;
	margin-bottom:10px;
}
#errorHeader {
	margin-bottom:0px;
	background-color:#ffcccc;
	color:#000000;
	font-weight:bold;
}

#successBox {
	width:400px;
	padding:10px;
	border:1px solid #00ff00;
	background-color:#ccffcc;
	color:#000000;
	margin-left:75px;
	margin-bottom:10px;
}
#successHeader {
	margin-bottom:0px;
	background-color:#ccffcc;
	color:#000000;
	font-weight:bold;
}

input,textarea {
	border:1px solid #000000;
}
input.error,textarea.error {
	border:1px solid #ff0000;
}