/* ----------------------------------------------------
    Body settings ...
---------------------------------------------------- */

body {
    margin: 0;
    padding: 0;
    background-color: #E8F2FF;
    color: #034F6F;
                   
}

/* ----------------------------------------------------
    Global font and line height settings ...
---------------------------------------------------- */

body, textarea {
    font-family: verdana, helvetica, sans-serif;
    font-size: 11px;
    line-height: 1.5em;
    text-align: center;
}

input, select, textarea{
       border:solid 0px #034F6F;
       background-color: #D6EBFF;
       padding: 2px 1px;
       font-size: 11px;
}

 textarea{
       text-align: left;
}

.hide{
     display: none;
}



@font-face {
    font-family: 'PTSansNarrowRegular';
    src: url('/common/fonts/PTN57F-webfont.eot');
    src: url('/common/fonts/PTN57F-webfont.eot?#iefix') format('embedded-opentype'),
         url('/common/fonts/PTN57F-webfont.woff') format('woff'),
         url('/common/fonts/PTN57F-webfont.ttf') format('truetype'),
         url('/common/fonts/PTN57F-webfont.svg#PTSansNarrowRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PTSansRegular';
    src: url('/common/fonts/PTS55F-webfont.eot');
    src: url('/common/fonts/PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('/common/fonts/PTS55F-webfont.woff') format('woff'),
         url('/common/fonts/PTS55F-webfont.ttf') format('truetype'),
         url('/common/fonts/PTS55F-webfont.svg#PTSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'PTSansBold';
    src: url('/common/fonts/PTS75F-webfont.eot');
    src: url('/common/fonts/PTS75F-webfont.eot?#iefix') format('embedded-opentype'),
         url('/common/fonts/PTS75F-webfont.woff') format('woff'),
         url('/common/fonts/PTS75F-webfont.ttf') format('truetype'),
         url('/common/fonts/PTS75F-webfont.svg#PTSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* ----------------------------------------------------
    Global link settings ...
---------------------------------------------------- */

a:link, a:visited {
    text-decoration: underline;
        color:#034F6F;  
    background-repeat: no-repeat;
}

a:hover {
    text-decoration: underline;
    color: #039de3;
}

a:active {
    text-decoration: none;
    color: #039de3;
}


a:focus{
  outline:0;
  -moz-outline:0;
}

/* ----------------------------------------------------
    Layout settings ...
---------------------------------------------------- */


div#header{
background-color: white;
width: 996px;
margin-bottom: 6px;
}

.claim{
padding-top: 0px;
float: left;
}

.metaInfos{
float: right;
margin-top: 6px;
margin-right: 6px;
}

.metaInfosLinks{
float: left;
margin-top: 6px;
font-size: 11px;
margin-right: 11px;
}

.metaInfosLinks a{
color: #034F6F;
text-decoration: none;
}

div#suche{
float: left;
margin-left: 10px;
}


div#headerImg{
clear: left;
width: 996px;
height: 205px;
background-image:url(/backstage/bad_suderode/picpool/common/header07.jpg);
}

div#flashSound{
width: 996px;
text-align: right;
margin-top: 50px;
}



/* new 2011 */

div#headerNew{
    width: 996px;
     position: relative;
     border-top: 4px solid #003b81;
    top: 0px;
}

div#headerMotiv{
    position: absolute;
    left: 0;
}



div#headerMenu{
float: right;
}

div#headerMenu ul {
    float:              left; 
    margin:             0;
    padding:            0;
    height:             35px;
    list-style:         none;
    display:            inline;
    overflow:           hidden;
}
div#headerMenu li {
    margin:             0;
    padding:            0;
    list-style:         none;
    display:            inline;
    height:             35px;
    float:              left;
}

div#headerMenu a {
    float:              left;
    padding:            35px 0 0;
    overflow:           hidden;
    height:             0px !important;
}

div#headerMenu li.kuren a{
    background:         url(/backstage/bad_suderode/picpool/common/menu/kuren.gif) 0px 0px no-repeat;
    width:              64px;
}
div#headerMenu li.kurenSel a{
    background:         url(/backstage/bad_suderode/picpool/common/menu/kuren.gif) 0px 0px no-repeat;
    width:              64px;
    background-position: 0px -35px;
}

div#headerMenu li.wellness a{
    background:         url(/backstage/bad_suderode/picpool/common/menu/wellness.gif) 0px 0px no-repeat;
    width:              121px;
}
div#headerMenu li.wellnessSel a{
    background:         url(/backstage/bad_suderode/picpool/common/menu/wellness.gif) 0px 0px no-repeat;
    width:              121px;
    background-position: 0px -35px;
}


div#headerMenu li.aktivurlaub a{
    background:         url(/backstage/bad_suderode/picpool/common/menu/aktivurlaub-im-harz.gif) 0px 0px no-repeat;
    width:              171px;
}
div#headerMenu li.aktivurlaubSel a{
    background:         url(/backstage/bad_suderode/picpool/common/menu/aktivurlaub-im-harz.gif) 0px 0px no-repeat;
    width:              171px;
    background-position: 0px -35px;
}

