body { background : #e2f2f8; background-image : url(http://www.meingardasee.com/uploads/tf/bg4_01.jpg); margin : 0 0 0 0; padding : 10px; background-repeat : repeat-x; font-family : Verdana, "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif; font-size : 11px; line-height : 160%; }
img{border:0;}
a{color:#006666; text-decoration: underline;}
a:hover{text-decoration: underline;}
a:visited{text-decoration:none;}
div#buzzcloud {font: 16px "Trebuchet MS", Geneva, Verdana, Arial; text-shadow:1px 2px 5px #333; filter:alpha(opacity=20); -moz-opacity: 0.2; opacity: 0.2;padding:20px;height:205px; text-align:right;}
div#buzzcloud a {color: #fff;text-decoration: none; line-height: 80%;}
div#buzzcloud a:hover { color: #D9B265; color: #ff6600; filter: alpha(opacity=99); -moz-opacity: 0.9; opacity: 0.9; }
div#buzzcloud:hover{filter:alpha(opacity=99); -moz-opacity: 0.9; opacity: 0.9;}
div#head, div#midsection, div#footer{ background:white; width:785px;}
div#head{position:absolute; top:10px; left:10px; height:260px; overflow:hidden;}
div#midsection{position:absolute; top:290px; left:10px;}
div#subsection{/* border:1px solid #ACAC8E; */}
div#midnav{float:left;}
div#subcol{float:right; width:120px; overflow:hidden; margin-right:1px;}
div#contentright{width:180px; overflow:hidden; /*background:#333;*/}
div#contentright h1{font-size:14px;}
div#footer{font-size : 10px;}
div#head{padding:10px; background:white;}
div#mood1{background-repeat:no-repeat; width:170px; height:260px; display:block; float:left; margin-right:10px; }
div#mood2{background-repeat:no-repeat; width:240px; height:260px; float:left; }
div#logo{margin-bottom:10px;}
div#staticmap{background-repeat:no-repeat; height:155px;}
div#staticmap img{margin:1px;width:238px;height:150px;}
div#topmap form{text-align:right;}
div#mood3{background-repeat:no-repeat; float:left; width:355px; height:260px; background:#ddd; margin-left:10px;}
div#mood3 h1.storytitle{font:16px/0px "Trebuchet MS",Verdana; color:white; text-transform:uppercase; margin:0 10px 0 0; padding:245px 0 0 0; text-align:right; font-weight:bold;}
div#mood3 h1.storytitle{font:16px/0px "Trebuchet MS",Verdana; color:white; text-transform:uppercase; margin:0 10px 0 0; padding:0 0 0 0; text-align:right; font-weight:bold;}
div#storytitle{background:#ccc;}

div#midsection{padding:0px 10px 10px 10px; border-bottom:15px solid #E2F2F8;}
div#leftcol{width:470px; float:left;}
div#rightcol{width:303px; float:left; background:#EEEEDD; margin-left:10px;}

div.item{background:#EEEEDD; padding:15px 20px 5px 20px;}
div.item h1{font-size:16px; font-weight:bold; color:#006666; padding-bottom:5px; border-bottom:1px dotted #006666;}
div.item h2{font-size:14px; font-weight:bold; color:#006666; padding-bottom:5px; border-bottom:1px dotted #006666;}
div.item h3{font-size:13px; font-weight:bold; color:#006666; padding-bottom:5px; border-bottom:1px dotted #006666;}

div#contentright {padding-bottom:20px; padding-top:15px;}
div#contentright h1 { font-size:14px; }
div#contentright .csc-firstHeader { font-size:11px; padding-left:10px; color:#006666; }
div#footer{border-top:1px dotted #ACAC8E; padding-top:5px; font-size : 11px;}

div#breadcrumb{padding-bottom:5px; margin-bottom:5px; border-bottom:1px dotted #ACAC8E; }
div#topmap{}
div.versalie {margin:0; padding:0;}
div.versalie p:first-letter { font-size:3.6em; font-family:Courier; margin-right:.1em;padding-top:0em; margin-top:0;/*  width:105%;margin:0px; padding:0;*/ float:left; color:#333;}

.csc-textpic-caption {font-size:9px; color:#ACAC8E; line-height:100%; padding:3px 0 3px 0;}
.opac20 {filter:alpha(opacity=20); -moz-opacity: 0.2; opacity: 0.2;}
.opac60 {filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;}
.upper{text-transform:uppercase;}
.Stil4 {font-size: 24px;}
.Stil5 {font-size: 30px;}
.Stil6 {font-size: 13px;}
.Stil7 {font-size: 21px;}
.Stil8 {font-size: 21px;}
.csc-textpic-image dt img, .lay1 a img {border:1px solid #ACAC8E; padding:1px;}
.lay1{width:425px; line-height:145%; padding:0; margin:0; border-collapse: collapse;}
.lay1 td{ font-size:10px; }
.webcam{width:120px; height:80px; float:left; margin-right:10px;}

div#contentright ul.csc-bulletlist{ list-style:none; padding-left:15px; font-size:10px;}
div#contentright ul.csc-bulletlist{ margin:0 0 0 0; padding:0 0 0 10px; color:#A0A084;}
div#contentright ul.csc-bulletlist li{padding-left:15px; margin:0; background-image : url(http://www.meingardasee.com/uploads/tf/green_asterisk.gif);background-repeat:no-repeat; background-position: 0px 5px;}

div#topnav, div#midnav{font-family:Helvetica; }
div#topnav {border-bottom:3px solid #ACAC8E;height:27px; background:white; }
div#topnav ul,div#topnav li{margin:0; padding:0; list-style:none;}
div#topnav li { float:left; margin-right:1px;}
div#topnav a{ font-family:Helvetica; margin:0 0 0 0; padding : 5px 0 2px 0; display : block; width : 90px; float:left; text-align : center; text-transform:uppercase; text-decoration : none; border-bottom : 3px solid #333; font-size : 10px; }
div#topnav a:hover { border-bottom : 3px solid #ff6600; color : #ff6600; }
div#topnav a.act,#topnav a.cur { border-bottom : 3px solid #ff8800; color : #fff; background:#ff8800;}
div#topnav a.act:hover,#topnav a.cur:hover { border-bottom : 3px solid #ff6600; color : #fff; }
div#topnav a{ background : #1e5061; color : #fff;  }

div#midnav {margin:0 0 0 0; padding:0;}
div#midnav ul.midlevel, div#midnav ul.midlevel li{margin:0; padding:0; list-style:none;}
div#midnav ul.midlevel li{margin-right:1px;}
div#midnav ul.midlevel {height:50px; width:180px; }
div#midnav ul.midlevel li {float:left;}
div#midnav ul.midlevel a { width:40px; margin:1px 0 0 0; padding: 5px 2px 2px 2px; display: block; float: left; text-align : center; text-transform:uppercase; text-decoration : none; border-bottom : 3px solid #333; font-size : 9px; }
div#midnav ul.midlevel a:hover { border-bottom: 3px solid #ff6600; color: #ff6600; }
div#midnav ul.midlevel a.act, div#midnav ul.midlevel a.cur { border-bottom : 3px solid #ff8800; color : #fff; background:#ff8800; }
div#midnav ul.midlevel a.act:hover,div#midnav ul.midlevel a.cur:hover,{ border-bottom : 3px solid #ff6600; color : #fff; }
div#midnav ul.midlevel a { background: #1e5061; color : #fff; }

div#midnav ul.secondlevel {clear:left;}
div#midnav ul.secondlevel {margin:0 0 0 0; padding:0; list-style:none;}
div#midnav ul.secondlevel li { display:block; border-bottom : 0px solid #fff;}
div#midnav ul.secondlevel a { margin:0;text-transform:uppercase;display : block;font-weight:normal;text-transform:uppercase; text-decoration:none;width:172px;padding : 2px 0px 2px 8px;border-top : 1px dotted #fff;font-size : 10px;background:#36616D;color : #fff;}
div#midnav ul.secondlevel a:hover { background : #ff6600; color:#fff; }
div#midnav ul.secondlevel a.cur { background : #ff8800; }
div#midnav ul.secondlevel ul { margin:0 0 0 0; padding:0; list-style:none; background:#EEEEDD; }
div#midnav ul.secondlevel ul li a {
	margin:0; 
	color : #333;
	color:#36616D;
	padding : 1px 5px 1px 30px; 
	background: #DEDECE;
	height:15px; display : block;
	width:160px;
	padding : 2px 0px 2px 20px;
	font-size : 9px;
	border-top:1px dotted #36616D;
}
div#midnav ul.secondlevel ul li a:hover {
	background:#ff6600;
	color : #fff;
}

div#midnav ul.secondlevel li a.cur { /*font-weight:bold;*/ color:white; background:#ff8800;}
div#midnav ul.secondlevel li ul {width:167px;}

.spc { background:#EEEEDD; font-size:9px; }
li.spc { width:180px; height:13px; border-top:10px solid #EEEEDD; border-bottom: 3px solid #CBCBB9; margin:0; padding:0;}
li.spc span.spc{ color: #8E8E81; background:#CBCBB9; margin:0; padding:0px 10px 0px 10px; text-transform:normal;}
div#midnav ul.midlevel li.spc { margin:0; padding:0 0 0 0; border-bottom:3px solid #294952; height:13px; }
div#midnav ul.midlevel li.spc span.spc{ padding:4px 10px 2px 10px; background-color:#294952; color:#fff; }
div#midnav ul.secondlevel li.spc { margin:0; padding:0 0 0 0; border-bottom:3px solid #294952; height:13px; }
div#midnav ul.secondlevel li.spc span.spc{ padding:4px 10px 2px 10px; background-color:#294952; color:#fff;}
div#midnav ul.secondlevel li ul li.spc span.spc{ color:#294952; padding:4px 10px 1px 20px; background-color:#CBCBB9; border-bottom:3px solid #CBCBB9;}
div#midnav ul.secondlevel li ul li.spc { border-bottom:3px solid #CBCBB9;}
div.plainimg img {border:0px solid white;}


div#rightcol{padding:0; width:303px; float:right; background:#EEEEDD; margin-left:0px; /*border:1px solid red;*/}
div#midsection{}
div#leftcol{margin:0; padding:0;}