/* css created by Beat Muhr 2008 http://www.beatmuhr.com */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by/3.0/  */

body {
margin:0;
padding:0;
/* background-color:visible; */
background-color:#c0cfec;
font-family:  Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
color:#000000;
font-size:.9em;
}
#container {
position:absolute;
width: 900px;
height:612px;
margin:-306px 0px 0px -450px;  
top: 50%; 
left: 50%;
padding: 0; 
border:1px solid #000000;
/* background-image:url(http://sommer-bachblueten.ch/bb/bh/img/clouds-light.jpg); */
background-image:url(http://sommer-bachblueten.ch/bb/bh/img/hintergrund_sub2.jpg);
/* background-repeat:no-repeat; */
background-repeat:repeat-y; 	
} 

/* QuickJump */

#QJ { 
    display: inline; 
    left: -1000px; 
    overflow: hidden; 
    width: 0px; 
    position: absolute; 
    top: -1000px; 
    height: 0px; 
    margin-top:1em;  
	}

/*   TOP   */
#top1 {
position:absolute; 
top: 0px; 
left: 0px; 
width: 173px; 
height: 50px;
margin:0;
padding:0;
/*
background-image:url(http://sommer-bachblueten.ch/bb/bh/top/logo_start.gif);
background-repeat:no-repeat;
*/
} 

#top2 {
position:absolute; 
top: 0px; 
left: 174px; 
width: 727px; 
height: 88px;
margin:0;
padding:0;
filter:alpha(opacity=55);-moz-opacity: 0.55;opacity: 0.55;
background-image:url(http://sommer-bachblueten.ch/bb/bh/top/background_head.jpg);
background-repeat:no-repeat;
}

#top3 {
position:absolute; 
top: 0px; /*50*/
left: 0px; 
width: 173px; 
height: 86px; /*36*/
margin:0;
padding:0;
text-align:center;
/* vertical-align:middle; */

/* border-bottom:1px solid #333333; */
font-size:11px;
}  
/*   NAVI   */
#left {
position: absolute;
top: 7em; 
left: .5em; 
width: 10em; 
height: auto;
list-style:none;
background-color:visible;
margin:0;
padding:0;
z-index:10;

}
#a_left ul {
margin:0;
padding:0;

}
#a_left li {
list-style-type: none;
margin:0;
padding:0;

/* padding:18px 5px 5px 10px; */

margin:0 0 .2em 0;


	text-align:center;
	vertical-align:middle;
}

#a_left a {
	display:block;
	width:12em;
	text-decoration: none;
/*---	  
	padding:.5em .2em .2em .2em;
*/	
	
	font:normal .8em sans-serif;
	color:#000000;
	/* background: url("http://sommer-bachblueten.ch/bb/bh/left/bg_img_navi.gif") 0 0 no-repeat; */
	
	/*
	border:solid #FFD700;
	border-width:0 0 2px 2px;
	*/
	height:2em;
	background-color:#fce600;
	border-top:1px solid #FFFACD;
	border-right:1px solid #FFFACD;
	border-bottom:2px solid #FFD700;
	border-left:2px solid #FFD700;

	
}
#a_left a:hover {	
/*	background-position: -142px 0; */
	color:#999999;
}
#a_left a:active {
/*	background-position: -284px 0; */
	color:#FF0000;	
}

#a_left .links_auswahl {
	display:block;
	width:12em;
	height:2em;
	font:normal .8em sans-serif;
	margin:0 0 .2em 0;
/*---  
	padding:.5em .2em .2em .2em; 
*/	

	color:#000000;
	/*background: url("http://sommer-bachblueten.ch/bb/bh/left/bg_img_navi.gif") 0 0 no-repeat;
	background-position: -286px 0; */
	background-color:#fce600;
	border-top:1px solid #FFFACD;
	border-right:1px solid #FFFACD;
	border-bottom:2px solid #0033FF;
	border-left:2px solid #0033FF;
	text-align:center;
}	

/*
h1 {font-size:1.5em;color:#6666FF;border-bottom:2px solid #3366FF;background-color:#33FFFF;padding:.5em 0 0 0;margin:0;height:1.5em;text-align:center;
}*/
h1 {font-size:1.5em;/*color:#6666FF;*/color:#333;xxx-color:#548dd4;padding:0.5em 0 0;margin:0;height:1.5em;text-align:center;
}
h2 {font-size:1.1em;color:#000000;padding:1.2em 0 .8em 1em;margin:0;height:1.1em;text-align:left;
}
h3 {font-size:1.5em;color:#6666FF;padding:.5em 0 0 1em;margin:0;height:1.5em;text-align:left;
}
h3 {padding:.5em 0 0 1em;

}
p {
padding:0;
margin:0;
}
#content p, #content pre, #content li, #content ul, #content img, #content table {
	padding: 0 1em;
	margin:0;
}
#content ul {
margin:0;
padding:0;
}
#content li {
padding:0;
margin:0;
margin-left:2em;
list-style:square;
}
div #multicolumn  {   /*<div id="multicolumn">*/
	-moz-column-count: 2;
	-moz-column-gap: 5px;
	height: 400px;
	
} /*macht dreispaltige layouts*/

#adresse {
font-size:11px;
text-align:center;
/*border:1px dotted #666666;*/
width:13em;
margin:0;
margin-top:1em;
padding:2px 2px 2px 0;
}




#was_sind {
position: absolute;
top: 100px; 
left: 174px; 
width: 710px; 
height: 480px; 
/* height: auto;*/
/*
background-image:url(/bb/home/ahref_bg.gif);
background-repeat:repeat;
filter:alpha(opacity=65);-moz-opacity: 0.65;opacity: 0.65;
border: 1px dotted grey;*/
margin:0;
padding:0;
}

#footer {
position: absolute;
top: 596px; 
left: 0; 
width: 898px; 
height: 15px;
background-color:#548dd4;
/*
background-image:url(/bb/bh/footer/bg_footer.gif);
background-repeat:repeat-x;
filter:alpha(opacity=65);-moz-opacity: 0.65;opacity: 0.65;
*/
/* border: 1px dotted grey; */
margin:0;
padding:2px;
}
#footer a {
color:#CCCCCC;text-decoration: none;
}
#footer a:hover, #footer a:active {	
color:#999999;
}

#content a {
color:#548dd4;text-decoration: none;
font-style:italic;
}
#content a:hover, #content a:active {	
color:#666666;
}

#top1 a {
/*color:#937817;*/color:#000000;text-decoration: none;
}
#top1 a:hover, #top1 a:active {	
color:#948928;
}
#adresse a {
color:#000000;text-decoration: none;
}
#adresse a:hover, #adresse a:active {	
color:#948928;
}
.blau {
/* color:#3399FF; */
color:#548dd4;
}
.nobr {
white-space:nowrap;
}