html, body {
  height            : 100%;
  min-height        : 100%;
  margin            : 0;
  padding           : 0px;
  font-family       : Verdana, Arial, Helvetica, sans-serif;
  font-size         : 12px;
  color             : #676D72;
}

/* ## ???? ## */
.rand2_fl_left {
  margin-right      : 8px;
  padding-bottom    : 2px;
  float             : left;
  }

.rand2_fl_right {
  margin-left       : 8px;
  padding-bottom    : 2px;
  float             : right;
  }




/* ############################ */
/* ###      MAIN-AREA       ### */
/* ############################ */

#main {
  position          : absolute;
  left              : 50%;
  margin-left       : -490px;
  margin-top        : 10px;
  margin-bottom     : 10px;
  width             : 980px;
  border            : 0px solid #FF0000;
  z-index           : 11;
  min-height        : 100%;
  clear             : both;
}

* html #main { height:100%; }





/* ############################ */
/* ###     HEADER-AREA      ### */
/* ############################ */

#header {
  position          : relative;
  width             : 978;
  height            : 155px;
  border            : 0px;
  z-index           : 10;
  border            : 1px solid #FFFFFF;
  padding-bottom    : 2px;
}

#overheader {
  height            : 120px;
  width             : 900px;
  float             : left;
}



/* ############################ */
/* ###      LEFT-AREA       ### */
/* ############################ */

#leftground, #left {
  width             : 199px;
}

#leftground {
  position          : absolute;
  top               : 0px;
  left              : 0px;
  height            : 100%;
  z-index           : 3;
  border-left       : 1px solid #FFFFFF;
  border-right      : 1px solid #000000;
}

#left {
  position          : relative;
  height            : 100%;
  border            : 0px solid #ff0000;
  z-index           : 10;
  margin-left       : 1px;
  margin-bottom     : 120px;
  float             : left;
}


/* ############################ */
/* ###      RIGHT AREA      ### */
/* ############################ */

#rightground, #right {
  width             : 199px;
}

#rightground {
  position          : absolute;
  top               : 0px;
  right             : 0px;
  height            : 100%;
  z-index           : 3;
  border-right      : 1px solid #FFFFFF;
  border-left       : 1px solid #000000;
}

#right {
  position          : relative;
  height            : 100%;
  border            : 0px solid #ff0000;
  z-index           : 10;
  padding-top       : 32px;
  margin-right      : 1px;
  margin-bottom     : 120px;
  float             : right;
}



/* ############################ */
/* ###     CONTENT AREA     ### */
/* ############################ */


#content_out {
  position          : relative;
  background        : url(layout/shadow_content.gif) repeat-x top #FFFFFF;
  margin-bottom     : 50px;
  margin-left       : 1px;
  padding-top       : 35px;
  width             : 578px;
  border            : 0px solid #FF00FF;
  float             : left;
  z-index           : 10;
  text-align        : left;
}

#content {
  margin-left       : 35px;
  margin-right      : 35px;
  width             : 510px;
}

#contentground {
  position          : absolute;
  width             : 100%;
  top               : 0px;
  right             : 0px;
  height            : 100%;
  margin-top        : 0px;
  background-color  : #ffffff;
  z-index           : 2;
  }

/* ############################ */
/* ###     FOOTER AREA      ### */
/* ############################ */

#footer {
  clear             : both;
  position          : absolute;
  bottom            : 0px;
  width             : 100%;
  height            : 20px;
  margin-top        : 10px;
  border-top        : 1px solid #FFFFFF;
  z-index           : 10;
  padding-top       : 4px;
  
  color             : #FFFFFF;
  text-align        : right;
}



/* ############################ */
/* ###   MAIN-NAVIGATION    ### */
/* ############################ */

.navibox {
  width             : 978px;
  height            : 27px;
  padding-left      : 0px;
  clear             : both;
  border-bottom     : 1px solid #FFFFFF;
  border-left       : 0px solid #FFFFFF;
}

#mainnavi {
  float             : left;
  width             : 730px;
  font-size         : 100%;
  line-height       : normal;
}
#mainnavi ul {
  margin            : 0;
  padding           : 1px 10px 0 0px;
  list-style        : none;
}
#mainnavi li {
  display           : inline;
  margin            : 0;
  padding           : 0;


}
#mainnavi a {
  float             : left;
  background        : #c8d8ba;
  margin            : 0;
  padding           : 0 0 0 8px;
  text-decoration   : none;
  border            : 0;

}

