html {
  height: 100%;
  padding-top: 1px;
}

body {
 margin: 0px;
 padding: 0px;
 background-color: #fff;
 font-family: verdana;
 font-size: 12px;
 color: #000000;
 line-height: 17px;
 background-image: url('images/background_large.jpg');
 background-repeat: repeat-x;
}


h1 {font-size: 16px; margin: 0px 0px 10px 0px; padding: 0px 0px 5px 0px; border-bottom: solid 1px #c2d1a8;}
h2 {font-size: 14px; margin: 0px; padding: 0px;}
h2.m15 {margin: 25px 0px 15px 0px}
h2.ul {border-bottom: solid 1px #c2d1a8}
ul {list-style-type: none; margin: 0px; padding: 0px;}
a {color: #000000}

img {border: none}

p {margin: 0px 0px 10px 0px; padding: 0px; line-height: 20px}
p.mt10 {margin-top: 10px}
p.mt20 {margin-top: 20px}
p span.small {font-size: 10px}


li.arrow {background-image: url('images/arrow_green.png'); background-repeat: no-repeat; background-position: 0px 3px; padding-left: 15px;}


a.link {text-decoration: underline; margin-left: 5px; color: #000000}
a.link:hover {color: #63871d}
a.ml0 {margin-left: 0px}
a.pdf {background-image: url('images/pdf.gif'); background-repeat: no-repeat; background-position: 0px 0px; padding-left: 25px; padding-bottom: 5px}
a.pdf:hover {color: #63871d}
a.email {background-image: url('images/mail.png'); background-repeat: no-repeat; background-position: 0px 0px; width: 16px; height: 16px; display: block;}
a.homepage {background-image: url('images/homepage.gif'); background-repeat: no-repeat; background-position: 0px 0px; width: 16px; height: 16px; display: block;}
a.uhr {background-image: url('images/uhr.png'); background-repeat: no-repeat; background-position: 0px 0px; width: 16px; height: 16px; display: block;}

#wrapper {
 position: absolute;
 width:960px;
 left: 50%;
 top: 50px;
 margin-left: -480px;
 background-color: #ffffff;
 box-shadow: 0px 0px 10px #000;
 -webkit-box-shadow: 0px 0px 10px #000;
 -moz-box-shadow: 0px 0px 10px #000;}

#header {height: 200px}
#header.img1 {background-image: url('images/header_1.jpg');}
#header.img2 {background-image: url('images/header_2.jpg');}
#header.img3 {background-image: url('images/header_3.jpg');}
#header.img4 {background-image: url('images/header_4.jpg');}
#header.img5 {background-image: url('images/header_5.jpg');}
#header.img6 {background-image: url('images/header_6.jpg');}
#header.img7 {background-image: url('images/header_7.jpg');}

#footer {
 border-top: solid 1px #c2d1a8;
 clear: both;
 height: 50px;
 font-size: 10px;}
#footer div {padding: 15px 10px 15px 10px}

div.navi {
  width: 180px; 
  float: left;
  padding: 20px 10px 10px 10px
}

div.content {
  width: 680px; 
  float: right; 
  padding: 20px 50px 50px 10px;
}


.mytitle {}
.gray{background-color: #666666;position: absolute;border: 10px solid #666666;z-index: 100;}
.opa{color:#cdcdcd;padding:10px 20px 0px 20px;position: absolute;z-index: 101;background-color: #214263;
  opacity:0.5;
  filter: alpha(opacity=50);
  filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100,FinishOpacity=50, Style=3, StartX=0, FinishX=100, StartY=0,FinishY=16); 
  -moz-opacity: 0.5;
}
.link_nor{background-color: #333333;border: 2px solid red;padding:0px 4px 0px 4px;text-align:center;color:#ffffff}
.link_act{background-color:red;border: 2px solid red;padding:0px 4px 0px 4px;text-align:center;color:#ffffff}

#slideshowcontainer  {margin-top: 20px; border: solid 1px #c2d1a8; width: 180px; height: 135px}

#wetter {margin-top: 20px; border: solid 1px #c2d1a8; width: 180px; height: 135px; background-color: #d9e1c9}
#wetter .icon {float: left; margin-right: 10px; height: 100px; margin-top: 5px}
#wetter .contA {padding: 5px; font-size: 11px}

.navi {list-style-type: none; padding: 0px; margin: 0px; width: 180px;}
.navi li {}
.navi li a {color: #000000; text-decoration: none; display: block; padding: 3px 0px 3px 10px; background-repeat: no-repeat;}
.levelA li a:hover {background-image: url('images/navi_hover.png'); background-position: 0px 3px}
.levelB {margin-left: 10px; width: 170px;}
.levelA li.aktiv {font-weight: bold}
.levelA li.aktiv a {background-image: url('images/navi_levela_aktiv.png');background-position: 0px 3px}
.levelA li.aktiv a:hover {background-image: url('images/navi_levela_aktiv.png');background-position: 0px 3px}
.levelA li.aktiv li {font-weight: normal}
.levelA li.aktiv li a {background-image: none}
.levelB li.aktiv {font-weight: bold; color: red}

.mt30 {margin-top: 30px;}
.mt50 {margin-top: 50px;}

ul.newsteaser li {margin-bottom: 15px}
ul.naechsteTermine li {margin-bottom: 5px}

h3 {margin: 0px; padding: 0px; font-size: 12px;}
h3.small {width: 100%; text-align: center}
h3.brdB {border-bottom: solid 1px #c2d1a8; width: 100%; text-align: center}

/*ul.vorstand {list-style-type: none; width: 300px; padding:0px; margin: 0px 0px 15px 0px; border: solid 1px red}
ul.links {float: left;}
ul.rechts {float: right; clear: right}
ul.vorstand li.posten {font-weight: bold}
*/
div.vorstand {width: 300px; height: 150px} 
div.vlinks {float: left; clear: both; }
div.vrechts {float: right; }
ul.person {list-style-type: none; padding: 0px; margin: 0px; float: left; width: 200px;}
ul.person li {}
div.img {width: 75px; height: 100px; margin-right: 10px; display: block; float: left; border: solid 1px #cdcdcd}



div.clear {clear: both}

ul.listeA {margin-left: 25px}
ul.listeA li {list-style-type: disc; line-height: 20px}

ul.listeB {margin-left: 0px}
ul.listeB li {line-height: 20px}

#wappen {position: absolute; left: 880px; top: 30px;}

ul.newsteaser li {clear: both; border-bottom: dashed 1px #c2d1a8}
ul.newsteaser li.last  {border-bottom: none}
div.teaserImg {float: right; clear: both; margin: 0px 0px 10px 20px}

#termine {border-collapse: collapse; width: 665px;}
#termine th {font-weight: bold; text-align: left; background-color: #d9e1c9; border-bottom: #c2d1a8}
#termine td {padding: 5px 0px 5px 0px; vertical-align: top; border-bottom: dashed 1px #c2d1a8}
#termine td.datum {width: 100px;}
#termine td.desc {width: 365px; padding-right: 10px;}
#termine td.zeit {width: 120px; padding-right: 10px}
#termine td.bereich {width: 60px}

div.TpInfo {width: 650px; margin-bottom: 20px; padding: 10px; background-color: #facdcd; box-shadow: 5px 5px 5px #dddddd}
div.TpInfo a {text-decoration: none}

div.form {margin-bottom: 5px}
div.form select {border: solid 1px #c2d1a8}

ul.bilder {border: solid 1px red; }
ul.bilder li {float: left; margin-right: 10px; }
ul.bilder li img {border: solid 1px #c2d1a8; padding: 5px;}

table.bilder {}
table.bilder td {padding-right: 15px; text-align: left; vertical-align: top;}
table.bilder td img {border: solid 1px #c2d1a8; padding: 5px;}
table.bilder td img.lupe {border: none; position: absolute}
table.bilder td span {font-size: 10px; clear: both; display: block; width: 120px}

ul.links li {margin-bottom: 5px}
ul.links li a {text-decoration: none; background-image: url('images/link.png'); background-repeat: no-repeat; background-position: 0px -3px; padding-left: 10px}
ul.links li a:hover {background-position: 0px -23px}

ul.aufz {margin-top: 15px;}
ul.aufz li {margin-bottom: 5px; list-style-type: disc; margin-left: 15px}
ul.aufz li a {text-decoration: none; background-image: url('images/link.png'); background-repeat: no-repeat; background-position: 0px -3px; padding-left: 10px}
ul.aufz li a:hover {background-position: 0px -23px}

div.werbung {
  border: solid 1px #cdcdcd; 
  float: right;
  margin-top: 130px;
  background-color: #fffd7d;
  width: 250px;
  padding: 10px;
  box-shadow: 0px 0px 10px #000;
  -webkit-box-shadow: 0px 0px 10px #000;
  -moz-box-shadow: 0px 0px 10px #000; }
div.werbung h2 {margin-bottom: 10px;}

form.frm1 {}
form.frm1 td {vertical-align: top;}
form.frm1 label {width: 150px; display: block; }
form.frm1 label.chkbox {width: 400px; margin-left: 40px;}
form.frm1 input {width: 250px; border: solid 1px #cdcdcd; padding: 3px;}
form.frm1 input.submit {background-image: url('images/button_bg.png'); background-repeat: repeat-x; width: 200px; margin-top: 15px;}
form.frm1 input.chkbox {width: 30px; border: none; float: left}
form.frm1 select {width: 250px; border: solid 1px #cdcdcd; padding: 3px;}
form.frm1 textarea {width: 450px; height: 120px; border: solid 1px #cdcdcd; padding: 3px;}
form.frm1 .error {background-color: #f4d7bc}

ul.impressum {}
ul.impressum li {margin-bottom: 5px;}

ul.links {float: left}

div.edvlogo {float: left; margin: 5px 0px 0px 25px}

#eintragenA {background-image: url('images/link.png'); background-repeat: no-repeat; background-position: 0px -3px; padding-left: 10px; cursor: pointer; width: 220px; margin-bottom: 15px}
#eintragenB {background-image: url('images/link.png'); background-repeat: no-repeat; background-position: 0px -3px; padding-left: 10px; cursor: pointer; width: 220px; display: none; margin-bottom: 15px}
#neuerEintrag {display: none; position: absolute; background-image: url('images/bg_gruen_halbtrans.png'); padding: 15px; width: 620px}
#neuerEintrag.visible {display: block;}

ul.gaestebuch {width: 650px}
ul.gaestebuch li {border-bottom: solid 1px #c2d1a8; padding: 0px 15px 15px 0px}
ul.gaestebuch li h2 {font-size: 12px; padding: 5px 0px 5px 0px}
ul.gaestebuch li h2 span {float: right}
ul.gaestebuch li h2 span a {float: left; margin-left: 15px}

div.infotext {border: solid 1px #c2d1a8; padding: 10px; background-color: #d9e1c9; margin-bottom: 15px; width: 630px}

#map div.gTitle {height: 200px}
#map div.gTitle a {text-decoration: none;}
#map div.gTitle a span {text-decoration: underline;}
#map div.gTitle a img {margin: 10px 0px 0px 0px; clear: both; border: none;}

table.veranstaltungen_teaser {border-collapse: collapse; width: 665px;}
table.veranstaltungen_teaser td {padding: 5px 0px 5px 0px; vertical-align: top; border-bottom: dashed 1px #c2d1a8}
table.veranstaltungen_teaser td.datum {width: 100px;}
table.veranstaltungen_teaser td.desc {width: 365px; padding-right: 10px;}
table.veranstaltungen_teaser td.zeit {width: 120px; padding-right: 10px}
table.veranstaltungen_teaser td.bereich {width: 60px}

div.mehrVeranst {font-size: 12px; font-weight: normal; text-decoration: none; float: right}
div.mehrVeranst a {text-decoration: none}
div.mehrVeranst a span {font-weight: bold; font-size: 14px}

div.gewaesserwart {clear: both; height: 130px}
div.gewaesserwart ul.person {width: 450px}