/* css-file for Hotel-Pension Windrose - version 1.0 */
/* made by Frank Schimmels - 19.08.2007 */



body {
   width: 100%;
   min-width: 820px;
  height: 100%;
  background-image: url(../images/website/hintergrund.png);
  background-repeat: repeat-x;
  font-family: Arial, Verdana, Tahoma, "Lucida Sans Unicode", sans-serif;
  font-size: 13px;
  color: #003366;
  margin: 0;
  padding: 0;
}

.clr { clear: both; }

div {  font-size: 13px; }

#main {
   width: 798px;
  height: 100%;
  background-image: url(../images/website/main_background.jpg);
    font-size: 13px;
  padding: 10px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
   border: 1px #D7DCE1 solid;
}

#headline_1_left {
   width: 600px;
  height: 45px;
  font-size: 28px;
  text-align: right;
  padding: 5px 15px 0px 0px;
  margin: 0;
}

#headline_1_right {
   width: 200px;
  height: 45px;
  background-image: url(../images/website/picture_background.jpg);
  text-align: right;
  vertical-align: top;
  padding: 5px 5px 0px 0px;
  margin: 0;
}

#headline_2_left {
   width: 600px;
  height: 25px;
   background-image: url(../images/website/wasser_1.jpg);
   color: #fff;
  font-size: 13px;
  text-align: right;
  padding-top: 5px;
  padding-right: 15px;
}

#headline_2_right {
   width: 200px;
  height: 25px;
   background-image: url(../images/website/wasser_2.jpg);
}

#passway_date {
   background-image: url(../images/website/pfad_datum.gif);
}

#passway {
  width: 600px;
  height: 20px;
  font-size: 11px;
  font-weight: bold;
   color: #fff;
   padding-left: 10px;
  padding-top: 2px;
}

#date {
  width: 200px;
  height: 20px;
  font-size: 11px;
   color: #fff;
   text-align: center;
  padding-top: 2px;
}

#content_left {
   width: 170px;
  background: #ffffff;
  padding: 0;
  margin: 0;
}

#minibilder {
   width: 430px;
   text-align: center;
   padding-top: 10px;
}
.mini {
   padding: 5px 0px 5px 5px;
   border: 1x solid #D7DCE1; }

#content {
   padding: 0;
}

#navigation_bottom {
   width: 430px;
   text-align: center;
   padding: 0;
}

.navigation_bottom {
   padding: 0px 10px 0px 0px;
}

#content_middle {
   width: 430px;
   background-image: url(../images/website/main_background.jpg);
}

#navigation_main {
   width: 150px;
  padding: 0;
  margin: 10px 5px 5px 5px;
}

#special {
   width: 148px;
   padding: 0;
  margin: 30px 10px;
  border: 1px #336699 solid;
}

#special_headline {
   width: 148px;
  color: #336699;
  font-size: 14px;
  font-weight: bold;
  padding: 5px;
}

#special_content {
   background-color: #336699;
  color: #fff;
    font-size: 13px;
  font-weight: bold;
  padding: 5px;
}

#windrose {
   text-align: center;
  padding: 0px 0px 10px 0px;
}

#bottom_line {
  height: 20px;
  border-top: 1px #D7DCE1 solid;
  color: #EFF2F7;
}

#counter {
  font-size: 13px;
   text-align: center;
}

#content_frame_right {
   width: 200px;
   height: 100%;
  background-image: url(../images/website/picture_background.jpg);
  padding: 0px;
  margin: 0;
}

#pictures {
  padding: 0;
}

#pic_text {
   color: #fff;
  font-size: 13px;
   text-align: right;
}

#address {
   height: 110%;
   color: #fff;
  font-size: 13px;
  text-align: right;
  vertical-align: bottom;
  margin: 10px;
}

#copyright {
   width: 100%;
  font-size: 11px;
  text-align: center;
  padding-bottom: 10px;
}

/***********************************************************/
/* Links */
/***********************************************************/
#navigation_bottom a:link,
#navigation_bottom a:visited {
   font-weight: bold;
  font-size: 13px;
  color: #4978A8;
  text-decoration: none; }
#navigation_bottom a:hover {
   font-weight: bold;
  font-size: 13px;
  color: #7B161E;
  text-decoration: underline; }
#navigation_bottom a:active {
   font-weight: bold;
  font-size: 13px;
  color: #7B161E;
  text-decoration: underline; }


#content a:link,
#content a:visited {
   font-weight: bold;
  font-size: 13px;
  color: #CC0000;
  text-decoration: none; }
#content a:hover {
   font-weight: bold;
  font-size: 13px;
  color: #7B161E;
  text-decoration: underline; }
#content a:active {
   font-weight: bold;
  font-size: 13px;
  color: #7B161E;
  text-decoration: underline; }


a.adresse:link, a.adresse:visited {
  font-weight: bold;
  font-size: 13px;
  color: #FFF;
  text-decoration: none; }
a.adresse:hover { text-decoration: underline; }

a.menue:link, a.menue:visited {
   background-image: url(../images/website/menue.gif);
   background-repeat:no-repeat;
   vertical-align: middle;
  font-size: 13px;
   font-weight: bold;
   color: #4978A8;
   text-align: left;
   padding-top: 2px;
   padding-left: 20px;
   height: 20px;
   width: 100%;
   text-decoration: none; }

a.menue:hover {
   background-position: 0px -19px;
  font-size: 13px;
   color: #7B161E;
   text-decoration: none; }

a#active_menue {
   background-position: 0px -39px;
  font-size: 13px;
   color:#7B161E;
   font-weight: bold; }

a#active_menue:hover {   color: #7B161E; }

.bottom_menue { margin-right: 20px; }

/***********************************************************/
/* Formulare */
/***********************************************************/
#td_forms { padding-bottom: 2px; }

input, select, textarea {
   font-weight: normal;
   font-size: 1em;
  border: 1px solid #4978A8; }

.button {
   color: #FFF;
   text-align: center;
   font-size: 0.9em;
   font-weight: bold;
   border: 3px double #FFF;
   width: auto;
   background-color: #4978A8;
   padding: 0px 5px;
   line-height: 18px !important;
   line-height: 16px;
   margin: 1px; }

.check, .radio {
   color: #4978A8;
  border: 1px solid #4978A8; }

/***********************************************************/
/* Start Druckseite */
/***********************************************************/
.druck_body {
   margin: 5px;
   padding: 0px;
   font-family: Arial, Verdana, Helvetica, Sans Serif;
   color: #000000;
   background: #FFFFFF; }

.druck_table {
  border: 1px solid #000000;
   width: 774px;
  font-size: 12px; }

.druck_table td { padding: 5px; }