* {
  margin          : 0px;
  padding         : 0px;
}

body {
  margin          : 0px;
  padding         : 0px;
  background      : url(layout/bgrnd_site.jpg) #364C26;
  font-family     : arial, helvetica, verdana;
}

td, div {
  font-size       : 12px;
}

#td_content {
  vertical-align  : top;
  width           : 600px;

}

#td_left {
  width           : 192px;
  vertical-align  : top;
  background      : url(layout/bgrnd_left.jpg);
}

#td_right {
  vertical-align  : top;
  width           : 193px;
  background      : url(layout/bgrnd_right.jpg);
}



/* #########################################
   ###          rechter Bereich          ### 
   ######################################### */

#div_toptours {
  width           : 180px;
  background      : url(layout/header_toptours.jpg) no-repeat top;
}

.div_themes {
  width           : 180px;
  background      : url(layout/header_themes.jpg) no-repeat top;
}

.bar_header_touren {
  font-family     : georgia, times new roman, courier, san-serif, verdana;
  font-size       : 16px;
  color           : #eee2af;
  text-align      : center;
  padding-top     : 5px;
}

.bar_header_themes {
  font-family     : georgia, times new roman, courier, san-serif, verdana;
  font-size       : 16px;
  color           : #eee2af;
  text-align      : center;
  padding-top     : 35px;
}

.bar_content {
  margin-top      : 20px;
  margin-left     : 15px;
  width           : 150px;
  border          : 0px solid #FFFFFF;
  color           : #eee2af;
  font-size       : 12px;
}


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

.content {
  width           : 520px;
  margin-left     : 40px;
  border          : 0px solid #FFFFFF;
  font-size       : 12px;
}

.data_table td {
  padding-top     : 2px;
  padding-bottom  : 2px;
  vertical-align  : top;
}

.content div img{
  margin          : 0 10 10 0px;
  border    : 1px solid #000000;
}


.content_box {
  margin-bottom   : 30px !important;
}

.preis {
  width           : 102px;
  height          : 44px;
  text-align      : center;
  font-weight     : bold;
  color           : #ffdc28;
  padding-top     : 12px;
  font-size       : 14px;
  background      : url(/layout/preisschild.gif) no-repeat;
}

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


.button_tour {
  width           : 102px;
}

.button_quad {
  width           : 150px;
}
.button_all {
  height          : 20px;
  text-align      : center;
  vertical-align  : middle;
  background      : #ff7e00;
  border          : 2px solid #000000;
  padding-top     : 3px;
}

*html .button_all {
  height          : 24px;
  padding-top     : 2px;
}




.button_all a:link, .button_all a:visited  {
  text-decoration : none;
  font-weight     : bold;
  color           : #ffdc28;
  font-size       : 14px;
}

.button_all a:hover  {
  text-decoration : none;
  font-weight     : bold;
  color           : #ffffff;
  font-size       : 14px;
}

a:hover .button_all {
  background      : #000000;
}