#mainnavi a span {
  float             : left;
  display           : block;
  padding-left      : 0px;
  padding-right     : 8px;
  color             : #ffffff;
  border            : 0;
}

#a_bgrnd1 {     background: url(layout/nav1_left.gif) left no-repeat !important;}
#a_bgrnd2 {     background: url(layout/nav2_left.gif) left no-repeat !important;}
#a_bgrnd3 {     background: url(layout/nav3_left.gif) left no-repeat !important;}
#a_bgrnd4 {     background: url(layout/nav4_left.gif) left no-repeat !important;}
#a_bgrnd5 {     background: url(layout/nav5_left.gif) left no-repeat !important;}
#a_bgrnd6 {     background: url(layout/nav6_left.gif) left no-repeat !important;}

#outerspan1 {   background: url(layout/nav1_right.gif) right no-repeat;}
#outerspan2 {   background: url(layout/nav2_right.gif) right no-repeat;}
#outerspan3 {   background: url(layout/nav3_right.gif) right no-repeat;}
#outerspan4 {   background: url(layout/nav4_right.gif) right no-repeat;}
#outerspan5 {   background: url(layout/nav5_right.gif) right no-repeat;}
#outerspan6 {   background: url(layout/nav6_right.gif) right no-repeat;}

#innerspan1 {   background: url(layout/nav1_bgrnd.gif) repeat-x !important;}
#innerspan2 {   background: url(layout/nav2_bgrnd.gif) repeat-x !important;}
#innerspan3 {   background: url(layout/nav3_bgrnd.gif) repeat-x !important;}
#innerspan4 {   background: url(layout/nav4_bgrnd.gif) repeat-x !important;}
#innerspan5 {   background: url(layout/nav5_bgrnd.gif) repeat-x !important;}
#innerspan6 {   background: url(layout/nav6_bgrnd.gif) repeat-x !important;}

.innerspan {
  padding           : 0px !important;
  margin            : 0px !important;
  display           : block !important;
  padding           : 5px 10px 7px 10px !important;
}



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

#mainnavi a:hover span {
  color             : #FFFFFF;
}


#mainnavi a#a_bgrnd1:hover {background: url(layout/nav1o_left.gif) left no-repeat !important;}
#mainnavi a#a_bgrnd2:hover {background: url(layout/nav2o_left.gif) left no-repeat !important;}
#mainnavi a#a_bgrnd3:hover {background: url(layout/nav3o_left.gif) left no-repeat !important;}
#mainnavi a#a_bgrnd4:hover {background: url(layout/nav4o_left.gif) left no-repeat !important;}
#mainnavi a#a_bgrnd5:hover {background: url(layout/nav5o_left.gif) left no-repeat !important;}
#mainnavi a#a_bgrnd6:hover {background: url(layout/nav6o_left.gif) left no-repeat !important;}

#mainnavi a#a_bgrnd1:hover #outerspan1 {background: url(layout/nav1o_right.gif) right no-repeat !important;}
#mainnavi a#a_bgrnd2:hover #outerspan2 {background: url(layout/nav2o_right.gif) right no-repeat !important;}
#mainnavi a#a_bgrnd3:hover #outerspan3 {background: url(layout/nav3o_right.gif) right no-repeat !important;}
#mainnavi a#a_bgrnd4:hover #outerspan4 {background: url(layout/nav4o_right.gif) right no-repeat !important;}
#mainnavi a#a_bgrnd5:hover #outerspan5 {background: url(layout/nav5o_right.gif) right no-repeat !important;}
#mainnavi a#a_bgrnd6:hover #outerspan6 {background: url(layout/nav6o_right.gif) right no-repeat !important;}

#mainnavi a#a_bgrnd1:hover #innerspan1 {background: url(layout/nav1o_bgrnd.gif) repeat-x !important;}
#mainnavi a#a_bgrnd2:hover #innerspan2 {background: url(layout/nav2o_bgrnd.gif) repeat-x !important;}
#mainnavi a#a_bgrnd3:hover #innerspan3 {background: url(layout/nav3o_bgrnd.gif) repeat-x !important;}
#mainnavi a#a_bgrnd4:hover #innerspan4 {background: url(layout/nav4o_bgrnd.gif) repeat-x !important;}
#mainnavi a#a_bgrnd5:hover #innerspan5 {background: url(layout/nav5o_bgrnd.gif) repeat-x !important;}
#mainnavi a#a_bgrnd6:hover #innerspan6 {background: url(layout/nav6o_bgrnd.gif) repeat-x !important;}


