/*********************Container********************/

* {margin: 0; padding: 0; border: 0;}

body {
text-align: center; 
background: #707070;
color: #fff;
min-width: 700px;
font-family: Verdana,sans-serif;
font-size:11px;
}

A, A:active, A:link  {
	font-size: 11px;
	font-weight : normal;
	color : #660000;/* */
	cursor : pointer;
	text-decoration : underline;
}
/* wrapper holds left faux column tab */
/* nn6/7 will put content out of scrollable reach if auto is used unless the min-width is on body */
#wrapper { 
text-align: left;
width: 90%;
margin: 0 auto; 
background: #fff url(sidebar.gif) repeat-y 10px 0;
max-width: 970px;
}

#header, #nav, #subnav, #footer {
color: #fff;
clear: both; 
width: 100%;
}

#header {
  background-image: url( ./img/logo_back.jpg ); 
  background-repeat: repeat-x;
  color: #fff; 
height: 118px;
}
#image_header{
background-image: url( ./img/logo.jpg ); 
background-repeat: no-repeat;
height:100%;
float: left;
width: 225px;
}

#adress_header{
  margin: 50px 0px 0px 0px;
  padding: 26px 10px 0px 0px;
  text-align: right;
  border-right : solid 1px #660000;
  color: #000;
  height:42px;
  float: right;
  width: 500px;
}
#adress_header a, #adress_header a:hover
{
 color:#660000; 
 font-size:10px;
 font-weight: normal;

}
#footer {
  background: url(./img/back/footer.gif) repeat-x 100% 0; 
  padding-left: 20px;
  padding: 1px 0;
  height: 30px;
}
#nav {
  background: url(./img/back/topnavi.gif) repeat-x 100% 0; 
  height: 25px;
  padding: 0;
}
#subnav {
 background: url(./img/back/subnavi.gif) repeat-x 100% 0; 
  padding: 0;
  height: 25px;
}

#contentfloatholder {/* right faux column tab */
background: url(sidebar.gif) repeat-y 100% 0;
float: left;
width: 100%;
}


#contentfloatholder:after {
 /* this is for NN6 to clear floats */
    content: "."; 
    display: block; 
		height: 0px;
    clear: both; 
    visibility: hidden;
}

#center {
background-image: url( ./img/back/center.jpg ); 
margin: 0 152px 0 222px;
color: #000000;
min-height: 737px;
max-width: 600px;
}

#centerwrap {
  
  float:left;
  width: 100%; 
  border-left : solid 1px #660000;
  margin: 0 -95% 0 0;
}

#left {
  float:left;
  color:#000;
  width: 220px;
  margin: 0 0 0 -5%;
}

#right {
  float:right;
  border-right : solid 1px #660000;
  color:#000;
  width: 150px;
  margin: 0;
}

#home_bild{
	background-image: url( ./img/home_foto.jpg ); 
	background-repeat: no-repeat;
	padding-left: 320px;
	padding-right: 10px;
	padding-top: 50px;
	height: 100px;
	margin: 0 0 0 20px;
	font-size: 11px;

}
.php_wt{
	padding: 0 0 0 20px;
	font-weight: bold;
}
.mehr{
	text-align: right;
}
.mehr a{
	font-size: 12px;
	font-weight: bold;
}
#php_wagenteile{
	margin:10px 20px;
	background-repeat: no-repeat;
	width: 500px;
  cursor: pointer; 
  border:solid 1px #660000;
}
div#popup_message
            {
                border: 1px solid #660000;
                position: absolute;
                top: 20px;
                left: 20px;
                z-index: 10;
                width: 300px;
                height: 100px;
				color: #660000;
                background-color: white;
                opacity: 0.5;
                filter: alpha(opacity=50);
            } 
body > div#popup_message {
  /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
  position: fixed;
}

/************* IE Mac CSS Only  works for Win too **************/
* html div#centerwrap {margin: 0 -100% 0 0;}
* html div#left {margin: 0;}

div h3, div h4, div p {
padding: 0 20px; 
}
div p {
	padding-bottom: 10px;
	line-height: 12pt;
}
div h3 {
	/*font-family : Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 14px;
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 10px;
}

div h4 {
	/*font-family : Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 12px;
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 10px;
}
div ul{
	padding-left: 50px;
}
div img{
	border: solid 1px #660000;
}

/*********************NAVI********************/

#nav_buttons {
	/*position:absolute;*/
	list-style:none;
	margin:0;
	padding:0;
	height:25px;
	display:inline;
	width: 770px; /* Anzahl x Breite der Buttons */ 
}
	
#nav_buttons li {
	margin:0; 
	padding:0;
	display:inline;
	list-style-type:none;
}

