/* 
general.css
  Programmed  by Bjoern Stade
  Designed by Gerrit Ohm
  im Auftrage von Ernest Clinton
  email: mail at bjoern-stade dot de, gerrit at ohmegasongs dot de
*/

/* layout */
html, body, #desktop {height:100%;}
body {margin:0; padding:0;}

#desktop {position:relative; width:930px; margin:0 auto -25px;  z-index:5; min-height:100%; height:auto;} /* wrap outer */
#header {position:absolute; height:100px; width:100%; left:0; top:0; z-index:10}
#navigation {position:absolute; height:25px; width:100%; top:100px; left:0px; z-index:30;}
#nav_left {width:155px;height:25px;float:left; z-index:21;}
#nav_right {width:750px;height:25px;float:right; margin: 0; padding: 0 10px 0 10px; z-index:21;}
#middle {width: 930px; padding:140px 0 25px 0; z-index:20;	} /*wrap inner*/
#left {float:left; width:290px; padding: 10px; z-index:22;}
#main {float:right; width:588px; padding:5px 10px 10px 20px; zindex:23;}
#footer {clear:both; position:relative; width:930px; height: 25px;margin:0 auto;z-index:30; }



/* color & font design */	
body {
  background-color:#fff1e5;
  background-image:url(image/background.jpg);
  background-position:center;
  background-repeat:repeat-y;
}


#desktop {
/* background: url("image/left_background.jpg") 0 0 repeat-y;
 background-color:#fff1e5; */
}
#header {
  background-image: url("image/ec_header.jpg");
}

#navigation {
  background-color:#653333;
}
#nav_left {
 background-image: url("image/background.jpg");
 background-repeat:repeat-y;
}
#nav_right ul {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  line-height: 13px;
  font-weight:bold;
  text-align: right;
  margin: 5px 5px 5px 5px;
}
#nav_right ul li{
  display: inline;
  list-style-type:none;
}
#nav_right ul li a {
	padding: 0 5px 0 5px;
    color: #ffe4cc;
  	text-decoration: none;
}
#nav_right ul li a:hover, #nav_right ul #active{
	border-bottom: 1px solid #e7a781;
	padding-bottom: 2px;
	color: #e7a781;
}

#left, #left a {
 font-size: 11px;
 text-decoration: none;
 color:#000000;
}
#left img {border: 0}

#left a {border: 0;}
#left a:hover {text-decoration:underline;}
#left img a {border-color:#000000;}


#left .kl_text {font-size: 11px;}
#left .h2 {
 font-size: 14px;
 font-weight:bolder;
 text-decoration:none;
 color:#330000;
}

#main, #middle  {
overflow:visible;
}

#footer {
 background-color:#653333;
 color: #ffe4cc;
 font-size: 12px;
 font-weight:bold;
 text-align:right;
 padding-right: 10px;
 line-height:25px;
}
a.footer:link, a.footer:visited {color: #ffe4cc; text-decoration:none;}
a.footer:hover   {color: #ffe4cc; border-bottom: 1px solid #ffe4cc}



body, .text {
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-weight:normal;
  font-size: 12px;
  color : #653333;
  text-decoration:none;
}

#main a:link, #main a:visited,  a.text:link,  a.text:visited {
  color: #653333;
  border-bottom: 1px dashed #653333; 
  text-decoration:none;
}

#main a:hover,  a.text:hover {color:#653333; border-bottom: 1px solid #653333;text-decoration:none}

#main a.noborder:link, #main a.noborder:visited, #main a.noborder:hover {border:0px solid black}

#main .img , #main a.img, #main a.img:link, #main a.img:visited, #main a.img:hover.img {border:0px solid black}

.text_kl {
  font-size: 10px;
  text-decoration: none;
}

h2 {
  font-size: 18px;
  font-weight:bold;
  text-decoration:none;
  color:#653333;
  padding-top: 0px;
  margin-top: 0px;
}

h3 {
  font-size: 15px;
  font-weight:bold;
  text-decoration:none;
  color:#653333;
  padding-top: 0px;
  margin-top: 0px;
}

#main #picbox_right, .picbox_right {
 float:right;
 padding:0 0 10px 10px;
}

#main #picbox_left, .picbox_left {
 float:left;
 padding:0 10px 10px 0;
}


/*  #### Guestbook #### */
#guestbook {
 position:relative; 
 margin-left:-170px; 
 width:760px;
 z-index:24;
}

#guestbook .gbentry, .gbtitle {
  background-color: #eab28e;
}
#guestbook .gbtitle {
  font-weight: bold;
}
#guestbook .gb_left {
 background-image:url(image/gb-background.jpg);
 color:#000000;
}
.gb_left a,.gb_left a:link, .gb_left a:visited {
  color:#000000!important;
  text-decoration:line-through;
  border:0!important;}
.gb_left a:hover {color:#000000!important; border-bottom:1px solid #000000!important;}
.gb_left a:hover img {border:0;}


#guestbook .gb_chief {
 font-style:italic;
 font-weight:bold;
 color:#990405!important;
}
a.gb_chief:link, a.gb_chief:visited {border-bottom: 1px solid #990405!important;}

#guestbook .gb_chief_left {
 font-style:italic;
 color:#000000;
}