div#headerMenu li.praevention a{
    background:         url(/backstage/bad_suderode/picpool/common/menu/praevention.gif) 0px 0px no-repeat;
    width:             241px;
}

div#headerMenu li.praeventionSel a{
    background:         url(/backstage/bad_suderode/picpool/common/menu/praevention.gif) 0px 0px no-repeat;
    width:              241px;
    background-position: 0px -35px;
}


div#headerMenu li.tagen a{
    background:         url(/backstage/bad_suderode/picpool/common/menu/tagen-und-feiern.gif) 0px 0px no-repeat;
    width:              145px;
}
div#headerMenu li.tagenSel a{
    background:         url(/backstage/bad_suderode/picpool/common/menu/tagen-und-feiern.gif) 0px 0px no-repeat;
    width:              145px;
    background-position: 0px -35px;
}


div#headerMenu li a:hover {
    background-position: 0px -35px;
}
div#headerMenu li a:active {
    background-position: 0px -35px;
}


/*
############# HeaderMenuNew ######################
*/

div#headerMenuNew{
right: 18px;
    position: absolute;
top:0px;
}

div#headerMenuNew ul {
    float:              left; 
    margin:             0;
    padding:            0;
    height:             33px;
    list-style:         none;
    display:            inline;
    overflow:           hidden;
    background:         url(/backstage/bad_suderode/picpool/common/menu/menu_bg.png);    
}
div#headerMenuNew li {
    margin:             0;
    padding:            0;
    list-style:         none;
    display:            inline;
    height:             33px;
    float:              left;
}

div#headerMenuNew a {
    float:              left;
    padding:            33px 0 0;
    overflow:           hidden;
    height:             0px !important;
}

div#headerMenuNew li.kuren a{
    background:         url(/backstage/bad_suderode/picpool/common/menu/kuren.png) 0px 0px no-repeat;
    width:              59px;
}
div#headerMenuNew li.kurenSel a{
    background:         url(/backstage/bad_suderode/picpool/common/menu/kuren.png) 0px 0px no-repeat;
    width:              59px;
    background-position: 0px -33px;
}

div#headerMenuNew li.wellness a{
    background:         url(/backstage/bad_suderode/picpool/common/menu/wellness.png) 0px 0px no-repeat;
    width:              117px;
}
div#headerMenuNew li.wellnessSel a{
    background:         url(/backstage/bad_suderode/picpool/common/menu/wellness.png) 0px 0px no-repeat;
    width:              117px;
    background-position: 0px -33px;
}

div#headerMenuNew li.praevention a{
    background:         url(/backstage/bad_suderode/picpool/common/menu/praevention.png) 0px 0px no-repeat;
    width:             237px;
}

div#headerMenuNew li.praeventionSel a{
    background:         url(/backstage/bad_suderode/picpool/common/menu/praevention.png) 0px 0px no-repeat;
    width:              237px;
    background-position: 0px -33px;
}



div#headerMenuNew li.aktivurlaub a{
    background:         url(/backstage/bad_suderode/picpool/common/menu/aktivurlaub-im-harz.png) 0px 0px no-repeat;
    width:              162px;
}
div#headerMenuNew li.aktivurlaubSel a{
    background:         url(/backstage/bad_suderode/picpool/common/menu/aktivurlaub-im-harz.png) 0px 0px no-repeat;
    width:              162px;
    background-position: 0px -33px;
}




div#headerMenuNew li.tagen a{
    background:         url(/backstage/bad_suderode/picpool/common/menu/tagen-und-feiern.png) 0px 0px no-repeat;
    width:              139px;
}
div#headerMenuNew li.tagenSel a{
    background:         url(/backstage/bad_suderode/picpool/common/menu/tagen-und-feiern.png) 0px 0px no-repeat;
    width:              139px;
    background-position: 0px -33px;
}


div#headerMenuNew li a:hover {
    background-position: 0px -33px;
}
div#headerMenuNew li a:active {
    background-position: 0px -33px;
}





div#all{
    text-align: left;
    width:              996px;
    margin:             0 auto;
    padding:            0;
}

div#footer{
    width:              740px;
    margin:             10px auto;
    padding-top: 10px;
    height: 20px;
    font-size: 10px;
    clear: left;
    text-align: left;
    padding-left: 120px;
}

div#footer a{
    color: #034F6F;
}


div#contentLeft{
    width:             182px;
    margin-right: 6px;
    float: left;
}

div#contentMiddle{
    width:            622px;
    margin-right: 6px;
    background: white !important;
    float: left;
}

div#contentRight{
    width:            180px;
    float: left;
    overflow: hidden;
}

div#contentBreit{
    width:            808px;
    background: white;
    float: left;
    overflow: hidden;
}


/* ----------------------------------------------------
    Menu Main settings ...
---------------------------------------------------- */


div#mainMenu{
    padding: 6px;
    margin-bottom: 6px;
    background: white;
}

