/* Farben
 Hintergrund: #E2F2E6 226,242,230 helles grün
 Hintergund Navi, Headline left, h1, h2: #006600
 h3: #339966;
 linke Spalte: #C7E2CA
*/

*{
 margin:0;
 padding:0;
 font:400 10px/14px verdana,arial,helvetica,sans-serif;
 z-index:10;
}

* td,* th{empty-cells:show;font-size:11px }

table{
 padding: 0;
 margin: 0;
 border-collapse: collapse;
 border-spacing: 0;
}

html{
 color:#000000;direction:ltr;
}

body{
 behavior: url(/addon/csshover.htc);/*Aufruf einer WinIE -Behavior Datei*/
 text-align:center;
 padding:10px 0 10px;
}

h1, h1 sup{
 color:#006600;
 font: 800 18px verdana,arial,helvetica,sans-serif;
 text-align: center;}

h2, h2 sup{
 color:#006600;
 font: 400 12px verdana,arial,helvetica,sans-serif;
 text-align: center;
}

h3, h3 sup{
 color:#339966;
 font: 800 10px verdana,arial,helvetica,sans-serif;
 text-align: center;
}

h4, h4 sup{
 margin-top:10px;
 color:#339966;
 font: 800 14px verdana,arial,helvetica,sans-serif;
 text-align: left;
}
h5, h5 sup{
 margin-top:10px;
 color:#006600;
 font: 800 10px verdana,arial,helvetica,sans-serif;
 text-align: left;
}
h6, h6 sup{
 margin-top:10px;
 color:#339966;
 font: 800 10px verdana,arial,helvetica,sans-serif;
 text-align: left;
}
p, p *{
 font-size:10px;
}
em{font-weight:bold}
ul,ol{
 margin:10px 0 10px 40px;
}

li ul,li ol{
 margin:0 0 0 40px;
}

li p{
 line-height:inherit;
 margin:0;
}

a{
 font-size:11px;
 color:#006600;
 text-decoration:underline;
}
a img{
 border:0;
}

.center{text-align: center;}
.right{text-align: right;}
.left{text-align: left}
.bold{font-weight: bold}
.blue{color: #0000BF}
.italic{font-style: italic}
.row1{background-color:#EFEFEF;}
.col1{background-color:#FFFFFF;}
.col2{background-color:#C7E2CA;}
.top{text-align:center;margin:15px 0;clear:both}

div#main{
 width: 760px;
 margin-left:auto;
 margin-right:auto;
 text-align:left;
 border: 2px solid;
 background:#E2F2E6 url(/pic/main/hvv_bg.gif);
 background-repeat:repeat-y;
}

#counter{
 top: 0;
 left: 0;
 width: 1px;
 height: 1px;
 position: absolute;
 z-index: 0;
 display: none;
}

div#header{
 width:740px;
 background-color:#E2F2E6;
 height:191px;
}

div#header .space{
 width:760px;
 height:10px;
 background-color:#E2F2E6;
}
#header h1{
 background: url('/pic/main/panorama.jpg') no-repeat 0 0;
 border-top: 1px solid #000000;
 border-bottom: 1px solid #000000;
 width: 760px;
 height:180px;
 z-index: 10;
}

div#navigation{
 position:relative;
 top:-24px;
 width:760px;
 height:24px;
 color:white;
 background-color:transparent;
 border-top: 1px solid #C0C0C0;
 z-index: 500;
}

div#navigation ul{
 padding: 0;
 margin:0;
}

div#navigation>ul a{width: auto}

div#navigation ul ul{
 margin:0;
 left: 0;
 position: absolute;
 display: none;
 background-color: #669966;
 border-style: hidden;
}
div#navigation ul.level1 li.submenu:hover ul.level2{display: block}
div#navigation ul.level2 li.submenu:hover ul.level3{display: block}

div#navigation li{
 position: relative;
 list-style: none;
 margin: 0;
 float: left;
 text-align: center;
}

div#navigation li a, div#navigation li span{
 color: #FFFFFF;
 font: 800 12px/16px verdana,arial,helvetica,sans-serif;
 display: block;
 padding: 3px 0px 3px 2px ;
 text-decoration: none;
 height: 17px;
}

