html{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10pt;text-align:center;}
body{margin:0 auto;padding:0;color:#111;text-align:center;background-color:#444;}

#wrapper{background:#e8ffe3;width:1000px;margin: 0 auto; border: 1px solid #000; border-top: 0; }
#headerbox {text-align:left;margin:0px auto;background:#122d61 url(/grafik/header-grad.jpg) no-repeat center;height:100px;}

#headerbox .headline {
	display: block;
	font-size:100%;
	padding:20px 0 0 40px;
	margin:0;
	color:#fff;
	letter-spacing:.07em;
	font-weight: bold;
	width: 800px;
}

#headerbox H2 {
	font-size:110%; 
	padding: 10px 0 0 40px; 
	margin:0; 
	color:#fff; 
	letter-spacing:.2em;
}

#headerbox .headline A { 
	color:#fff;
	letter-spacing: .18em;
	text-decoration: none;
	font-weight: normal
}

#headerbox A:Hover{color:#aaa;text-decoration:underline;}

#eyecatcher{width:1000px;height:180px;background:#000 url(/grafik/deko/natur-0.jpg) no-repeat center;}
#navcol{width:181px;height:auto;float:left;}
#navbox{margin:0;width:181px;background:#a1bf5a url(/grafik/navi-bg.jpg) repeat-x bottom;}
#contentbox{width:818px;height:auto;float:right;text-align:left;padding:0;margin:0;}
#footerbox{clear:both;font-size:90%;height:3.5em;line-height:3.5em;text-align:center;background-color:#122d61;margin:0 auto;color:#fff;}


.big { font-size: 160%; } 
.logobar { width: auto; margin: 40px 0 }
.logobar img { width: 100px; margin-left: 100px; border: 1px solid #aaa; }

.nav {}
.nav UL{list-style-type:none;padding:10px 0 0 0;margin:0 0 0 0;width:95%;}
.nav LI{text-indent:20px;text-align:left;line-height:2em;}
.nav LI:Hover{background:#e8ffe3;}
.nav LI A{display:block;font-weight:normal;font-size:110%;color:#000;text-decoration:none;}
.nav_highlight{background:#fff;}
.subnav{margin-left:20px;font-size:90%;font-weight:normal;}
.subnav_h{border-bottom:1px dotted #333;}
.inner{margin:10px 20px 10px 30px;padding:0}

.hl { color: blue; }

#contentbox h1{display:block;margin:0;padding:8px 0;line-height:1em;color:#fff;background-color:#a1bf5a;font-size:110%;text-indent:30px;}
#contentbox h2{clear:both;display:block;padding:20px 0 10px 10px;margin:0;line-height:1em;color:#555;font-size:120%;}

/*#contentbox h3{padding:0 0 10px 0;margin:0;height:1em;line-height:1em;color:#555;font-size:110%;} */

P {font-size: 100%; line-height: 1.5em;}
.border{border:1px solid #ccc;}
img{border:0;}
img A{border:0;}
.mafoto { width: 90%; max-width: 220px; border: 1px solid #dadada;}
.right{text-align:right;}
A{color:#000099;text-decoration:none;}
A:hover{color:#990000;text-decoration:underline;}
.bold{font-weight:bold;}
.lbox{clear:both;width:49%;float:left;border:1px solid #ddd;margin-top:10px;margin-bottom:10px;}
.rbox{width:49%;float:right;margin-top:10px;margin-bottom:10px;}
.pad{padding:0 10px;}
.clear{clear:both;}
.container{clear:both;margin:10px 0 10px 30px;}
.colwrap {clear:both;line-height:1.4em;height:auto;width:auto;margin:2px 0 2px 0;}
.colwrap A{display:block;}
.colwrap .r1{float:left;width:35%;margin-right:.5%;}
.colwrap .r2{float:left;width:31%;margin-right:.5%;}
.colwrap .r3{float:left;width:9%;margin-right:.5%;}
.colwrap .r4{float:left;width:16%;margin-right:.5%;}
.colwrap .r5{float:left;width:5%;}
.colwrap .dreier-r1{float:left;width:34%;margin-right:.5%;}
.colwrap .dreier-r2{float:left;width:63%;margin-right:.5%;}
.colwrap .dreier-r3{float:left;width:5%;}
.hlight{background-color:#eee;}
.white{background-color:#fff;}
.indent{padding:0 0 0 5px;}
.thead{border-bottom:1px solid #ccc;}
.center{text-align:center;}
.auto{width:auto ! important;}
.left{text-align:left;}
.round { border-radius: 5px }
table{table-layout:auto;width:100%;}
td{padding:4px 0;}

.headline { display: block; float: left; width: 612px; }
.clock { display: block; float: right; width: 205px; padding:8px 0;line-height:1em;color:#fff;background-color:#a1bf5a;font-size:110%;text-indent:10px;}

.floli { float: right; margin: 0 10px; }
.floli A img { width: 220px; }
.flori { float: left; margin: 0 10px; }

/* table */

.table {
    display:table;
    font-size: 85%;
    margin: 10px 0;
    border: 1px solid #ddd;
}
.table div {
    display:table-row;
    margin-top: 10px;
}

.table div div {
    display:table-cell;
    padding: 15px;
}

/* NEWS */

#news { clear: both; }
#news P { font-size: 8pt; }
#news H3 { display: inline-block; border-bottom: 1px solid #aaa; padding: 5px; margin: 0; }
.top { vertical-align: top; }

#news img { border-radius: 5px; cursor: pointer; background: #fff; margin: 0 2px 2px 0; border: 1px solid #ddd; }
.light { background-color: #fbfbfb; }
.catch { max-width: 168px; }
.micro { max-width: 48px; }
.addons { max-width: 170px; background-color: #fff; width: 170px;}

#news .condiv { display: inline-block; float: left; border: 1px solid #ddd; margin: 10px 0 0; padding: 4px; width: 100%; }
#news .condiv h4 { margin: 0; padding: 2px; background: #122d61; color: white; }
#news .condiv a { display: inline-block; margin: 5px 0 0; padding: 2px; }