body {
	background: #008ee0 url(../pics/bg.jpg) repeat-x;
	margin: 0;
	padding: 0;
	font-size: 100.1%;
	min-height: 100%;

}

:focus {
	outline: 0;
}	
h1, h2, h3, h4, h5, h6, p, br, ul, ol, li, hr  {
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, Verdana, sans-serif;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, li, div, td, th, fieldset, input, textarea, address, blockquote, nobr, b, i  {
font-family:  Arial, Helvetica, Verdana, sans-serif;}

li li {
  font-size: 12px !important;
}

img {
	border: 0;
}

#container {
margin: 0 auto;
width: 960px;
background: #fff;
display: table;

 }
 
 
#header {
position: relative;
width: 960px;
height: 380px;
margin: 0;
padding: 0;
background: #fff;
}

#logo {
position: absolute;
width: 231px;

margin: 0;
padding: 0;
}

.topnav {
	position:absolute;
	left:525px;
	width:400px;
	height:71px;
	z-index:3;
	top: 10px;
}

div.topnav ul  {
float: left;
margin: 0;
padding: 0;
list-style-type: none;
}

div.topnav li  {
display: inline;
padding: 0;
margin: 0;
}

div.topnav a      {

background: transparent url(../pics/punkte-gruen.gif) top right no-repeat;   
margin: 0;
padding: 5px 25px 5px 25px;
display: block;
float: left;
text-decoration: none;
color: #99cc00;
font-size: 11px;
text-transform: uppercase;
}
div.topnav a img {
border: 0;
}

div.topnav a:hover   {
text-decoration: underline;
color: #666;
}

div.topnav ul li.current_page_item a:link, 
div.topnav ul li.current_page_item a:visited, 
div.topnav ul li.current_page_item a:hover, 
div.topnav ul li.current_page_item a:active {
text-decoration: underline;
color: #666;
}





/*MAINNAV
-------------------------------------------------*/
div.mainnav     {
position : relative;
width : 960px;
height: 30px;
margin: 0;
padding: 0;
background: transparent url(../pics/mainnavi-bg.jpg) repeat-x;
}

div.mainnav ul  {
float : left;
list-style-type : none;

}
div.mainnav li  {		
display : inline;
padding : 0;
margin : 0;
}
div.mainnav a      {
margin : 0;
padding : 8px 25px 8px 25px;
display : block;
float : left;
text-decoration : none;
color: #fff;
font-size: 12px;
background: transparent url(../pics/border-rechts.gif) top right no-repeat;   
}

div.mainnav a:visited,  div.mainnav a:active  {
text-decoration : none;
color : #fff;
}

div.mainnav a:hover   {
color : #bdfa08;
}

div.mainnav ul li.current_page_item a:link, 
div.mainnav ul li.current_page_item a:visited, 
div.mainnav ul li.current_page_item a:hover, 
div.mainnav ul li.current_page_item a:active {
color: #bdfa08;
}

div.mainnav ul li.current_page_parent a:link, 
div.mainnav ul li.current_page_parent a:visited, 
div.mainnav ul li.current_page_parent a:hover, 
div.mainnav ul li.current_page_parent a:active {
color: #bdfa08;
}

#main {
width: 960px;
text-align: left;
margin: 0 auto;
clear: both;
background: #fff;
}

.hoehe { height: 680px; }
div[class = "hoehe"] { height: auto; min-height: 680px; }


#subnav   {
float: left;
width: 240px;
padding: 30px 0 0 0;
background: #fff;
}
/* Hide from IE5-mac. Only IE-win sees this. \*/

* html #subnav {
	width: 250px;
	
  }
/* End hide from IE5/mac */

#subnav  ul {
margin: 0;
list-style: none;
display: block;
background: #fff;
}
#subnav li      {
font:  12px/23px Arial, Helvetica, Verdana, sans-serif;

}
html #subnav li {
display: inline; /*fr IEs*/
}
#subnav li a   {
color: #0066cc;
font-weight: bold;
text-decoration: none;
padding: 3px 0px 3px 25px;
display: block;
background: #fff;
border-bottom: 1px solid #F4F4F5;
background: #fff;
}
#subnav li a:hover, #subnav li a:active, #subnav li a:focus  {
color: #2cadf8;
padding: 3px 0px 3px 25px;
background: #fff;
}
.mainhier a:link, .mainhier a:visited, .mainhier a:hover, .mainhier a:active, .mainhier a:focus {
color: #2cadf8;
background: #fff url(../pics/pfeil-grau.gif) 25px 10px no-repeat;
}

#subnav li li a {
padding-left: 60px !important;
font-weight: normal;
background: #fff url(../pics/pfeil-grau.gif) 25px 10px no-repeat;
}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #subnav li li a {padding-left: 25px;}
/* End hide from IE5/mac */


#subnav li li a:hover {
padding-left: 60px !important;
font-weight: normal;
background: #fff url(../pics/pfeil-hellblau.gif) 25px 10px no-repeat;
}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #subnav li li a {padding-left: 25px;}
/* End hide from IE5/mac */