div#serviceMenu{
    padding: 6px;
    margin-bottom: 6px;
    background: white;
}

div#quick{
    padding: 6px;
    margin-bottom: 6px;
    background: white;
}

div#quick form, div#suche form {
    margin: 0px;
    margin-top: 4px;
    padding: 0px;
}


div#quick select{
    width: 169px;
    color: #034F6F;
}

div#quick input{
    float: left;
    border: none;
    margin-left: 3px;
    padding: 0px;
}

div#suche input{
    float: left;
    color: #034F6F;
    border: 0px solid #D6EBFF;
    background: white;
    padding: 2px 2px;
}

div#suche input.finden{
    float: left;
    border: none;
    margin-left: 3px;
    padding: 0px;
}


/* ----------------------------------------------------
    Menu Anwendungen
---------------------------------------------------- */

div#pubNav {
    font-size:            11px;
    float: left;
    line-height:          normal;
    border-bottom:        1px solid #029EE3;
    margin-bottom:                 8px; 
    width: 600px;
}

div#pubNav ul {
    margin:               0;
    padding:              0;
    list-style:           none;
    font-size:  11px;
  }
div#pubNav li {
    display:              inline;
    margin:               0;
    padding:              0;
}
div#pubNav a {
    float:                left;
    background:           url("/backstage/bad_suderode/picpool/common/tableft1.gif") no-repeat left top;
    margin:               0;
    padding:              0 0 0 2px; 
    text-decoration:      none;
  }
div#pubNav a span {
    float:                left;
    display:                 block;
    background:         url("/backstage/bad_suderode/picpool/common/tabright1.gif") no-repeat right top;
    padding:           5px 10px 5px 6px; 
    color:                    #034F6F;
    font-weight:     bold;
    margin-right:      2px; 
  }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
div#pubNav a span {float:none;}
/* End IE5-Mac hack */
#tabs a:hover span {
    color:                #fff;
  }
div#pubNav a:hover {
    background-position:  0% -42px;
        color:                                #fff;   
  }
div#pubNav a:hover span {
        color:                                #fff;
    background-position:  100% -42px;
  }

div#pubNav .current a {
        color:                                #fff;
    background-position:   0% -42px;


  }
div#pubNav .current a span {
        color:                                #fff;
    background-position:   100% -42px;
    
  } 

td {
font-size: 11px;
vertical-align: top;
word-spacing : 1px;
}

.small, p.small{
font-size: 9px;
}
.small10{
font-size: 10px;
}

.trenner{
    margin: 0px;
    border-top: 2px solid #00ADEF;
}

.trennerDashed{
    margin: 10px 0px;
    border-top: 1px dashed #00ADEF;
    clear: both;
}


hr{
border-top: 1px dashed #00ADEF; 
height: 1px;
border-width:0px; 
}

img{
  margin: 0px;
  padding: 0px;
border: 0 none;
}

/* ----------------------------------------------------
    Formulare
---------------------------------------------------- */

.submitClass{
color: #fff;
border:solid 0px #00ADEF;
background-color: #029EE3;
font-weight: bold;
width: 150px;
background-image:url(/backstage/bad_suderode/picpool/common/pfeil_w_wide.gif);
background-repeat:no-repeat;
background-position: right center;
padding-right: 15px;
}

.reset{
color: #034F6F;
font-weight: normal;
border:solid 0px #00ADEF;
background-color: #fff;
}


div#pauschalForm fieldset{
 padding: 6px;
 border: none;
 background: #D6EBFF;
}

div#pauschalForm fieldset .trenner{
margin: 20px 0px;
padding: 0px;
overflow: hidden;
background: #fff;
clear: both;
border: none;
height: 1px;
}

div#pauschalForm label.left
{
    clear: both;
    float: left;
    text-align: left;
    width: 200px;
    margin: 0;
    margin-bottom: 6px;
    margin-right: 8px;
    padding: 2px;
}



div#pauschalForm  .textRight{
    float: left;
    font-size: 11px;
    padding: 2px;
    width: 200px;
    margin: 0;
    margin-bottom: 6px;
}


div#pauschalForm  input.right, 
div#pauschalForm  textarea.right, 
div#pauschalForm  input.right2, 
div#pauschalForm  input.rightCheck, 
div#pauschalForm  select.right
{
    float: left;
    font-size: 11px;
    padding: 2px 3px;
    width: 184px;
    margin: 0;
    margin-bottom: 6px;
    background: white;
}

a.linkCal{
      display: block;
      float: left;
      font-size: 11px; 
      margin: 2px 0 6px 6px;
      padding-left: 22px;
      background-image:url(/backstage/bad_suderode/picpool/common/cal.gif);
      background-repeat:no-repeat;
}

div#pauschalForm  input.rightCheck{
   width: auto;
   border: none;
   background: none;
}

div#pauschalForm  input.right2{
    width: 50px;
    margin-right: 6px;
}

div#pauschalForm  select.right{
    width: 192px;
}



.errorMsg{
    clear: both;
     color: red;
     font-size: 11px;
    padding: 4px 0px;
}

