/* CSS Document */
/***********************************************/
/* haupt.css                                   */
/* Stylesheets fuer Breitbandkompass           */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 
body{
	font-family: Arial,sans-serif;
	background-image: url(img/gif/pagehintergrund_blau.gif);
	background-repeat: repeat-x;
	color: #333333;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
}
h2 {
	margin:0;
	padding: 0;
	font-weight: bold;
	color:#E8923B; /*FF9900*/
	font-size: 120%;
}
h3 {
	margin: 0px 0px 10px 0px;
	padding: 0;
	font-size: 100%;
	text-transform: uppercase;
}
h4 {
	margin:0;
	padding: 0;
	font-size: 100%;
}

p {
	margin-top: 0px;
}
dt {
	margin-top: 10px;
	font-weight: bold;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#container {
/*	float: left;
	POSITION: relative; left: 50%;  */
	margin-top: 00px;
	padding-top: 0px;
	margin: 0 auto;
/*	MARGIN-LEFT: -450px; 
	margin-right: 450px;*/
	width: 960px;
	min-height: 1000px;
/*	border: 1px solid #AAAAAA;*/
/*	background-color: #FFFFFF;*/
	background-image: url(img/contentschatten2.png);
	background-position: 0px -30px;
	background-repeat:repeat-y
}
#content {
/*	POSITION: relative; left: 30px;*/
	margin-left: 30px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 5px;
/*	MARGIN-LEFT: -450px; */
	width: 900px;
/*	min-height: 100px;*/
	border: 0px solid #AAAAAA;
	background-color: #DDDDDD;
/*	background-image: url(img/containerschatten.png);*/
/*	background-position: -30px -30px;*/
/*	background-repeat:repeat-y*/
	position: relative;
}


#header {
	margin-top: 0px;
	padding-top: 0px;
	POSITION: relative; left: 30px; 
	width: 900px;
	background-image: url(img/gif/header.gif);
	min-height: 85px;
	margin-bottom: 0px;
}

#blockoben {
	margin: 2px;
	padding-top: 0px;
/*	POSITION: relative; left: 30px; */
	width: 894px;
/*	min-height: 85px;*/
	-moz-border-radius:8px;
	-khtml-border-radius:8px;
	background-color: #FFFFFF;
	border: 1px solid #AAAAAA;
	text-align: center;	
}

#breadCrumb{
	font-size: 70%;
	POSITION: relative; left: 30px; 	
	width: 900px;
	padding: 0px 0px 0px 0px;
	border-bottom: 1px solid #DDDDDD;
/*	border-top: 1px dotted #AAAAAA;*/
	line-height: 25px;
	text-align: right;
	color: #AAAAAA;
	background-color: #EEEEEE;
}
#linkerblock {
/*	position: relative; top: 5px; left:2px;*/
	float: left;
	width: 160px;
	margin: 2px 0px 2px 2px;
	padding: 1px;
	text-align: center;
/*	min-height: 150px;*/
/*	padding-top: 10px;*/
	background-color: #FFFFFF;
	border: 1px solid #AAAAAA;
/*	border-bottom: 1px solid #cccccc;*/
}
#linkerblockrundeecke{
/*	position: relative; top: 5px; left:2px;*/
	float: left;
	width: 162px;
	margin: 2px 0px 2px 2px;
	padding: 0px;
	min-height: 150px;
/*	padding-top: 10px;*/
	background: url(img/re/roundedcornr_593483_tl.png) no-repeat top left; 
	background-color: #FFFFFF;
/*	border-left: 1px solid #AAAAAA;
	border-bottom: 1px solid #cccccc;*/
}
#linkeSpalte {
	float: left;
    width: 562px;
	height: 100%;
	margin: 2px 0px 2px 2px;	
/*	border: 1px solid #AAAAAA;
	background-color: #ffFFFF;	
	padding-top: 10px;
	padding-left: 0px;
	-moz-border-radius:8px;
	-khtml-border-radius:8px;*/
}

#rechterblock{
	float:right;
	width: 162px;
	margin: 2px;	
	border: 1px solid #AAAAAA;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #FFFFFF;	
	-moz-border-radius:8px;
	-khtml-border-radius:8px;		
}
#rechterbanner{
	float:right;
	width: 160px;
	margin: 2px;	
	border: 1px solid #AAAAAA;
	padding: 1px;
	background-color: #FFFFFF;	
}

#karterechts{
	float:right;
	width: 316px;
	margin: 2px;	
	border: 1px solid #AAAAAA;
	padding: 5px;
	background-color: #FFFFFF;	
	-moz-border-radius:8px;
	-khtml-border-radius:8px;		
}

#inhaltrechts{
	float:right;
	width: 443px;
	margin: 2px;	
	position: relative;		
}