#subnav li li a:hover {
padding-left: 60px !important;
background: #fff url(../pics/pfeil-hellblau.gif) 25px 10px no-repeat;
}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #subnav li li a:hover {padding-left: 25px;}
/* End hide from IE5/mac */

#subnav li li a:active {
padding-left: 60px;
}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #subnav li li a:active {padding-left: 25px;}
/* End hide from IE5/mac */

#subnav li li a:focus {
padding-left: 60px;
}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #subnav li li a:focus {padding-left: 25px;}
/* End hide from IE5/mac */


#subnav ul li.current_page_item a:link, 
#subnav ul li.current_page_item a:visited, 
#subnav ul li.current_page_item a:hover, 
#subnav ul li.current_page_item a:active {
color: #2cadf8;
background: #fff url(../pics/pfeil-hellblau.gif) 25px 10px no-repeat;
}

#content_breit {
margin-left: 250px;

width: 600px;
padding-top: 30px;
padding-bottom: 30px;
background: #ffffff;
line-height: 1.2em;
text-align: left;
}


#content {
margin-left: 250px;
margin-right: 260px;
width: 450px;
padding-top: 30px;
padding-bottom: 30px;
background: #ffffff;
line-height: 1.2em;
text-align: left;
}
/* Hide from IE5-mac. Only IE-win sees this. \*/

* html #content {
	width: 435px;
  }
/* End hide from IE5/mac */

#content_breit p.kleiner {
	font-size: 0.7em;
}


#rechtespalte {
width: 260px;
float: right;
padding-top: 55px;
background: #fff;
}

#rechtespalte img {
	border: 0;
	padding-left: 20px;
}

#content p { color: #000; font-size: 0.8em; padding: 5px 15px 15px 0px;}
#content h1    { color: #008ee0; font-size: 1em; padding: 0 15px 3px 0px; background: transparent url(../pics/punkt-blau.gif) 30px bottom repeat-x; }
#content h2    { color: #008ee0; font-size: 0.8em; padding: 10px 0 15px 0px; }
#content h3    { color: #008ee0;  font-size: 0.8em; padding: 0 15px 0px 0px;}
#content h4    { color: #000;  margin-bottom: 1em; margin-top: 0.5em; font-weight: normal; font-size:0.8em;}
#content ul { list-style-type: none; padding-bottom: 20px; }
#content li {
font-size: 0.8em;
color: #000;
margin-left: 1em;
background-image: url(../pics/pfeil-hellblau.gif);
background-position: 0 6px;
background-repeat: no-repeat;
padding-left: 2em;
}
#content_breit p { color: #000; font-size: 0.8em; padding: 5px 15px 15px 0px;}
#content_breit h1    { color: #008ee0; font-size: 1em; padding: 0 15px 3px 0px; background: transparent url(../pics/punkt-blau.gif) 30px bottom repeat-x; }
#content_breit h2    { color: #008ee0; font-size: 0.8em; padding: 10px 0 15px 0px; }
#content_breit h3    { color: #008ee0;  font-size: 0.8em; padding: 0 15px 0px 0px;}
#content_breit h4    { color: #000;  margin-bottom: 1em; margin-top: 0.5em; font-weight: normal; font-size:0.8em;}
#content_breit ul { list-style-type: none; padding-bottom: 20px; }
#content_breit li {
font-size: 0.8em;
color: #000;
margin-left: 1em;
background-image: url(../pics/pfeil-hellblau.gif);
background-position: 0 6px;
background-repeat: no-repeat;
padding-left: 2em;
}

#content_breit td {
	font-size: 0.8em;
}

#content_breit table {
	padding-left: 2px;
}

#content img {
	padding-top: 0px;
}




#footer {
float: left;
clear: both;
width: 100%;
padding-top: 10px;	
font-size: 0.85em;
color: #4fbaf8;
background: #018ad8 url(../pics/footer-bg.jpg) repeat-x;
}
#footer-box {
	margin: 0 auto;
	width: 960px;
	height: 250px;
	background: transparent;
}


#footer-box p {
	margin-left: 10px;
	padding: 40px 0 0 15px;
	clear: left;
}

#footer-box ul {
list-style: none;
display: block;
padding-left: 25px;
}

#azubis { float:right; margin-right:300px;}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #azubis {margin-right: 100px;}
/* End hide from IE5/mac */
#bbv {float:left; clear: right }

#bewerber { margin-left:225px;}



ul#azubis li a, ul#bbv li a, ul#bewerber li a{ font-size:12px; color:#4fbaf8; text-decoration:none; }

ul#azubis li a:hover, ul#bbv li a:hover, ul#bewerber li a:hover{ font-size:12px; color:#bdfa08; text-decoration:none; }

ul#azubis li li a, ul#bbv li li a, ul#bewerber li li a{ font-size:12px; color:#4fbaf8; text-decoration:none; padding: 0; }

ul#azubis ul, ul#bbv ul, ul#bewerber ul {padding: 0; margin: 0;}

