/* Basisvorlage CSS


*/
/* Farbschema

--------------------------------------------------------------------------------------- */
/*
Farbton (Hintergrund Body): #cccccc
Farbton (Hintergrund Navi): #002680
Farbton (Trennlinie): #ACACAC
Farbton (Element): #xxxxxx
Farbton (Element): #xxxxxx
*/



/* Globals und Typo 

--------------------------------------------------------------------------------------- */
html {
    height: 100%;
}



body {
    height: 100%;
    overflow:auto;
    background:  #CCCCCC;
    margin:0;
    padding:0;
}



body,td,th,input,select,textarea,p        
    { 
        color:#000000; 
        font-size:12px; 
        line-height:17px;
        font-weight:Normal;    
        font-family:Arial,Helvetica,sans-serif; 
    }   





/* allgemeine Links

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

a:link,a:visited,a:active
    { 
        color:#666666; 
        text-decoration:none; 
 
    }
a:hover
    { 
        color:#000000; 
        text-decoration:underline;
    }     



/* Macht die gepunktete Linie um geklickte Links unsichtbar

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

a:focus {
    outline: none;
}


/*  -----   LINK in der blauen Spalte   -----  */
a.link-left:link,a.link-left:visited,a.link-left:active
    { 
        color:#FFFFFF; 
        text-decoration: underline;
    }
a.link-left:hover
    { 
        color:#999999; 
        text-decoration:underline;
    }     