textarea{
  height:60px;
font-family: Verdana, Helvetica, sans-serif; 
}

h1, h2{
    line-height: 1.1em;
}

h1{
    font-size: 20px;   
    font-family: Verdana, Helvetica, sans-serif;
    color: #029EE3;
    padding: 0px;
    margin: 10px 0px 10px 0px;
    font-weight: normal;
}

h2{
    font-size: 18px;
    font-weight: normal;
    padding: 0px;
    margin: 10px 0px 10px 0px;
    font-family: Verdana, Helvetica, sans-serif;
}

h3{
    font-size: 11px;
    font-weight: bold;
    padding: 0px;
    margin: 0px 0px 5px 0px;
    font-family: Verdana, Helvetica, sans-serif;
    color: #029EE3;
}


.linkHilfe{
position: absolute;
left: 502px;
top: 227px;
}

ul#keyImg{
list-style: none;
margin: 0 5px;
padding: 0;
}

ul#keyImg li {
margin: 3px 0 0 0;
padding: 0;
}



/* ----------------------------------------------------
    Content
---------------------------------------------------- */

.pom{
margin: 10px;
font-size: 10px;
color: #034F6F;
}

.pom a{
font-size: 10px;
color: #034F6F;
}

#content{
padding: 10px;
/* width: 490px; */
min-height: 1000px;
height:auto !important; /* für moderne Browser */
height: 1000px; /*für den IE */
background: url("/backstage/bad_suderode/picpool/common/footer_visual_1200.gif") no-repeat right bottom;
padding-bottom: 140px;
}

#content h2{
margin: 10px 0px;
color: #029EE3;
}



#content ul{
margin: 6px 20px;
padding: 0;
}

#content ul li {
margin: 4px 0px;
}

div#content788{
padding: 10px;
width: 788px;
background: url("/backstage/bad_suderode/picpool/common/footer_visual_1200.gif") no-repeat right bottom;
padding-bottom: 140px;
}

.con460{
width: 460px;
}


.contentContentLeft{
float: left;
width: 400px;
margin-right: 20px;
}


.contentContentRight{
float: left;
width: 368px;
}

#content p, .contentContentLeft p{
line-height: 1.6em;
}

#contentLinks{
border-top: 0px solid #00ADEF;
padding-top: 8px;
float: left;
}


#contentLinks img{
margin-right: 6px;
}

#content img.imgLeft, img.imgLeft{
margin-right: 12px;
margin-bottom: 12px;
float: left;
border: 3px solid #D6EBFF;
}


#content img.imgNormal{
margin-right: 2px;
border: 3px solid #D6EBFF;
}

img.imgPauschal{
border: 3px solid #D6EBFF;
float: left;
margin-right: 15px;
margin-bottom: 15px;
}

.sb{
text-align: left;  
float: right;
margin-top: 10px;
}

.sb a img{
border: none;
}


/* ----------------------------------------------------
    teaserBox settings ...
---------------------------------------------------- */

.teaserBox{
font-size: 11px;
margin-bottom: 6px; 
background-color: #fff; 
border-top: 3px solid #029EE3; 
padding: 3px 6px;
}

.teaserBoxPauschal{
font-size: 10px;
margin-bottom: 6px; 
background-color: #fff; 
border: 1px solid #E8F2FF; 
border-top: 3px solid #029EE3; 
width: 160px;
padding: 6px;
background: #E8F2FF;
line-height: 1.2em;
}

.teaserBox h1{
font-size: 9px;
font-weight: bold;
background-color: #00ADEF;
padding: 2px 4px 2px 4px;
margin: 0px;
color: white;
line-height: 1.4em;
}

.teaserBox p{
line-height: 1.2em;
padding: 5px 0px;
margin: 0px;
}

.teaserBoxPauschal ul{
    margin:             0;
    padding:            0;
    list-style:         none;
   margin-top:     10px;
}

.teaserBoxPauschal li{
    margin-bottom:   10px;
}

.teaserBox a.mehrLink{
font-weight: bold;
}

/* tabellen */

table.pano{
border-spacing: 3px;
border-collapse: collapse;
}

table.pano td{
padding: 0.6em;
border: 1px solid #D6EBFF;
text-align: left;
}

table.contentTab{
border-spacing: 2px;
border-collapse: collapse;
width: 470px;
clear: left;
margin-bottom: 25px;
}




table.contentTab tr.trHead td{
background-color: #029EE3;
color: white;
}

table.contentTab tr.trSubHead td{
background-color: #D6EBFF;
}

table.contentTab tr.trSubHead td.etTd{
width: 120px;
}


table.contentTab td{
padding: 0.2em 0.5em 0.2em 0.3em;
text-align: left;
vertical-align: top;
background-color: #F1F7FF;
border: 1px solid #fff;
}


table.contentTab tr.trWhite td{
background-color: #fff;
}


table.contentTab tr td.co1{
      width: 360px;
}


table.contentTab tr td.co2{
      width: 100px;
}

table.contentTab tr td.co3{
      width: 100px;
}