ul#azubis li.current_page_item a:link, 
ul#azubis li.current_page_item a:visited, 
ul#azubis li.current_page_item a:hover, 
ul#azubis li.current_page_item a:active {
	color: #bdfa08;
}


ul#bbv li.current_page_item a:link, 
ul#bbv li.current_page_item a:visited, 
ul#bbv li.current_page_item a:hover, 
ul#bbv li.current_page_item a:active {
color: #bdfa08;
}

ul#bewerber li.current_page_item a:link, 
ul#bewerber li.current_page_item a:visited, 
ul#bewerber li.current_page_item a:hover, 
ul#bewerber li.current_page_item a:active {
color: #bdfa08;
}



/*FOOTERNAV
-------------------------------------------------*/
div.footernav     {
position : relative;
width : 960px;
height: 30px;
margin: 0;
padding: 0;
background: transparent;
}

div.footernav ul  {
float : left;
list-style-type : none;

}
div.footernav li  {
display : inline;
padding : 0;
margin : 0;
}
div.footernav a      {
margin : 0;
padding : 8px 25px 8px 10px;
display : block;
float : left;
text-decoration : none;
color: #4fbaf8;
font-size: 12px;   
}

div.footernav a:visited,  div.footernav a:active  {
text-decoration : none;
color : #4fbaf8;
}

div.footernav a:hover   {
color : #bdfa08;
}

#footernav li li a {
	padding: 0;
}



/* LINKS
---------------------------------*/
#content a:link  {
color : #0066cc;
text-decoration : none;
}
#content a:visited {
color : #0066cc;
text-decoration : none;
}
#content a:hover {
color : #0066cc;
text-decoration: underline;
}
#content a:active {
color : #0066cc;
text-decoration : none;
}



.rechts {
	text-align: right;
}

/*toggle effekt */
/* Gesamter Container */

#gesamt {
padding: 20px 0 0 0;
background:#fff;
margin:0px 0 0 0px; 
width:90%;}

/* Container für ein Eintrag */

.eintrag {
padding:0; font-size: 1em;}

.details p{
margin-bottom:3px;
margin-top:10px;
padding-bottom:3px;
}
.toggle {
	font-size: 0.8em;
}

#esf {
	padding-top: 20px;
	padding-left: 25px;
	width: 141px;
}
#esf p {
	font-size: 11px;
	color: #666;
}

#esf.startseite {
	padding-top: 50px;
}
table {
border-collapse: collapse;
}

table td {
font-size: 0.8em;
}

td.datum {
font-size: 0.7em;
color: #000;
}

table tbody {
border: 0;
}

td {
  border: 1px solid #e5e5e5;
  padding: .4em;
  color: #363636;
  }

td.blau {
	color: #005BA9;
	font-weight: bold;
}
  
thead th, tfoot th {
  font: bold 11px verdana, arial, helvetica, sans-serif;
  border: 0;
  text-align: left;
  background: #d2e3f3;
  color: #08325e;
  padding-top:3px;
  }
  

tbody td a {
  background: transparent;
  text-decoration: none;
  color: #363636;
  }

tbody tr a:hover {
	background: transparent;
  color: #363636;
  }
  
tbody td a:hover {
	background: transparent;
  color: #363636;
  }
tbody th a {
  font: normal 11px arial, helvetica, sans-serif;
  background: transparent;
  text-decoration: none;
  font-weight:normal;
  color: #363636;
  }
tbody th a:hover {
  background: transparent;
  color: #fff;
  }
 
tbody th, tbody td {
  vertical-align: top;
  text-align: left;
  }

tfoot td {
  border: 1px solid #03476F;
  background: #4591AD;
  padding-top:3px;
  color: #FFFFFF;
  }
.odd {
  background: #AEE239;
  }
/*  
tbody tr:hover {
  background: #6BA3DA;
  border: 1px solid #03476F;
  color: #FFFFFF;
  }*/
tbody tr:hover th,
tbody tr.odd:hover th {
  background: #FFD800;
  color: #FFFFFF;
  }
  
/*---Kontaktformular --*/
div.wpcf7 {
	margin: 0;
	padding: 0;
}

div.wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
	color: #000;
}

div.wpcf7-mail-sent-ok {
	border: 2px solid #398f14;
}

div.wpcf7-mail-sent-ng {
	border: 2px solid #ff0000;
}

div.wpcf7-spam-blocked {
	border: 2px solid #ffa500;
}

div.wpcf7-validation-errors {
	border: 2px solid #f7e700;
		color: #ff0000;
}

span.wpcf7-form-control-wrap {
	position: relative;
}

span.wpcf7-not-valid-tip {
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 100;
	background: #fff;
	border: 1px solid #ff0000;
	font-size: 10pt;
	width: 280px;
	padding: 2px;
}

span.wpcf7-not-valid-tip-no-ajax {
	color: #f00;
	font-size: 10pt;
	display: block;
}

span.wpcf7-list-item {
	margin-left: 0.5em;
}

.wpcf7-display-none {
	display: none;
}

img.ajax-loader {
	border: none;
	vertical-align: middle;
}

input, textarea {
	background: #e9f0f4;
	border: 0;
}  
