body {
			background: #89abd8 url("gfx/hg.png") repeat-y center;
			padding: 0px;
			margin: 0px;
			font-family: Verdana;
			font-size: 11px;
		}

.simons_blog {
	background: #fff url("gfx/simon.png") no-repeat center center;
	width: 65px;
	height: 65px;
	position: fixed; left: 50%; cursor: pointer; 
	margin-left: -476px;
	top: 400px;
	border-color: #555;
	border-style: solid;
	border-width: 1px 0 1px 1px
}

a:link, a:visited {
	color: #577fb3;
	text-decoration: underlined;
}
a:hover {
	color: #577fb3;
	text-decoration: none;
}

.buttons {
	position: fixed; left: 3px; cursor: pointer; 
	width: 35px; height: 35px;
}

.user_foto {
	float: left; margin-right: 5px; 
	border: 1px solid #bbb; 
	width: 75px; height: 75px;
}
.user_foto_beschriftung {
	margin-top: 55px; margin-left: 5px; font: bold 16px Arial; color: #fff;
}

.link_fotoblog {
	color: #999; font-weight: bold; font-size: 12px; font-family: Verdana; 
	text-align: center;
	float: right; line-height: 140%; cursor: pointer;
	margin: 10px 40px 0 0;
	width: 100px;
	
}

.fotokat_image {
	width: 120px; 
	height: 120px; 
	margin: 8px;
	border: 2px solid #222;
	cursor: pointer;
	float: left;
}
.fotokat_image:hover {
	border: 2px solid #fff;
}

.fotoblog_image {
	width: 120px; 
	height: 120px; 
	margin: 9px;
	border: 2px solid #fff;
	cursor: pointer;
	float: left;
}
.fotoblog_image:hover {
	border: 2px solid #89abd8;
}
.fotoblog_kommentare {
	text-align: center; background: #fff; color: #888; font-size: 9px; font-family: Verdana; padding: 1px 5px;
}