/* tabellen */

table.dirPauschal {
      margin-top: 10px;
      padding: 0px;
      text-align:left;
      vertical-align:top;
}
table.dirPauschal td{
      padding: 1px 2px;
      margin:0px;
      vertical-align: top;
      border-right: 0px solid #D6EBFF;
     font-size: 10px;
}



/* ----------------------------------------------------
    Home Teaser settings ...
---------------------------------------------------- */

.newsBox{
background: #e9f3ff;
padding: 0px;
}



.newsBox h2{
margin: 0 0 5px 0;
padding: 0px;
font-size: 11px;
font-weight: bold;
}

.newsBoxTop { 
  background: url(/backstage/bad_suderode/images/common/newsbox/ne-e9f3ff.gif) no-repeat top right; 
}
.newsBoxTop div { 
  font-size: 0;
  height: 5px; 
  background: url(/backstage/bad_suderode/images/common/newsbox/nw-e9f3ff.gif) no-repeat top left; 
}
.newsBoxBottom { 
  background: url(/backstage/bad_suderode/images/common/newsbox/se-e9f3ff.gif) no-repeat bottom right; 
}
.newsBoxBottom div { 
  font-size: 0;
  height: 5px; 
  background: url(/backstage/bad_suderode/images/common/newsbox/sw-e9f3ff.gif) no-repeat bottom left; 
}
.newsBoxContent {
  padding: 5px 8px 5px 8px;
}


.teaserHome{
    background: #e9f3ff;
        width: 340px;
        margin-bottom: 14px; 
}

.teaserHome form{
        margin: 0px;
        padding: 0px;
}


.teaserHome .thumbHome{
        width: 100px;
        height: 100px;
        float: left;
        position: relative;
}

.teaserHome .teaserContent{
        width: 220px;
        height: 90px;
        overflow: hidden;
        padding: 5px 5px 5px 10px;
}

.teaserHome .teaserContent h2{
        font-size: 11px;
        margin: 0px 0 0 0px;
        padding: 0px;
        line-height: 1.2em;
        text-decoration: none;
         font-family: Verdana, Helvetica, sans-serif;
       font-weight: bold;
}



.teaserHome .teaserContent h3{
        font-size: 12px;
        font-weight: bold;
        color: #039de3;
        margin: 0px;
        padding: 0px;
        margin-top: 10px;
        margin-bottom: 10px;
       
}

.teaserHome .teaserContent h2 a, .teaserHome .teaserContent h3 a{
        text-decoration: none;
}

.teaserHome .teaserContent h3 a{
        color: #039de3;
}




.teaserHome .teaserContent p{
        margin: 0px;
        padding: 0px;
}




.teaserHome input, .teaserHome select{
       border: none;
       background: #fff !Important;
}

.teaserHome .tis_day, 
.teaserHome .tis_mon,
.teaserHome .tis_year,
.teaserHome .tis_nights,
.teaserHome .tis_type{
    float: left;
}


.teaserHome .tis_day select{
       width: 40px;
}


/* tiscover NEU */
div#flashTeaserSlides{
width: 100px;
height: 100px;
overflow: hidden;
}

#controls{
z-index: 1000;
position: absolute;
top: 0;
left: 0;
display: none;
margin: 0;
width: 100px;
margin-top: 25px;
}

#controls .prev a{
float: left;   
width: 10px;
height: 50px; 
text-decoration: none; 
background: url(/backstage/bad_suderode/images/common/pfeil_back.gif) no-repeat 0 0;
}
#controls .next a{
float: right; 
width: 10px;
height: 50px;
text-decoration: none; 
background: url(/backstage/bad_suderode/images/common/pfeil_next.gif) no-repeat 0 0;
}










table.tabHomeTeaser{
border-spacing: 3px;
border-collapse: collapse;
}

table.tabHomeTeaser td{
padding: 0em;
text-align: left;
background-color: #E8F2FF;
border-right: 10px solid white;
border-bottom: 10px solid white;
}

/*  home teaser */
.homeTeaser{
text-align: left; 
width: 170px;
padding-bottom: 10px;
}

a.mehrLink, a:link.mehrLink, a:visited.mehrLink {
color: #00ADEF;
font-size: 10px;
text-decoration: none;
}

.homeTeaser a, .homeTeaser a:link, .homeTeaser a:visited {
color: #00ADEF;
text-decoration: none;
}

.homeTeaser a:hover, a:hover.mehrLink{
text-decoration: underline;
}


.homeTeaser h1{
font-size: 11px;
font-weight: bold;
margin: 0px;
padding: 2px 4px;
line-height: 1.4em;
}

.homeTeaser p{
line-height: 1.4em;
margin: 0;
font-size: 11px;
padding: 2px 4px;
}


.dirPauschal td a, .dirPauschal td a:link, .dirPauschal td a:visited{
text-decoration: none;
}

.dirPauschal td a:hover{
text-decoration: underline;
}

.preis{
float: left;
height: 30px;
font-size: 16px;
font-weight: bold;
background-color: white;
margin: 0 4px;
padding: 4px;
}

