html{ overflow-y:scroll; }
body{  margin: 0; padding: 0; background: #dfe6f0 url(../images/hg.gif) 0 0 repeat-x; color: #275a99; font: 12px/18px Verdana, sans-serif;}

p {margin: 0; padding: 0 0 18px 0; }

.boxLeft p{ margin: 0; padding: 0;}
.boxMiddle p { margin: 0; padding: 0;}
.boxRight p {margin: 0; padding: 0;} 

a, a:visited {color: #d8151d; text-decoration: none;}
a:hover {text-decoration: underline;}
a.extern {background: url(../images/pfeil.gif) 100% 60% no-repeat; margin: 0; padding: 0 15px 0 0;}

a.link-mit-pfeil { color: #d8151d; background: url(../images/pfeil.gif) right 70% no-repeat; text-decoration: none; margin:0; padding: 0 15px 0 0; }
a:hover.link-mit-pfeil {text-decoration: underline;}


a.download { color: #d8151d; background: url(../images/pdf.gif) 0 2% no-repeat; text-decoration: none; display:block; margin:0; padding:0 0 0 21px; }
a:hover.download{text-decoration: underline;}

a.extern { color: #d8151d; background: url(../images/externallink.gif) 100% 85% no-repeat; text-decoration: none; margin:0; padding: 0 25px 0 0; display:inline-block; }
a:hover.extern {text-decoration: underline;}

img{ border: none;}
.csc-textpic-image {padding: 0; margin: 0; border: solid 1px #5d86b8;}
.csc-textpic-intext-left-nowrap{margin: 0 0 5px 0; padding: 0;}



h1{ color: #275a99; font-size: 14px; margin: 0; padding: 10px 0 5px 0; width:100%;}
h1.graphicTitle{ text-indent: -10000px; margin: 0; padding: 0 0 12px 0; width:100%;}
h2{ font-weight: bold; font-size: 12px; margin: 0; padding: 10px 0 5px 0; width:100%;}
h2.graphicTitleU{ text-indent: -10000px; margin: 0; padding: 0 0 12px 0; width:100%;}
h3{ font-weight: bold; font-size: 12px; margin: 0; padding: 0 0 12px 0; width:100%;}
h3.graphicTitleHome{ text-indent: -10000px; margin: 0; padding: 0 0 14px 0; width:100%;}
h4{ color: #275a99; font: 12px/18px Verdana, sans-serif; font-weight: bold; margin: 0; padding: 0; width:100%;}

.line{ background: url(../images/druckversion_line.gif) 0 0 repeat-x; margin: 0; padding: 0; height: 20px;}

/* ---------------------------------------------------------------------------------------------------- */

/* CONTAINERS */
#mainContainer{margin: 0 auto; padding: 0; width: 944px; min-height: 800px;}
#navContainer {clear: left; float: left; width: 169px; background: url(../images/bg_kasten.png) 0 0 repeat-x; margin: 0; padding: 0 18px 10px;}
#linkeSeite{clear: left; float: left; width: 169px; margin: 0; padding: 0;}

/*INDEX_SEITE*/
#contentContainer {clear: both; width: 944px; margin: 0; padding: 0;}
#contentBoxes {clear: both; width: 944px; margin: 0; padding: 0;}
#content {float: right; width: 739px; margin: 13px 0 0 0; padding: 0;} 

/*MAIN-SEITE*/
#contentMain { float: right; width: 688px; margin: 294px 0 0 14px; padding: 18px; background: url(../images/bg_content_1x1_neu.png) 0 0 repeat;} 
#contentMainWerbung { float: right; width: 699px; margin: 294px 0 0 14px; padding: 18px 15px 18px 10px; background: url(../images/bg_content_1x1_neu.png) 0 0 repeat;} 
#inhalt { width: 688px; margin: 0; padding: 0; background: url(../images/content_line.gif) 0 0 repeat-y;}
#inhalt_werbung { float: left; width: 699px; margin: 0; padding: 0;} 

#inhaltOhneSidebar {float: left; width: 688px; margin: 0; padding: 0;} 
#inhaltText {float: left; width: 450px; margin: 0; padding: 0 13px 0 0; min-height: 330px; _height: 330px;}
#inhaltText_werbung {float: left; width: 525px; margin: 0; padding: 0; min-height: 330px; _height: 330px;}

#inhaltText ul {margin: 0 0 18px 0; padding: 0;}
#inhaltText li {list-style: none; display:block; margin: 0; padding: 0 0 0 10px; background:url(../images/aufzaehlung.png) 0 0 no-repeat;}
 
#inhaltTextOhneSidebar {float: left; width: 688px; margin: 0; padding: 0 13px 0 0; min-height: 330px; _height: 330px;} 
#clearer {clear: both;}

#sidebar {float: right; width: 210px; margin: 0; padding: 0; background: none;} 
#sidebar_werbung {float: right; width: 145px; margin: 0; padding: 0; background: none; border:none;} 
#sidebar_werbung img {border: none; padding:0; margin: 0;}

#footerContainer {clear: both; width: 944px; margin: 0; padding: 0;}

#print {color: #275a99; float: left; width: 688px; margin: 18px 0 0 0; padding: 8px 0 0 0;  background: url(../images/druckversion_line.gif) 0 0 repeat-x;}
#print a, #print a:visited {color: #275a99; text-decoration: none;}
#print a:hover {color: #d8151d;}

#container-margin{ width: 944px; padding: 0; margin: -1002px 0 0 0;}
#picture, #picture img{ width: 944px; min-height: 1002px; _height: 1002px;z-index: -10; }

/* ---------------------------------------------------------------------------------------------------- */
/* CONTAINERS INDEX */
.boxLeft{ float: left;  margin: 0 0 0 12px; padding: 10px 18px 18px; width: 198px; background: url(../images/bg_kasten.png) 0 0 repeat-x; min-height: 249px;  _height: 249px; display: inline;}
.boxMiddle { float: left; margin: 0 12px 0 12px; padding: 10px 18px 18px; width: 198px; background: url(../images/bg_kasten.png) 0 0 repeat-x; min-height: 249px; _height: 249px;}
.boxRight{float: right;  margin: 0 0 0 0; padding: 10px 18px 18px; width: 198px; background: url(../images/bg_kasten.png) 0 0 repeat-x; min-height: 249px; _height: 249px;} 



.weatherBox {float: left; width: 169px; background: url(../images/bg_kasten.png) 0 0 repeat-x; margin: 0; padding: 10px 18px 10px; min-height: 35px; _height: 35px;}
.boxLeftSmall{ float: left;  margin: 0 0 0 12px; padding: 10px 18px 10px; width: 198px; background: url(../images/bg_kasten.png) 0 0 repeat-x; min-height: 35px;  _height: 35px; display: inline; vertical-align: middle;}
.boxMiddleSmall { float: left; margin: 0 12px; padding: 10px 18px 10px; width: 198px; background: url(../images/bg_kasten.png) 0 0 repeat-x; min-height: 35px; _height: 35px; vertical-align: middle;}
.boxRightSmall{float: right;  margin: 0; padding: 10px 18px 10px; width: 198px; background: url(../images/bg_kasten.png) 0 0 repeat-x; min-height: 35px; _height: 35px; vertical-align: middle;} 


/* ---------------------------------------------------------------------------------------------------- */
/* Wetter*/
#weather {clear: left; float: left; width: 169px; background: url(../images/bg_kasten.png) 0 0 repeat-x; margin: 13px 0 0 0; padding: 10px 18px 18px; min-height: 249px; _height: 249px;}

#weather img{border:none;}

/*-----------Webcam-----------*/
.tx-sriframe-pi1{padding:0; margin:0; border: none;}
.ferCamBanner{display:none;}

/* ---------------------------------------------------------------------------------------------------- */
/* LOGO und NAVI mit home, Sprache, Saison */

#logo{ float: left; margin: 12px 0 0 0; }

div#navList{ float: left; margin: 10px 0 12px 0; padding: 0;}
div#navList ul { margin: 0; padding: 0;}
div#navList span.abstand {list-style: none; display: inline; margin: 0; padding: 0 7px;}
div#navList li{list-style: none; display: inline; margin: 0; padding: 0;}
div#navList li a, #navList li a:visited {color: #275a99; text-decoration: none;}
div#navList li a:hover {color: #d8151d}

/* ---------------------------------------------------------------------------------------------------- */
/* =navMain */

div#navMain { clear: both; float: left; margin: 0; padding:10px 0 0 0; }
div#navMain ul { margin: 0; padding: 0;}
div#navMain li { width: 173px; list-style: none; margin: 0; padding: 0;}
div#navMain li a { text-decoration: none; color: #275a99; margin: 0; padding: 0;}
div#navMain ul li.actline { width: 173px; list-style: none; margin: 0; padding: 4px 0 0 0; background: url(../images/druckversion_line.gif) 0 4px repeat-x;}

div#navMain ul ul { margin: 0 0 0 0; padding: 0;}
div#navMain ul li li { width: 173px; list-style: none; margin: 0; padding: 1px 0 0 0;}
div#navMain ul li.last { width: 173px; list-style: none; margin: 0; padding: 0 0 5px 0; background: url(../images/druckversion_line.gif) 0 100% repeat-x;}
div#navMain ul ul li a, div#navMain ul li li a:visited {text-decoration: none; color: #275a99;}
div#navMain ul ul li a:hover, div#navMain ul ul li a.act {color: #d8151d;}

/* ================  Suche  ==================*/

#search{float:right; width:195px;}
#search form{float: right; margin:13px 13px 0 0; padding:0; display:inline;}
#search .searchbutton{float:left; margin: 0 0 0 3px; padding: 0;}
#search fieldset {border: none;}

input.tx-indexedsearch-whatis{clear:both;}
input.tx-indexedsearch-noresults{clear:both;}

.inputboxsearch{float:left; width:130px; padding:0 4px 0 2px; margin:0; border: 1px solid #7899ba; color:#d9e6ef; background-color: #4580b2;}
input.searchbutton{ padding:0 4px 0 2px; margin:0;}

ul.browsebox{margin:0; padding:0 0 10px 0;}
#inhaltText ul.browsebox li{padding: 0 10px 0 0; display: inline; list-style: none; background: none;}

.tx-indexedsearch-browsebox {background: url(../images/druckversion_line.gif) 0 100% repeat-x; margin: 0 0 12px 0; padding: 0 0 1px 0;}
.tx-indexedsearch-browsebox p{ display: none; padding: 0; margin: 0;}

.tx-indexedsearch-res {background: url(../images/druckversion_line.gif) 0 100% repeat-x; margin: 0 0 15px 0; padding: 0;}
.tx-indexedsearch-res a:link,
.tx-indexedsearch-res a:visited{font:bold 12px/18px Arial, Helvetica, sans-serif;}


/* ---------------------------------------------------------------------------------------------------- */
/* =footer */


#footer {clear: both; float: left; margin: 0; padding: 15px 0; width: 400px; color: #275a99; display: inline;}
#footer a, #footer a:visited {color: #275a99; cursor: pointer;}
#footer a:hover {color: #d8151d; text-decoration: none;}
#footerIndex {clear: both; float: left; margin: 0 20px; padding: 15px 0; width: 400px; color: #275a99; display: inline;}
#footerIndex a, #footerIndex a:visited {color: #275a99; cursor: pointer;}
#footerIndex a:hover {color: #d8151d; text-decoration: none;}

#copy {clear: right; float: right; margin: 0; padding: 15px 0; width: 300px; color: #275a99; text-align: right;}
#copy a, #copy a:visited {color: #275a99; cursor: pointer;}
#copy a:hover {color: #d8151d; text-decoration: none;}
#copyIndex {clear: right; float: right; margin: 0 20px; padding: 15px 0; width: 300px; color: #275a99; text-align: right;}
#copyIndex a, #copyIndex a:visited {color: #275a99; cursor: pointer;}
#copyIndex a:hover {color: #d8151d; text-decoration: none;}



/*---------------------------------------------------------*/
/* Kontakt*/

#kontaktFormular{ margin: 10px 0 0 0;}
#kontaktFormular #plz, #kontaktFormular #hausnummer{ width: 40px; margin: 0 5px 0 0; }

#kontaktFormular #ort { width: 145px; }
#kontaktFormular #wohnort, #kontaktFormular #strasse{ width: 152px; }

#kontaktFormular label, #newsletterForm input, #newsletterForm select { display: block; float: left; margin: 2px 0; padding: 0;}
#kontaktFormular label{ text-align: left;  padding: 2px 10px 0 0; width: 85px; clear: both;}
#kontaktFormular label.anrede{ text-align: left;  padding: 25px 10px 0 0; width: 85px; clear: both;}
#kontaktFormular label.anzahl{ text-align: left;  padding: 2px 10px 0 0; width: 450px; }
#kontaktFormular label.anzahl_gutscheine{ text-align: left;  padding: 2px 0 7px 0;  }
#kontaktFormular label.anzahl_gutscheine_last{ text-align: left; margin: 0; padding: 2px 0 0 0;}

#kontaktFormular span.text{ float: right; text-align: left; margin: 0!important; /*margin: -20px 0 0 0;*/ padding: 0 30px 0 0; width: 325px;}

#kontaktFormular label.checkboxText{ text-align: left; padding: 25px 15px 10px 0; clear: none; width: 70px;}
#kontaktFormular.gruppen label{ width: 130px; }

#kontaktFormular input{ width: 200px; border: 1px solid #7F9DB9; color: #275a99; font: 12px Verdana, sans-serif; padding: 2px;}
#kontaktFormular input.radio{ border: none; width: 30px; text-align: left; }
#kontaktFormular input.anzahl{ width: 40px; border: 1px solid #7F9DB9; margin: 0 49px 0 0; padding: 2px;}
#kontaktFormular input.anzahl_gutscheine{ width: 40px; border: 1px solid #7F9DB9; margin: 0 ; padding: 2px;}
#kontaktFormular input.mf-submit { float: none; margin: 0 0 0 95px; width: auto; cursor: pointer;  padding: 2px; }
#kontaktFormular input.mf-submit2{ width: auto; }

#kontaktFormular p.error{ color: #CC0000; padding: 0 0 0 95px;  }

textarea{ color: #275a99; font: 12px Verdana, sans-serif;  padding: 2px;}

#kontaktFormular .checkbox{ width: 30px; }
#kontaktFormular input.checkbox { border: none; }

/*---------------------------------------------------------*/
/*Newsletter*/

#newsletterForm{text-align: left;  padding: 2px 10px 0 0; width: 450px;}
#newsletterForm p{text-align: left;  padding: 8px 10px 8px 0; margin: 0;width: 450px;}
#newsletterForm p.error{clear: both; float:left; text-align: left;  padding: 8px 10px 8px 0; margin: 0;width: 450px; color: #FF0000;}

#newsletterForm input{ width: 200px; border: 1px solid #7F9DB9; color: #275a99; font: 12px Verdana, sans-serif; padding: 2px;}
#newsletterForm input.plz,#newsletterForm input.hausnummer{ width: 40px; margin: 1px 5px 0 0;}
#newsletterForm input.ort { width: 148px; margin: 1px 5px 0 0; }
#newsletterForm label {clear: both; display: block; float: left; margin: 2px 0; padding: 0; width: 85px;}
#newsletterForm input.mf-submit {clear: both; margin: 0 0 0 85px; width: auto; cursor: pointer;  padding: 2px; }
p.newsletterText{clear: both; margin: 0; padding: 20px 0 0 0;}



/*------- Googlemap -----*/

.markerTooltip{ display: none;}