/* ############################ */
/* ###    SEARCH-ENGINE     ### */
/* ############################ */

#search_box {
  float             : right;
  height            : 27px;
  padding-top       : 4px;
}

#search_box input {
  border            : 0px solid #ffffff;
  margin            : 0px;
  padding           : 0px;
  height            : 18px;
  font-size         : 10px;
}

#search_box input.senden {
  height            : 18px;
  vertical-align    : top;
}


/* ############################ */
/* ###    SUBNAVIGATION     ### */
/* ############################ */


#left #subnavi {
  font-size         : 12px;
}

.subnaviblock {
  margin-top        : 10px;
  margin-bottom     : 10px;
}

.subnaviblock li a {
  padding-left       : 35px !important;
}

.subnavihead {
  height            : 18px;
  margin-bottom     : 0px;
  padding-left      : 20px;
  padding-top       : 2px;
}

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

#subnavi {
  width             : 199px;
  margin            : 35px 0 0 0;
}

#subnavi li a {
  height            : 30px;
  voice-family      : "\"}\"";
  voice-family      : inherit;
  text-decoration   : none;
}

#subnavi li a:link, #subnavi li a:visited {
  color             : #ffffff;
  display           : block;
  padding-left      : 20px;
  padding-top       : 8px;
  height            : 22px;
}

#subnavi li a:hover  {
  color             : #ffffff;
}


#subnavi li #subnavi_current {
  color             : #ffffff;
  padding-left      : 20px;
  padding-top       : 8px;
  height            : 22px;
}


#subnavi_bottom {
  height            : 20px;
  background        : url(layout/shadow_navibot.png) repeat-x;
}


/* ############################ */
/* ###       CONTENT        ### */
/* ############################ */

.dsmlist {
  padding           : 3px 5px 3px 5px;
  margin-bottom     : 2px;
  text-align        : left;
}

.dsm1 {
  background        : #E7E7E7;
}

.dsm2 {
  background        : #DDDDDD;
}

.borderbotwhite {
  border-bottom     : 1px solid #FFFFFF;
}


.leftalign {
  text-align        : left;
}

.rightalign {
  text-align        : right;
}

.centeralign {
  text-align        : center;
}

.kleintext {
  font-size         : 11px;
}

.cleardiv {
  clear             : both;
}

.content_box img {
  margin-right      : 10px;
  margin-bottom     : 3px;
}

.datum {
  color             : #a8adb7;
  font-weight       : bold;
}

.galerie img {
  border            : 1px solid #000000;
}


/* ############################ */
/* ###         LINKS        ### */
/* ############################ */

#content a:link, #content a:visited {
  color             : #0068b4;
}

#content a:hover {
  color             : #d8002b;
}

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

ul.linkliste {
  list-style        : none;
  margin            : 0px;
  padding           : 0px;
}

ul.linkliste li {
  margin                : 0px;
  padding-left          : 15px;
  padding-bottom        : 5px;
  background-image      : url(/layout/link_img.gif);
  background-repeat     : no-repeat;
  background-position   : 0 2px;
}

.zurueck, .linktop {
  text-align        : right;
  border-top        : 1px solid #DDDDDD;
  margin-top        : 20px;
  padding-top       : 5px;
}

#footer a:link, #footer a:visited {
  color             : #ffffff;
  text-decoration   : underline;
}

#footer a:hover {
  color             : #ffffff;
  text-decoration   : underline;
}



/* ############################ */
/* ###         BOXES        ### */
/* ############################ */

.content_box {
  margin-bottom     : 40px;
}


.box3column {
  float             : left; 
  width             : 158px; 
  height            : 220px; 
  border            : 1px solid #a6aab4; 
  background        : #E7E7E7;
  text-align        : center;
}

.box3column h3 {
  background        : #DDDDDD; 
  border-bottom     : 1px solid #FFFFFF;
  font-size         : 12px;
  padding           : 2px;
  min-height        : 30px;
  vertical-align    : middle;
}

.box3column img {
  border            : 1px solid #000000;
}



/* ### Right Box ### */

.right_shadowtop {
  height            : 4px;
  background        : url(layout/shadow_top.png) repeat-x;
}