.head1 {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 16px; line-height: 15px; color: color: #CCCCCC; font-weight: bold; }
.headline2 {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 18px; line-height: 15px; color: color: #333333; font-weight: bold; }
.head3 {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14px; line-height: 15px; color: color: #333333; font-weight: bold; }
.head4 {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 20px; line-height: 15px; color: color: #333333; font-weight: bold; font-style: normal;}

h1 
    { 
        color:#002680; 
        font-size: 23px; 
       line-height: 26px;
       font-weight: normal;
       margin-top:0px;
       margin-bottom:0px
    }  


h2 
    { 
        color:#666666; 
        font-size: 15px; 
       line-height: 18px;        
       font-weight: bold;
       margin-top:0px;
       margin-bottom:0px
    }  

h3 
    { 
        color:#333333; 
        font-size: 13px; 
       line-height: 15px;        
       font-weight: bold;
       margin-top:0px;
       margin-bottom:0px
    }  


h4 
    { 
        color:#666666; 
        font-size: 13px; 
        font-weight: bold;
       margin-top:0px;
       margin-bottom:0px
    }    

h5 
    { 
        color:#333333; 
        font-size: 13px; 
        font-weight: bold;
       margin-top:0px;
       margin-bottom:0px
    }   

ul  {
    list-style-type: disc;
    padding-left:30px;
    margin: 0;
    list-style-position:outside;
}
.header1 
    { 
        color:#666666; 
        font-size: 18px; 
       line-height: 18px;        
       font-weight: bold;
    }  


.header2 
    { 
        color:#666666; 
        font-size: 16px; 
       line-height: 25px;        
       font-weight: bold;
    }  

.header3 
    { 
        color:#333333; 
        font-size: 14px; 
       line-height: 16px;        
       font-weight: bold;
    }  


.header4 
    { 
        color:#666666; 
        font-size: 13px; 
        font-weight: bold;
    }    

.header5 
    { 
        color:#333333; 
        font-size: 13px; 
        font-weight: bold;
    }   


.weiss {
        color: #FFFFFF;
        }
    

    
hr
    { 
        background-color:#E5E2C4; 
        color:#E5E2C4; 
        border:0px; 
        size:#1;  
        height:1px; 
    }

    
li  { 
        color:#000000; 
        padding:3px; 
        font-size: 12px; 
        font-weight: Normal;    
        font-family: Arial,Helvetica,sans-serif; 
    }
  


    
.copyright
    { 
        color:#FFFFFF; 
        font-size: 10px; 
    }
    
   
.text11grau   
    { 
        color:#666666; 
        font-size: 11px; 
    }        

    
.text12weiss   
    { 
        color:#FFFFFF; 
    }    

    
.small
    { 
        
        font-size:12px; 
        line-height:20px;
        font-weight:normal; 
        color:#FFFFFF;
        margin: 0px 0px 6px 0px;
    }

    
.bold
    { 
        font-weight:Bold; 
    }

    
.header
    { 
        color:#254C6C; 
        font-size:15px;
        font-weight:Bold;
        font-family:Arial; 
        letter-spacing: 1px; 
    }

    
.button
    { 
    }

    
.hw
    { 
          color:#FFFFEE; 
        font-size: 16px; 
        font-weight: Bold;    
        font-family: Arial; 
    }

    
a.link1:link,a.link1:visited,a.link1:active
    { 
        color:#FFFFFF;
        font-size:13px;         
        text-decoration:none; 
        font-weight: bold; 
        text-align: center; 
        padding-left:px; 
        padding-right:7px;
        letter-spacing:0px;
    }
a.link1:hover,a.link1a:link,a.link1a:visited,a.link1a:active,a.link1a:hover
    { 
        color:#CCCCCC;
        font-size:13px;         
        text-decoration:none; 
        font-weight: bold; 
        text-align: center; 
        padding-left:px; 
        padding-right:7px;
        letter-spacing:0px;
    }

    

a.link2:link,a.link2:visited,a.link2:active
      {     

        font-weight:; 
        color:#FFFFFF; 
        font-size:13px;                 
        text-decoration:underline; 
        text-align: center; 
        line-height:13px;
        margin: 0 0 6px 0;
    }     
a.link2:hover,a.link2a:link,a.link2a:visited,a.link2a:active,a.link2a:hover   
      {     

        font-weight:; 
        color:#CCCCCC; 
        font-size:13px;         
        text-decoration:underline; 
        text-align: center; 
        line-height:13px;
        margin: 0 0 6px 0;
    }     
    
     

    
a.link3:link,a.link3:visited,a.link3:active  
       {     
        display:block;
        font-weight:normal;     
        color:#FFFFFF; 
        text-decoration:none; 
        padding-left:10px; 
        line-height:10px;
        margin: 10px 0 5px 0;
    }     
a.link3:hover,a.link3a:link,a.link3a:visited,a.link3a:active,a.link3a:hover
       {     
        display:block;
        font-weight:normal;     
        color:#CCCCCC; 
        text-decoration:none; 
        padding-left:10px; 
        line-height:10px;
        margin: 10px 0 5px 0;    }     
      
    
a.link4:link,a.link4:visited,a.link4:active  
       {     
        color:#FFFFFF; 
        text-decoration:none; 
        padding-left:20px; 
        line-height:15px;
        margin: 10px 0 10px 0;
    }     
a.link4:hover,a.link4a:link,a.link4a:visited,a.link4a:active,a.link4a:hover    
       {     
        color:#CCCCCC; 
        text-decoration:none; 
        padding-left:20px; 
        line-height:15px;
        margin: 10px 0 10px 0;    }     

    
a.link5:link,a.link5:visited,a.link5:active  
       {     
        color:#FFFFFF; 
        text-decoration:none; 
        padding-left:30px; 
    }     
a.link5:hover,a.link5a:link,a.link5a:visited,a.link5a:active,a.link5a:hover    
       {     
        color:#CCCCCC; 
        text-decoration:none; 
        padding-left:30px; 
    }     


a.link6:link,a.link6:visited,a.link6:active  
       {     
        font-weight:;     
        color:#666666; 
        text-decoration:none; 
        padding-left:10px; 
    }     
a.link6:hover,a.link6a:link,a.link6a:visited,a.link6a:active,a.link6a:hover
       {     
        font-weight:;     
        color:#000000; 
        text-decoration:none; 
        padding-left:10px; 
    }     
    

a.link-video:link,a.link-video:visited,a.link-video:active
      {     

        font-weight:; 
        color:#002680; 
        font-size:13px;                 
        text-decoration:underline; 
        text-align: center; 
        line-height:13px;
        margin: 0 0 6px 0;
    }     
a.link-video:hover,a.link-videoa:link,a.link-videoa:visited,a.link-videoa:active,a.link-videoa:hover   
      {     

        font-weight:; 
        color:#CCCCCC; 
        font-size:13px;         
        text-decoration:underline; 
        text-align: center; 
        line-height:13px;
        margin: 0 0 6px 0;
    }     

.tb1
    { 
        background:#EEEEEE; 
        margin-left:0px; 
        margin-right:5px; 
        padding-left:0px; 
        padding-right:5px;
    }


.tb2
    { 
        background:#556195; 
        color:#CCCCFD; 
        font-size:12px; 
        font-weight:Normal; 
        font-family:Arial; 
        margin-left:5px; 
        margin-right:5px;
        padding-left:5px; 
        padding-right:5px; 
    }

    
.xtable-table-standard    
    { 
    }
.xtable-th-standard
    {
        font-weight:BOLD;
        padding-left:0px;
        padding-right:5px;
        padding-top:2px;
        padding-bottom:2px; 
    }
.xtable-td-standard
    {
        padding-left:0px;
        padding-right:5px;
        padding-top:2px;
        padding-bottom:2px;
    }

  
.xtable-table-line
    { 
        background:#000000; 
    }
.xtable-th-line
    { 
        background:#FF8040; 
        font-size:12px; 
        font-weight:BOLD; 
        padding-left:0px; 
        padding-right:5px; 
        padding-top:2px; 
        padding-bottom:2px; 
    }
.xtable-td-line
    {
        background:#FFFFFF;
        font-size:12px;
        padding-left:0px;
        padding-right:5px;
        padding-top:2px;
        padding-bottom:2px; 
    }
  
  
.inputnoborder
    { 
        border: none;
        padding: 0; 
        font-family:Verdana;
        font-size:12px; 
    }

    
.maptable
    {
    }
.maptr
    {
    }
.maptd
    { 
        padding-left:5px; 
        padding-right:5px;  
    }
a.maplink:link
    { 
        color:#666666; 
        text-decoration:none; 
    }
a.maplink:visited    
    { 
        color:#666666; 
        text-decoration:none; 
    }
a.maplink:active    
    { 
        color:#666666; 
        text-decoration:none;
    }
a.maplink:hover
    { 
        color:#000000;
        text-decoration:underline; 
    }     
.map2
    { 
        color:#808080; 
        background:#FFFFFF; 
        font-family:Verdana,Arial; 
        font-size:13px; 
    }
.map2Header
    { 
        color:#000000; 
        background:#EEEEEE; 
        font-family:Verdana,Arial; 
        font-size:13px; 
    }
 
 
.x1
    {
        padding:8px;
    }
.x2
    { 
        color:#0000AA; 
        background:#EEEEEE; 
        padding:8px; 
    }


  

/* ------  BUCHUNGSANFRAGE-FORMULAR  ------- */
fieldset.kontakt {
    width: 376px;
    margin: 10px 0 10px 0;
    padding: 10px;
    }

legend.kontakt   {
    display:block;
    padding: 5px;
    width: 424px;
    background-color: #ACACAC;
    color:#002680;
    margin:0 -12px 0 -12px;
}

legend.kontakt span { 
    display: block; 
    width: 390px; 
    margin:0;
}

label.kontakt {
    width: 100px;
    margin:5px 15px 5px 0px;
    float: left;
    text-align: left;
    font-weight:normal;
    color: #002680;
}

textarea.kontakt {
    width: 240px;
    margin:5px 0px 5px 0px;
    padding: 0px;
    font-size: 11px;
    color: #002680;
    border: 1px solid #002680;
    background-color: #FFFFFF;
}
textarea.full {
    width: 380px;
    margin:5px 0px 5px 0px;
    padding: 0px;
    font-size: 11px;
    color: #002680;
    border: 1px solid #002680;
    background-color: #FFFFFF;
}

input.kontakt,select.kontakt {
    width: 240px;
    margin:5px 15px 5px 0px;
    height: 20px;
    padding: 0px;
    font-size: 11px;
    color: #002680;
    border: 1px solid #002680;
    background-color: #FFFFFF;
    }
    
input.reiseangabe,select.reiseangabe {
    height: 20px;
    margin:5px 0px 5px 0px;
    padding: 0px;
    font-size: 11px;
    color: #002680;
    border: 1px solid #002680;
    background-color: #FFFFFF;
    }

p.kontakt {
    margin:5px 0px 5px 0px;
    text-align: left;
    font-weight:normal;
    color: #002680;
}

.checkbox,.radio,.labelcheck  {
    margin:5px 10px 5px 0px;
    text-align: left;
    font-weight:normal;
    color: #002680;
}

.button {

        text-align: left;
        width: 60px;
        height: 20px;
        padding: 0px 9px 0px 11px;
        margin-right: 10px;
        color: #002680;
        text-decoration: none;
        font-size:11px; 
        border: 1px solid #002680;
        background-color: #FFFFFF;
        }

 
/* Bilder und Bildverlinkung ohne Rahmen */
img, a img {
    border: 0;
}


/*   ----    TEASER    ----   */
.bg-teaser1  {
    background: url(teaser-1.jpg) no-repeat top left #FFFFFF;
    width: 218px;
    height: 164px;
    }
    
.td-bg-transparent, a.td-bg-transparent:link, a.td-bg-transparent:visited, a.td-bg-transparent:hover, a.td-bg-transparent:active {
    background: url(bg-transparent.png) repeat top left;
    height: 25px;
    line-height:25px;
    font-size: 18px;
    color: #012681;    
    psdding: 2px 3px 2px 3px;
    text-decoration:none;
    }

.td-bg-transparent2, a.td-bg-transparent2:link, a.td-bg-transparent2:visited, a.td-bg-transparent2:hover, a.td-bg-transparent2:active {
    background: url(bg-transparent.png) repeat top left;
    height: 33px;
    line-height:33px;
    font-size: 20px;
    color: #012681;    
    psdding: 2px 3px 2px 3px;
    text-decoration:none;
    }


.teaser-preis, a.teaser-preis:link, a.teaser-preis:visited, a.teaser-preis:hover, a.teaser-preis:active {
    font-size: 16px;
    font-weight:bold;
    color: #012681;    
    line-height:16px;
    text-align: right;
    text-decoration:none;

}
.teaser-text  {
    font-size: 11px;
    line-height: 13px;
    color: #000000;
    }

    
.teaser-rahmen  {
    background-color:#012681;
    }
  
.teaser-1  {
    background: url(../start-angebot/teaser-1.jpg) top left no-repeat #FFFFFF;
    display:block;
    margin:0;
    padding:0;
    }

.teaser-2  {
    background: url(../start-angebot/teaser-2.jpg) top left no-repeat #FFFFFF;
    display:block;
    margin:0;
    padding:0;
    }
 
.startseitenbild  {
    background: url(../start-angebot/sommer-special.jpg) top left no-repeat #FFFFFF;
    display:block;
    margin:0;
    padding:0;
    overflow:hidden;
    }
 
a.teaser-link:link, a.teaser-link:visited, a.teaser-link:hover, a.teaser-link:active {
    color: #012681;    
    text-decoration:none;
}
 
/*  Seitenelemente ----- */    
#wrapper  {
    width: 990px;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    }

#wrapperbuchen  {
    width: 970px;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    }

.schatten-links  {
    background: url(left_blur.jpg) repeat-y top right #CCCCCC;
    }
    
.schatten-rechts  {
    background: url(right_blur.jpg) repeat-y top left #CCCCCC;
    }