* { padding: 0; margin: 0; }

body { font-family: Verdana, Geneva, sans-serif; font-size: 1em; color: #2f4f4f; background: #fff;}
a { color: #2f4f4f;}
a:hover { color: #000;}
ul {padding-left: 20px;}

h1{ font-size: 1em; font-weight:bold; color: #669966; margin-bottom: 3px; }
h2{ font-size: 1.2em; font-weight:bold; color: #669966; margin-right: 10px; margin-top: 13px; margin-bottom: 3px; padding-left: 3px; border-bottom: 1px #f5f5f5 solid;}
h3{ font-size: 1.5em; font-weight:bold; color: #669966;}

#layer {  
margin: 0 auto; 
width: 922px; 
background-color:#fff;
border: 5px solid #f5f5f5; 
margin-bottom: 10px; 
margin-top: 10px; }

#header { 
width: 922px;  
height: 300px; 
background-image:url(../images/hg-header-spring.jpg); 
border-bottom: 5px solid #f5f5f5; 
}

#navigation {
width: 100%;
font-family: Georgia, "Times New Roman", Times, serif;
height: 50px; 
text-align:center;
vertical-align: top;
border-bottom: 5px solid #f5f5f5;
}

#sidebar {  
margin-top: 15px; 
margin-left: 15px; 
float: left; 
width: 201px;  
height: auto !important; height: 100%; 
padding: 5px;
font-size: 80%;
line-height: 1.4em; 
border-left: 1px #f5f5f5 solid;
border-right: 1px #f5f5f5 solid;
border-top: 1px #f5f5f5 solid;
display: inline;
}
#sidebar a{ text-decoration: none;}
#sidebar a:hover{ color: #666;}

#content { 
margin-top: 15px; 
margin-left: 18px; 
float: left; 
width: 650px;  
height: auto; 
line-height: 1.5; 
text-align: left;
padding: 5px;
font-size: 80%;
border-top: 1px #f5f5f5 solid; 
border-left: 1px #f5f5f5 solid;
border-right: 1px #f5f5f5 solid;
display: inline; 
position: relative;
}
#content ul { list-style: circle; list-style-type:circle;}
#content ul li { list-style: circle; list-style-type:circle;}
#content ul li a {text-decoration: none; border-bottom: 1px dotted #666;}

#content a{ text-decoration: underline;}
#content a:hover{ color: #666;}

#news-left{ float: left; line-height: 17px; height: auto; width:450px; padding: 5px; display: inline; }
#news-right { float: right; width:140px; padding: 5px; margin-right: 18px; display: inline; }

#footer {  
width: 922px; 
clear: both;
background: #f5f5f5;
height: 18px; 
padding-top: 5px; 
text-align:center; 
font-size:10px; 
color: #666666;
}
#footer a{ font-size:10px; color: #666666; text-decoration: none;}
#footer a:hover{ color: #000;}