.right_shadowbot {
  height            : 4px;
  background        : url(layout/shadow_bottom.png) repeat-x;
}

.right_box_header {
  height            : 23px;
  padding-top       : 8px;
  padding-left      : 10px;
  color             : #FFFFFF;
}

.right_box_body {
  background        : url(layout/sidebar_bgrnd.png);
}

.right_box_content {
  padding           : 10px;
  color             : #FFFFFF;
  font-size         : 90%;
}


.righttext {
  font-size         : 80% !important;
  color             : #FFFFFF !important;
}

.righttext img {
  border            : 1px solid #FFFFFF;
}


.righttext a, .righttext a:visited {
  font-size         : 100% !important;
  color             : #FFFFFF !important;
}



/* ### Right Box Weather ### */

#twpd {
  font-size         : 14px !important;
  font-weight       : bold;
}

.weather_form select, .weather_form input{
  border            : 1px solid #666666;
}



/* ############################ */
/* ###      HEADLINES       ### */
/* ############################ */

h1 {
  font-size         : 150% !important;
  color             : #002459 !important;
  font-weight       : normal  !important;
  margin            : 0 !important;
  margin-bottom     : 20px !important;
  border-bottom     : 0px dashed #e75013;
}

h2 {
  font-size         : 125% !important;
  color             : #4c64a2 !important;
  font-weight       : bold !important;
  margin            : 0 !important;
  margin-bottom     : 10px !important;
  border-bottom     : 0px dotted #e75013;
}

.monath2 {
  text-align        : center;
  background        : #eaeaea;
}


h3 {
  font-size         : 110%;
  color             : #595e6b;
  font-weight       : bold;
  margin            : 0;
  margin-bottom     : 6px;
  border-bottom     : 0px dotted #e75013;
}

.eventh3 {
  color             : #4c64a2;
  font-size         : 110%;
}

h4 {
  font-size         : 100%;
  color             : #595e6b;
  font-weight       : bold;
  margin            : 0;
  margin-bottom     : 4px;
  border-bottom     : 0px dotted #e75013;
}


.rechts {
  text-align        : right;
  font-weight       : bolder;
}

.imgnews {
  width             : 110px;
  float             : left;
}

/* ############################ */
/* ###   BILDFORMATIERUNG   ### */
/* ############################ */

.imgright {
  float             : right;
  margin-left       : 10px;
}

.content_div img {
  margin-right       : 10px;
  margin-bottom      : 5px;
}


/* ############################ */
/* ### ZUSTÄNDIGKEITSFINDER ### */
/* ############################ */

.datalist {
  margin-bottom     : 20px !important;
}


/* ############################ */
/* ###     FORM OTHERS      ### */
/* ############################ */

.gaestebuch textarea {
  width             : 300px;
}

.form_normal {
  border          : 1px solid #cccccc;
  background      : #EAEAEA;
  padding-top     : 10px;
  padding-bottom  : 10px;
}

.form_normal textarea {
  width           : 355px;
}

.form_normal select {
  width           : 360px;
}

.form_normal input, .form_normal select, .form_normal textarea {
  border          : 1px solid #bbbbbb;
}

/* ################################ */
/* ###       CONTACT FORM       ### */
/* ################################ */

.kontaktform form {
  width           : 260px;
  text-align      : left;
  border          : 1px solid #cccccc;
  background      : #eaeaea;
  padding-left    : 10px;
  padding-bottom  : 10px;
}

fieldset {
  margin          : 0;
  border          : 0;
  padding         : 0;
}

legend {
  display         : none;
}

.kontaktform form h3 {
  clear           : both;
  padding         : 15px 0px 10px 0px;
}

.kontaktform form label {
  display         : block;
  width           : 260px;
  font-size       : 12px;
  line-height     : 14px;
  padding         : 0px 0px 12px 0px;
}

.kontaktform form input  {
  display         : block;
  margin-top      : 3px;
  border          : 1px solid #bbbbbb;  
}


.kontaktform form textarea {
  display         : block;
  margin-top      : 3px;
  border          : 1px solid #bbbbbb;
}


.kontaktform form label.feld_vorname,
.kontaktform form label.feld_firma,
.kontaktform form label.feld_anschrift,
.kontaktform form label.feld_plz,
.kontaktform form label.feld_telefon,
.kontaktform form label.feld_email,
.kontaktform form label.feld_internet,
.kontaktform form label.feld_thema,
.kontaktform form label.feld_text
{
  clear           : left;
}