div#navigation li:hover{background: #006600;}

/*
div#navigation ul.level1 li a{border-bottom: 1px solid #000000}
div#navigation ul.level2 li a{border-bottom: 2px solid #000000}
*/
div#navigation li li{
 border: #000000;
 border-style: solid;
 border-width: 1px 0 0 0;
}
div#navigation li li a{
 margin: 0;
 font: 800 12px/16px verdana,arial,helvetica,sans-serif;
 height: 16px;
}


div#navigation li.x4{width: 40px}
div#navigation li.x6{width: 60px}
div#navigation li.x7{width: 70px}
div#navigation li.x8{width: 80px}
div#navigation li.x9{width: 90px}
div#navigation li.x10{width: 100px}
div#navigation li.x12{width: 120px}
div#navigation li.x14{width: 140px}
div#navigation li.x16{width: 160px}
div#navigation{
}
/*
div#navigation li.submenu li.submenu:hover{
 background-color: #EDD;
}

div#navigation li.submenu:hover{
 background-color: #EDD;
}
*/

div#left{
 margin-top:-24px;
 padding:10px 5px 10px 5px;
 float:left;
 width:180px;
}

div#left .block{
 margin-top:15px;
 width:180px;
 border:0px solid #006600;
}
div#left .block *{font:400 10px verdana, arial, helvetica, sans-serif}
div#left .block * em{font-weight:bold}
div#left .block * em.space{width:54px;text-align:right}
div#left .block h1,.termin table caption{
 background-color:#006600;
 padding:3px;
 color:white;
 font:600 10px/14px verdana, arial, helvetica, sans-serif;
}
div#left .block .content{
 background-color:#E2F2E6;
 border:0 solid #006600;
 padding:5px;
}
div#left .block .webcam{
 text-align:center;
 background-color:#E2F2E6;
 border:0 solid #006600;
 padding:5px;
 color:#FF0000;
}
div#left .block .webcam a{
 font:800 12px/14px verdana,arial,helvetica,sans-serif;
 color:#CC0000;
}

div#left .block .date{
 background-color:#006600;
 padding:2px;
 color:white;
 font: 400 9px verdana, arial, helvetica, sans-serif;
 text-align:center
}
/* wetter css internal 1und1 css overwrite */
.teaser_tableCaption_contentWeather {
 font: 800 10px/14px verdana,arial,helvetica,sans-serif !important;
 padding: 3px !important;
 text-align:center !important;
}

/* --- test left */
div#left * h1 a:link, div#left * h1 a:hover, div#left * h1 a:visited{
 text-decoration: none;
 display: block;
 color: #FFFFFF;
 font: 800 10px verdana,arial,helvetica,sans-serif;
}

div#left .termin table{width:180px}

div#left .termin td{
 height:28px;
 padding: 1px 3px 1px 3px;
 font: 400 10px/14px verdana,arial,helvetica,sans-serif;
}
div#left .termin td a{text-decoration:none;font: 400 10px/14px verdana,arial,helvetica,sans-serif;}
div#left .termin td a:hover{color: #BB0000}
div#left .termin .row1{background-color: #FFFFFF;}
div#left .termin .row2{background-color: #E3F2E6;}

div#left .termin .info{
 padding:0;
 margin:0;
 background-image: url('/pic/main/info.gif');
 background-repeat: no-repeat;
 background-position: center right;
}

div#main div#left div.termin tr.addtext{color: #006600}

div#main div#left div.termin tr.addtext span{
 margin-left:10px;
 position: absolute;
 font: 400 10px Verdana, Arial, Helvetica, sans-serif;
 background: #EFEFEF;
 border: #E2F2E6 outset 2px;
 color: #006600;
 padding: 10px;
 display: none;
 z-index:1000;
}
div#main div#left div.termin tr.addtext span .extheader{
 font-weight: bold;
 text-decoration: underline
}

