/* Stylesheet neuer OBO Auftritt*/

/* =======================================
   1. Allgemeine Styles
   =======================================*/
@import url(navi_dropdown.css);
@import url(navi_dropdown2.css);

   
* { padding: 0; margin: 0 }

html {height: 101%; }
body { color: #666; font-family: Verdana; font-size: 0.7em; line-height: 130%; background-color: #abaaaa; background-image: url(../jpg/background.jpg); background-repeat: repeat-x; }

h1 { font-size: 150%; font-family: Verdana; }
h2 { font-size: 130%; }
h2, p, ul, ol { margin-bottom: 1em; }
ul, ul { margin-bottom: 0; }
li { margin-left: 1em; }
hr { color: #f90; }

address {font-style: normal; line-height: 130%; }
.addresscont { background-color: #FFF; line-height: 130%; }
.addresscont h2{ background-color: #F90; padding: 2px 10px; margin-bottom: 10px; line-height: 130%; font-size: 100%; text-align: right }
.addresscont h3{ line-height: 130%; font-size: 100%; padding-left: 20px }
.addresscont h4{ font-style:italic; font-weight: normal; font-size: 100%; padding-left: 20px }
.addresscont p{ padding: 0 0 0 20px }
.addresscont a:link  { color: #f90; }
.addresscont a:visited  { color: #f90; }
.addresscont a:hover  { color: #666; }
.addresscont a:active  { color: #f90; }

a { text-decoration: none; outline: none; }

a.close:link  { color: #fff; font-weight: normal}
a.close:visited  { color:#FC9 }
a.close:hover  { color: #fff; }
a.close:active  { color: #fff; }

a.btnhover {    
  border:1px solid #999;
  padding:0 2px;
}   
a.btnhover:hover {   
  border:1px solid #f90;
  padding:0 2px;
}   

.skiplink {
  position: absolute;
  top: -2000px;
  left: -3000px;
  width: 0px;
  height: 0px;
  overflow: hidden;
  display: inline;
}
.versteckmich {
   position: absolute;
   left: -9999px; 
   top: -9999px; 
   display: inline;
   width: 0;
   height: 0;
}
.tabmich:focus, .tabmich:active {
   position: absolute;
   top: 9999px;   /* Werte f?r top/left ggfs. dem Layout anpassen */ 
   left: 9999px; 
   display: inline; 
   width: 12em;   /* Werte f?r width/height dem Text anpassen */ 
   height: auto; 

   background-color: white; 
   color: black; 
   padding: 5px; 
   border: 1px solid black;
}

.form { color: #666; font-size: 100%; font-weight: normal; background-color: #fff; border: solid 1px #ccc; padding: 1px; }
.formbutton { color: #FFF; font-size: 100%; font-weight: normal; background-color: #666; border: solid 1px #ccc; }
.letterspacing0 { letter-spacing: 0; }
.inlineimage { margin: 0 5px 0 0; float: left ; }
.inlineimage1 { margin: 0 20px 0 0; float: left ; }
.inlineimage2 { margin: 0 40px 0 0; float: left ; }
.inlineimage3 { margin: 0 20px 0 10px; float: left ; }
.inlineimage4 { margin: 0 10px 0 0; float: left ; }
.normal { font-weight: normal; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.italicsmall { font-style: italic; font-size: 93%; }
.boldf90 { color: #f90; font-weight: bold; }
.big { font-size: 120%; line-height: 130%; }
.xsmall { font-size: 93%; line-height: 110%; }
.xsmallnormal { font-weight: normal; font-size: 93%; line-height: 110%; }
.navebene4 { font-size: 93%; }
.headline { color: #f90; font-weight: bold; font-size: 130%; }
.table1{ }
.table1 td { background-color:#F5F5F5; padding: 3px; border-bottom: solid 1px #FFF; }
.table1 th { background-color:#F90; color: #FFF; text-align: left; padding: 3px; border-bottom: solid 1px #FFF; }
.table2{ }
.table2 td { font-size: 93%; padding: 3px; border-bottom: solid 1px #ccc; }
.table2 th { color: #F90; text-align: left; padding: 3px; border-bottom: solid 1px #f90; }
.table2 h3 { color: #F90; text-align: left; padding: 3px; border-bottom: solid 1px #f90; }
.table3{ }
.table3 td { font-size: 93%; padding: 3px; }
.table3 th { color: #F90; text-align: left; padding: 3px; border-bottom: solid 1px #f90; }
.table4 { width:488px }
	.table4 th { color: #F90; text-align: left; border-bottom: solid 1px #f90; }
	.table4 td { font-size: 93%; padding-top: 15px; line-height: 110%; }
.table5 {  }
	.table5 th { color: #F90; text-align: left; padding:15px 0 3px 0; border-bottom: solid 1px #f90; }
	.table5 td { font-size: 93%; padding: 5px 3px 7px 3px; border-bottom: solid 1px #ccc; }
	.table5 td p { padding-left: 5px; line-height: 100%; }
.table6 { width:488px }
	.table6 td { font-size: 93%; padding:2px; border-bottom: solid 1px #ccc; }
.table7 { font-size: 93%; }
	.table7 th { padding:5px; background-color:#D5D5D5; border-bottom: solid 1px #fff; }
	.table7 td { padding:2px; border-bottom: solid 1px #ccc; }
.tableFAQ { font-size: 83%; }
	.tableFAQ th { padding:3px; background-color:#D5D5D5; border-left: solid 1px #000; }
	.tableFAQ td { padding:3px; border-left: solid 1px #000; }
.table_news { margin-bottom: 1em; }
	.table_news td{ padding: 0 5px; font-size:93%;line-height:120%;}
.TabDown { width: 100%; font-size:93% }
	.TabDown th { color:#f90; text-align: left; border-bottom:solid 1px #f90; }
	.TabDown tr:nth-child(even) { background-color:#EEE; border-bottom: solid 1px #CCC }
	.TabDown tr:nth-child(odd) { background-color: #FFF; border-bottom: solid 1px #CCC }
.contactform { border: dotted 1px #f90; padding: 5px; }
.contactform h2 { font-size: 100%; font-weight: bold; color: #FFF; background-color: #f90; padding: 2px; }
.contactform td { font-weight: bold; padding: 3px; }
.contactform2 { padding: 5px; }
.contactform2 h2 { font-size: 100%; font-weight: bold; color: #FFF; background-color: #f90; padding: 2px; }
.contactform2 th { color: #F90; text-align: left; border-bottom: solid 1px #f90; }
.contactform2 td { font-weight: bold; padding: 3px 0; }
.ulformat { list-style-image: url(../gif/pfeil.gif); }
.lihead { list-style-type: none;  color: #666; font-weight: bold; margin:0; padding: 0; }
.ulformat2 { padding-left: 15px; }
#seminarform { visibility: hidden; display: none; position: relative; }
#vbs, #tbs, #kts, #bss, #lfs, #egs, #ufs, #neu, #ufs_me { visibility: hidden; display: none; position: relative; }
#update1008 { visibility: hidden; display: none; position: relative; }
#video { border:solid 1px #999; text-align:center; }
#nlabo { visibility:hidden; position: relative; display: none;}
#nldelete { visibility:hidden; position: relative; display: none;}
#nlchange { visibility:hidden; position: relative; display: none;}
.fr{ float: right }
.bold { font-weight:bold }
.btn {  }
.btn img { margin: 3px 7px 0 0; float: left ; border: 1px solid #ccc; }
.btn:hover img { border: 1px solid #000; }
.btn:hover { color: #000; }
.ulRef { color:#666; font-weight:bold; border-top:3px solid #666; border-bottom:3px solid #666; width:50% }
.ulRef li { list-style-type: none; margin:5px 0; }
/* =======================================
   Styles für die Suche
=======================================*/
.stable{ border: solid 1px #f90; line-height: 200%; font-size: 100%; }
.stable td { padding: 5px; font-size: 100%; }

.hitword  { color: #000; font-size: 100%; font-weight:bold; }
.sform  { color: #666; font-size: 100%; padding: 2px; border: solid 1px #666; }
.sbutton  { color: #666; background-color:#CCC; font-weight: bold; font-size: 93%; border: solid 1px #666;  }
a.page_link:link  { font-size: 100%; color: #f90; font-weight: bold; text-decoration: none }
a.page_link:visited  { color: #f90; font-weight: bold; text-decoration: none }
a.page_link:hover  { color: #666; font-weight: bold; text-decoration: none }
a.page_link:active  { color: #f90; font-weight: bold; text-decoration: none }

a.stitle_link:link  { font-size: 100%; color: #000; text-decoration: none }
a.stitle_link:visited  { color: #000; }
a.stitle_link:hover  { color: #f90; }
a.stitle_link:active  { color: #000; }

/* =======================================
   Grundcontainer
=======================================*/
#wrapper { background-color: #fff; width: 968px; margin: 20px auto 10px auto; }
#header { background-color: #f90; z-index: 100}
#headnavi { background-color: #fff; z-index: 120}
#logo { background-color: #f90; width: 199px; height: 105px; float: left; }
#footer { clear: both;}
	#footer h1 { background-color: #fff; padding-left: 40px; border-top: 1px solid #999; }
#footer2 { font-size: 90%; margin: 0 auto; padding: 0 0 10px 0; width: 968px; }
	#footer2 a:link { color: #666; text-decoration: none; }
	#footer2 a:visited { color: #666; text-decoration: none; }
	#footer2 a:hover, a:focus { color: #000; text-decoration: none; }
	#footer2 a:active { color: #666; text-decoration: none; }
/* =======================================
   Container Navigationen
   =======================================
*/
.colcont_headnavi { background-color: #fff; height:40px; font-weight: bold; }
	.colcont_headnavi a { color: #000; text-decoration: none; }
	.colcont_headnavi a:visited { color: #000; }
	.colcont_headnavi a:hover, .colcont_headnavi a:focus{ color: #999; }
	.colcont_headnavi a:active { color: #000; }
.colboxleft_headnavi { width:200px; float:left; padding: 14px 0 0 10px; }
.colboxright_headnavi { width:240px; float:right; padding-top: 11px; }
.colboxmiddle_headnavi { width:auto; margin-left:210px; margin-right:240px; padding-top: 14px; text-align: right }
#quicklinks { background-color: white; padding:0; margin:0;}
	#quicklinks ul { margin-top:0; }
	#quicklinks li { padding: 3px 0 5px; border-top: 1px solid #999; list-style-type: none; display: block; }
	#quicklinks a { color: #666; text-decoration: none; font-weight: normal; }
	#quicklinks a:visited { color: #666; }
	#quicklinks a:hover, #quicklinks a:focus { color: #f90; }
	#quicklinks a:active { color: #000; }
	#quicklinks h2 { margin-bottom: 5px; color: #f93; font-size: 110%; padding: 0 0 0 10px; font-weight: bold; letter-spacing: 3px; }
	#quicklinks h3 { margin-bottom: 5px; color: #f93; font-size: 110%; padding: 0 0 0 10px; font-weight: bold; letter-spacing: 1px; }
	#quicklinks h4 { margin: 5px 0 5px 0; color: #f93; font-size: 100%; padding: 0 0 0 10px; font-weight: bold; }
#newsletter { float:right; width:185px; background-color: white; padding:5px; margin:0; border:1px solid #f90; font-size:93%; }
	#newsletter p { margin:0 0 4px 0; }
	#newsletter a:link, a:visited, a:active { color: #666;  }
	#newsletter a:hover { color: #F90;  }
#submenue { background-color: white; padding:0; margin:0;}
	#submenue li { padding: 3px 0 5px; border-top: 1px solid #999; list-style-type: none; display: block; }
	#submenue a { color: #666; text-decoration: none; font-weight: normal; }
	#submenue a:visited { color: #666; }
	#submenue a:hover, #submenue a:focus { color: #f90; }
	#submenue a:active { color: #000; }
	#submenue h2 { color: #f90; font-size: 110%; font-weight: bold; padding: 0 0 0 10px; letter-spacing: 3px; }
	#submenue ul h3 { color: #666; font-size: 100%; font-weight: bold; padding: 0 0 0 0; }
a.pelink:link  { color: #666; text-decoration: none; font-weight: normal;}
a.pelink:visited  { color: #666; font-weight: normal;}
a.pelink:hover, a.pelink:focus { color: #f90; font-weight: normal;}
a.pelink:active  { color: #000; font-weight: normal;}

/* =======================================
   Container Contentbereich
   =======================================
*/
.colcont_content { width:968px; min-height: 550px; }
	.colboxleft_content { width:180px; float:left; padding: 17px 20px 0 0; }
	.colboxright_content { width:210px; float:right; padding: 17px 20px 0 10px; }
	.colboxmiddle_content { width:488px; padding: 18px 20px; margin-left:200px; margin-right:240px; }

#contentbox { width: 488px; padding: 0 0 30px 0; margin: 0; }
	#contentbox a { color: #666; font-weight: bold; text-decoration: none; }
	#contentbox a:visited { color: #666; }
   #contentbox a:hover, #contentbox a:focus { color: #f90;  }
	#contentbox a:active { color: #666; }
	#contentbox h1 { color: #f90; font-size: 140%; line-height: 120%; font-weight: bold; padding: 20px 0 15px 0; margin: 0; }
	#contentbox h2 { color: #FFF; font-size: 120%; line-height: 120%; font-weight: bold; padding: 0; margin-bottom: 10px; }
	#contentbox h3 { color: #666; font-size: 120%; line-height: 120%; font-weight: bold; padding: 0; margin-bottom: 10px; border-bottom: solid 1px #666; }
	#contentbox h4 { color: #F90; font-size: 100%; line-height: 120%; font-weight: bold; }
	#contentbox h5 { color: #F90; font-size: 100%; line-height: 120%; font-weight: bold; border-bottom: solid 1px #F90; margin-bottom: 5px;  }
	#contentbox h6 { color: #666; font-size: 100%; font-weight: bold; padding: 0 0 5px 0; }
	#contentbox p { font-size: 100%; line-height: 140%; margin: 0; font-weight: normal; }
	#contentbox td a { color: #666; font-weight: bold; text-decoration: none; }
	#contentbox td a:visited { color: #666; font-weight: bold; }
   #contentbox td a:hover, #contenbox td a:focus { color: #f90; font-weight: bold; }
	#contentbox td a:active { color: #666; font-weight: bold; }
	#contentbox ul { list-style-type: disc; margin: 12px 0 12px 5px; }
	#contentbox ol { margin: 12px 0 12px 5px; }
	#contentbox li { font-size: 100%; line-height: 140%; }
	#contentbox ul.table { list-style-type: none; }
	#contentbox ul li.headline { font-weight: bold; color: #fff; background-color: #f90; margin: 0; padding: 3px; list-style-type: none; }
	#contentbox ul li.subheadline { font-weight: bold; color: #f90; margin: 10px 0 0 0; border-bottom: solid 1px #f90; list-style-type: none; }
	#contentbox ul li.linkh { background-image: url(../gif/pfeil_link.gif); background-repeat: no-repeat; background-position: 0 5px;font-weight: bold; margin: 0; padding: 3px 0 3px 20px; border-bottom: solid 1px #ccc; border-top: solid 1px #ccc; list-style-type: none; }
	#contentbox ul li.link { background-image: url(../gif/pfeil_link.gif); background-repeat: no-repeat; background-position: 0 5px; font-weight: normal; margin: 0; padding: 3px 0 3px 20px; border-top: solid 1px #ccc; list-style-type: none; }
	#contentbox ul li.link2 { background-image: url(../gif/pfeil_link.gif); background-repeat: no-repeat; background-position: 0 5px; font-weight: normal; margin: 0; padding: 3px 0 3px 20px; border-bottom: solid 1px #ccc; list-style-type: none; }
	#contentbox ul li.highl { padding: 1px 1px 1px 20px; margin: 0; border-bottom: solid 1px #ccc; list-style-type: none; background-image: url(../gif/pfeil_link.gif); background-repeat: no-repeat; background-position: 0 3px; }
	#contentbox ul li.highl2 { padding: 1px 1px 1px 20px; margin: 0; border-top: solid 1px #fff; list-style-type: none; background-color:#EBEBEB; background-image: url(../gif/pfeil_link2.gif); background-repeat: no-repeat; background-position: 0 3px; }
	#contentbox ul li a { color: #666; font-weight: bold; text-decoration: none; }
	#contentbox ul li a:visited { color: #666; }
   #contentbox ul li a:hover, #contentbox a:focus { color: #f90; }
	#contentbox ul li a:active { color: #666; }

#contentbox2 { width: 488px; }
	#contentbox2 a { color: #666; font-weight: bold; text-decoration: none; }
	#contentbox2 a:visited { color: #666; font-weight: bold; }
   #contentbox2 a:hover, #newsbox a:focus { color: #f90; font-weight: bold; }
	#contentbox2 a:active { color: #666; font-weight: bold; }
	#contentbox2 h1 { color: #f90; font-size: 140%; line-height: 120%; font-weight: bold; margin: 0 0 20px 0; }
	#contentbox2 h2 { color: #666; font-size: 110%; font-weight: bold; margin: 0 0 15px 0; }
	#contentbox2 h3 { color: #666; font-size: 110%; font-weight: bold; margin: 0 0 5px 0;}
	#contentbox2 h5 { color: #F90; font-size: 100%; line-height: 120%; font-weight: bold; border-bottom: solid 1px #F90; }
	#contentbox2 p { font-size: 100%; line-height: 140%; margin: 0; padding:0; }
	#contentbox2 ul { list-style-type: disc; margin: 12px 0 12px 5px; }
	#contentbox2 ol { margin: 12px 0 12px 5px; }
	#contentbox2 li { font-size: 100%; line-height: 140%; }
	#contentbox2 ul.table { list-style-type: none; }
	#contentbox2 ul li.headline { font-weight: bold; color: #fff; background-color: #f90; margin: 0; padding: 3px; list-style-type: none; }
	#contentbox2 ul li.subheadline { font-weight: bold; color: #f90; margin: 10px 0 0 0; border-bottom: solid 1px #f90; list-style-type: none; }
	#contentbox2 ul li.linkh { background-image: url(../gif/pfeil_link.gif); background-repeat: no-repeat; background-position: 0 5px;font-weight: bold; margin: 0; padding: 3px 0 3px 20px; border-bottom: solid 1px #ccc; border-top: solid 1px #ccc; list-style-type: none; }
	#contentbox2 ul li.link { background-image: url(../gif/pfeil_link.gif); background-repeat: no-repeat; background-position: 0 5px; font-weight: normal; margin: 0; padding: 3px 0 3px 20px; border-top: solid 1px #ccc; list-style-type: none; }
	#contentbox2 ul li.link2 { background-image: url(../gif/pfeil_link.gif); background-repeat: no-repeat; background-position: 0 5px; font-weight: normal; margin: 0; padding: 3px 0 3px 20px; border-bottom: solid 1px #ccc; list-style-type: none; }
	#contentbox2 ul li.linkt { border-top: solid 1px #ccc; list-style-type: none; }
	#contentbox2 ul li.prospekt { height: 50px; font-weight: normal; margin: 0; padding: 10px 0 3px 0; list-style-type: none; }
	#contentbox2 ul li.faqhl { font-weight: bold; color: #f90; margin: 0; border-bottom: solid 1px #f90; list-style-type: none; }

	#contentbox2 ul li a { color: #666; font-weight: bold; text-decoration: none; }
	#contentbox2 ul li a:visited { color: #666; }
   #contentbox2 ul li a:hover, #contentbox2 a:focus { color: #f90; }
	#contentbox2 ul li a:active { color: #666; }

#themabox { width: 488px; }
#themabox h2 { color: #f90; font-size: 110%; font-weight: bold; letter-spacing: 2px; }

.colcont_uebersichtsseite { width: 100%; height:106px }
	.colcont_uebersichtsseite a { color: #000; font-weight: bold; text-decoration: underline; }
	.colcont_uebersichtsseite a:visited { color: #000; font-weight: bold; }
	.colcont_uebersichtsseite a:hover, a:focus { color: #f90; font-weight: bold; text-decoration: none; }
	.colcont_uebersichtsseite a:active { color: #000; font-weight: bold; }
	.colcont_uebersichtsseite h2 { color: #666; font-size: 100%; font-weight: bold; margin: 0; }
	.colcont_uebersichtsseite p { padding:0; margin: 0; }
.colboxleft_uebersichtsseite { width:229px; height:65px; float:left; padding: 20px 0; border-top: 1px solid #999; }
.colboxright_uebersichtsseite { width:229px; height:65px; float:right; padding: 20px 0 20px 0; border-top: 1px solid #999; }
.colboxmiddle_uebersichtsseite { width:auto; height:auto; margin-left:229px; margin-right:229px }

.colcont_infoservice { width: 100%; height:68px; font-size: 93%; line-height:100% }
.colboxleft_infoservice { width:229px; height:58px; float:left; padding: 5px 0 5px 0; }
.colboxright_infoservice { width:229px; height:58px; float:right; padding: 5px 0 5px 0; }
.colboxmiddle_infoservice { width:auto; height:auto; margin-left:229px; margin-right:229px }

.colcont_table { width: 100%; font-size: 93%; line-height: 100%; }
.colboxleft_table { width:234px; float:left; margin-bottom: 30px }
.colboxright_table { width:234px; float:right; margin-bottom: 30px }
.colboxmiddle_table { width:auto; margin-left:234px; margin-right:234px }
.colboxmiddle_table ul { padding-left:5px; }

#sitemap { width: 488px; }
	#sitemap ul { list-style-type: none; margin: 0 0 20px 0; }
	#sitemap ul li.ebene1 { background-image: url(../gif/nav_sitemap01.gif); font-weight: bold; background-repeat: no-repeat; background-position: 0 6px; padding: 2px 0 1px 10px;}
	#sitemap ul li.ebene2 { background-image: url(../gif/nav_sitemap02.gif); font-weight: bold; background-repeat: no-repeat; background-position: 10px 6px; padding: 2px 0 1px 20px;}
	#sitemap ul li.ebene3 { background-image: url(../gif/nav_sitemap03.gif); background-repeat: no-repeat; background-position: 20px 5px; padding: 2px 0 1px 30px;}
	#sitemap a { color: #666; text-decoration: none; }
	#sitemap a:visited { color: #666; }
   #sitemap a:hover, #sitemap2 a:focus { color: #f90; }
	#sitemap a:active { color: #666; }
	#sitemap h1 { color: #f90; font-size: 140%; font-weight: bold; margin: 0 0 20px 0; }
	#sitemap h2 { color: #f90; font-size: 110%; font-weight: bold; letter-spacing: 2px; margin: 0px 0 15px 0; }
	#sitemap p { font-size: 100%; line-height: 140%; margin: 0; padding:0 0 30px 0; }
	
.presse { width: 100% ; height: auto; padding-bottom: 10px; background-image: url(../gif/pfeil_link.gif); background-repeat: no-repeat; background-position: 0 27px; border-bottom: solid 1px #ccc; }
.presse h4 { color: #f90; font-weight: normal; font-size: 100%; padding: 10px 0 0 0; margin: 0; }
.presse p { padding-left: 20px; }

.news { width: 100%; height: 65px; padding: 10px 0 10px 0; border-top: solid 1px #ccc; }
.news img { margin: 0 20px 0 0; float: left ; }

.highlightcont { width: 100%; min-height: 158px; padding-bottom: 20px}
.highlightcont h3 { color: #666; font-size: 100%; font-weight: bold; margin: 0 0 5px 0;}
.highlightcont img { margin: 0 15px 0 0; float: left ; }