table.programm td ul, table.programm td li{
margin-top: 0px;
margin-bottom: 4px;
padding-left: 0px;
}


.pauschalStars{
float: left;
font-weight: bold;
width: 50px;
}


/* ----------------------------------------------------
    pauschal themen
---------------------------------------------------- */

.themen{
padding: 10px;
background-color: #E8F2FF;
width: 582px;
}

.themenBild{
float: left;
width: 160px;
margin-right: 5px;
}

.themenBild img{
border: 3px solid white;
}

.themenText{
float: left;
width:370px;
}

table.moreThemen{
overflow: hidden;
border-spacing: 2px;
width: 410px;
margin-top: 15px;
}

table.moreThemen td{
padding: 0.2em 0.2em;
background: white;
}

p.bkk_info{
padding: 10px;
background-color: #E8F2FF;
}

/* ----------------------------------------------------
    Pauschalen Artikel
---------------------------------------------------- */

.pauschalHead{
border-top: 3px solid #D8EAFE; 
float:  left;
padding-top: 7px; 
width: 595px;
}  

.pauschalImg{
float:  left;
margin-right: 15px;
margin-bottom: 20px;
}
  
.pauschalHeadline{
float: left;
width: 460px;
}  

.pauschalHeadline h1{
margin-top: 6px;
color: #034F6F; 
}

.pauschalTeaser{
float: left;
width: 160px;
margin-left: 20px;
}

.pauschalContent{
width: 580px;
clear: both;
}

/* ----------------------------------------------------
    Helper
---------------------------------------------------- */


.hellblau{
color: #029EE3;
}

.dklblau, a.dklblau, a:hover.dklblau{
color: #034F6F;
}

a.englishLink, a:link.englishLink, a:visited.englishLink{
      padding-left:22px;
      background-image:url(/backstage/bad_suderode/picpool/common/english_icon.gif);
      background-repeat:no-repeat;
}

a.franceLink, a:link.franceLink, a:visited.franceLink{
      padding-left:22px;
      background-image:url(/backstage/bad_suderode/picpool/common/france_icon.gif);
      background-repeat:no-repeat;
}

a.nlLink, a:link.nlLink, a:visited.nlLink{
      padding-left:22px;
      background-image:url(/backstage/bad_suderode/picpool/common/nl_icon.gif);
      background-repeat:no-repeat;
}

a.pfeil, a:link.pfeil, a:visited.pfeil{
     font-size: 11px;
      text-decoration:underline; 
      padding-left:12px;
      background-image:url(/backstage/bad_suderode/picpool/common/pfeil.gif);
      background-repeat:no-repeat;
}



a.linkBuchung{
    background: url(/backstage/bad_suderode/picpool/common/order_button_left.png) repeat-x left transparent;
    position: relative;
    display: inline;
    padding: 10px 0px 10px 30px;
    margin: 0 2px 0 0;
    font-weight: bold;
    text-decoration:none;
    color: white;
    font-weight: bold;    
}
a.linkBuchung span {
    background: white;
    background: url(/backstage/bad_suderode/picpool/common/order_button_right.png) no-repeat right;
    display: inline;
    padding: 10px 15px 10px 0px;
    font-weight: bold;
    color: white;
    text-decoration:none;
}




a.pfeilback, a:link.pfeilback, a:visited.pfeilback{
     font-size: 11px;
      text-decoration:underline; 
      padding-left:12px;
      background-image:url(/backstage/bad_suderode/picpool/common/pfeil_back.gif);
      background-repeat:no-repeat;
}

a:hover.pfeil, a:hover.pfeilback, a:hover.linkBuchung{
      text-decoration:underline; 
}

.spacer{
display: block;
height: 5px;
padding: 0;
margin: 0;
}



.textSmall{
  font-size: 11px;
}


.bold, .strongClass{
    font-weight: bold;
}

.clearBlock {
   height: 0px;
   clear: both;
   overflow: hidden;
   font-size: 0px;
   line-height: 0px;
}

.floatright {
   float: right;
}

.floatleft {
   float: left;
}

.margin3Left {
   margin-left: 3px;
}

.spacer2 {
   height: 2px;
   clear: left;
   overflow: hidden;
   font-size: 0px;
   line-height: 0px;
}

.spacer3 {
   height: 3px;
   clear: left;
   overflow: hidden;
   font-size: 0px;
   line-height: 0px;
}



.spacer5 {
   height: 5px;
   clear: left;
   overflow: hidden;
   font-size: 0px;
   line-height: 0px;
}

.spacer6 {
   height: 6px;
   clear: left;
   overflow: hidden;
   font-size: 0px;
   line-height: 0px;
}

.spacer10 {
   height: 10px;
   clear: left;
   overflow: hidden;
   font-size: 0px;
   line-height: 0px;
}

.spacer20 {
   height: 20px;
   clear: left;
   overflow: hidden;
   font-size: 0px;
   line-height: 0px;
}


input{
line-height: 1.2em;
}