#nav_buttons a {
	float:left;
	background:url(./img/buttons/btn2.gif) top left no-repeat;
	padding-top:6px;
	font-family:Verdana;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	text-transform:uppercase;
	font-size:11px;
	color: #fff;
	width: 110px; /* nur IE Schrott */
	height:19px;
}
	
#nav_buttons a:hover {
	background-position: -110px 0px;
	color: #f90;	
}
#nav_buttons a.selected {
	background: url(./img/buttons/btn_active2.gif) no-repeat;
	color: #f90;
}
#nav_buttons a.selected:hover {
	background: url(./img/buttons/btn_active2.gif) no-repeat;
	color: #f90;
}

#nav_subbuttons {
	/*position:absolute;*/
	list-style:none;
	margin:0;
	padding:0;
	height:25px;
	display:inline;
	width: 770px; /* Anzahl x Breite der Buttons */ 
}
	
#nav_subbuttons li {
	margin:0; 
	padding:0;
	display:inline;
	list-style-type:none;
}

#nav_subbuttons a {
	float:left;
	background:url(./img/buttons/btn.gif) top left no-repeat;
	padding-top:6px;
	font-family:Verdana;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	text-transform:uppercase;
	font-size:9px;
	color: #fff;
	width: 140px; /* nur IE Schrott */
	height:19px;
}
	
#nav_subbuttons a:hover {
	background-position: -140px 0px;
	color: #f90;	
}
#nav_subbuttons a.selected {
	background: url(./img/buttons/btn_active.gif) no-repeat;
	color: #f90;
}
#nav_subbuttons a.selected:hover {
	background: url(./img/buttons/btn_active.gif) no-repeat;
	color: #f90;
}

.line{
	margin: 0px 20px;
	height: 2px;
	line-height: 2px;
	background:#660000;
}  
.topline {
 background: url(./img/back/subnavi.gif) repeat-x; 
 margin: 0 20px 10px 20px;
 height: 8px;
 line-height: 8px;
}
.headline {
background: url(./img/back/topnavi.gif) repeat-x ; 
border: solid 1px #660000;
margin-left: -1px;
font-family : Bitstream Vera Sans, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight : bold;
text-align: center;
padding-top: 5px;
width:220px;
height:20px;
color: #fff;
}
.headline_rechts {
background: url(./img/back/topnavi.gif) repeat-x ; 
border: solid 1px #660000;
margin-left: -1px;
font-family : Bitstream Vera Sans, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight : bold;
text-align: center;
padding-top: 5px;
width:150px;
height:20px;
color: #fff;
}
.subheadline {
width: 182px;
background-color: #e4e4e4;
margin: 10px 8px 0px 8px;
padding: 5px 10px;
color: #000;
border : solid 1px #000;
}

.subheadline_rechts {
width: 114px;
background-color: #e4e4e4;
margin: 10px 8px 0px 8px;
padding: 5px 10px;
color: #000;
border : solid 1px #000;
}
.left_container {
width: 202px;
margin: -1px 8px 20px 8px;
color: #000;
border : solid 1px #000;
}
.right_container {
width: 114px;
margin: -1px 8px 20px 8px;
padding: 5px 10px;
color: #000;
border : solid 1px #000;
}
.right_text{
padding: 5px 5px;
font-size: 9px;
}
.left_right_container_content {
padding: 5px 10px;
}
.code{
	font-family: Monospace, Courier;
	padding: 5px 10px;
	margin: 0 20px;
	border: solid 1px #660000;
	background: #fff;
}

/*topnavi-abhängige styles*/
.subspace_3_referenzen{
  padding-left:290px;
  float:left;
  height:25px;
}
.subspace_4_tipps{
  padding-left:430px;
  float:left;
  height:25px;
}




/* testbaustelle */
div.flat{height:520px;margin:0 25px;padding:0px;}
div.left49 {float:left;width: 39%;}
div.right49 {float:right;width: 60%;}
div.left49 p,div.right49 p{margin:0px 20px; padding:0px}

/* NETZWERK */
.netz_pixelaxel{
  background-image: url( ./img/netz/pixelaxel.gif ); 
  background-repeat: no-repeat;
  padding-left: 100px;
  margin-right: 20px;
  margin-left: 20px;
  height: 100px;
}
.netz_wirtz{
  background-image: url( ./img/netz/wirtz.gif ); 
  background-repeat: no-repeat;
  padding-left: 100px;
  margin-left: 20px;
  margin-right: 20px;
  height: 100px;
}
.netz_bartel{
  background-image: url( ./img/netz/bartel.gif ); 
  background-repeat: no-repeat;
  padding-left: 100px;
  margin-left: 20px;
  margin-right: 20px;
  height: 100px;
}
.netz_kothe{
  background-image: url( ./img/netz/kothe.gif ); 
  background-repeat: no-repeat;
  padding-left: 100px;
  margin-left: 20px;
  margin-right: 20px;
  height: 100px;
}