/**
 *  css styles -> ibs-l.de
 *  programmierung rubenrati.de
 *  -----------------------------------
 */
 *{
   margin:0;
   padding:0;
   font-family:Tahoma, Arial, Helvetica, sans-serif;
   font-size:10pt;
   color:#FFF;
  }

#Wrapper {
	width: 800px;
	margin:0 auto;
}

  h1{font-size:16px;color:#FFF;padding:20px 0 16px 20px;font-weight:normal;}
  html,
  body{background:#90c3d4;}
  
 #content {width:570px;float:right;}
 #mainContent {width:550px;float:right;padding-right:20px;}
 #sidebar {width:170px;float:right;}
 #footer {clear:both;}
 
 /** [ header **/
 #header{width:800px;height: 170px;position: relative;}
 .left{position:absolute; left: 25px; top: 25px;}
 .right{float: right;width: 570px;}
 .nav{width: 570px;height:162px;position: relative;margin:0 auto;background: #90c3d4 url('../images/bg_menu.jpg') no-repeat right top;}
  
  /* Menu */
	#invertedtabs{background: transparent;voice-family: "\"}\"";voice-family: inherit;position:absolute;left:22px;top:0px;height:40px;line-height:30px;z-index:11;text-align:center;}
	#invertedtabs ul{font: 10px Tahoma, Arial, sans-serif;margin:0;margin-bottom: 1em; /*margin between menu and rest of content*/padding:0;list-style:none;}
	#invertedtabs li{display:inline;margin:0 2px 0 0;padding:0;line-height: 1.5em;}
	#invertedtabs a{float:left;color: white;background: #778877 url(media/color_tabs_left2.gif) no-repeat left bottom;margin:0 10px 0 0;padding:0 0 0 6px;text-decoration:none;/*border:1px solid #FFF;*/}
	#invertedtabs a span{float:left;display:block;background: transparent url(media/color_tabs_right2.gif) no-repeat right bottom;padding:10px 35px 10px 35px;}
	#invertedtabs a span{float:none;}
	#invertedtabs a:hover{background-color: #31373f;}
	#invertedtabs a:hover span{background-color: #31373f;}
	#invertedtabs #current a, #invertedtabs #current span{ /*currently selected tab*/background-color: #31373f;}
	#invertedtabsline{clear: both;padding: 0;width: 100%;height: 8px;line-height: 8px;background: #8b0000;border-bottom: 1px solid #fff; /*Remove this to remove border between bar and tabs*/}  
  
  .nav1 {position:absolute;left:240px;top:135px;width: 560px;}
  .nav1 li {padding: 10px 15px 10px 15px;color: #FFF;display: inline;/*border:1px solid #FFF;*/}
  .nav1 li.active {font-weight: bold;}
  .nav1 li a {background: transparent;color: #FFF;text-decoration: none;}
  .nav1 li a:hover {color: #FFF;background: transparent;text-decoration: underline;}
  .key { text-decoration: underline; } /* ACCESKEY UNDERLINED LETTER */
  
  .navigation {position:absolute;padding:0 0 0 10px;color:#344D2E;left:10px;line-height:16px;text-align:left;top:164px;width:400px;font: 10px Tahoma, sans-serif, Verdana, Arial;}
  .navigation span {color:#080E4B;font: 10px Tahoma, sans-serif, Verdana, Arial;}
  .navigation a {color:#080E4B;text-decoration:none;}
  .navigation a:hover {text-decoration:underline;}
  
  #navSidebar {width:200px;float:left;padding-top:19px;padding-left:10px;}
  
  .address{top:125px;margin-bottom:50px;z-index:10;font-size:11px;padding:2px 4px;}
  .address img{border:2px solid #FFF;margin-bottom:10px;margin-top:35px;}
  .address h2 {font: 13px Tahoma;margin: 0;color: #344d2e;padding: 10px 0 0 0;}
  .address p {font: 11px Tahoma;margin: 0;color: #080e4b;}
  .address span {font: 11px Tahoma;margin: 0;color:#FFF;}
  .address a {font: 11px Tahoma;margin: 0;color: #080e4b;text-decoration:none;}
  .address a:hover{color:#080e4b;text-decoration:underline;}
  
  .news{top:125px;margin-bottom:50px;z-index:10;font-size:11px;padding:2px 4px;}
  .news img{border:2px solid #FFF;margin-bottom:10px;margin-top:35px;}
  .news p {font: 12px Tahoma;margin: 0;color: #080e4b;margin-bottom:5px;}
  .news a {font: 12px Tahoma;margin: 0;color: #FFF;text-decoration:none;}
  .news a:hover{color:#080e4b;text-decoration:underline;}
  
  h1{padding:0 0 5px 0;}
  .startseiteTeaser{font-size:16px;color:#857168;padding:0 55px 0 0;}
  .welcome h1 {font-size:16px;color:#FFF;padding:20px 0 16px 20px;}
  .border {width:570px;position:relative;margin:0 auto;line-height:0;}
  
  h2 {font-size:1.5em; padding-left:4px; margin:3px 0 0 0; color:#000000;}
  h3 {font-size:0.8em; padding-left:4px; margin:0 0 7px 0; color:#999999; }
  
  .break {clear:both;}
  .box { width:570px;position:relative;margin:0 auto; background: #FFF;}
  .box div { padding:10px 20px 10px 25px; font-size:12px; color:#000; line-height:18px;font-weight:normal;} 
  .box h1 { color:#000;font-size:14px;}
  .box h2 span{color:#000000;margin-left:35px;font-size:16px; }
  .box a,.bigbox a {color:#000;text-decoration:none;}
  .box a:hover,.bigbox a:hover {color:#0B52B5; text-decoration:none;}
  .box h2 a{font-size:0.9em;text-decoration:none;}
  .box h2 a:hover {font-size:0.9em; text-decoration:underline;color:#000;}
  .box p {color:#000;padding:0 15px 0 5px;}
  .imagen{border:1px solid #CCC;background-color:#FFF;margin-bottom:10px;}
  .imgpeq{border:1px solid #CCC;float:left;margin:0 15px 0 15px;padding:2px;background-color:#FFF;}
  
  .PostCom {border-bottom:1px solid #ECC9A5;margin-bottom:10px;}
  
  .PostDate { margin: 0px; position: absolute; top: 0px; left: -70px; text-align: center; background: url(images/PostHead.gif) repeat-x bottom; padding: 0px 10px 6px 10px;}
  .PostDate small { font-size: 10px; color:#8a98a2; font-weight: bold; }
  .PostDate .month { display:block; text-transform: uppercase; font-size: 9px;}
  .PostDate .day { display:block; font-size: 24px; line-height: 24px; font-family: 'Arial'; letter-spacing: -1px; font-weight: normal; color:#4a5a65;}
  .PostDate .year { display:block;}
  
  .button{position:absolute;z-index:10;color:#FFF;font-size:10px;font: Tahoma, Arial, sans-serif;/*border:1px solid #FFF;*/}
  .button_a{position:absolute;left:10px;}
  .button_b{position:absolute;left:10px; top: 326px;}
  .button_c{position:absolute;left: 291px;}
  .button_d{position:absolute;top: 165px;left: 291px;}
  .button_e{position:absolute;top: 326px;left: 291px;}
  
  .aktuelles a{position:absolute;left:5px;top:286px;margin-bottom:10px;z-index:10;color:#252525;font-size:16px;padding:2px 4px;margin: 0;	text-decoration: none;}
  .aktuelles a:hover {color: #344D2E;background: transparent;left: 10px;}
  .leistungen a{position:absolute;left:5px;top:120px;margin-bottom:10px;z-index:10;color:#252525;font-size:16px;padding:2px 4px;margin: 0;text-decoration: none;}
  .leistungen a:hover {color: #344D2E;background: transparent;left: 10px;}
  .proref a{position:absolute;left:5px;top:120px;margin-bottom:10px;z-index:10;color:#252525;font-size:16px;padding:2px 4px;margin: 0;text-decoration: none;font: Tahoma, Arial, sans-serif;}
  .proref a:hover {color: #344D2E;background: transparent;left: 10px;}
  .ueberuns a{position:absolute;left:5px;top:120px;margin-bottom:10px;z-index:10;color:#252525;font-size:16px;padding:2px 4px;margin: 0;text-decoration: none;	font: Trebuchet MS,Tahoma, Arial, sans-serif;}
  .ueberuns a:hover {color: #344D2E;background: transparent;left: 10px;}

  #slogan div {position:absolute;width:264px;height:20px;top:60px;text-align:center;/*border:1px solid #FFF;*/}
  #slogan h1 {font-size:18px;font: Tahoma, Arial, sans-serif;}
  #slogan .cf_element {margin:0pt;padding:0pt;}

  #footer {clear:both; width:800px; height: 44px; background: url('../images/footer.png') repeat-x;}
  #footer p{width:637px; float:right; color:#FFF; font-size:12px; text-align:right; padding: 23px 20px;}
  #footer p a,
  #footer p strong{text-decoration:none;color:#FFF;font-size:12px;}