.foto_image {
	width: 90px; 
	height: 90px; 
	margin: 0px;
	border: 2px solid #222;
	cursor: pointer;
	float: left;
}
.foto_image:hover {
	border: 2px solid #fff;
}
		
		#container {
			width: 760px;
			\width: 760px;
			w\idth: 760px;
			margin-bottom: 10px;
			margin-top: 0px;
			margin-left: auto;
			margin-right: auto;
			padding-top: 15px;
		}

	.fotokasten {
		float: left; margin: 7px; padding: 5px; 
		width: 257px; height: 80px; 
		background: #f7f9fd; 
		border: 1px solid #eee; 
		color: #577fb3; font-family: Verdana; font-weight: bold; font-size: 12px;
	}
	.fotokasten:hover {
		border-color: #999;
		background: #fff;
	}

		.obenneu {
			height: 80px; 
			width: 810px;
			margin-left: auto; margin-right: auto;
			border-width: 0 0 0px 0; border-style: solid; border-color: #000; 
			background: #fff; 
			text-align: center;
			//background: url("gfx/verlauf.jpg") no-repeat 0 0;
		}

		#main {
			float: left;
			width: 570px;
		}

		.user_drop {
			height: 233px;
			overflow: hidden;
		}
		.user_drop:hover {
			height: auto;
		}
		
		.call {
			margin-bottom: -1px;
			margin-left: 100px;
		}
		.call div {
			display: inline;
			font-family: Verdana;
			font-size: 11px;
			font-weight: bold;
			padding: 2px 5px 0px 5px;
			margin: 0 8px;
			color: #bbb;
			cursor: pointer;
			font-variant: small-caps;
		}
		.call div.aktiv {
			color: #999;
		}
		#t_simon, #t_fotos, #t_kommentare {
			display: none;
			height: 150px;
			background: #f0f0f0;
			border-width: 1px 0 0 0;
			border-style: solid;
			border-color: #bbb;
		}
		#t_fotos {
			display: block;
		}
		
		#t_kommentare h4, #t_simon h4 {
			font-size: 11px;
			font-weight: bold;
			margin: 0 0 0 5px;
			padding: 0;
			color: #999;
		}
		.letzte_kommentare {
			margin: 4px 0 0 10px;
		}
		.letzte_kommentare td {
			text-align: left;
			color: #555;
			font-family: Verdana;
			font-size: 10px;
			padding: 3px 25px 3px 0;
		}
		
		h1, a.blogtitel {
			font: bold 32px Verdana;
			color: #becef2;
			display: block; 
			float: left;
			margin-top: 30px;
			margin-left: 32px;
			text-decoration: none;
			font-variant: small-caps;
		}
		h2 {
			font: normal 16px Verdana;
			color: #222;
			padding: 0 0 3px 10px;
			margin: 0;
			font-variant: small-caps;
			border-width: 0 0 1px 0;
			border-style: solid;
			border-color: #bbb;
		}
		h3 {
			font: bold 14px Verdana;
			line-height: 0px;
			font-variant: small-caps;
			color: #777;
			margin-top: 40px;
		}
		.eintrag_admin {
			padding-left: 5px;
			margin: 5px 0 0 10px;
			height: 4px;
			overflow: hidden;
			text-align: center;
		}
		.eintrag_admin:hover {
			height: 30px;
			background: #eee;
		}
		.eintrag_admin a {
			font: normal 12px Verdana;
		}
		.eintrag_datum {
			margin: -1px 10px 7px 0;
			font-size: 10px;
			font-weight: bold;
			font-family: Verdana;
			color: #888;
			text-align: right;
		}
		p {
			margin: 0px 20px 10px 10px;
			font: normal 13px Verdana;
			color: #000;
			line-height: 150%;
			text-align:justify;
			text-shadow: #eee 3px 3px 4px;
		}
		p .image {
			border-width: 0 0 3px 0;
			border-style: solid;
			border-color: #fff;
			margin: 5px 0px 1px 5px;
			float: right;
		}
		p .image:hover {
			border-width: 0 0 3px 0;
			border-style: solid;
			border-color: #577fb3;
			margin: 5px 0px 1px 5px;
			float: right;
		}
		p a {
			font-size: 13px;
		}
		.kommentare {
			width: 400px;
			float: right;
			background: url("gfx/quotes.gif") no-repeat 0px 40px;
			border-width: 0px 1px 1px 0px;
			border-style: solid;
			border-color: #eee;
			margin: 15px 10px;
		}
		.kommentare .autor {
			font: bold italic 13px Times New Roman;
			margin-bottom: 5px;
			background: #eee;
			color: #000;
		}
		.kommentare .text {
			float:right;
			width: 315px;
			font: normal 13px Verdana;
			color: #000;
		}
		.eintrag {
			width: 550px;
			//background: url("gfx/quotes.gif") no-repeat 0px 40px;
			border-width: 0px 1px 1px 0px;
			border-width: 0px;
			border-style: solid;
			border-color: #eee;
			font: normal 12px Times New Roman;
			color: #577fb3;
			margin: 30px 10px;
		}
		.eintrag a:link, .eintrag a:visited {
			color: #577fb3;
			text-decoration: underlined;
		}
		.eintrag a:hover {
			color: #577fb3;
			text-decoration: none;
		}
		
		#menu {
			float: left;
			background: #fff;
			width: 170px;
			\width: 180px;
			w\idth: 170px;
			padding: 5px;
			margin-top: 9px;
			border-width: 0 0 0 1px;
			border-style: solid;
			border-color: #bbb;
		}
		#menu a:link, #menu a:visited {
			display: block;
			color: #577fb3;
			margin-left: 5px;
			margin-bottom: 3px;
			font: normal 14px Times New Roman;
			text-decoration: none;
		}
		#menu a:hover {
			display: block;
			color: #577fb3;
			margin-left: 5px;
			margin-bottom: 3px;
			text-decoration: underline;
		}
		#menu a.bereiche {
			font-family: Verdana;
			font-weight: bold;
			font-size: 11px;
		}
		#menu input {
			margin-left: 20px;
			color: #577fb3;
			font: italic 14px Times New Roman;
		}
		input, textarea {
			border: 1px solid #ddd;
			background: inherit;
		}

		.topnavi {
			margin-left: auto;
			margin-right: auto;
		}
		.topnavi a:link, .topnavi a:visited, td {
			font: normal 13px Times New Roman;
			text-decoration: none;
			color: #577fb3;
			text-align: center;
		}
		.topnavi .linki {
			border-width: 0 0px 0px 0px;
			border-style: solid;
			border-color: #707070 #707070 #707070 #707070;
		}
		.topnavi .linki:hover {
			border-width: 0 0px 0px 0px;
			border-style: solid;
			border-color: #000;
			background: #eee;
		}
		
		
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#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-image: url(data:image/gif;base64,AAAA); /* 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; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#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; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
		
		

.rating_nachricht {
	position: fixed; left: 50%; cursor: pointer; 
	margin-left: -500px;  width: 105px; top: 350px;
	font-family: Verdana; color: #777; font-size: 10px;
	background: #eee; border: 1px solid #fff;
	padding: 5px;
}


/* First we style the ordered list */
ol.rating {
	list-style-type:none;
	font-size:16px;
	margin:0.1em;
	padding:0;
	width:6.3em;
}
/* generic styles for all rating objects - Defaults to a star */

ol.rating li {
	float:left;
	height:1em;
	margin:0.0em;
	overflow:hidden;
	background-image:url(gfx/FFrstar.png);
}
/* Styles for each rating object */
ol.med li {
	background-image:url(gfx/FFrmed.png);
}
ol.ast li {
	background-image:url(gfx/FFrast.png);
}
/* Create the hover styles */
ol.rating:hover li {
	background-position:50% -16px;
}
/* style the link to move the text out of the way */
ol li a {
	display:block;
	width:1em;
	height:1em;
	padding-top:1.2em;
	text-decoration:none;
}
/* Style the hover states to move the rest of the images to the greyed out state */
ol.rating li:hover + li, ol.rating li:hover + li + li, ol.rating li:hover + li + li + li , ol.rating li:hover + li + li +li +li{
	background-position:50% -32px;
}
/* Style the items in ratings with preset values */
ol.one li, ol.two li, ol.two li , ol.three li, ol.four li, ol.five li {
	background-position:50% -16px;
}
/* and remove the rating styling from the rest of the items */
ol.one li + li, ol.two li + li + li, ol.three li + li + li + li, ol.four li + li + li + li + li {
	background-position:50% 0;
}