html,body{ margin:0;padding:0; font:normal 0.85em Arial; color:#686868;}
body{ margin:0 auto; width:998px; background:#CCCDCD url(../images/bg.jpg) no-repeat center top;}
#my-body{ float:left;border-top:5px solid #000000; background:white;}
a{outline:0; text-decoration:none;color:#606060;}
a:hover{color:#000;}
img{border:0;}

#texts-home .textelement{ text-align:left;} 
/*header*/
#logo{float:left; margin:6px 10px 6px 24px;}

/*search*/
#search {float:right;margin:42px 9px 10px 0;width:240px;position:relative; z-index:2}
#search-form{margin:0;padding:0;}
.search-form label{color:#797777;}
.search-form .textfield {border:1px solid #CCCCCC;float:left;height:14px;width:174px;margin-right:1px;padding:2px; font-size:0.95em; color:#bab9b9;}
.search-form .textfield:active, #search-form .textfield:focus{ color:#666;}
.search-form .submit-button {background:url(../images/search-btn-bg.jpg) no-repeat left;color:white;float:left;font-size:0.75em;border:0;margin:0;padding:0;width:55px;height:20px;}

/*navigation*/
#navigation ul{float:left;width:998px; background:#018dc7; margin:0;padding:4px 0;position:relative; z-index:2;text-transform:uppercase;}
#navigation ul li{list-style:none; float:left;font-weight:bold; font-size:1em;padding:10px 0 ; margin:0 15px 0 5px;}
#navigation ul li a{ color:white; padding:10px 20px 10px 11px;margin-left:9px;}
#navigation li.selected, #navigation li:hover{background:url(../images/nav-select-lt.png) no-repeat left;}
#navigation li.selected a, #navigation li:hover a{background:url(../images/nav-select-rt.png) no-repeat right;margin-left:9px;}


#top-bar{background:url(../images/top-nav-bg.png) no-repeat right top;float:right;width:998px;height:auto;margin-top:-66px;z-index:1;}
/*breadcrumb*/
#breadcrumb{float:left;list-style:none; padding:7px 10px; margin:65px 0 0 0;width:740px;height:auto;overflow:hidden;}
#breadcrumb li{float:left; background:url(../images/arrow.gif) no-repeat left; padding:0 5px 0 20px;white-space:nowrap;}
#breadcrumb li a{}

/*top nav*/
#top-nav {float:right;list-style:none outside none;margin:0px 6px 0;padding:0 0 2px 0;position:relative;z-index:1;}
#top-bar #top-nav{margin:76px 6px 0;padding:0 0 2px 0;}
#top-nav li{float:left; border-left:1px solid #d0d4d9; padding:0 10px;}
#top-nav li a{font-weight:bold; color:#727c83}
#top-nav li a:hover{color:#000;}

/*content*/
#content{ width:998px; float:left; position:relative; clear:left; }
#content h1{padding:0; margin:0 0 4px 0; color:#0178a9; font-family:"Calibri", Arial, Helvetica, sans-serif;font-size:1.45em;}
#content h1 a {color:#0178a9}
#content h3{color:#686868;font-size:0.9em;margin: 0 0 2px 0;}
#content h1 a:hover{ color:#000;}
#content h2{color:#686868;font-size:1em;margin: 0 0 2px 0; }
#content h2 a {color:#222}
#content h2 a:hover{color:#0178A9}
/*#content h1 span.date, #content h2 span.date{display:block; color:#aaaaaa; font-size:0.9em; font-weight:normal;}
#content h2 span.date{font-size:0.95em;}*/
#content .textelement span.date{color:#AAAAAA; display:block; font-size:0.9em; font-weight:normal; margin-bottom:4px;}
#content #archive-presse .archive-list .item span.date{color:#AAAAAA; display:block; font-size:0.9em; font-weight:normal; margin-bottom:4px;}
#content .texts img.section-image{float:left;padding:2px; background:#fff; border:1px solid #c5c6c6;margin:0 14px 3px  0;}
#content .texts img{float:left;}
#content .texts .section-image{float:left;padding:2px; background:#fff; margin:0 10px 3px 0;}
#content .texts .section-image .image-caption{font-size:0.9em; width:200px;clear:both;}
#content .texts{float:left; width:535px; background:#f9fafb;margin:0 4px 16px 4px;padding:10px 10px 16px;border-bottom:1px solid #DDDEDF;}
#content .more-link{background:url(../images/more-arrow.png) no-repeat right; float:right;  width:6px; text-indent:-9999px;line-height:18px;}
#content .texts .teaser{margin-bottom:16px;}
#content .texts .section-text img{margin-right:6px;}
/*#content .texts .section-image{margin-bottom:1em; }*/

/*for homepage*/
#content #texts-home h2{ margin:0 0 2px 0; padding:0;}
#content #texts-home .content1 h2{margin-bottom:2px;}
#content #texts-home.texts{width:998px; background:none; padding:0;border-bottom:0; margin:0;}
#texts-home .textelement{float:left; width:998px;}
#texts-home .willkommen{float:left;width:617px; margin-right:10px;background:#f7f9fa; border-bottom:1px solid #DDDEDF; padding:12px 20px 10px 20px}
#content #texts-home .willkommen .more-link{background:url(../images/mehr-bg.gif) no-repeat left; clear:none;  float:right; margin:0;text-transform:uppercase; color:#fff;padding:3px 22px 2px 8px;font-size:0.9em;width:auto; text-indent:0;}
#content #texts-home .willkommen .more-link:hover{ color:#90eeff;}

/*address*/
#texts-home .address{float:right; width:288px;height:128px;background:#F1F5F8 url(../images/address-bg.jpg) no-repeat left bottom; border:1px solid #e6e6e7; padding:28px 20px 46px 20px; }
#texts-home .address h1{line-height:1.0em; margin-bottom:18px;}
#texts-home .address address{font-style:normal; color:#7b7b7b;width:220px;}

/*texts-home bottom content secion*/
#texts-home .content1{float:left; width:326px; margin-left:10px;background:url(../images/item-bg.jpg) no-repeat right bottom;}
#texts-home .content2 {float:left;width:672px; background:none}
#texts-home .content3{float:left; width:672px;background:url(../images/item-bg.jpg) no-repeat right bottom;}
#content #texts-home .content1 img.section-image, #content #texts-home .content2 img.section-image, #content #texts-home .content3 img.section-image{margin-left:10px;}

#texts-home .content2{background:none;}
#texts-home .content1{margin-left:0;padding:0;}
#texts-home .content1 h1, #texts-home .content2 h1{background:url(../images/h1-bg.jpg) no-repeat left top;}
#texts-home .content1 h1#Presse span{display:block;background:url(../images/presse.gif) no-repeat right center;}
#texts-home .content2 h1#Aktuelles span{display:block;background:url(http://bhks.de/system/layout/images/aktuelles.gif) no-repeat right center;}
#content .texts .content1 .section-image{margin-bottom:0px;}

#texts-home .content3 h1.Technik span, #highlight h1.Technik span{display:block;background:url(../images/technik.png) no-repeat right center;}
#texts-home .content3 h1.Wirtschaft span, #highlight h1.Wirtschaft span{display:block;background:url(../images/wirtschaft.png) no-repeat right center;}
#texts-home .content3 h1.Berufsbildung span, #highlight h1.Berufsbildung span{display:block;background:url(../images/berufsbildung.png) no-repeat right center;}
#texts-home .content3 h1.Sozialpolitik span, #highlight h1.Sozialpolitik span{display:block;background:url(../images/tarif.png) no-repeat right center;}
#texts-home .content3 h1 span{ padding-right:20px}

#texts-home .content1 h1 span img, #texts-home .content2 h1 span img, #texts-home .content3 h1 span img{background:none; border:0; margin:0; padding:0; float:right;}
#texts-home .content2 .item, #texts-home .content3 .item{float:left; padding-bottom:12px; width:326px;  }
#texts-home .content2 .item, #texts-home .content3 .item{margin-left:10px;}
#texts-home .content1 .item {float:left;width:314px;  padding-right:6px;padding-bottom:18px; margin-left:10px;}
#texts-home .content1 h1, #texts-home .content2 h1, #texts-home .content3 h1{padding:10px 10px 18px 10px;margin:0;}
#texts-home .content2 .berufe img{padding:0; border:0; margin:0}
#texts-home .content2 .more-link, #texts-home .content3 .more-link{margin-right:6px; margin-top:-19px; clear:left;}
#texts-home .content1 .more-link{margin-right:6px;  margin-top:-14px}
#texts-home .content2 .more-link{ margin-right:0;}
#texts-home .content1 p,#texts-home .content2 p, #texts-home .content3 p{padding:0; margin:0 12px 0 0} 

/*sub navigation*/
#sub-nav{float:left;width:198px;}
#sub-nav ul{list-style:none; margin:0; /*padding:0 12px 18px 0*/padding:0;background:url(../images/submenu-bg.gif) no-repeat left top; }
#sub-nav ul li{/*background:url(../images/dot.gif) repeat-x left top;*/margin-right:12px; border-bottom:1px solid #f1f1f1;text-transform:uppercase; font-weight:bold; font-size:0.95em;}
#sub-nav ul li:first-child{background:none;padding-top:13px;}
#sub-nav ul li a{ color:#08a1e1; background:url(../images/submenu-arrow.png) no-repeat 9px 10px;padding:7px 8px 7px 18px; display:block;}
#sub-nav ul li:hover, #sub-nav ul li.selected{background:#ebebeb;}
#sub-nav ul ul{padding:0; background:#f4f4f4;display:block;}
#sub-nav ul ul li:first-child{padding-top:0px;}
#sub-nav ul ul li{ padding:0 6px 0 15px ;margin-right:0;border-bottom:1px solid #eaeaea;text-transform:none;font-size:1em; background:none;}
#sub-nav ul ul li a{padding:4px 0 4px 10px;background:url(../images/bullet.gif) no-repeat left 10px;}
#sub-nav ul ul li:hover{background:#f8f7f7 url(../images/submenu-arrow.png) no-repeat 95% 7px;/*padding-right:10px;*/}
#sub-nav ul ul li.selected{background:url(../images/submenu-arrow.png) no-repeat 95% 7px;/*padding-right:12px;*/}
/*#sub-nav ul ul ul{ width:150px;}*/

#sub-nav ul ul ul li:hover, #sub-nav ul ul ul li.selected{background:url(../images/submenu-arrow.png) no-repeat 98% 7px;}
#sub-nav ul ul ul ul li:hover, #sub-nav ul ul ul ul li.selected{background:url(../images/submenu-arrow.png) no-repeat 100% 7px;}

/*middle content section*/
ul.links {border-top:1px solid #CCCCCC;float:left;list-style:none outside none;margin:20px 0 0px 0 ;padding:10px 10px 10px 0px ;}
ul.links li {float:left;font-weight:bold;width:515px;padding-top:10px;}
ul.links li:first-child{ padding-top:0;}
ul.links li a {background:url("../images/link.png") no-repeat scroll left 4px transparent;color:#3F3E3E;float:left;padding-left:25px;}
ul.links li a:hover{color:#000;}

ul.downloads {border-top:1px solid #CCCCCC;float:left;list-style:none outside none;margin:10px 0 10px 0 ; padding:10px 10px 10px 0;width:515px;}
ul.downloads li {background:url("../images/pdf-icon.png") no-repeat scroll right center transparent;padding:9px 36px 8px 0;}
ul.downloads a{text-decoration:underline;}


/*highlight*/
#highlight{float:right; width:225px;margin-left:12px;}

/*register-login*/
.login_header_error{color:#FF0000;margin-bottom:8px;margin-top:-18px;}

.error{color:#FF0000;}

/*general mandatory field error*/
.field_error{width:200px; margin:0 0 6px 0;padding:2px 0 3px 0;}

/*all form header error*/
.form_header_error{color:#FF0000;margin-bottom:4px;margin-top:12px;padding:4px 12px;}

/* google map */
#map{width:535px;height:430px; margin-bottom:10px;}

#login{float:left; background:#f0f5f7; border:1px solid #e6e6e7; padding:10px;margin-bottom:20px; width:204px;}
#login h1{color:#0178a9;font-size:1.3em;}
#login-mitglieder{margin:24px 0 0 0; padding:0;}
#login-mitglieder label{text-align:right; width:80px;margin-right:6px;float:left;}
#login-mitglieder .textfield{padding:2px; color:#7d7d7d; font-size:0.95em; height:14px;margin-bottom:8px; width:109px;}
#login-mitglieder .submit-button{color:#FFFFFF;float:right;font-size:0.8em;margin-bottom:10px;margin-right:3px;padding:4px 0 3px;text-align:center;text-transform:uppercase;width:84px; background:url(../images/submit-bg.gif) no-repeat left;border:0;}
#login-mitglieder .links{float:left;width:205px; border-top:1px solid #e1e7e9; padding-top:8px; margin-top:12px;}
#login-mitglieder .links a{float:left;width:200px;margin:2px 0 2px 2px; font-weight:bold; font-size:0.9em; color:#7d97a2; text-transform:uppercase}
#login-mitglieder .links a:hover{color:#000;}
#login-mitglieder .textfield:active, #login-mitglieder .textfield:focus{ color:#666;}

#highlight .berufe{ margin-bottom:15px;}
#highlight #fachbereich{list-style:none; margin:0;padding:0;}
#highlight #fachbereich li{float:left; width:205px;background:url(../images/fachbereich-bg.jpg) no-repeat left top;padding:10px 10px 0px 10px; margin:9px 0 0 0;}
#highlight #fachbereich .item{padding:0 0 8px 0; font-size:0.95em;}
#highlight #fachbereich h1{color:#0392cc; font-size:1.18em;cursor:pointer;}


/*footer*/
#footer{ float:left; width:978px;background:#546167; padding:12px 10px;color:#a1aaae;font-size:0.95em;margin-top:20px; } 
#footer .footer-info{float:left;}
#footer .producedby{float:right;}
#footer a{color:#a1aaae; text-decoration:underline;}
#footer a:hover{color:#fff;}

.listview .teaser{margin-bottom:22px;}
.listview .item{float:left; width:535px;border-top:1px solid #eee; padding:10px 0px; margin:0}
.listview .item:first-child{border-top:none;}

/*register form*/
.frm_register .submit_button{outline:0;color:#FFFFFF;float:left;font-size:0.8em;margin-bottom:10px;padding:4px 0 3px;text-align:center;text-transform:uppercase;width:140px; background:url(../images/submit-btn.gif) no-repeat left;border:0;}

/*kontakt-style*/
#kontakt_form{margin-top:20px;}
#kontakt_form .submit_button{color:#FFFFFF;float:left;font-size:0.8em;margin-bottom:10px;margin-left:160px;padding:4px 0 3px;text-align:center;text-transform:uppercase;width:84px; background:url(../images/submit-bg.gif) no-repeat left;border:0;}
#kontakt_form img.captcha{float:left; margin:5px 0}
.required{float:left;clear:left;}
.google_map{float:left; margin-top:18px;clear:left;}
.success_msg {clear:left;color:green;float:left;margin:10px 0;width:100%;padding:4px 12px;}
#texts-register .success_msg{clear:left;color:green;float:left;margin:0;width:100%;padding:4px 12px;}

.archiv-year{float:left; width:535px;padding:10px 0; border-bottom:1px solid #eee;}
#content .archiv-year h2{margin-bottom:0;cursor:pointer}
#content .archiv-year .item{margin-top:10px; float:left; width:100%;}

/* for back link*/
.back-link{border-top:1px solid #CCCCCC;margin-top:15px;padding-top:10px; padding-bottom:10px;float:left;width:533px;}

#texts-home .content2 .item .item{margin:0;padding:0}

#route_planner label{float:left;line-height:20px;padding-right:5px;}
#route_planner input{ float:left;margin-right:5px;}
#route_planner .btn_go{ height:23px}
#texts-listview .listview{ margin-bottom:20px; float:left;} 


#content .texts .willkommen .section-image{height:150px; overflow:hidden;}

#map{width:535px !important; height:430px !important;}
#panel{width:535px; float:left;}
.adp-legal{display:none;}

/*database style*/
#db-search{margin-top:10px;}
#db-search .textfield{width:300px;color:#4c4c4c}
.db-detail{clear:both;padding:25px 0 0px;width:100%;}
.db-table{margin-bottom:20px;margin-top:10px;}
.db-table th{background:#a6aeb6;padding:6px;text-align:left; color:#fff;}
.db-table td{padding:6px;border-bottom:1px solid #cbd0d5; border-left:1px solid #cbd0d5;}
.db-table td:first-child{border-left:0;}
.db-table tr.td-data{cursor:pointer}
.db-table tr.related-data td{padding:0}
.related-data{display:none;}
.data{margin-top:-1px; background:#fff; padding:8px;}
#db-texts .error{clear:both; padding:14px 0 10px;}

#db-search .submit-button.lit{background:url(../images/search-btn-bg1.gif) no-repeat;width:110px;}