.orange       {color      : #ff7e00;}
.gruen        {color      : #2d6b01;}
.rot          {color      : #ff0600;}

.alignright   {text-align : right;}
.aligncenter  {text-align : center;}

.small_text   {font-size  : 11px !important;}


/* ############################ */
/* ###        HELPER        ### */
/* ############################ */

hr {
  clear             : both;
  height            : 0px;
  visibility        : hidden;
}

.right_align {
  text-align        : right;
}

/* ################################## */
/* ###       TWO COLUMNS          ### */
/* ################################## */

.left_column {
  float           : left;
}

.right_column {
  float           : right;
}

.tabline span{
  float           : left;
  display         : block;
}

/* --- Data-Box in Address-Blocks --- */
.data_box {
  float           : left;
}

.data_box p {
  clear           : both;
}


/* ############################ */
/* ###       ICON-BOX       ### */
/* ############################ */

.icon_box {
  float           : left;
  width           : 160px;
  text-align      : center;
}

.icon_box p {
  padding         : 2px;
}

.icon_box img {
  border          : none !important;;
}



/* #########################################
   ###             Gästebuch             ### 
   ######################################### */

.guest_header {
  margin          : 0 0 10 0px;
  padding         : 3 10 0 10px;
  height          : 18px;
  font-weight     : normal;
  background      : url(/layout/h2_bgrnd.jpg) no-repeat;
}

*html .guest_header {  height          : 22px;}

.guest_header td {
  font-size       : 14px;
  color           : #e8d68e;
}

#guestbook_form textarea {
  width           : 300px;
}

/* #########################################
   ###               Links               ### 
   ######################################### */

.linkimg {
  background-image      : url(/layout/link_img.gif);
  background-repeat     : no-repeat;
  background-position   : 0 2px;
  padding-left          : 12px;
}

.linkimg2 {
  background-image      : url(/layout/link_img2.gif);
  background-repeat     : no-repeat;
  background-position   : 0 2px;
  padding-left          : 12px;
}

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

a:hover {
  color           : #1b7319;
  text-decoration : underline;
}




/* #########################################
   ###           Überschriften           ### 
   ######################################### */

.content h1 {
  margin          : 0 0 20 0px;
  padding         : 0 0 7 0px;
  font-size       : 18px;
  text-align      : center;
  color           : #4d2f1b;
  background      : url(/layout/h1_underline.gif) no-repeat bottom;
}

.content h2 {
  margin          : 0 0 10 0px;
  padding         : 5 0 0 0px;
  font-size       : 16px;
  text-align      : center;
  color           : #e8d68e;
  height          : 30px;
  font-weight     : normal;
  background      : url(/layout/h2_bgrnd.jpg) no-repeat;
}

.content h3 {
  margin          : 0 0 5 0px;
  padding         : 0 0 0 0px;
  font-size       : 14px;
  color           : #e27e00;
}


.subheading {
  font-size       : 12px;
  font-weight     : bold;
  text-align      : center;
  color           : #4d2f1b;

  margin-bottom   : 10px;
}

/* #########################################
   ###               Boxen               ### 
   ######################################### */
.box_format {
  color           : #e8d68e;
  font-size       : 11px;
 
}

.box_format h2 {
  color           : #E69F00;
  font-size       : 12px;
  font-weight     : bold;
  margin          : 0 0 2 0px;
  padding         : 0px;
}

.box_format h3 {
  margin-bottom   : 5px;
  padding         : 0 0 0 0px;
  font-size       : 12px;
  font-weight     : normal;
  color           : #E69F00;
}

.box_format a:link, .box_format a:visited {
  color           : #E69F00;
  font-size       : 11px;
  font-weight     : bold;
  text-decoration : none;
}

.box_format a:hover {
  color           : #e8d68e;
  font-size       : 11px;
  font-weight     : bold;
  text-decoration : underline;
}


.img_box img {
  margin-right      : 15px;
  margin-bottom     : 5px;
  border            : 1px solid #444444;
}


/* erweiterter Eintrag bei Übernachtungen */
.erweiterter_eintrag {
	border						: 1px solid #BF8847;
	background				: url(/layout/trans_bgrnd_orange.png);
	padding						: 5px;
}

.erweiterter_eintrag h3 {
	color							: #DF4E00;
}

/* #########################################
   ###              Tabelle              ### 
   ######################################### */

.listtable th {
  font-size       : 12px;
  text-align      : left;
  border-bottom   : 2px solid #563E12;
  padding-right   : 2px;
  }
  
  
.listtable td {
  font-size       : 11px !important;
  text-align      : left;
  padding-right   : 2px;
  border-bottom   : 1px solid #563E12;
  }



/* #########################################
   ###            Formular              ### 
   ######################################### */

input, textarea, select {
  background      : #EFECE0;
  border          : 1px solid #AF9D57;
}

.inputfield_normal {
  width           : 200px;
}

.inputfield_2ziffern {
  width           : 20px;
}

form td {
  padding         : 1 0 1 0px;
}

.buttonsend {
  width           : 140px;
  height          : 22px;
  text-align      : center;
  vertical-align  : middle;
  background      : #ff7e00;
  border          : 2px solid #000000;
  text-decoration : none;
  font-weight     : bold;
  color           : #ffdc28;
  font-size       : 14px;
}

/* #########################################
   ###              Footer               ### 
   ######################################### */

.footernav {
  color           : #E69F00;
  margin-bottom   : 5px;
  font-size       : 12px;
}

.footernav a:link, .footernav a:visited {
  color           : #E69F00;
}


/* #########################################
   ###            Navigation             ### 
   ######################################### */

#navi {
  width         : 180px;
  font-size     : 12px;
  border-top    : 0px solid #eeeeee;
  margin-top    : 0px;
  margin-left   : 12px;
  vertical-align: middle;
  }

#navi ul {
  margin        : 0;
  padding       : 0;
  list-style    : none;
  }