table.proTab{
width: 310px;
border-spacing: 1px;
border-collapse: collapse;
border: 1px solid #D6EBFF;
margin-right: 20px;
margin-bottom: 20px;
height: 150px;
}

table.proTab td{
padding: 0.8em;
}


table.proTab tr.catClass td{
background-color: #D6EBFF;
font-size: 11px;
font-weight: bold;
padding: 0.2em 0.4em;
}

table.cartbox{
width: 210px;
background: #D6EBFF; 
border: 0px solid #00ADEF;
}

table.cartbox td{
border-bottom: 1px solid #D6EBFF;
padding: 0.2em 0.0em 0.2em 0.0em;
font-size: 10px;
}

table.cartbox tr.trHead td{
background-color: #029EE3;
color: white;
}

table.cartboxLong{
width: 500px;
background: white;
border: 0px solid #D6EBFF;
}

table.cartboxLong td, table.cartboxLong th{
border-bottom: 1px solid #D6EBFF;
padding: 0.4em;
font-size: 11px;
text-align: left;
}

table.cartboxLong tr.trHead td, table.cartboxLong tr.trHead th{
background-color: #D6EBFF;
}


.kalenderClass{
   position:absolute;
  visibility:hidden;
  z-index:50;
  background: white;
}

.kalenderClass a, .kalenderClass a:visited{
 text-decoration: none;
 background-color: #D6EBFF;
}

.kalenderClass a:hover{
 color: white;
 text-decoration: none;
 background-color: #00ADEF;
}


.small, p.small{
font-size: 9px;
}

/* ----------------------------------------------------
    FAQ
---------------------------------------------------- */


.faqBlock{
  width: 440px;
  line-height: 1.6em;
  border-bottom: 1px solid #DFECEE;
  padding: 5px 0;
  clear: left;
  margin-top: 10px;
}

.faqNr{
  float: left;
  font-weight: normal;
  margin-right: 10px;

  color: #00ADEF;
}

.faqQuest{
  float: left;
  font-weight: bold;

  line-height: 1.4em;
}

.faqOpen, .faqClose{
  float: left;
  margin-right: 6px;
  margin-top: 6px;
  padding-left: 15px;
  font-size: 11px;
  background-image:url(/backstage/bad_suderode/picpool/common/plus.gif);
  background-repeat:no-repeat;
  background-position: 0 0.2em;
  cursor: pointer;
}

.faqClose{
  background-image:url(/backstage/bad_suderode/picpool/common/minus.gif);
}

.faqAnswer{
  clear: left;
  float: left;
  margin: 4px 0px;
  width: 440px;
  border: 0px dotted #00ADEF;
  padding: 10px 4px;
  line-height: 1.6em;
  }
  
.faqAnswer img{
  border: 1px solid #ccc;
  }
  
.glossarPop{
text-align: center;
z-index: 100;
margin-left: -400px;
margin-top: -290px;
display: none;
font-size: 11px;
position: absolute;
padding: 4px;
width: 348px;
line-height: 1.6em;
background: #E8F2FF;
}


.imgThumb{
background-repeat:no-repeat;
float: left;
margin-right: 10px;
margin-bottom: 0px;
vertical-align: bottom;
position: relative;
border:3px solid #D6EBFF;
}

.imgThumb img{
position: absolute;
bottom: 0px;
right: 0px;
}


/* tiscover */
table.tiscoverSearchTab{
border-spacing: 0px;
border-collapse: collapse;
width: 340px;
}

table.tiscoverSearchTab td{
padding: 2px 0;
text-align: left;
vertical-align: top;
border: 0px dashed #fff;
margin: 0px;
}

table.tiscoverSearchTab input.submitClass{
height: 40px;
border: none;
margin-left: 13px;
}

/* google maps */

.boxCardFilter{
    background: #d6ebff;
    margin-top: 10px;
    padding: 10px;
    width: 580px;
}


table.cardFilter{
border-spacing: 0px;
border-collapse: collapse;
margin: 0px;
font-size: 11px; 
}

table.cardFilter td{
padding: 3px;
border: 0px solid  #666;
text-align: left;
 
}

table.cardFilter td input{
border: none;
}


/* ----------------------------------------------------
    GASTGEBER NEU!!!!!!!!!!!!!!
---------------------------------------------------- */

.colThumb{
width: 160px;
float: left;
clear: left;
}

.colThumb200{
width: 200px;
margin-right: 20px;
float: left;
clear: left;
margin-top: 14px;
}


    
.colTextIndex{
float: left;
text-align: left;
width: 380px;
}

.colText{
float: left;
text-align: left;
width: 360px;
}


.colTextIndex h2, .colText h2{
font-size: 11px;
margin: 0px;
padding: 0px;
}

.colText p{
padding: 0px;
}


.thumbImg{
width: 60px;
height: 70px;
background-position: top center;
}

a.thumbImg img{
width: 60px;
height: 70px;
}

