/********************************************
   HTML ELEMENTS
********************************************/ 

/* Top Elements */

body {
	font: 11px/1.75em Verdana, Tahoma, arial, sans-serif;
	color: #666666; 
	text-align: center;
	margin: 0 0 15px 0;	
	padding:0;
	background-color:#DFE0E3;overflow:auto;
	overflow: -moz-scrollbars-vertical; }

/* links */
a, a:visited {	
	color: #326ea1; 
	background: inherit;
	text-decoration: none;}


ul, ol {
	margin: 5px 20px;
	padding: 0 20px;}
	

/* images */
img {border:0;
}
img.float-right {
  	margin: 5px 0px 10px 10px;  
}
img.float-left {
  	margin: 5px 10px 10px 0px;
}*/

/* start - table */
/*table {
	border-collapse: collapse;
	margin: 10px;	
}
th strong {
	color: #fff;
}
th {
	background: #e7e6e6 url(../images/button.jpg) repeat-x;
	height: 29px;
	padding-left: 12px;
	padding-right: 12px;	
	text-align: left;
	border-left: 1px solid #f4f4f4;
	border-bottom: solid 2px #fff;
	color: #333;
}
tr {
	height: 30px;
}
td {
	padding-left: 11px;
	padding-right: 11px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
td.first,th.first {
	border-left: 0px;
}
tr.row-a {
	background: #F8F8F8;
}
tr.row-b {
	background: #EFEFEF;		
}*/
/* end - table */

/* form elements */

/*input {
	font: normal 1em Verdana, sans-serif;
	color:#777;
}*/

textarea {
	width:400px;
	padding:2px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #eee;
	height:100px;
	display:block;
	color:#777;}



/********************************************
   LAYOUT
********************************************/ 
#wrap {
	position: relative;
	width: 1016px;	
	margin: 0 auto;
	text-align: left;
	background: #fff url(../img/background.jpg) repeat-y center top;}

#content-wrap {
	float: left;
	width: 930px;
	margin:0; padding:0;
	margin-left: 41px;
	display: inline;}



/********************************************
 Header
********************************************/ 

#header {
	float:left;
	width: 986px;
	height:99px;padding:0 0 0 15px;}


#header #header-logo {
	float:left;
	width:525px;
	margin:0px;padding:0;}


#header #header-farben {
	float:left;
	margin:0px;padding:0;}

/*////////////////// header impressum /////////////////*/
#header #header-impressum {
	position: absolute;
	top: 66px; left:720px;}

#header #header-impressum p {	
	padding: 5px;	margin: 5px;line-height:1.5em;}

#header #header-impressum a {	
	color: #838181;
	font-size: 10px;	
	font-weight: bold;
	text-decoration: none;}
	
#header #header-impressum a:hover {
	color: #444;
	background: inherit;
	padding-bottom: 0;
	border-bottom: 2px solid #BCD8EF;}
/*////////////////// header impressum -Ende /////////////////*/

/*////////////////// header drucken /////////////////*/
#drucken {
	position: relative;
	top: 0px; left: 612px; margin:0 0 0px 0;padding:0}

#drucken p {	
	padding:0; margin:0; line-height:0;}

#drucken a {	
	color: #838181;
	margin:0;padding:0}
	

/*////////////////// header impressum -Ende /////////////////*/



/********************************************
 Header Ende
********************************************/ 



/********************************************
 Oben Anfang
********************************************/ 

#header-oben{
	position: relative;
	clear: both;
	margin: 0 auto 0 auto;
	padding:0;
	height: 250px;
	width: 986px;}

/*////////////////// header hauptnavi anfang /////////////////*/

#header-oben #hauptnavi {
	float:left;
	width: 238px;
	background: #fff url(../img/hauptnav.jpg);
	height: 250px; line-height:0;}

#hauptlinks {
	float: left;
	width: 238px;	
	margin-top: 0px;line-height:0;}

#hauptlinks ul.navigation {
	margin: 25px 0 0 0; padding: 0;			
	width: 230px;line-height:0;}
	
#hauptlinks ul.navigation li {
	list-style:none;
	padding: 0px 0 0px 0;
	margin: 0 0 0 0;
	vertical-align:middle;
	line-height:20px;}

* html body ul.leftmenu li {
	height:0;
	border: none; margin:0; padding:0;line-height:0;}
	
#hauptlinks ul.navigation li a {
	display:block;
	color: #fff;
	width: 180px;
	padding:0 0 0 50px; margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	vertical-align:bottom; }

#hauptlinks ul.navigation  li a.hover-sl2 {	
	background:  url(../img/hover-sonderleistungen.jpg)  no-repeat center left;}

#hauptlinks ul.navigation  li a:hover.hover-sl {	
	background:  url(../img/hover-sonderleistungen.jpg)  no-repeat center left;}

#hauptlinks ul.navigation  li a.hover-betrieb2 {	
	background:  url(../img/hover-betrieb.jpg)  no-repeat center left;}
	
