@charset "utf-8";

/* RESET */

* {

	margin: 0;

	padding: 0;

}

html { height: 100%; margin-bottom: 1px; }



.alignleft{float: left; margin: 5px 10px 10px 0;}

.alignright{float: right; margin: 5px 0px 10px 10px;}



.clear{display:block; clear:both; height: 1px; font-size: 1px; margin-top: -1px; line-height: 0;}



/* CSS Document */

body{font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 11px;background:url(/images/ibu-bartl/body-bg.jpg) top center no-repeat; color:#656565; line-height: 2;}



a{font-weight: 700; color: #809c00; text-decoration: none; outline: none;}

a:hover{text-decoration:underline;}

a img{border: 0;}



h1{font-size: 36px; color:#474747; font-weight: 100;}

h2 {font-size: 14px;}

h3{font-weight: 700; color:#474747; font-size: 14px;}

h3 img{ margin-bottom: 10px;}



p{ margin: 0 0 0.85em 0;}



hr{display: block; height: 1px; border: 1px solid #f4f4f4; clear: both;}



ul{ margin: 0; list-style: inside square; padding: 0 0 20px 0;}



#wrapper{width: 960px; margin: 0 auto; background:#fff;}



#logo{float:left; width:320px;}

#logo h1{display: none;}



#top-navi{background:url(/images/ibu-bartl/header-top.jpg) top left no-repeat; width: 960px; height: 30px;}

#top-navi-lang-select{float: left; color:#7fd0e4; margin-top: 6px;margin-left:130px;width:190px }

#top-navi-lang-select img{margin-right: 10px; margin-top: 3px; }

#top-navi-list{float: left; color:#7fd0e4; margin-top: 6px;margin-left:10px;width:350px }

#top-navi-list a{color: #d8e9ca; margin-right: 5px;}

#top-search{width: 280px; float: left; margin-top:4px;}

#top-search input{border:1px solid #e9e9e9; color:#9c9c9c;float:left; width:200px} 

#top-search input.button{background:url(/images/ibu-bartl/top-search-button.jpg) top left no-repeat; text-indent: -999px; border: none; width:52px; height: 19px; float:left; display:inline; cursor:pointer;}

#top-search input.button-en{background:url(/images/ibu-bartl/top-search-button-en.jpg) top left no-repeat; text-indent: -999px; border: none; width:52px; height: 19px; float:left; display:inline; cursor:pointer;}

#top-search input.button:hover{background:url(/images/ibu-bartl/top-search-button.jpg) bottom left no-repeat;}

#top-search input.button-en:hover{background:url(/images/ibu-bartl/top-search-button-en.jpg) bottom left no-repeat;}



#navi{ margin-top: 30px; margin-left: 10px; width:630px; display:block; float: left;}

#navi a {display: inline;  color:#252525; font-weight:100; float:left; margin-right: 12px; text-decoration: none; padding-bottom: 2px; height: 25px;}

#navi a:hover{border-bottom: 1px solid #809c00;}

#navi h2 {font-size: 13px;}



/* Subnavigation */
.SNlevel2 { background:url(/images/ibu-bartl/header-blank.jpg) no-repeat; font-size: 12px; height: 30px; padding-top: 3px; }

.SNlevel2 a { color: white; margin-left: 15px; }

.SNlevel2 a:hover { color: white; text-decoration: none; }
 
.SNlevel3 { border-bottom: 1px solid #d1d1d1; padding: 4px 0; margin: 0;display:block; }

.SNlevel3 a { color: #809c00; margin-left: 15px; font-size: 12px; font-weight: bold; }

.SNlevel3 a:hover {  }

.SNlevel4 { border-bottom: 1px solid #d1d1d1; padding: 4px 0; margin: 0;display:block; }

.SNlevel4 a { color: black; margin-left: 25px; font-size: 12px; font-weight: normal; }

.SNlevel4 a:hover {  }


#teaser{color: #fff;}

#teaser h3{color: #fff; margin-top: 10px;}

#teaser-bottom{background: url(/images/ibu-bartl/teaser-bottom.jpg); height: 82px;}

.teaser-text{width: 290px; float: left; display:block; margin-left: 10px; margin-right: 20px; line-height: 1.5;}



#mitteilung{background: url(/images/ibu-bartl/footer.jpg) no-repeat top left; width:960px; height: 32px;padding: 1px 0;}

#mitteilung a{padding: 4px 0 4px 20px; float:left;}

#mitteilung a.news{display:block; width: 480px; float:left;}

#mitteilung a:hover.news{background:#f7fbe5;}



#mitteilung-en{background: url(/images/ibu-bartl/footer-en.jpg) no-repeat top left; width:960px; height: 32px;padding: 1px 0;}

#mitteilung-en a{padding: 4px 0 4px 20px; float:left;}

#mitteilung-en a.news{display:block; width: 480px; float:left;}

#mitteilung-en a:hover.news{background:#f7fbe5;}



div.last{margin-right: 0;}



#content{padding: 20px 0;}

#subnavi{margin-top: 30px; width: 290px; float:right; margin-right: 0 !important;}



.content-row-1 {

	width:290px; 

	float: left; 

	margin-left: 10px; 

	margin-right: 20px; 

	display:block; 

	padding: 0;

	 voice-family: "\"}\""; 

  voice-family:inherit;

  margin-left: 5px;



}



.content-row-2 {width:610px; float: left; margin-left: 10px; margin-right: 20px; display:block;}



.column-1 {display:block; width: 290px; margin-right: 30px; float: left; margin-bottom: 20px;}



ul.startseite-liste{list-style: none; width: auto; margin: 0; padding: 0;}

ul.startseite-liste li{border-bottom: 1px solid #d1d1d1; padding: 4px 0; margin: 0;display:block;}

ul.startseite-liste li a{  text-decoration: none;}

ul.startseite-liste li a:hover{text-decoration: underline;}



li.no-border{border-bottom: 0 !important;}



table {border-collapse: collapse;}

table tr{}

table tr td{ padding: 4px 0; border-bottom: 1px solid #f4f4f4;}





#searchfield{text-align: center; padding: 5px 10px; background: #f4f4f4; border: 1px solid #ccc; margin-bottom: 20px;}

#searchfield input{background: #fff; border: 1px solid #f4f4f4;}

#searchfield .search-button{ cursor:pointer; background:#64a82d; color: #fff;}



div.result {display: block; border-bottom: 1px solid #f4f4f4; margin-bottom: 15px; padding-bottom: 10px;}

div.result a h2{text-decoration: underline;}

div.result span.link{} 





/* REFERENZEN */

#referenzen{ width: 100%;}

#referenzen ul {

	list-style: none;

	margin: 0;

	padding: 0;

}

#referenzen li {

	border-bottom: 1px solid #d1d1d1;

	display:block;

	width: 612px;

	background:transparent;

	vertical-align: top;

	font-weight: 100; text-decoration: none; cursor: pointer;

	clear:both;

}

#referenzen .name {

	width: 340px;

	display:block;

	float: left;

	padding: 0 0 0 2px;

	vertical-align: top;

}

#referenzen .kat {

	width: 180px;

	display:block;

	float: left;

	padding: 0 0 0 2px;

	vertical-align: top;

}

#referenzen .jahr {

	width: 65px;

	display:block;

	float: left;

	padding: 0 0 0 2px;

	vertical-align: top;

}

#referenzen div.content {

	padding: 20px 0;

	display: block;

	border-top: 1px solid #d1d1d1;

	background:#fefefe;

	clear:both

}

#referenzen div.content img{

float:left; margin-right:50px;

}

#referenzen div.content table{

float:left; width: 400px;

}

.clear {

	clear: both;

	line-height: 0;

	height: 0;

	font-size: 0;

	border: 0;

	padding: 0;

	margin: 0;

}



#referenzen a:hover.showit {

	background-color:#fcfcfc;



}

#referenzen .selected {

	background-color:#f4f4f4;

}

#referenzen li.kopfzeile {

	background-color: #63a72c;

	font-weight: 700;

	padding: 5px 0;

	

}