.kontaktform form label.feld_firma,
.kontaktform form label.feld_anschrift,
.kontaktform form label.feld_email,
.kontaktform form label.feld_internet,
.kontaktform form label.feld_thema,
.kontaktform form label.feld_text
{
  float           : left;
  margin          : 0px 10px 0px 0px;
  width           : 250px;
}

.kontaktform form label.feld_vorname,
.kontaktform form label.feld_nachname,
.kontaktform form label.feld_telefon,
.kontaktform form label.feld_telefax {
  float           : left;
  margin          : 0px 10px 0px 0px;
  width           : 120px;
}

.kontaktform form label.feld_plz {
  float           : left;
  margin          : 0px 10px 0px 0px;
  width           : 50px;
}

.kontaktform form label.feld_ort {
  float           : left;
  margin          : 0px 10px 0px 0px;
  width           : 190px;
}


.kontaktform form label.feld_vorname input,
.kontaktform form label.feld_nachname input,
.kontaktform form label.feld_telefon input,
.kontaktform form label.feld_telefax input {
  float           : left;
  width           : 120px;
  padding         : 0px;
}



.kontaktform form label.feld_firma input,
.kontaktform form label.feld_anschrift input,
.kontaktform form label.field-email input,
.kontaktform form label.feld_ort input,
.kontaktform form label.feld_email input,
.kontaktform form label.feld_internet input,
.kontaktform form label.feld_thema input,
.kontaktform form label.feld_text textarea{
  float           : left;
  width           : 250px;
  padding         : 0px;
}

.kontaktform form label.feld_plz input {
  float           : left;
  width           : 50px;
  padding         : 0px;
}

.kontaktform form label.feld_ort input {
  float           : left;
  width           : 190px;
  padding         : 0px;
}

/* ############################ */
/* ###       SITEMAP        ### */
/* ############################ */

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

#d5,#d22,#d30,#d44,#d55,#d61,#d80 {
  margin-left           : 20px;
}


/* ################################ */
/* ###       Two Columns        ### */
/* ################################ */

.left_column {
  float           : left;
}

.right_column {
  float           : right;
}


/* ############################ */
/* ###       BUTTONS        ### */
/* ############################ */

a.button {
  background      : url(layout/button25_right.gif) no-repeat scroll top right;
  display         : block;
  float           : left;
  height          : 25px;
  margin-right    : 6px;
  padding-right   : 5px;
  text-decoration : none;
  color           : #000000;
  font-family     : Arial, Helvetica, sans-serif;
  font-weight     : bold;
}
 
a.button span {
  background      : url(layout/button25_left.gif) no-repeat;
  display         : block;
  line-height     : 12px;
  padding         : 6px 5px 7px 12px;
}

/* ############################ */
/* ###     USER COLORS      ### */
/* ############################ */

.rot {
  color           : #ff0000;
}

.gruen {
  color           : #2d7600;
}

.blau {
  color           : #0a3b96;
}

/* ############################ */
/* ###       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;}

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

.mright2  {margin-right:    2px;}
.mright5  {margin-right:    5px;}
.mright10 {margin-right:   10px;}
.mright15 {margin-right:   15px;}
.mright20 {margin-right:   20px;}
.mright25 {margin-right:   25px;}

.ptop2    {padding-top:     2px;}
.ptop5    {padding-top:     5px;}
.ptop10   {padding-top:    10px;}
.ptop15   {padding-top:    15px;}
.ptop20   {padding-top:    20px;}
.ptop25   {padding-top:    25px;}

.pbot2    {padding-bottom:  2px;}
.pbot5    {padding-bottom:  5px;}
.pbot10   {padding-bottom: 10px;}
.pbot15   {padding-bottom: 15px;}
.pbot20   {padding-bottom: 20px;}
.pbot25   {padding-bottom: 25px;}

.pleft2   {padding-left:    2px;}
.pleft5   {padding-left:    5px;}
.pleft10  {padding-left:   10px;}
.pleft15  {padding-left:   15px;}
.pleft20  {padding-left:   20px;}
.pleft25  {padding-left:   25px;}

.pright2  {padding-right:   2px;}
.pright5  {padding-right:   5px;}
.pright10 {padding-right:  10px;}
.pright15 {padding-right:  15px;}
.pright20 {padding-right:  20px;}
.pright25 {padding-right:  25px;}

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