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

* {    margin: 0;
    padding: 0;
}

body {
        font: 70%/1.6em verdana, helvetica, sans-serif;
        width:100%;
        text-align: center;
        height:100%;
        color:      #034f6f;
        background: #e8f2ff;
   
}

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

a:link, a:visited {
    text-decoration: underline;
    color: #00134e;
}

a:hover {
    text-decoration: underline;
    color: #00134e;
}

a:active {
    text-decoration: none;
    color: #00134e;
}

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

.hide{
  display: none;
}


h1 {
color:#034f6f;
font-size:14px;
margin-bottom:7px;
}
h2 {
color:#034f6f;
margin: 10px 0;
font-size:12px;
}
h3 {
color:#6f321f;
font-size:12px;
}


table tr td{
    vertical-align: top;
}

div#pom{
    color:#735942;
    font-size:          11px;
    margin-bottom:     20px;
}

div#pom a, div#pom a:visited{
      color:#735942;
      margin-right: 10px;
}


/* ----------------------------------------------------
    Rahmen settings ...
---------------------------------------------------- */


div#all{
    width:              800px;
    padding:            0px;
    margin:             0 auto;
    text-align: center;
    padding-bottom: 0px;
    margin-top: 0px;
    background: white;
    padding: 10px;
    margin-top: 20px;
}

div#headerSub{
    width:              800px;
    height:             212px;
    background-image:   url(/backstage/bad_suderode/picpool/tagen-und-feiern/header_visuals/header_mit_cafe.jpg);
    background-repeat:no-repeat;
    position: relative;
}



div#footer{
    width:              800px;
    margin:             20px auto;
    color: #8b877d;
    font-size:10px;
}

div#footer a{
color: #8b877d;
}

div#header{
clear: both;
}

div#mainNav{
float: left;
width: 200px;
height: 120px;
}

div#logoClaim{
float: right;
width: 205px;
}


/*
############# Menu ######################
*/

div#menuHome{
    position:           relative;
    background:         #034f6f;
    height:            31px;
}


div#mainMenu{
    position:           absolute;
    bottom:             0px;
    right:              0px;
    width:              552px;
}

div#menuHome #mainMenu{
    width:              auto;
}


div#mainMenu ul {
    float:              left; 
    margin:             0;
    padding:            0;
    list-style:         none;
    display:            inline;
    overflow:           hidden;
}
div#mainMenu li {
    margin:             0;
    padding:            0;
    list-style:         none;
    float:              left;
    margin:             0 12px;
    margin-right:       12px;
}

div#mainMenu a {
    float:              left;
    padding:            7px 0;
    color:              #a4c1d4;
    text-decoration:    none;
    font-size: 12px;
    font-weight: bold;
}

div#mainMenu li a:hover {
    color:              #fff;
}
div#mainMenu li.selected a{
    color:              #fff;
}






/*
############# Content ######################
*/



div#content{
width: 780px; 
padding: 10px;   
min-height:  300px;
height:  auto !important;
height:  300px;
background: #034f6f;
    text-align: left;
}  

div#contentSubSite{
    text-align: left;
width: 800px; 
min-height:  300px;
height:  auto !important;
height:  300px;
background: #e9e5da;
padding-bottom: 20px;
}  

 

.linkeSpalte{
float: left;
width: 230px;
margin-top: 35px;
margin-left: 8px;
background: #8c887d;
}

.imgList{
border-bottom: 0px solid white;
text-align: right;
}

.imgList a{
display: block;
}


.imgBu{
color: #f5f0e6;
padding: 0 4px;
}

.textList{
border-bottom: 0px solid white;
text-align: left;
}

.textList p{
padding: 6px;
margin: 0px;
}


.spacerColor5{
    height: 5px;
    clear: left;
    overflow: hidden;
    font-size: 0px;
    background: #e9e5da;
    line-height: 0px;
}

.rechteSpalte{
float: left;
width: 500px;
padding: 0px 12px;
min-height:  385px;
height:  auto !important;
height:  385px;
overflow-x: hidden;
margin-top: 35px;
margin-left: 7px;
}

.rechteSpalte ul, .rechteSpalte ol{
margin: 10px 0 10px 20px;   
}

table.contentTab{
border-spacing: 0px;
border-collapse: collapse;
margin-bottom: 10px;
border: none;
background: #f5f0e6;
margin-top: 10px;
width: 510px;
}

