html {
    height: 100%;
    width: 100%;
    overflow:auto;
    }

BODY {
        margin: 0px;
        padding: 0px;
        background: white;
        color: black;
        font: 0.9em arial;
        }
        
textarea {font: 1em arial;}
input.newsletter_plz {width:40px;}
input.newsletter_ort {width:98px;}

/* HAUPTNAVIGATION */

table.naviMain a{font-size:11px;text-decoration:none;color:#5d5d5d;letter-spacing:1px;font-weight:bold;text-transform: uppercase;}

td.familien {border-left: 3px double #25408f;border-bottom: 3px double #25408f}
td.gruppen {border-left: 3px double #982B14;border-bottom: 3px double #982B14}
td.staetten {border-left: 3px double #FCB814;border-bottom: 3px double #FCB814}
td.kinder {border-left: 3px double #f37571;border-bottom: 3px double #f37571}
td.aktiv {border-left: 3px double #ec008c;border-bottom: 3px double #ec008c}
td.jugend {border-left: 3px double #00aeef;border-bottom: 3px double #00aeef}
td.wellness {border-left: 3px double #ED0172;border-bottom: 3px double #ED0172}
td.sprach {border-left: 3px double #00697c;border-bottom: 3px double #00697c}
td.senioren {border-left: 3px double #b56e10;border-bottom: 3px double #b56e10}
td.studien {border-left: 3px double #00a651;border-bottom: 3px double #00a651}
td.infos {border-left: 3px double #009964;border-bottom: 3px double #009964}


#bild {}

#container {
        top: 0px;
        left: 0px;
        width: 1005px;
        text-align: left;
        }

#head {
  margin-top: 15px;
  height: 25px;
  width: 1005px;
  color: #F03E22;
  font: 0.8em arial;  
}


#head a {
   color: #F03E22;
   text-decoration: none;
}

#head a:hover {
   text-decoration: underline;
}

#hier {
  display:none;
}

#reisen {
  margin: 5px 0px 5px 0px;
  height: 210px;
  width: 1005px;
  text-align: left;
}



#reiseinfos {
display: none; 
}

#rechts {
  width: 200px;
  float: right;
  font: normal 0.8em arial;
}

#rechts h5 {
 font: bold 1em arial;
 margin:0px
}


#content {
  width: 750px;
  float: left;
  text-align:left;
}

#bottom {
  padding-top: 40px;  
  clear: both;
  font-size:0.8em; 
  color: #F03E22;
}

a {
   color: #F03E22;
   text-decoration: none;
}

a:hover {
   text-decoration: underline;
}

h1 {
 font: bold 1.1em arial;
 color: #F03E22;
}

h2 {
 font: bold 1.0em arial;
 color: #F03E22;
}


.ort  h1 {
 font: bold 1.1em arial;
 color: #F03E22;
 margin-bottom: 0px;
}


h3 {
 font: bold 1.0em arial;
 color: #000000;
}


h4 {
 font: bold 1.0em arial;
 color: #FF0000;
}


.bodytext img {
  padding: 2px;
  border: 1px solid black;
  margin: 2px;
}


.contenttable img {
  padding: 2px;
  border: 1px solid black;
  margin: 2px;
}

#rechts img {border:0px}

.flach { height: 1.5em; width: 200px; clear:both; }
.hoch { height: auto; width: 200px; clear:both;}



/* ########## Boxes ########## */

.box {      
        margin:0px;float:left;width:195px;

}

.box_ro {
        background:  url('images/box_ro.gif') no-repeat top right;
}

.box_lo {
        background:  url('images/box_lo.gif') no-repeat top left;
}

.box_ru {
        background:  url('images/box_ru.gif') no-repeat bottom right;
}

.box_lu {
        background:  url('images/box_lu.gif') no-repeat bottom left;
}

.box_inhalt {text-align:left;
        margin:0;
        padding:1.0em 1.0em 2.0em 1.0em;
        
        
}

.randlos{border:0px}
.bodytext .randlos{border:0px}
.schrift_normal {font-size:1em}
.rot {color:#F03E22}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}

#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=0.45);
  -moz-opacity: 0.45;
  opacity: 0.45;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:49.75%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}

#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}

#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}

#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}

#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}

#TB_title{
  background-color:#e8e8e8;
  height:27px;
}

#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
  padding:15px;
}

#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}

#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}


#content .tx-veguestbook-pi1 input[type=text] {width:250px}
#content .tx-veguestbook-pi1 textarea {width:250px;height:100px}