#newsteaser{
	float:right;
	width: 316px;
	margin: 2px;	
	border: 1px solid #AAAAAA;
	font-size: 80%;
	padding: 5px;
	background-color: #FFFFFF;	
	-moz-border-radius:8px;
	-khtml-border-radius:8px;		
}
#newsteaser h2{
	margin-bottom: 10px;
}	
.inhaltbox{
	position: relative;
	border: 1px solid #AAAAAA;
	padding-top: 10px;
	margin-bottom: 2px;
	padding-bottom: 10px;
	background-color: #FFFFFF;	
	-moz-border-radius:8px;
	-khtml-border-radius:8px;
}

#inhaltlinks {
	float: left;
    width: 728px;
	margin: 2px 0px 2px 2px;	
	border: 1px solid #AAAAAA;
	background-color: #ffFFFF;	
	padding-top: 10px;
	padding-left: 0px;
	-moz-border-radius:8px;
	-khtml-border-radius:8px;
}

#inhalt {
	float: left;
    width: 562px;
	height: 100%;
	margin: 2px 0px 2px 2px;	
	border: 1px solid #AAAAAA;
	background-color: #ffFFFF;	
	padding-top: 10px;
	padding-left: 0px;
	-moz-border-radius:8px;
	-khtml-border-radius:8px;
}
#inhaltLinks588 {
	float: left;
    width: 588px;
	min-height: 244px;
	height: 100%;
	margin: 2px 0px 2px 2px;	
	border: 1px solid #AAAAAA;
	background-color: #ffFFFF;	
	padding-top: 10px;
	padding-left: 0px;
	-moz-border-radius:8px;
	-khtml-border-radius:8px;
}
#inhaltschmal {
	float: left;
    width: 277px;
	margin: 2px 0px 2px 2px;	
	border: 1px solid #AAAAAA;
	background-color: #ffFFFF;	
	padding-top: 10px;
	padding-left: 0px;
	-moz-border-radius:8px;
	-khtml-border-radius:8px;
}

#kartelinks {
	width: 437px;
	min-height: 411px;
	margin: 2px 0px 2px 2px;	
	border: 1px solid #AAAAAA;
	background-color: #ffFFFF;	
	padding: 5px;
	-moz-border-radius:8px;
	-khtml-border-radius:8px;
}

#suchfeld {
	
	width: 437px;
	height: 33px;
	margin: 2px 0px 2px 2px;	
	border: 1px solid #AAAAAA;
	background-color: #ffFFFF;	
	padding: 5px;
	padding-bottom: 0px;
	padding-top:10px;
	-moz-border-radius:8px;
	-khtml-border-radius:8px;
}

#legende {
	
	width: 437px;
	margin: 2px 0px 2px 2px;	
	border: 1px solid #AAAAAA;
	background-color: #ffFFFF;	
	padding: 5px;
	padding-top:10px;
	-moz-border-radius:8px;
	-khtml-border-radius:8px;
}

#inhaltlinks2{
	float: left;
    width: 439px;	
}

#footer {
/*	clear: both;*/
	text-align: center;
	font-size: 80%;
	background-color: #EEEEEE;	
	line-height: 25px;	
	padding: 2px 0px;
	margin-top: 5px;
/*	position: relative; top: 10px;*/
}

/***********************************************/
/* header-styles                               */
/***********************************************/
.headerbild {
	position: absolute; top: 64px; left: 0px;
	float: left;
}
.logo {
position: absolute; top: 10px; left: 20px;
min-width: 330 px;
height: 60px;
background-image: url(img/bbk-logo4.png);
background-position: 0px 0px;
background-repeat: no-repeat;
border: 0px solid #ffffff;
font-size: 1.5em;
font-weight: normal;
color: #FFFFFF;
}
.orange {
color: #F08F30;
}



/***********************************************/
/* hauptmenue-styles                           */
/***********************************************/
#hmenuehintergrund {
	position: absolute; top: 85px;
	background-color: #628088;
	width: 100%;
	height: 35px;
	line-height: 35px;
	filter: Alpha(Opacity=50, finishopacity=00); -moz-opacity:50%; opacity:.50; finishopacity: 1;
}

#hmenue {
	position: relative; top: 50px;
	padding-right: 10px;
	line-height: 35px;
	text-align: right;
	font-size: 0.8em;
}
#hmenue a{
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 5px;
	padding-bottom: 10px;
}
#hmenue a:hover{
	color: #F1942D;
	background-image: url(img/halbkreis_orange.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#hmenue a.aktiv{
	color: #FFFFFF;
	background-image: url(img/halbkreis_weiss.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}

/***********************************************/
/* linkerblock-styles                             */
/***********************************************/

/* #linkerblock ul {list-style: none; margin: 0; padding: 0;}*/

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
/* #linkerblock li {border-bottom: 1px solid #EEE;}*/

/* fix for browsers that don't need the hack */
/* html>body #linkerblock li {border-bottom: none;}*/


/*********** #submenue styles ***********/

#submenue{
	position: relative;
	margin: 0px;
	padding: 0px 12px 00px 0px;
	border-bottom: 0px solid #cccccc;
	font-size: 100%;
}

