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, #footer_main {clear: both; float: left; margin: 0; padding: 15px 0; width: 400px; color: #275a99; display: inline;}

#footer a, #footer a:visited, #footer_main a, #footer_main a:visited {color: #275a99; cursor: pointer;}

#footer a:hover, #footer_main a:hover {color: #d8151d; text-decoration: none;}

#footerIndex {clear: both; float: left; margin: 0; /*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, #copy_main {clear: right; float: right; margin: 0; padding: 15px 0; width: 400px; color: #275a99; text-align: right;}

#copy a, #copy a:visited, #copy_main a, #copy_main 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: 400px; 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;}