.update{ color: #336699; font-size: 10px; font-style: italic; font-weight: bold;}
.noborder {border: 1px solid #fff;}
.img {  margin:3px 3px 0px;  padding:3px;  border: 1px solid #ddd;}
img.alignleft { margin:3px 3px 3px 0px;  padding:3px;  background: #eee;  border: 1px solid #ddd;  float: left}
img.alignright {  margin:3px 3px 0px;  padding:3px;  background: #eee;  border: 1px solid #ddd;  float: right}
.infobox{ font-size: 10px; color: #8fbc8f; line-height: 12px; padding: 6px; border: 1px #8fbc8f dashed; margin-top: 10px; margin-bottom: 10px;}
.infobox2{ font-size: 11px; color: #CC0000; line-height: 12px; padding: 3px; border: 2px #CC0000 dashed; margin-top: 10px; margin-bottom: 10px;}
.update{  color: #336699; font-size: 10px; font-style: italic;  font-weight: bold;}
.h1-presse{ font-size: 11px; color: #333333; }
.presse { line-height: 16px; text-align: justify;}
.line { border-bottom: #6699cc 1px dotted; }
.event-schwielowsee-border{ padding: 5px; margin:3px 3px 0px; padding:3px; border: 1px #8fbc8f solid; width: 511px; }
.event-caputh-border{ padding: 5px; margin:3px 3px 0px; padding:3px; border: 1px #8fbc8f solid; width: 530px;}
.form{ font-family: Verdana; border: 1px #8fbc8f solid; font-size: 10px; color: #8fbc8f; padding: 2px;}
.clear { clear: both; background: none; }

#news {padding: 10px; border: 1px dotted #009966; margin-bottom: 30px;}
#news h1 {color: #000; font-size: 13px;}

/* Litebox */
 #lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}
	

	
#lightbox a img{ margin:3px 3px 0px; padding:3px; border: 1px solid #ddd; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
/*	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
*/
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}

/* GÄSTEBUCH*/
/*  -------------------------------------------------  */
/*  haupt div für die Ausgabe */
#gb_content {
	width: 620px;
	margin: 20px auto 0px auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #2f4f4f;
}
#gb_content a {
	color: #f5f5f5;
	text-decoration: none;
}
#gb_content a:hover {
	color: #f5f5f5;
}
/*  formular neuer eintrag  */
#formular {
	border-width: 1px;
	border-style: solid;
	border-color: #99cc99;
	width: 620px;
	height: 320px;
	margin: 0px auto 0px auto;
	padding: 10px 0px 5px 0px;
	background: url(../guestbook/images/poststamp.png) top right no-repeat;
	background-color: #fff;
}
/*  platzhalter für smilie ausrichtung  */
#formular_blind {
	width: 435px;
	float: left;
}
/* smilie div */
#smilies {
	width: 235px;
	height: 160px;
	float: left;
	margin-top: 120px;
}
/*  -------------------------------------------------  */
/*  orange  */
.Stil1 {
	color: #2f4f4f
}
/*  hellgrau  */
.Stil2 {
	color: #2f4f4f
}
/*  dunkelgrau  */
.Stil3 {
	color: #2f4f4f;
}
/*  -------------------------------------------------  */
/*  statusleiste oben  */
.status {
	background-color: #fff;
	border:1px solid #99cc99;
	border-right-style:none;
	padding: 10px 0px 10px 10px;
	vertical-align:middle;
	font-size: 8pt;
	color: #2f4f4f;
	width:660px;
}
/*  spalte: neuer eintrag  */
.neuer_eintrag {
	text-align:right;
	background-color: #fff;
	border:1px solid #99cc99;
	border-left-style:none;
	padding: 10px 10px 8px 0px;
}
/*  seitennavigation oben-unten */
.seiten_navi{
	background-color: #fff;
	border:1px solid #99cc99;
	padding: 5px 10px 5px 10px;
	border-right-style:solid;
	font-size: 8pt;
	color: #2f4f4f;
}
/*  spalte: user  */
.user{
	width:220px;
	background-color: #fff;
	border:1px solid #99cc99;
	border-right-style:none;
	padding: 10px 0px 10px 10px;
	font-size: 8pt;
	color: #2f4f4f;
	text-align:left;
}
/*  spalte: datum  */
.datum{
	width:220px;
	background-color: #fff;
	border:1px solid #99cc99;
	border-left-style:none;
	border-right-style:none;
	font-size: 8pt;
	color: #2f4f4f;
	text-align:center;
}
/*  spalte: eintrag nr  */
.eintrag{
	width:220px;
	background-color: #fff;
	border:1px solid #99cc99;
	border-left-style:none;
	padding: 0px 10px 0px 0px;
	font-size: 8pt;
	color: #2f4f4f;
	text-align:right;
}
/*  spalte: inhalt  */
.inhalt{
	background-color: #fff;
	border:1px solid #99cc99;
	padding: 10px 10px 10px 10px;
	font-size: 8pt;
	font-weight: bold;
	color: #2f4f4f;
}
/*  untere zeile der gb einträge  */
.www_icq_email{
	background-color: #fff;
	border:1px solid #99cc99;
	padding: 5px 10px 5px 10px;
	border-right-style:none;
}
/*  ausrichtung der admin buttons  */
.admin_buttons{
	background-color: #fff;
	border:1px solid #99cc99;
	padding: 5px 10px 5px 10px;
	border-left-style:none;
}
/*  höhe zwischen den einträgen  */
.beitragabstand {
	height:20px;
}
.options {
	width:380px;
	background-color: #fff;
	border:1px solid #99cc99;
	border-right-style:none;
	padding: 10px 0px 10px 10px;
	font-size: 8pt;
	color: #2f4f4f;
}
.options_1 {
	width:300px;
	text-align:right;
	background-color: #fff;
	border:1px solid #99cc99;
	border-left-style:none;
	padding: 10px 10px 10px 10px;
	font-size: 8pt;
	font-weight: bold;
	color: #2f4f4f;
}
textarea#inhalt { 
	width: 350px;
}
/* ------------------------------------------------- */
#admin_login {
	width:250px;
	margin: 0px auto 0px auto;
}
.login_name {
	width:50px;
	text-align:right;
}
.input_login_name {
	width:150px;
	font-size:smaller;
}
.login_pass {
	width:50px;
	text-align:right;
}
.input_login_pass {
	width:150px;
	font-size:smaller;
}
/*  -------------------------------------------------  */
.button {
	margin: 0px 3px 0px 0px;
	padding:2px;
	background-color: #669966;
	color: #fff;
	width:auto;
	height:auto;
	font-size:10px;
	border:1px solid #669966;
}
/*  -------------------------------------------------  */