.imgThumbGast{
background-repeat:no-repeat;
margin-right: 10px;
margin-bottom: 0px; 
vertical-align: bottom;
position: relative;
border: 2px solid #D6EBFF;
height: 60px;
}

.imgThumbGast img{
   position: absolute;
   bottom: 0px;
   right: 0px;
   z-index: 0;   
}

.infoBox{
margin-top: 15px;  
}


.infoBox h3{
  background: #d6ebff;
  color: #034f6f;
  font-size: 11px; 
  margin: 0px;
  padding: 1px 6px;
  font-weight: bold;
    font-family: Verdana, Helvetica, sans-serif;
}

.infoBox p, form.routForm, .ausstatt{
background: #ecf6ff; 
padding: 3px 6px;
margin: 0px;
}


.infoBox table.contentTab td, .infoBox table.contentTabSmall td{
border: none;
padding: 3px 3px 3px 6px;
background: #ecf6ff; 
}

/* thumbs */
table.thumbTab{
width: auto; 
border-spacing: 0px;
border-collapse: collapse;
margin: 0px; 
margin-top: 7px;  
}

.thumbs{
width: 63px;
height: 60px;
background-position:  center;
background-repeat:    no-repeat;
}

table.thumbTab td{
padding-bottom: 6px;
padding-right: 4px;
}


table.thumbTab td img{
width: 59px;
height: 56px;
}

table.thumbTab td a img{
border: 2px solid #d6ebff;
}

table.thumbTab td a:hover img{
border: 2px solid #029ee3;
}

/* uebersicht */

table.contentTabGast{
border-spacing: 0px;
border-collapse: collapse;
width: 100%;
margin-top: 25px;
}


table.contentTabGast tr.trSubHead td{
background-color: #D6EBFF;
border-top: 2px solid #00ADEF;
}


table.contentTabGast td{
padding: 0.2em 0.3em;
text-align: left;
vertical-align: top;
background-color: #F1F7FF;
border: 0px solid #fff;
}

table.contentTabGast td.col1{
width: 100px;
}

table.contentTabGast td.col2{
width: 205px;
padding-left: 2px;
}
table.contentTabGast td.col3{
padding-left: 2px;
}

table.contentTabGast td.col4{
width: 100px;
border-left: 0px dotted #D6EBFF;
}


table.contentTabGast tr.trWhite td{
background-color: #fff;
}



.langMenuBox{
  margin-top: 1px;
  width: 104px;
  text-align: right;
}

* html b\ody .langMenuBox{ 
  margin-right: 8px;
}


.langMenuBox a{
  text-decoration: none;
}



.langMenuBox select{
border: none;
}


.langMenuBox a.langLink{
  background-image:url(/backstage/bad_suderode/picpool/common/pfeil_down.gif);
  background-position: right 4px;
  background-repeat:no-repeat;
  padding: 0 15px 0 0;
  text-decoration: none;
  margin-right: 10px;
}


div#nameCountry{
  height: 19px;
  color: #034F6F;
  width: 95px;
  font-size: 11px;
  text-align: left;
  background-image:url(/backstage/bad_suderode/picpool/common/pfeil_down.gif);
  background-position: right 5px;
  background-repeat:no-repeat;
  padding: 0 15px 0 0;
  text-decoration: none;
  float: left;
  margin: 6px 26px 0 0;
}


/* sprachwaehler */



ul.langMenu, ul.langMenu ul{
      margin: 0px;
      padding: 0px;
      color: #034F6F;
}

ul.langMenu li a, ul.langMenu li a:visited{
      color: #034F6F;
      text-decoration: none;
}

ul.langMenu li ul li a{
      margin: 0px;
      padding: 0px;
      color: #034F6F;
      font-weight: normal;
      font-size: 11px;
      padding-right: 13px;
}

ul.langMenu li ul li a, ul.langMenu li ul li a:visited{
      color: #034F6F;
      padding-right: 13px;
}

ul.langMenu, ul.langMenu ul {
      border: 0px solid #000; 
      padding-left: 0px;
      cursor: default;
}

ul.langMenu li {
      list-style-type: none;
      margin: 0px;
      position: relative;
      padding: 0px;    
      margin: 0px;
}


ul.langMenu li > ul {
      display: none;
      position: absolute;
      top: 14px;
      right: -17px;
      z-index:1000;
}
ul.langMenu li:hover, ul.langMenu li.CSStoHighlight {
      color: #029EE3;
}

ul.langMenu ul.CSStoShow {
      display: block;
}

ul.langMenu li:hover > ul {
      display: block;
}

ul.langMenu li a {
      width: 100%;
      text-decoration: none;
}

ul.langMenu li a:hover, ul.langMenu li ul li a:hover {
      color: #029EE3;
}

/* submenu */
ul.langMenu li ul {
      width: 110px;
      padding: 5px;
      border: 0px solid #f2f2f2;
      background: #fff;
}

ul.langMenu li ul li{
      margin-top: 0px;
      margin-bottom: 2px;
      background: none;
      color: #034F6F;
      float: none;
      clear: left;
      font-size: 11px;
      padding-left: 0px;
}