#navi li {
  margin        : 0px;
  padding       : 0px;
  border-bottom : 0px solid #eeeeee;
  vertical-align: middle;
  }

a.navi1, a.navi1:visited {
  display       : block;
  text-align    : center;
  text-decoration:none;
  font-weight   : normal;
  font-family   : georgia, times new roman, courier, san-serif, verdana;
  font-size     : 14px;
  color         : #eee2af;
  line-height   : 33px;
  height        : 33px;
  padding-left  : 10px;
  }
  
.bt01 { background    : url("/layout/bt_01.jpg") #104C97;}
.bt02 { background    : url("/layout/bt_02.jpg") #104C97;}
.bt03 { background    : url("/layout/bt_03.jpg") #104C97;}
.bt04 { background    : url("/layout/bt_04.jpg") #104C97;}
.bt05 { background    : url("/layout/bt_05.jpg") #104C97;}
.bt06 { background    : url("/layout/bt_06.jpg") #104C97;}




/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#navi a.navi1 {float:none;}
/* End IE5-Mac hack */

a.navi1:hover {
  color         : #FFFFFF;
  text-decoration : none;
  }
  
a.bt01:hover {  background: url("/layout/bt_01a.jpg") #B4A059;}
a.bt02:hover {  background: url("/layout/bt_02a.jpg") #B4A059;}
a.bt03:hover {  background: url("/layout/bt_03a.jpg") #B4A059;}
a.bt04:hover {  background: url("/layout/bt_04a.jpg") #B4A059;}
a.bt05:hover {  background: url("/layout/bt_05a.jpg") #B4A059;}
a.bt06:hover {  background: url("/layout/bt_06a.jpg") #B4A059;}
  


#current a.bt01{
  background    : url("/layout/bt_01a.jpg") #B4A059;
  color         : #FFFFFF;  }

#current a.bt02{
  background    : url("/layout/bt_02a.jpg") #B4A059;
  color         : #FFFFFF;  }
  
#current a.bt03{
  background    : url("/layout/bt_03a.jpg") #B4A059;
  color         : #FFFFFF;  }
  
#current a.bt04{
  background    : url("/layout/bt_04a.jpg") #B4A059;
  color         : #FFFFFF;  }
  
#current a.bt05{
  background    : url("/layout/bt_05a.jpg") #B4A059;
  color         : #FFFFFF;  }

#current a.bt06{
  background    : url("/layout/bt_06a.jpg") #B4A059;
  color         : #FFFFFF;  }
  
  
/* ############################ */
/* ###        WIDTHS        ### */
/* ############################ */

.w20  {width  : 20px;}
.w30  {width  : 30px;}
.w40  {width  : 40px;}
.w50  {width  : 50px;}
.w60  {width  : 60px;}
.w70  {width  : 70px;}
.w80  {width  : 80px;}
.w90  {width  : 90px;}
.w100 {width  : 100px;}
.w110 {width  : 110px;}
.w120 {width  : 120px;}
.w130 {width  : 130px;}
.w140 {width  : 140px;}
.w150 {width  : 150px;}
.w160 {width  : 160px;}
.w170 {width  : 170px;}
.w180 {width  : 180px;}
.w190 {width  : 190px;}
.w200 {width  : 200px;}
.w210 {width  : 210px;}
.w220 {width  : 220px;}
.w230 {width  : 230px;}
.w250 {width  : 250px;}
.w260 {width  : 260px;}
.w280 {width  : 280px;}
.w300 {width  : 300px;}
.w320 {width  : 320px;}
.w350 {width  : 350px;}
.w430 {width  : 430px;}
.w450 {width  : 450px;}
.w520 {width  : 520px;}


.w30p  {width  : 30%;}
.w40p  {width  : 40%;}
.w45p  {width  : 45%;}
.w49p  {width  : 49%;}
.w50p  {width  : 50%;}
.w60p  {width  : 60%;}
.w70p  {width  : 70%;}


/* ############################ */
/* ###      DISTANCES       ### */
/* ############################ */

.mtop2    {margin-top:      2px;}
.mtop5    {margin-top:      5px;}
.mtop10   {margin-top:     10px;}
.mtop15   {margin-top:     15px;}
.mtop20   {margin-top:     20px;}
.mtop25   {margin-top:     25px;}
.mtop30   {margin-top:     30px;}
.mtop35   {margin-top:     35px;}
.mtop40   {margin-top:     40px;}
.mtop45   {margin-top:     45px;}
.mtop50   {margin-top:     50px;}

.mbot2    {margin-bottom:   2px;}
.mbot5    {margin-bottom:   5px;}
.mbot10   {margin-bottom:  10px;}
.mbot15   {margin-bottom:  15px;}
.mbot20   {margin-bottom:  20px;}
.mbot25   {margin-bottom:  25px;}
.mbot30   {margin-bottom:  30px;}
.mbot35   {margin-bottom:  35px;}
.mbot40   {margin-bottom:  40px;}
.mbot45   {margin-bottom:  45px;}
.mbot50   {margin-bottom:  50px;}

.mleft2   {margin-left:     2px;}
.mleft5   {margin-left:     5px;}
.mleft10  {margin-left:    10px;}
.mleft15  {margin-left:    15px;}
.mleft20  {margin-left:    20px;}
.mleft25  {margin-left:    25px;}
.mleft30  {margin-left:    30px;}
.mleft35  {margin-left:    35px;}
.mleft40  {margin-left:    40px;}
.mleft45  {margin-left:    45px;}
.mleft50  {margin-left:    50px;}


.mright2  {margin-right:    2px;}
.mright5  {margin-right:    5px;}
.mright10 {margin-right:   10px;}
.mright15 {margin-right:   15px;}
.mright20 {margin-right:   20px;}
.mright25 {margin-right:   25px;}
.mright30 {margin-right:   30px;}
.mright35 {margin-right:   35px;}
.mright40 {margin-right:   40px;}
.mright45 {margin-right:   45px;}
.mright50 {margin-right:   50px;}

.mall2    {margin:          2px;}
.mall5    {margin:          5px;}
.mall10   {margin:         10px;}
.mall15   {margin:         15px;}
.mall20   {margin:         20px;}
.mall25   {margin:         25px;}
.mall30   {margin:         30px;}
.mall35   {margin:         35px;}
.mall40   {margin:         40px;}
.mall45   {margin:         45px;}
.mall50   {margin:         50px;}

.ptop2    {padding-top:     2px;}
.ptop5    {padding-top:     5px;}
.ptop10   {padding-top:    10px;}
.ptop15   {padding-top:    15px;}
.ptop20   {padding-top:    20px;}
.ptop25   {padding-top:    25px;}
.ptop30   {padding-top:    30px;}
.ptop35   {padding-top:    35px;}
.ptop40   {padding-top:    40px;}
.ptop45   {padding-top:    45px;}
.ptop50   {padding-top:    50px;}

.pbot2    {padding-bottom:  2px;}
.pbot5    {padding-bottom:  5px;}
.pbot10   {padding-bottom: 10px;}
.pbot15   {padding-bottom: 15px;}
.pbot20   {padding-bottom: 20px;}
.pbot25   {padding-bottom: 25px;}
.pbot30   {padding-bottom: 30px;}
.pbot35   {padding-bottom: 35px;}
.pbot40   {padding-bottom: 40px;}
.pbot45   {padding-bottom: 45px;}
.pbot50   {padding-bottom: 50px;}

.pleft2   {padding-left:    2px;}
.pleft5   {padding-left:    5px;}
.pleft10  {padding-left:   10px;}
.pleft15  {padding-left:   15px;}
.pleft20  {padding-left:   20px;}
.pleft25  {padding-left:   25px;}
.pleft30  {padding-left:   30px;}
.pleft35  {padding-left:   35px;}
.pleft40  {padding-left:   40px;}
.pleft45  {padding-left:   45px;}
.pleft50  {padding-left:   50px;}

.pright2  {padding-right:   2px;}
.pright5  {padding-right:   5px;}
.pright10 {padding-right:  10px;}
.pright15 {padding-right:  15px;}
.pright20 {padding-right:  20px;}
.pright25 {padding-right:  25px;}
.pright30 {padding-right:  30px;}
.pright35 {padding-right:  35px;}
.pright40 {padding-right:  40px;}
.pright45 {padding-right:  45px;}
.pright50 {padding-right:  50px;}


.pall2    {padding:         2px;}
.pall5    {padding:         5px;}
.pall10   {padding:        10px;}
.pall15   {padding:        15px;}
.pall20   {padding:        20px;}
.pall25   {padding:        25px;}
.pall30   {padding:        30px;}
.pall35   {padding:        35px;}
.pall40   {padding:        40px;}
.pall45   {padding:        45px;}
.pall50   {padding:        50px;}