#referenzen li.kopfzeile a{

color: #fff;

}

#referenzen li.kopfzeile a:hover{

background: #388eb6;

}

#referenzen .alignleft {

	float: left;

	margin: 5px 10px 5px 0;

}

#referenzen .arrow-up {

	background:url(/images/ibu-bartl/arrow-up.gif) top right no-repeat;

}

#referenzen .arrow-down {

	background:url(/images/ibu-bartl/arrow-down.gif) top right no-repeat;

}

#referenzen td{vertical-align: top;}







/* FOOTER LOGOS */

.footer{margin: 20px 0;padding: 20px 0;}

a.vbi-logo{width: 50px; height: 50px; background: url(/images/ibu-bartl/vbi-logo.gif) top left; display:block; margin-left: 15px; border: 0; text-decoration: none; float: left; }

a:hover.vbi-logo{width: 50px; height: 50px; background: url(/images/ibu-bartl/vbi-logo.gif) bottom left;}



a.tuev{background: url(/images/ibu-bartl/tuev-zertifiziert-din-iso-9001.gif) bottom left; width: 50px; height: 50px; display:block; border: 0; text-decoration: none; float: left;}





a.guetezeichen{background: url(/images/ibu-bartl/guetezeichen-kanalbau.gif) top left; width: 50px; height: 50px; display:block; margin-left: 15px; border: 0; text-decoration: none; float: left;}

a:hover.guetezeichen{background: url(/images/ibu-bartl/guetezeichen-kanalbau.gif) bottom left;}



a.dwa{background: url(/images/ibu-bartl/dwa.gif) top left; width: 50px; height: 50px; display:block; margin-left: 15px;  border: 0; text-decoration: none; float: left;}

a:hover.dwa{background: url(/images/ibu-bartl/dwa.gif) bottom left;}



a.vsvi{width: 50px; height: 50px; background: url(/images/ibu-bartl/vsvi.gif) top left; display:block; margin-left: 15px;  border: 0; text-decoration: none; float: left; }

a:hover.vsvi{width: 50px; height: 50px; background: url(/images/ibu-bartl/vsvi.gif) bottom left;}



a.fgsv{width: 50px; height: 50px; background: url(/images/ibu-bartl/fgsv.gif) top left; display:block; margin-left: 15px;  border: 0; text-decoration: none; float: left; }

a:hover.fgsv{width: 50px; height: 50px; background: url(/images/ibu-bartl/fgsv.gif) bottom left;}



a.ikth{width: 200px; height: 50px; background: url(/images/ibu-bartl/ikth.gif) top left; display:block;  border: 0; text-decoration: none; float: left; }

a:hover.ikth{width: 200px; height: 50px; background: url(/images/ibu-bartl/ikth.gif) bottom left;}



#loginb {

	top: 0;

	width: 960px;

	margin: 0 auto;

	background: #67ab30;

	z-index: 1000 !important;

}



#loginb .loginbox{

	display:block;

	width: 940px;

	margin: 0 auto;

	height: 30px;

	line-height: 20px;

	padding: 10px 0;

	color: #fff;

	vertical-align: baseline;

}

#loginb .loginbox h2{

	text-shadow: 0 -1px 1px #262626;

}

#loginb .loginbox a{

	color: #fff; text-decoration: underline;

}



#quicklogin {

	cursor: pointer;

}