div#main div#left div.termin tr.addtext span li{
 margin: -5px 0 0px -25px;
 padding: 0px;
}
div#main div#left div.termin tr.addtext:hover{color: #BB0000}
div#main div#left div.termin tr.addtext:hover span{display: block;}
/* end test left */
div#content{
 padding:5px 10px 10px 10px;
 margin-top:-24px;
 margin-left:190px;
 min-height:570px;
}
div.counter{background:#E2F2E6;padding:2px}
div.counter font{display:none}
div#left .counter p{
 background-color: #E2F2E6;
 padding: 2px 5px 2px 5px;
}
div#content p, div#content ul,div#content ol{font:400 10px/14px verdana,arial,helvetica,sans-serif}
div#left .counter table{
 width:100%;
 background:#E2F2E6;
 padding:2px;
}
div#left .counter table tr.alt{
 background:#CBE4CE;
}
div#left .counter table td{
 padding: 0 0px 0 0px;
 font: 400 10px/14px verdana,arial,helvetica,sans-serif;
}
div#content .breadcrumb{color:#006600;margin-bottom:10px}
div#content .breadcrumb span{font: 800 10px verdana, arial, helvetica, sans-serif;}
div#content .breadcrumb a{font: 400 10px verdana, arial, helvetica, sans-serif;}
div#content .breadcrumb img{margin:0 3px 1px}

div#content h1{
 margin-top:10px !important
 margin-top:15px /* IE */
}

div#content table.standard td{font-size:11px;vertical-align:top;}
div#content table.standard th{font-size:11px;vertical-align:top;font-weight:bold;}

div#content h5.block{font: 800 10px/20px verdana, arial, helvetica, sans-serif;padding:0 5px 0 5px}
div#content h5.white{color:#FFFFFF}
div#content h5.black{color:#000000}

div#content img.left{
 margin: 5px 10px 5px 0;
 text-align: left;
 float: left;
 border: solid 1px;
 border-color: #444 #AAA #AAA #444;
 }
div#content img.right{
 margin: 5px 0 5px 10px ;
 text-align: right;
 float: right;
 border: solid 1px;
 border-color: #444 #AAA #AAA #444;
}
div#content .picgalerie{text-align: center;margin-top:15px}
div#content .picgalerie img{
 margin: 2px;
 border: solid 1px;
 border-color: #444 #AAA #AAA #444;
}

div#content .nextpage{
 color:#336699;
 font: 800 10px verdana, arial, helvetica, sans-serif;
 padding: 20px 0 0 0;
 text-align: center;
}
div#content .nextpage span{
 color: #7F7F7F;
 font: 800 10px verdana, arial, helvetica, sans-serif;
}

div#content .nextpage a:hover{color: #A02000}
div#content .nextpage a:link, div#content .nextpage a:visited{
 text-decoration: none;
 font: 800 10px verdana, arial, helvetica, sans-serif;
}

div#content .movingMap{margin:5px 0 15px 35px;}

div#content .morepics{
 text-align: center;
 margin-top: 20px;
}
div#content .morepics a:link, div#content .morepics a:visited{
 text-decoration: none;
 font: 800 10px verdana, arial, helvetica, sans-serif;
}

div#content .morepics a:hover{color: #800000}

div#content .create{
 margin-top:15px;
 color:#006600;
 font: 400 10px verdana, arial, helvetica, sans-serif;
 padding: 10px 7px 0 0;
 text-align: right;
}

.footer{margin-left:170px;padding:15px 0 15px 0}

/* select year */
div#selectyear{height: 20px;}

div#selectyear .select{
 background: url(../pic/main/button3.gif) 0 0 no-repeat;
 height: 20px;
 width:60px;
 font: 800 10px/18px verdana, arial, helvetica, sans-serif;
 text-align:center;
 color: #BB0000;
/* color: #6699CC;*/
 margin-right:5px;
 margin-left: 0px;
 float: left;
}

div#selectyear .select a:link , #selectyear .select a:visited{
 height: 20px;
 width:60px;
 font: 800 10px/18px verdana, arial, helvetica, sans-serif;
 display: block;
 background: url(../pic/main/button2.gif) 0 0 no-repeat;
 text-decoration: none;
 color:#006600;
}

div#selectyear .select a:hover{
 font: 800 10px/18px verdana, arial, helvetica, sans-serif;
 background: url(../pic/main/button5.gif) 0 0 no-repeat;
 text-decoration: none;
 color: #FFFFFF;
}

