@charset "UTF-8";
/**
 * Gaestehaus Janssen
 * css/screen.css
 */

body {
/*  background:#4d87c7 url(../images/bg_blue.png) repeat-x top left fixed; */
  color:black;
  font-family:sans-serif;
  font-size:small;
}


div.v_spacer { height:6px; }
h1 { font-size:116.01%; }
h2 { color:#9bc128; font-size:100.01%; margin-top:0px; }
img { border:0px solid black; }
p { font-size:90.00%; }
q:lang(de) { quotes:"\201E" "\201C" "\201A" "\2018"; }


/** table layout ********************************************************** */

.colpad { margin:0; padding:0; }
.td_spacer { display:table-cell; }
.td_column { display:table-cell; font-weight:normal; }
.th_column { display:table-cell; font-weight:bold; }
.row { display:table-row; }
.table { display:table; margin:0; padding:0; width:26em; }


#page {
  background-color:white;
  color:black;
  margin:0 auto; /* center page */
  padding:6px;
  width:980px;
}


/** header **************************************************************** */

#header {
  margin:0 0 30px 0; /* oben, rechts, unten, links */
}


#logo {
  float:left;
  height:87px;
  width:279px;
}


#navi {
  float:left;
  font-variant:small-caps;
  font-weight:bold;
  list-style-type: none;
  margin:63px 0 0 0;
  padding:0;
}


#navi li {
  float:left;
  margin:0; /* oben, rechts, unten, links */
  padding:0;
}


#navi li a {
  background:url(../images/navi_normal_button.png) no-repeat left top;
  color:white;
  display:block; /* important for IE */
  text-decoration:none;
  margin:0 8px 0 0;
  padding:7px 0 4px 15px; /* oben, rechts, unten, links */
}


#navi li a span {
  background:url(../images/navi_normal_button_right.png) no-repeat right top;
  margin:0;
  padding:7px 15px 4px 0;
}


#navi li a:hover,
#navi li.current a {
  background-image:url(../images/navi_active_button.png);
  color:white;
}


#navi li a:hover span, #navi li.current a span {
  background-image:url(../images/navi_active_button_right.png);
}


#topnavi {
  float:right;
}


#topnavi a,
#topnavi a:link,
#topnavi a:visited,
#topnavi a:focus,
#topnavi a:active { font-weight:bold; color:#9bc128; text-decoration:none; }
#topnavi a:hover { font-weight:bold; color:#7b9a21; text-decoration:underline; }



#ruler {
  background:url(../images/navi_green_line.png) repeat-x left top;
/*  border:1px solid #9bc128; */
  clear:left;
  height:12px;
  margin:0;
  padding:0;
  width:100%;
}


/** main ****************************************************************** */

#main {
  margin:0 0 6px 0; /* oben, rechts, unten, links */
  padding:0;
}


#main.index { /* index.html */
  background:url(../images/home_lighthouse.png) no-repeat;
  height:404px;
}


#main.index div.textbox {
  height:38ex;
  left:658px;
  line-height:116.01%;
  margin:0;
  padding:0;
  position:relative;
  top:46px;
  width:20em;
}


#main.holiday_home {
}


#main.holiday_home div.textbox { /* ferienhaus.html */
  float:right;
  margin: 0 52px 12px 0px; /* oben, rechts, unten, links */
  width:34em;
}


#main.holiday_home div.textbox ul {
}


#main.holiday_home div.imgbox {
  clear:both;
  height:190px;
  margin:0 auto; /* center */
  width:722px;
}


#top_view_top_floor {
  height:156px;
  width:301px;
}


#top_view_ground_floor {
  height:156px;
  left:50px;
  position:relative;
  width:301px;
}


#tabhead div.row {
  color:white;
  height:53px;
  text-align:center;
}


#tabhead div.th_column {
  background-color:#9bc128;
  border:2px solid #9bc128;
  vertical-align:middle;
  -moz-border-radius:6px;
}


#tabbody div.row {
  color:black;
  height:35px;
  text-align:center;
}


#tabbody div.td_spacer {
  background-color:white;
  border:0;
  width:6px;
}


#tabbody div.th_column {
  background-color:white;
  border:2px solid #9bc128;
  vertical-align:middle;
  -moz-border-radius:6px;
}


#main.prices div.container_left { /* preise.html */
  float:left;
}


#main.prices div.container_right {
  clear:right;
  float:left;
  margin: 0 0 12px 144px;
  width:34em;
}


#main.reservation div.container_left { /* buchung.html */
  float:left;
  margin: 0 0 12px 0;
  width:335px;
}


#main.environs div.container_left, /* umgebung.html */
#main.contact div.container_left { /* kontakt.html */
  float:left;
  margin: 0 0 12px 50px;
}


#main.approach div.container_left { /* anfahrt.html */
  float:left;
  margin: 0 0 12px 0px;
}


#main.environs div.container_left img,
#main.contact div.container_left img {
  display:block;
  margin:0 0 12px 0;
}


#main.reservation div.container_right,
#main.environs div.container_right,
#main.contact div.container_right {
  clear:right;
  float:left;
  margin: 0 0 12px 146px;
  width:34em;
}


#main.approach div.container_right {
  clear:right;
  float:left;
  margin: 0 0 12px 56px;
  width:34em;
}


#google_maps {
  height:350px;
  width:425px;
  margin:0;
}


/** footer **************************************************************** */

#footer {
  margin:0;
  padding:0;
}


#footer_img_1 { border:0px solid black; margin-bottom:-4px; margin-left:0px; margin-right:3px; border-radius: 10px;}
#footer_img_2 { border:0px solid black; margin-bottom:-4px; margin-left:4px; margin-right:4px; border-radius: 10px;}
#footer_img_3 { border:0px solid black; margin-bottom:-4px; margin-left:5px; margin-right:4px; border-radius: 10px;}
#footer_img_4 { border:0px solid black; margin-bottom:-4px; margin-left:4px; margin-right:4px; border-radius: 10px;}
#footer_img_5 { border:0px solid black; margin-bottom:-4px; margin-left:4px; margin-right:0px; border-radius: 10px;}


/** page, header, main and footer ***************************************** */

#page, #header, #main, #footer { clear:both; }


/** show and hide me ****************************************************** */

.hideme { visibility:hidden; }

.showme { visibility: visible; }

/** invisible, blind ****************************************************** */

.blind { display: none; }