#hauptlinks ul.navigation  li a:hover.hover-betrieb {	
	background:  url(../img/hover-betrieb.jpg)  no-repeat center left;}

#hauptlinks ul.navigation  li a.hover-l2 {	
	background:  url(../img/hover.jpg)  no-repeat center left;}
	
#hauptlinks ul.navigation  li a:hover.hover-l {	
	background:  url(../img/hover.jpg)  no-repeat center left;}

#hauptlinks ul.navigation  li a.hover-ref2 {	
	background:  url(../img/hover-ref.jpg)  no-repeat center left;}

	
#hauptlinks ul.navigation  li a:hover.hover-ref {	
	background:  url(../img/hover-ref.jpg)  no-repeat center left;}

#hauptlinks ul.navigation  li a.hover-inf2 {	
	background:  url(../img/hover-inf.jpg)  no-repeat center left;}
	
#hauptlinks ul.navigation  li a:hover.hover-inf {	
	background:  url(../img/hover-inf.jpg)  no-repeat center left;}

#hauptlinks ul.navigation  li a.hover-par2 {	
	background:  url(../img/hover-par.jpg)  no-repeat center left;}
	
#hauptlinks ul.navigation  li a:hover.hover-par {	
	background:  url(../img/hover-par.jpg)  no-repeat center left;}

#hauptlinks ul.navigation  li a.hover-serv2 {	
	background:  url(../img/hover-serv.jpg)  no-repeat center left;}

#hauptlinks ul.navigation  li a:hover.hover-serv {	
	background:  url(../img/hover-serv.jpg)  no-repeat center left;}
	
#hauptlinks ul.navigation  li.a.hover-csr2  {	
	background:  url(../img/hover-csr.jpg)  no-repeat center left;}

#hauptlinks ul.navigation  li a:hover.hover-csr {	
	background:  url(../img/hover-csr.jpg)  no-repeat center left;}		

/*////////////////// header hauptnavi ende/////////////////*/

#header-oben #bereichsimg {
	float:left;
	height: 250px;}

#header-oben #banner {
	float:left;
	margin-left:8px;
	height: 250px;width:240px;}

/********************************************
 Oben Ende
********************************************/ 

/********************************************
 Horizontale Navi Anfang
********************************************/ 
#nav {
	clear: both;	
	padding: 0;	
	border-top: 8px solid #fff;
	margin: 0 auto 5px auto;
	width: 932px;
	height: 25px;
	}

#nav #nav-links  {
	float: left;
	background: #62778C;	
	width: 207px;		
	padding: 0;	margin: 0 0 0 0;}

#nav #nav-links ul {
	padding: 0;	margin: 0 0 0 15px;}

#nav #nav-mitte  {
	float: left;
	background: #62778C;	
	width: 475px;		
	padding: 0;	margin: 0 0 0 0;}

#nav #nav-mitte ul {
	padding: 0;	margin: 0 0 0 0;}


#nav ul li {
	display: inline;
	margin: 0; padding: 0;}


#nav ul li a {
	display: block;
	float: left;
	width: auto;
	margin: 0; padding: 0 15px 0 5px;	
	color: #fff;
	font:  12px/24px "Verdana", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	text-decoration: none;}


#nav ul li a:hover{
	color: #BCD8EF;}


#nav #nav-rechts {
	float:left;
	background: #62778C;	
	width: 240px;		
	padding: 0px 0;	margin: 0 0 0 7px;}

#nav #nav-rechts .suche{
	margin: 0; padding:0px 0px;
	color: #fff;
	background: #62778C;
	font:  12px "Verdana", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;}


#nav-rechts label, input, select { /* Alle Labels UND Formularelemente auswählen */
  display: block;
  float: left;
  width: 60px; /* Breite.*/
  margin-right:10px;}

#nav-rechts input#submit { /* den Submit-Button */
 float: none; padding-top:1px;
 height:16px;width:16px;}

#nav-rechts input#Name { /* den Submit-Button */
 width:100px; font-size:9px;}
 
#nav-rechts label {
 padding-right: .1em; 
 padding-left:.8em;margin-right:0px; }

#nav-rechts label#bezeichnung { /* Alle Labels UND Formularelemente auswählen */
 color:#FFFFFF;font-size:12px;}
    
#nav-rechts form {
vertical-align:absmiddle;	
  margin:0;
  padding:.05em;
  width:240px;}  


/********************************************
 Horizontale Navi Ende
********************************************/ 


/* Main Column */
#main {
	margin: 0px 249px 0 213px;padding:0;}
#main .balken{margin:0px;padding:0px 0px 5px 0px;}

#inhalt{
	margin: 0 10px 0 10px; padding: 0;}

#inhalt h1, h2, h3 {
margin:0;padding:5px 0 5px 0;line-height:1.5em;
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;font-weight:bold;color:#000066;
}
	
#inhalt img {margin:0;padding:5px 0px 5px 0px;line-height:1.5em;}
		


