/* ######################### */
/* ###      Global       ### */
/* ######################### */

body, html {
  height          : 100%;
  width           : 100%;
  min-height      : 100%;
  margin          : 0px;
  padding         : 0px;
  background      : #e9efa8;
}

div, td {
  font-family     : arial;
  font-size       : 11px;
  color           : #4b433d;
}

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


/* ######################### */
/* ###    Maintable      ### */
/* ######################### */

#mainbody {
  width           : 100%;
  height          : 100%;
  background      : url(/layout/bgrnd_fade.gif) repeat-x bottom;
}

#maintable {
  width           : 1000px;
  height          : 100%;
}

#maintdleft {
  width           : 200px;
  border-right    : 1px solid #879c41;
}

#maintdright {
  width           : 200px;
  border-left     : 1px solid #879c41;
}

#maintdcontent {
  width           : 600px;
  background      : #FFFFFF;
}

#maintdfooter {
  height          : 25px;
  background      : url(/layout/bgrnd_footer.gif) repeat-y right #016db6;
  border-top      : 1px solid #FFFFFF;
  text-align      : left;
}


#content {
  padding         : 50 30 20 30;
}

#contentweg {
  padding         : 50 50 20 30;
}

* html #content {
  padding         : 20 30 20 30;
}


* html #contentweg {
  padding         : 20 50 20 30;
}


/* ######################### */
/* ###     Mainmenu      ### */
/* ######################### */

#mainnavi {
  float         : left;
  width         : 600px;
  font-size     : 12px;
  font-variant  : small-caps;
  background    : #016db6 url("/layout/bgrnd_navi.gif") repeat-x bottom;
  border-top    : 1px solid #FFFFFF;
  border-bottom : 1px solid #002b6a;
  line-height   : normal;
  }

#mainnavi ul {
  margin        : 0;
  padding       : 0;
  list-style    : none;
  height        : 25px;
  margin-left   : 30px;
  }

#mainnavi li {
  float         : left;
  margin        : 0;
  padding       : 0;
  }

#mainnavi a {
  float         : left;
  display       : block;
  text-decoration:none;
  font-weight   : normal;
  color         : #ffffff;
  border-left   : 1px solid #66a7d3;
  border-right  : 1px solid #2c80cb;
  line-height   : 25px;
  padding       : 0px 10px 0px 10px;
  }

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

#mainnavi a:hover {
  background    : #44a2e1 url("/layout/bgrnd_navi_hover.gif");
  color         : #FFFFFF;
  }

#mainnavi #current {
  background    : #44a2e1 url("/layout/bgrnd_navi_current.gif");
  color         : #FFFFFF;
  }

#mainnavi #current a{
  background    : #44a2e1 url("/layout/bgrnd_navi_current.gif");
  color         : #FFFFFF;
  }



/* ######################### */
/* ###    Untermenü      ### */
/* ######################### */

#subnavi {
  width           : 190px;
  position        : absolute;
  left            : 766px;
  top             : 225px;

  border-right    : 1px solid #e2e7a0;

}

#subnavihead {
  width         : 142px;
  height        : 25px;
  line-height   : 25px;
  vertical-align: middle;
  background    : url(/layout/bgrnd_subnavi_head.gif);
  margin-left   : 35px;
  padding-left  : 3px;
  font-size     : 12px;
  font-weight   : normal;
  color         : #FFFFFF;
  border-left   : 1px solid #E9EFA8;
  border-bottom : 1px solid #949d43;
  /*-moz-opacity: 0.6; filter:alpha(opacity=60); opacity: 0.6; */
}

*html #subnavihead {
  width         : 145px;
}

#subnavi {
  width         : 180px;
  font-size     : 12px;
  border-top    : 1px solid #f2f7d2;
  margin-left   : 0px;
  }

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

#subnavi li {
  margin        : 0px;
  padding       : 0px;
  border-bottom : 1px solid #e2e7a0;
  }

#subnavi a {
  display       : block;
  text-decoration:none;
  font-weight   : normal;
  color         : #879c41;
  line-height   : 35px;
  height        : 35px;
  padding-left  : 5px;
  background    : url("/layout/bgrnd_subnavi.gif");
  }

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

#subnavi a:hover {
  background    : url("/layout/bgrnd_subnavi_hover.gif");
  color         : #000000;
  }

#subnavi #current {
  background    : url("/images/bgrnd_navi_current.gif");
  }

#subnavi #current a{
  background    : url("/images/bgrnd_navi_current.gif");
  color         : #000000;
  }


/* ############################ */
/* ###   Icons "Der Weg"    ### */
/* ############################ */

#bggastro {
  background-image: url(/weg/icon_gastro.gif) !important;
  background-repeat: no-repeat !important;
  background-position: 0 2px !important;
  padding-left: 35px !important;
}

#bghotels {
  background-image: url(/weg/icon_hotels.gif) !important;
  background-repeat: no-repeat !important;
  background-position: 0 2px !important;
  padding-left: 35px !important;
}

#bgtouristinfo {
  background-image: url(/weg/icon_touristinfo.gif) !important;
  background-repeat: no-repeat !important;
  background-position: 0 2px !important;
  padding-left: 35px !important;
}

#bgwetter {
  background-image: url(/weg/icon_wetter.gif) !important;
  background-repeat: no-repeat !important;
  background-position: 0 2px !important;
  padding-left: 35px !important;
}

