/* CSS Document */

body {background-image:url(images/background.gif);
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;}

img {border:none;}

.main {border:1px solid #000000;
	width:910px;
	height:100%;
	margin:5px auto;
	padding:5px;
	background-color:#FFFFFF;}
	
.top {border:1px solid #2E2576;
	height:212px}
	
.top_left {border:1px solid #2E2576;
	float:left;
	margin:5px auto 5px 5px;
	padding-top:1px;
	width:166px;}
.top_middle {float:left;
	width:410px;
	margin:5px 17px;}
.top_right {border:1px solid #2E2576;/*CC3300*/
	float:right;
	margin:5px 5px 5px auto;
	width:270px;}
	
.content {border:1px solid #2E2576;
	margin-top:25px;}

.content_main {margin:25px 0px;
	padding:25px 75px;}

.footer {width:100%;
	height:40px;
	line-height:40px;
	background-color:#003366;
	border-bottom:1px solid #2E2576;
	font-size:10px;}
.footer a {text-decoration:none;
	color:#fff;
	margin:0 10px;}

a {text-decoration: none;}
a:hover {text-decoration: underline;}

.topic {border-bottom: 1px solid #CCC;
	color: #006699;
	font-size:16px;
	font-weight:bold;
	font-variant: small-caps;
	line-height:24px;}

.datum {color:#000000;
	letter-spacing:0.1em;
	font-weight:bold;}
		
.mp3 {font-size:0.8em;}

.backtotop {height:5em;
	text-align:right;
	border:none;
	font-size:0.8em;}
	
/* begin menu */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/simple_dropline.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#nav {width:100%; height:40px; background:#003366; position:relative;}

#nav .select, #nav .current {margin:0; padding:0; list-style:none;}

#nav li {display:inline; margin:0; padding:0; height:auto;}

#nav .select a,
#nav .current a {display:block; height:40px; float:left; background:#003366; padding:0 10px 0 10px; text-decoration:none; font-size:14px; line-height:40px; white-space:nowrap; border-right:1px solid #fff; color:#fff;}
* html #nav .select a, * html #nav .current a {width:1px; height:21px;}

#nav .select a:hover, 
#nav .select li:hover a {background:#DCDCDC; cursor:pointer; color:#000;}

#nav .sub {display:none;}

/* for IE5.5 and IE6 only */
#nav table {position:absolute; border-collapse:collapse; left:0; top:0;}

#nav .current a {background:#DCDCDC; color:#000;}

#nav .sub li a:hover, 
#nav .select a:hover .sub li a:hover, 
#nav .select li:hover .sub li a:hover {background:#DCDCDC; color:#000; line-height:25px; font-weight:bold;}

#nav .sub_active .current_sub a, 
#nav .sub_active a:hover {background:#DCDCDC; color:#000; line-height:25px; font-weight:bold;}

#nav .select li a:hover .sub, 
#nav .select li:hover .sub {display:block; position:absolute; height:40px; width:100%; top:40px; left:0; background:#E7E7E7; margin-top:0; padding:0; z-index:100; color:#000; font-size:12px;}

#nav .sub, #nav .sub_active {margin:0; padding:0; list-style:none;}

#nav .sub_active {display:block; position:absolute; width:100%; top:40px; left:0; background:#E7E7E7; margin-top:0; padding:0; z-index:10;}
* html #nav .sub_active, * html #nav .select a:hover .sub {z-index:-1; margin-top:0; margin-t\op:1px;}

#nav .sub_active a {height:26px; text-decoration:none; line-height:25px; white-space:nowrap; display:block; float:left; background:#E7E7E7; padding:5px 10px 10px 10px; margin:0; font-size:12px; white-space:nowrap; border:0; color:#000;}

#nav .select a:hover .sub li a, 
#nav .select li:hover .sub li a {display:block; height:25px; line-height:25px; background:#E7E7E7; padding:5px 10px 10px 10px; margin:0; white-space:nowrap; border:0; color:#000; font-size:12px;}

/* end menu */

/* begin galerie */

#scroller {width:750px; height:400px; position:relative;padding:5px 0; background:#fff; }
#scroller em {display:block; width:250px; height:205px; position:absolute; top:0; right:0; border:1px solid #ddd;}
#scroller span {display:block; width:490px; height:400px; position:absolute; top:0; left:0; border:1px solid #ddd;}

#scroller b#thumbs {display:block; width:241px; height:180px; overflow:auto; float:right; margin-top:205px; border:1px solid #ccc; border-width:1px 0 1px 1px; padding:5px;}
#scroller b#thumbs a {display:block; float:left; margin:0 10px 10px 0; background:#f8f8ff; width:50px; height:50px; border:1px solid #000;}
#scroller b#thumbs a img {width:50px; height:50px; border:0;}

#scroller b#thumbs a:hover {border:1px dotted #ccc; background:#fff url(images/galerie/click_on.gif);}
#scroller b#thumbs a:active, #scroller b#thumbs a:focus {border:1px solid #fff; background:#fff; outline:0;}
#scroller b#thumbs a:hover img {display:block; position:absolute; background:#aaa; z-index:100;}
#scroller b#thumbs a:active img, #scroller b#thumbs a:focus img {display:block; position:absolute; background:#aaa; z-index:100;}

#scroller b#thumbs a:hover img.hr {width:240px; height:195px; right:5px; top:5px;}
#scroller b#thumbs a:hover img.vt {width:120px; height:185px; right:65px; top:10px;}

#scroller b#thumbs a:active img.hr, #scroller b#thumbs a:focus img.hr {width:480px; height:390px; left:5px; top:5px;}
#scroller b#thumbs a:active img.vt, #scroller b#thumbs a:focus img.vt {width:240px; height:390px; left:125px; top:5px;}

/* end galerie */