#submenue h3{
	padding: 10px 0px 2px 10px;
}

#submenue a {
/*	display: block;*/
	border-top: 0px solid #cccccc;
	padding: 5px 5px 5px 5px;
	line/height: 25px;
	text-decoration: none;
	color: #AAAAAA;
}

#submenue a:hover{
	background-color: #dddddd;
}

#submenue .aktiv {
	color: #E8923B;
}	 

/***********************************************/
/* footer-styles                               */
/***********************************************/

#footer h3{
	padding: 10px 0px 2px 10px;
}

#footer a {
/*	display: block;*/
	border-top: 0px solid #cccccc;
	padding: 5px 5px 5px 5px;
	line/height: 25px;
	text-decoration: none;
	color: #666666;
}

#footer a:hover{
	background-color: #dddddd;
}

#footer .aktiv {
	color: #E8923B;
}	 


/***********************************************/
/* banner-styles                               */
/***********************************************/
.leftBanner {
	float: left;
	margin: 10px 00px 10px 2px;
	padding: 1px;
	border: 1px solid #AAAAAA;
	background-color: #ffFFFF;	
}
.rightBanner300ohne {
	float:right;
	width: 300px;
	margin: 2px;	
	border: 0px solid #AAAAAA;
	padding: 1px;
}
.rightBanner300mit {
	float:right;
	width: 300px;
	margin: 2px;	
	border: 1px solid #AAAAAA;
	padding: 1px;
	background-color: #FFFFFF;	
}
.middleBanner {
	float: left;
	margin: 2px 00px 2px 2px;
	padding: 1px;
	text-align: center;
	border: 1px solid #AAAAAA;
	width: 558px;
/*	background-color: #ffFFFF;	*/
}
.halfBanner {
	padding: 0;
	width: 150px;
	font-size: 80%;
	padding-left: 5px;
}
.leaderBoard {
/*	position: relative; top: 14px;
	margin-bottom: 14px;*/
	float: left;
	clear: both;
	padding: 5px;
	background-color: #FFFFFF;
	width: 718px;
	height: 60px;
	margin: 2px 0px 2px 2px;
	border: 1px solid #AAAAAA;
	-moz-border-radius:8px;
	-khtml-border-radius:8px;	
}
.leaderBoard728 {
/*	position: relative; top: 14px;
	margin-bottom: 14px;*/
	float: left;
	clear: both;
	padding: 0px;
	background-color: #FFFFFF;
	width: 728px;
/*	height: 60px;*/
	margin: 2px 0px 2px 2px;
	border: 1px solid #AAAAAA;
	-moz-border-radius:8px;
	-khtml-border-radius:8px;	
}
.leaderBoardMitte {
	position: relative; left: 50%;
	/*margin-bottom: 14px;*/ 
	clear: both;
	padding: 5px;
	background-color: #FFFFFF;
	width: 728px;
	height: 90px;
	margin: 12px 0px 12px -359px;
	border: 1px solid #AAAAAA;
	-moz-border-radius:8px;
	-khtml-border-radius:8px;	
}
.leaderBoardrechts {
/*	position: relative; top: 14px;
	margin-bottom: 14px;*/
	float: right;
	padding-top: 5px;
	background-color: #FFFFFF;
	width: 730px;
	height: 65px;
	margin: 2px;
	border: 1px solid #AAAAAA;
	-moz-border-radius:8px;
	-khtml-border-radius:8px;	
}
.zentrierer {
	width: 100%;
	padding: 0 auto;
	text-align: center;
}	
.flashfix {
	position: relative; top: -18px;
}
#outsideBanner {
	POSITION: relative; left: 50%; top: 100px;
	margin-left: 510px;
	border: 1px solid #AAAAAA;	
	width: 150px;
	height: 300px;
	font-size: 80%;
	padding-left: 5px;
	z-index: 9;
}
/***********************************************/
/* inhalt-styles                               */
/***********************************************/
#inhalt h2 {
	margin:0;
	padding: 0;
	font-weight: bold;
	color:#E8923B; 
	font-size: 120%;
}

a.textlink {
	text-decoration: none;
	color:  #e8923b; /*#404F53;*/
	font-weight: normal;
	background: url(img/gif/textlink_a.gif);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 14px;
}