#bgpr {
  background-image: url(/weg/icon_pr.gif) !important;
  background-repeat: no-repeat !important;
  background-position: 0 2px !important;
  padding-left: 35px !important;
}

#bgsehenswertes {
  background-image: url(/weg/icon_sehenswertes.gif) !important;
  background-repeat: no-repeat !important;
  background-position: 0 2px !important;
  padding-left: 35px !important;
}

#bgweg {
  background-image: url(/weg/icon_weg.gif) !important;
  background-repeat: no-repeat !important;
  background-position: 0 2px !important;
  padding-left: 35px !important;
}

#bgleer1 {
  background-image: url(/weg/icon_leer.gif) !important;
  background-repeat: no-repeat !important;
  background-position: 0 2px !important;
  padding-left: 35px !important;
}

#bgleer2 {
  background-image    : url(/weg/icon_leer2.gif) !important;
  background-repeat   : no-repeat !important;
  background-position : 0 2px !important;
  padding-left        : 35px !important;
}

#bgleer3 {
  padding-left: 35px !important;
}

/* ############################ */
/* ### Navigationen & Links ### */
/* ############################ */

.footernavi {
  color         : #FFFFFF;
  margin-left   : 30px;
  }

.footernavi a:link, .footernavi a:visited {
  color           : #FFFFFF;
  text-decoration : none;
  }



#contentweg a.linkimg2:link, #contentweg a.linkimg2:visited {
  text-decoration     : none;
  color               : #002766;
  border-bottom       : 1px solid #efefef;
  background-image    : url(/layout/linkimg2.gif);
  background-repeat   : no-repeat;
  background-position : 0 2px;
  padding-left        : 15px;
  padding-right       : 5px;
}

#contentweg a.linkimg2:hover {
  text-decoration     : none;
  color               : #002766;
  border-bottom       : 1px solid #ff8723;
  padding-left        : 15px;
  padding-right       : 5px;
  background-image    : url(/layout/linkimg1.gif);
  background-repeat   : no-repeat;
  background-position : 0 2px;
}

#contentweg a:link, #contentweg a:visited {
  color               : #002766;
  border-bottom       : 1px solid #efefef;
  text-decoration     : none;
}

#contentweg a:hover {
  color               : #002766;
  border-bottom       : 1px solid #ff8723;
  text-decoration     : none;
}


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

h1 {
  padding         : 0px;
  margin          : 0 0 10 0px;
  color           : #ff8723;
  font-size       : 16px;
}

h2.firsth2 {
  padding         : 0px;
  margin          : 0 0 10 0px;
  color           : #026DB7;
  font-size       : 14px;
}

h2 {
  padding         : 0px;
  margin          : 20 0 10 0px;
  color           : #026DB7;
  font-size       : 14px;
}


/* ######################### */
/* ###  Boxen "Der Weg"  ### */
/* ######################### */

.abschnittbox {
  width           : 28%; 
  height          : 90px; 
  border          : 1px solid #EEEEEE; 
  float           : left; 
  padding         : 5 0 0 5px;
  margin          : 0 5 5 0px;
}

.abschnittbox h2 {
  margin         : 0 0 0 0px;
}

.imgbox {
  margin-right :10px;
  padding-bottom:2px;
  float        :left;
}


/* ################################## */
/* ###  Boxen Sehenswürdigkeiten  ### */
/* ################################## */

.sehenswbox {
  width           : 30%; 
  height          : 270px; 
  border          : 1px solid #EEEEEE; 
  float           : left; 
  padding         : 5 5 5 5px;
  margin          : 0 5 5 0px;
  background      : #FAFAFA;
  text-align      : center;
  overflow        : hidden;
}

* html .sehenswbox {
  width           : 28%; 
}

.sehenswbox h2 {
  margin         : 0 0 0 0px;
  font-size      : 13px;
}

.sehenswbox h4 {
  margin         : 0 0 5 0px;
  color          : #026DB7;
  font-size      : 11px;
  font-weight    : normal;
}

.imgbox {
  margin-right :10px;
  padding-bottom:2px;
  float        :left;
}


/* ######################### */
/* ###  Boxen Gastgeber  ### */
/* ######################### */

.itemheader {
  margin          : 0px;
  width           : 500px;
  height          : 25px;
  line-height     : 25px;
  vertical-align  : middle;
  background      : url(/layout/bgrnd_subnavi_head.gif);
  margin-top      : 20px;
}

.itemheader h2 {
  color           : #FFFFFF;
  font-size       : 14px;
  padding         : 0 0 0 20px;
  margin          : 0px;
}



.itembox {
  border          : 1px solid #AAB257; 
  width           : 498px;
  background      : #E9EFA8;
  margin-bottom   : 50px;
  padding-bottom  : 10px;
}

* html .itembox {
  width           : 500px;
}

.itementry {
  border          : 1px solid #AAB257; 
  width           : 460px;
  padding         : 10px; 
  margin-top      : 10px;
  margin-left     : 8px;
  background      : #FFFFF8;
}

* html .itementry {
  width           : 480px;
}

.itementry td {
  padding-bottom  : 5px;
}


/* ######################### */
/* ###     Abstände      ### */
/* ######################### */

.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;}

.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;}

.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;}

.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;}

.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;}

.pall2    {padding:         2px;}
.pall5    {padding:         5px;}
.pall10   {padding:        10px;}
.pall15   {padding:        15px;}
.pall20   {padding:        20px;}
.pall25   {padding:        25px;}
.pall30   {padding:        30px;}