table.contentTab tr.trHead td{
  color: #f5f0e6;
  margin: 0px;
  padding: 0px 6px;
  font-weight: bold;
  font-size: 11px;
  background: #5a5546;
}

table.contentTab td{
  border-bottom:1px solid #fff;
  padding: 0.2em 0.6em;
  vertical-align: top;
}

table.contentTab tr.trWhite td{
background: #f9f6f0;
}




/*
############# Sliders ######################
*/

div#flashTeaser{
width: 780px;
height: 400px;
background-color:#fff;
overflow: hidden;
position: relative; 
}

div#flashTeaserSlides{
width: 780px;
height: 400px;
overflow: hidden;
}


div#flashTeaserSlides img{
width: 780px;
height: 400px;
}


div#filmTeaser{
width: 165px;
height: 100px;
background: #fff;
position: absolute;
top: 25px;
right: 200px;
z-index: 300;
}
div#filmTeaser a:hover img{
background: #fff;
width: 165px;
height: 100px;
}

div#ePaperTeaser{
z-index: 300;
width: 165px;
height: 200px;
background: #002a58; 
position: absolute;
top: 130px;
right: 200px;
}

div#logoTeaser{
z-index: 300;
width: 165px;
height: 305px;
background:#185684 url(/backstage/bad_suderode/picpool/common/bg_logos.jpg) repeat 0 0;
position: absolute;
top: 25px;
right: 25px;
}

/* ----------------------------------------------------
   teaser_angebote
---------------------------------------------------- */

.listEntry{
  border: 1px solid #8c887d;    
  padding: 10px;
}



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

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

fieldset{
 padding: 6px;
 border: none;
 background: #e9e5da;
 border:solid 1px #fff;
  margin-top: 20px;
}


 
label.left{
    float: left;
    width: 250px;
    margin: 0.33em 0.33em 0.50em 0; /* 6px 4px 6px 0 */
}  

.formError{
    float: left;
    margin: 0.50em 0.33em; /* 6px 4px */
    color:  #cc0000;
}

 
 input.right, textarea.right, select.right {
    float: left;
    width:  227px;
    margin: 0.33em 0; /* 4px */
    background: white;
}

textarea.right{
    width:  227px;
}


form br{
    clear:  both; 
    margin: 0.17em 0; /* 2px */
}

.formMessage{
    margin-top:  0.33em;  /* 4px */
    margin-left: 250px;
}

input.submitClass{
color: #fff;
border:solid 0px #8c887d;
background-color: #8c887d;
font-weight: bold;
width: 150px;
background-repeat:no-repeat;
background-position: right center;
padding-right: 15px;
}



/*
############# Helpers ######################
*/

.tdRight{
    text-align: right !important;
}

a.pfeil, a:link.pfeil, a:visited.pfeil{
     font-size: 11px;
      text-decoration:none; 
      padding-left:12px;

      background-image:url(/backstage/bad_suderode/picpool/common/pfeil.gif);
      background-repeat:no-repeat;
      color: #981d3d;
}

a.pfeilBack, a:link.pfeillBack, a:visited.pfeillBack{
     font-size: 11px;
      text-decoration:none; 
      padding-left:12px;
      background-image:url(/backstage/bad_suderode/picpool/common/pfeil_back.gif);
      background-repeat:no-repeat;
      color: #981d3d;
}

a.pdfLink, a:link.pdfLink, a:visited.pdfLink{
      font-size: 11px;
      text-decoration:none; 
      padding-left: 30px;
      background-image:url(/backstage/bad_suderode/picpool/common/pdf_icon.gif);
      background-repeat:no-repeat;
      color: #981d3d;
      font-weight: bold;
      display: block;
}


a.anfrage, a:link.anfrage, a:visited.anfrage{
     font-size: 11px;
      text-decoration:none; 
      padding-left:14px;

      background-image:url(/backstage/bad_suderode/picpool/common/icon_anfrage.gif);
      background-repeat:no-repeat;
      background-position: left 1px;
      color: #5a5546;
}

.trenner {
display: block;
clear: both;
border:0;
border-top:1px #fff dashed;
height:1px;
margin: 10px 0 10px 0;
}

.small{
font-size: 10px;    
    
}

.hide {
left:-1000em;
line-height:0px;
position:absolute;
width:500em;
}


.floatright {
float: right;
}

.floatleft {
float: left;
}

.text12bold{
font-weight: bold;
font-size: 12px; 
}

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

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

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


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

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

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

    line-height:      0px;
}


.pad10{
    padding: 10px;
}



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