a.homelink {
	text-decoration: none;
	color:  #e8923b; /*#404F53;*/
}
a.homelink:hover {
	text-decoration: underline;
	color:  #e8923b; /*#404F53;*/
}

.karte {
	float: left;
	width: 439px;
/*	margin-right: 5px;*/
	margin-left: 5px;
}
.inhalttext {
/*	float: left;
	width: 520px;*/
/*	margin-right: 5px;*/
	margin-left: 5px;
	margin-right: 15px;	
	margin-bottom: 15px;
	border: 0px solid #ffaaaa;
	font-size: 80%;
	color: #555555;
	padding-left: 10px;
	position: relative;
}
.bauchbinde {
	position: relative; 
	bottom: 74px;
	width: 100%;
	background-image: url(img/gif/addressbg.gif);
	background-color: #191817;
	filter: Alpha(Opacity=80, finishopacity=80); -moz-opacity:80%; opacity:.80;
	border-bottom: 1px solid #F1942D;
	border-top: 1px solid #F1942D;
	min-height: 45px;
	font-size: 0.8em;
	margin-bottom: -89px;
	display: block;
}
#bauchbindentext {
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: white;
	font-weight: normal;
	filter: Alpha(Opacity=100, finishopacity=100); -moz-opacity:100%; opacity:1;
/*	position: relative; top: -75px;*/
}
.infotext {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	float: right;
	width: 264px;
	margin-left: 5px;
	margin-bottom: 10px;
	color: 555555;
	background-color: #eeeeee;	
	border: 1px solid #cccccc;
	font-size: 80%;
}

/***********************************************/
/* map user interface                          */
/***********************************************/

.bubbletext{
	width: 250px;
	font-size: 0.8em;
}

.bubbletext a{
	color: #e8923b;
	text-decoration: none;
}

.bubbleline {
	border-bottom: 1px dotted #3e4d51;
	padding-bottom: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
}

.bubblelineTop {
	border-top: 1px dotted #3e4d51;
	padding-top: 10px;
	margin-top: 10px;
	margin-bottom: 0px;
}

.eintragtext {
	border-bottom: 1px dotted #3e4d51;
	padding-bottom: 7px;
	padding-top: 7px;
	padding-left: 10px;
	padding-right: 10px;
}

.beschreibungtext {
	border-bottom: 1px dotted #3e4d51;
	padding-bottom: 7px;
	padding-top: 7px;

}

.eintragtext a{
	color: #e8923b;
	text-decoration: none;
}
.eintragtext a img{
	border: 0px;
	vertical-align: middle;

}

.eintraglink a{
	color: #e8923b;
	text-decoration: none;
}

.eintragzitat{
	background-color: #f5f5f5;
	background-image: url(img/gif/zitat.gif);
	border: 1px dotted #e8923b;
	padding: 5px;
	margin-bottom: 6px;
	
}

.load{
	position: absolute;
	background: url(img/gif/loading.gif) no-repeat; 
	background-position: center center;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: white;
	filter: Alpha(Opacity=70, finishopacity=70); -moz-opacity:70%; opacity:.70;


}

.loadarea{
	position: relative;
}

/***********************************************/
/* Formular-styles                             */
/***********************************************/

#Feedback{
	line-height: 24px;
}
.textfeld{
	background-color: #f5f5f5;
/*	background-image: url(img/gif/zitat.gif);*/
	border: 1px solid #e8923b;
	padding: 2px;
	margin-bottom: 4px;
	width: 500px;	
}

.leerfeld{
	background-color: #fff5f5;
/*	background-image: url(img/gif/zitat.gif);*/
	border: 1px solid #cc0000;
	padding: 2px;
	margin-bottom: 4px;
	width: 500px;	
}
.hinweis {
	color: #cc0000;
}

/***********************************************/
/* Schicke Tabellen (z. B. Anbieterübersicht)  */
/***********************************************/

.fancytable {
	width: 100%;
	border-spacing: 0px;
	border-collapse: collapse;
	background: #F0F0F0;
	
}


.fancytable td {
	border-top: 2px solid #E8923B;
	border-bottom: 2px solid #E8923B;
	vertical-align: top;
	padding: 5px 10px 5px 10px;

}

.fancytable a {
	font-weight: bold;
}

/************************************************/
/* Schicker Text mit Bild (z. B. Redaktionsteam */
/************************************************/

.textwithimage {
	margin-top: 15px;
	margin-bottom: 30px;
}

.textwithimage img {
	float: left;
	width: 120 px;
	height: 120 px;
}

.textwithimage>.text {
  

	margin-left: 130px;
	margin-right: 15px;	
	border-left: 1px solid #000000;
	
	padding-left: 10px;
	position: relative;
}

/***********************************************/
/* bugfix-styles                               */
/***********************************************/

.floatbugfix {
	clear: both;
}