/* not used */
/*
div#selectyear .active{
 background: url(../pic/main/button3.gif) 0 0 no-repeat;
 height: 20px;
 width:60px;
 font: 800 10px/18px verdana, arial, helvetica, sans-serif;
 color: #6699CC;
 text-align:center;
}
*/

div#selectyear .end{ clear: left; display: none;}

/* kontaktpage */
div#kontakt{
 text-align: center;
}

div#kontakt table{
 margin-top: 15px;
 margin-left: auto;
 margin-right: auto;
}

div#kontakt table th{
 color:#006600;
 font: 400 12px verdana,arial,helvetica,sans-serif;
}

div#kontakt table td{ padding-bottom: 15px;}

/* historypage */
div#history{}

div#history ul{
 list-style-type: square ;
 margin-left: 30px;
}

div#history .register {
 list-style-type: disc ;
 margin-left: 50px;
}

div#history .register li{
 font: 800 10px verdana,arial,helvetica,sans-serif;
 color: #8F8F8F;
}

div#history .register a:link,  div#history .register li a:visited{
 font: 800 10px verdana,arial,helvetica,sans-serif;
 text-decoration: none
}
div#history .register a:hover{color: #A02000}

div.links ul{
 list-style-type: circle;
 margin-left: 30px;
}

div.links li{
 font: 800 10px verdana,arial,helvetica,sans-serif;
 color: #8F8F8F;
}

div.links a:link, div.links a:visited{
 font: 800 10px verdana,arial,helvetica,sans-serif;
 text-decoration: none;
}

div.links a:hover{
 text-decoration: none;
 color: #A02000;
}

/* berichte */
table.reportlist{
 text-align: center; /* IE 5 */
 margin-left: auto;
 margin-right: auto;
 margin-top: 10px;
 border: 0;
}

table.reportlist thead{
 background-color: #006600;
}

table.reportlist thead td{
 font: 800 10px verdana, arial, helvetica, sans-serif;
 padding: 3px;
 color:#FFFFFF;
}

table.reportlist * a{
 display: block;
 width: 100%;
 height: 100%;
 padding: 0 3px 0 3px;
}

table.reportlist tbody tr:hover a{
 color: #800000;
 font: 800 10px/20px verdana, arial, helvetica, sans-serif;
}

table.reportlist tbody td{
 font: 400 10px/20px verdana, arial, helvetica, sans-serif;
 text-align: center;
 height: 20px;
 padding: 0;
}

table.reportlist tbody td.subject{
 text-align: left;
 padding: 0;
}


table.reportlist * a:link, table.reportlist * a:visited{
 font: 400 10px/20px verdana, arial, helvetica, sans-serif;
 text-decoration: none;
 color: #000000;
}

table.reportlist * a:hover{
 font: 800 10px/20px verdana, arial, helvetica, sans-serif;
 text-decoration: none;
 color: #800000;
}

.cartdescription{
 text-align:center;
 margin-top:0px;
 margin-left:auto;
 margin-right:auto;
 width:540px;
 background-color:#C7E2CA;
}
.cartdescription p{border-width:2px 2px 0 2px;border-style:solid;border-color:#FFFFFF;padding:5px}
.cartdescription table{width:100%;background-color:#C7E2CA;border:2px solid #FFFFFF}
.cartdescription table td{border:2px solid #FFFFFF;font:400 10px/14px verdana,arial,helvetica,sans-serif;}

.movieblock{
 margin-left: auto;
 margin-right: auto;
 margin-top: 10px;
 width:400px;
 text-align: center;
}
.movie{width: 192px;}
.movie a{
 display: block;
 text-decoration: none;
 color: #006600;
 font-weight: bold;
}

/* -- loipeninfo -- */
.register {
 list-style-type: disc ;
 margin-left: 50px;
}

.register li{
 font: 800 10px verdana,arial,helvetica,sans-serif;
 color: #8F8F8F;
}

.register a:link, .register li a:visited{
 font: 800 10px verdana,arial,helvetica,sans-serif;
 text-decoration: none
}
.register a:hover{color: #A02000}
/* ----- 25.01.2009 fz ----- */