body
{
	color: #0f0f10;
	background: url(bg_top.jpg) repeat-x;
	background-color: #ccd4da;
	background-attachment:fixed;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	line-height: 15px;
}
acronym, abbr 
{
	cursor: help;
}
a:link, a:visited, a:hover, a:active
{
	color: #201e1e;
	text-decoration: underline;
	font-weight: bold;
}
a:hover
{
	color: #0d0c0c;
}

/*Positioning for the different areas: */
#page 
{
	margin: -8px;
	margin-bottom: 10px;
	padding: 5px;
	height: 17px;
	position: relative;
	background-color: #201e1e;
}
#content
{
	margin-top: 40px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 100px;
	padding-left: 100px;
	min-width: 700px;
	max-width: 1024px;
	text-align: center;
	position: relative;
	text-align: left;
}
#footer
{
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
	max-width: 400px;
	clear: left; /*necessary for nightgal*/
	position: relative;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;  
	line-height: 15px;
}

/*navigation:*/
#header 
{
	top: 4px;
	left: 16px;
	position: absolute;
	text-align: left;
}
#header, #header a:link, #header a:visited, #header a:active, #header  a:hover
{
	color: #ecf2fc;
}
a.nav span, span.nav
{
	display: none;
}
#nav  ul, #page li
{
	list-style: none;
	padding: 0;
	margin: 0;
}
#nav_elements
{
	margin-top: -13px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 379px;
	height: 20px;
	text-align: center;
}
#logo, #logo_active, #logo:hover, #logo_active:hover,
#blog, #blog_active, #blog:hover, #blog_active:hover, 
#lightroom, #lightroom_active, #lightroom:hover, #lightroom_active:hover, 
#aboutme, #aboutme_active, #aboutme:hover, #aboutme_active:hover,
#uebermich, #uebermich_active, #uebermich:hover, #uebermich_active:hover
{
	top: 0px;
	height: 20px;
	display: block;
	position: absolute;
	background-attachment:scroll;
}
#logo, #logo_active, #logo:hover, #logo_active:hover
{

	left: 0px;
	width: 110px;
	background-image: url(logo.png);
}
#blog, #blog_active, #blog:hover, #blog_active:hover
{
	left: 170px;/*10px spacing + 50px for logo*/
	width: 35px;
	background-image: url(blog.png);
}
#lightroom, #lightroom_active, #lightroom:hover, #lightroom_active:hover
{
	left: 215px;
	width: 77px;
	background-image: url(lightroom.png);
}
#aboutme, #aboutme_active, #aboutme:hover, #aboutme_active:hover, 
#uebermich, #uebermich_active, #uebermich:hover, #uebermich_active:hover
{
	left: 302px;

}
#aboutme, #aboutme_active, #aboutme:hover, #aboutme_active:hover
{
	width: 75px;
	background-image: url(aboutme.png);
}
#uebermich, #uebermich_active, #uebermich:hover, #uebermich_active:hover
{
	width: 77px;
	background-image: url(uebermich.png);
}
#logo, #blog, #lightroom, #aboutme, #uebermich
{
	background-position: 0px 0px;
}
#logo_active, #logo:hover, #logo_active:hover,
#blog_active, #blog:hover, #blog_active:hover, 
#lightroom_active, #lightroom:hover, #lightroom_active:hover, 
#aboutme_active, #aboutme:hover, #aboutme_active:hover,
#uebermich_active, #uebermich:hover, #uebermich_active:hover
{
	background-position: 0px -20px;
}
#en, #en_active, #de, #de_active, #rss
{
	top: 4px;
	display: block;
	position: absolute;
	height: 15px;
	border-style:solid;
	border-width: 1px;
	border-color: #201e1e;
	opacity:0.5;
	background-position: 0px 0px;
	background-attachment:scroll;
} 
#en, #en_active, #en:hover, #en_active:hover
{
	right: 16px;
	width: 28px;
	background-image: url(en.jpg);
}
#de, #de_active, #de:hover, #de_active:hover
{
	right: 60px;
	width: 28px;
	background-image: url(de.jpg);
}
#en_active , #en:hover, #en_active:hover, #de_active , #de:hover, #de_active:hover, #rss:hover
{
	/*border-style:solid;
	border-width: 1px;
	border-color: #ecf2fc;*/
	opacity: 1;
}
#rss, #rss:hover
{
	right: 104px;
	width: 15px;
	background-image: url(rss.png);
}

/* blog */
div.blog_entry
{
	margin-top: 20px;
	margin-bottom: 20px;
}
div.blog_date
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	text-decoration: underline;
	line-height: 15px;
	text-align: right;
	margin-top: -30px;
	margin-bottom: 12px;
}
div.blog_img
{
	margin-top: 15px;
	text-align: center;
}
div.blog_img img
{
	border:2px solid #FFFFFF;
	margin-top: 5px;
	margin-bottom: 10px;
}

/*impressum*/
#impressum_adress
{
	width: 191px;
	height: 63px;
	background-image: url(adress.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;
}

/*nightgal*/
div.gallery_container
{
	float: left;
	width: 1024px;
}
div.gallery
{
	margin: 10px;
}
#nightgal_nav
{
	left: 15px;
	text-align: left;
	position: relative;
}
#switch_button, #switch_button img
{
	top: -5px;
	right: 75px;
	position: relative;
	border: 0px;
	text-align: right;
}
div.img_thumb, div.img_thumb_clear, div.folder, div.folder_clear
{
	margin-top: 15px;
	border: 0px;
	height: 150px;
	width: 150px;
	float: left;
	display: inline;
	text-align:center;
}
div.img_thumb img, div.img_thumb_clear img, div.folder img, div.folder_clear  img
{
	display: block;
	margin: 0 auto;
	border: 0px;
}
div.img_thumb_clear, div.folder_clear
{
	clear: left;
	margin-bottom: 15px;
}
div.desc
{
	width: 150px;
	border: 0px;
}
div.fullsize_navigation
{
	margin: 10px;
	margin-top: -20px;
	text-align: center;
}
div.fullsize_navigation img
{
	border: 0px;
	margin-left: 15px;
	margin-right: 15px;
}
div.fullsize_img
{
	margin-bottom: 40px;
}
div.fullsize_img img
{
	display: block;
	margin: 0 auto;
	border: 0px;
}
div.download_folder img
{
	margin: 0px;
	border: 0px;
	text-align: left;
	position: relative;
	top: 8px;
}