/********************************************
 Linke Spalte Anfang
********************************************/ 


#sidebar {
	float:left;
	width: 205px;
	line-height:0;
	
	background-color: #E2E6EA;
	margin-top: 0px;padding:0;
	}

#sidebar ul.leftmenu {
	margin: 25px 0 0 0; padding: 0;			
	width: 205px;line-height:0;}


/* linksmenu */
#sidebar ul.leftmenu {
	text-align: left;
	margin: 10px 0px 15px 0px; padding: 5px 0;			
	text-decoration: none;}

#sidebar ul.leftmenu li {
	display:block;
	list-style:none;
	padding: 0px 0 0px 0;
	margin: 0 0 0 0;
	vertical-align:middle;
	line-height:20px;}

#sidebar ul.leftmenu li a {
	display:block;
	width: 180px;
	color: #333333;
	padding:0 0 0 25px; margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}


#sidebar ul.leftmenu li.sonderleistungen2 a {	
	background:  url(../img/hover-un-son.jpg) no-repeat center left;}	
	
#sidebar ul.leftmenu li.sonderleistungen a:hover {	
	background:  url(../img/hover-un-son.jpg) no-repeat center left;}	


#sidebar ul.leftmenu li.leistungen2 a {	
	background:  url(../img/hover-un-leist.jpg) no-repeat center left;}

#sidebar ul.leftmenu li.leistungen a:hover {	
	background:  url(../img/hover-un-leist.jpg) no-repeat center left;}


#sidebar ul.leftmenu li.betrieb2 a{	
	background:  url(../img/hover-un-bet.jpg) no-repeat center left;}

#sidebar ul.leftmenu li.betrieb a:hover {	
	background:  url(../img/hover-un-bet.jpg) no-repeat center left;}

#sidebar ul.leftmenu li.referenzen2 a {	
	background:  url(../img/hover-un-ref.jpg) no-repeat center left;}


#sidebar ul.leftmenu li.referenzen a:hover {	
	background:  url(../img/hover-un-ref.jpg) no-repeat center left;}	

#sidebar ul.leftmenu li.informationen2 a {	
	background:  url(../img/hover-un-inf.jpg) no-repeat center left;}

#sidebar ul.leftmenu li.informationen a:hover {	
	background:  url(../img/hover-un-inf.jpg) no-repeat center left;}	

#sidebar ul.leftmenu li.partner2 a {	
	background:  url(../img/hover-un-pat.jpg) no-repeat center left;}

#sidebar ul.leftmenu li.partner a:hover {	
	background:  url(../img/hover-un-pat.jpg) no-repeat center left;}

#sidebar ul.leftmenu li.service2 a {	
	background:  url(../img/hover-un-ser.jpg) no-repeat center left;}

#sidebar ul.leftmenu li.service a:hover {	
	background:  url(../img/hover-un-ser.jpg) no-repeat center left;}

/********************************************
 Linke Spalte Ende
********************************************/

/********************************************
 Rechte Spalte Anfang
********************************************/
#rightcolumn {
	float: right;
	width: 250px;
	margin-top: 10px;}



/* rightmenu */
ul.rightmenu {
	text-align: left;
	margin: 7px 8px 8px 10px; padding: 0;			
	text-decoration: none;
	font-weight:bold;}

ul.rightmenu li {
	list-style: none;
	padding: 10px 0 10px 20px;
	margin: 0 0;
	border-bottom: 2px dotted #BAC4CD;
	margin-bottom:3px;
	background: #fff url(../img/pfeil.jpg) no-repeat center left;
	line-height:1.3em;}


* html body ul.rightmenu li {
	border-bottom: 2px dotted #BAC4CD;
}

ul.rightmenu li a {
	dislay:block;	
	text-decoration: none;	
	color: #62778C; 
	border: none;
	padding: 0 0 0 0; margin:0; background:none;}

ul.rightmenu li a:hover {	
	color: #383d44;
	border: none;}
	
	
img#region{
margin: 3em 0 0 2em;}	

/********************************************
 Rechte Spalte Ende
********************************************/



/********************************************
 Footer Anfang
********************************************/

#footer-wrap {
	clear: both;
	width: 986px;
	margin: 0px auto 0px auto; 
	font-size: 95%;
	padding: 20px 0 0 0;
	text-align: left;}

#footer {
	clear: both;
	color: #fff;	
	width: 986px;
	padding: 5px 0;
	text-align: center;
	margin:0px 0;
	background: #00335E;
	border-top: 1px solid #F2F2F2;}

#footer p {margin:0;padding:0;}
/********************************************
Footer Ende
********************************************/

img.balken{float:left;margin:0;padding:0;line-height:0}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }

/* display and additional classes */
.clear { clear: both; }

/* post */

.post-footer .date{
	margin: 0 10px 0 5px;}
.post-footer a.comments {
	margin: 0 10px 0 5px;}
.post-footer a.readmore {
	margin: 0 10px 0 5px;}


