/* CSS Document */

html  { 
	margin:0px; 
	padding:0px;
	/* */
	overflow-y:hidden; 
}
body {
	background-color: #000000;
	width:750px; 
	display:block; 
	margin:0px auto 0px auto;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
}

p {font-size:12px; }

a:link {
	text-decoration: none;
	color: #666666;
}
a:visited {
	text-decoration: none;
	color: #666666;
}
a:hover {
	text-decoration: none;
	color: #666666;
}
a:active {
	text-decoration: none;
	color: #666666;
}

div.divider { clear:both; }
div.divider10px { clear:both; height:10px; display:block;}

h1,h2,h3 { display:block; margin:0px; padding:0px; }

#header, #content, #footer, #navi { display:block;  margin:0px;  padding:0px;}


#navi, #anker {
	margin: 0px;
	padding: 0px 0px 4px 0px;
	text-align:center;
	background-color: #333333; 	
}
#navi {
	border-bottom: 1px solid #555555;
	}
#navi ul, #navi li,
#anker ul, #anker li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}
#navi a, #anker a {
	float: center;
	font-weight: normal;
	margin: 0;
	padding: 3px 0px;
	text-decoration: none;
	color: #666666;
	font-size:10px;
	color: #666666;
	background-color:#333333;
	border: 1px solid #333333;
}
#akt {
	color: #FFFFFF;
	background-color: #333333;
	border: 1px solid #333333;
}
#navi a:hover, #anker a:hover, #akt {
	color: #FFFFFF;
	background-color: #333333;
	border: 1px solid #333333;
	padding-top:2px;
}
#navi li a.akt { color:#FFFFFF; }
#navi li a:hover { text-decoration:underline; }
#anker { padding-bottom:24px; }
#navi li.trenner { font-size:10px; color:#808080 }


/* HEADER */
#header { 
	background-color: #242424; 
	text-align:center;
	height:55px; 
	margin:0px; 
		border-bottom:1px solid #666666;
}
#header h1 { color:#666666; font-size: 18px; font-weight:normal;  letter-spacing:0.275em;   text-transform:uppercase;}
#header h2 { color:#791212; font-size: 11px; letter-spacing:0.67em; } 

/* CONTENT */
#content, #content_start {  
	padding:0px 20px 20px 20px;
	background-color: #333333; 
	text-align:center;
}
#content { 
	height:540px;
	overflow:auto; 
	overflow-x:hidden; 
		/* SCROLLBARS */
	~scrollbar-3dlight-color: #333333;
	~scrollbar-arrow-color: #333333;
	~scrollbar-base-color:#333333;
	~scrollbar-darkshadow-color:#333333;
	~scrollbar-face-color:#333333;
	~scrollbar-highlight-color:#333333;
	~scrollbar-shadow-color:#333333;
	~scrollbar-track-color:#333333;
	}
#content h2, #contentTitel h2 { 
	width:100%; 
	display:block;
	float:center;  
	text-align:center; 
	color:#666666; 
	font-size: 14px; 
	font-weight:normal;  
	margin:0px auto 0px auto; 
	padding:24px 0px 24px 0px; 
	background-color:#333333;
}
#content h3 {color:#666666; font-size: 16px; font-weight:bold;  letter-spacing:0.180em; }
#contentTitel h2 { 	padding:24px 0px 4px 0px; }

/* WARNING */
b.warning {color: #791212; display:none; }
b.warning, b.small { font-size:9px; font-weight:normal; font-size: 11px; display:none; }


/* FOOTER */
#footer  { 
	border:0px;
	background-color: #242424; 
	padding:2px 0px 4px 26px;
	~padding:2px 0px 4px 18px;
		border-top:1px solid #666666;
}
#footer div.links { 
	text-align:center;
	padding:2px auto 4px 0px;  
	padding:2px auto 4px 0px;  
	width: 670px; 
	float:left;
	}
#footer div.links a { 
	font-size:10px; font-weight:normal; 
}
#footer div.links a:hover { text-decoration:underline; } 

/* SCROLLER */
#scroller { 
	width:12px;
	height:12px;
	background:url(bg/top.gif) 1px 1px no-repeat transparent;
	margin: 4px 2px 4px auto; 
	float:right;
	cursor:pointer;
}
#scroller:hover { background-color: #333333; }

/* Linie Unten */
#bottom { display:block; height:16px; width:750px; background : url(bg/uu.png) 0 0 no-repeat #B9B9B9; }

/* gallery übersicht */
h3.gallery_titel { 
		color:#666666; 
		text-transform:uppercase; 
		text-align:left; 
		display:block;  
		font-size:14px; 
		font-weight:normal;
		letter-spacing:02.em;		
		padding:0px 0px 4px 0px; 
		margin:0px 0px 18px 0px; 
		border:0px; 
		border-bottom:1px solid #555555; 
	}
div.gallery_div { 
	width: 620px; 
	display:block; 
	margin:0px auto 0px auto; 
	text-align:center; 
}
div.gallery_thumb { 
	display:block;
	float:left;  
	margin:0px 20px 20px 0px; 
	width:193px; 
}
div.gallery_thumb:hover img { background-color:#fafafa; border:1px solid #cacaca; }
div.gallery_div img { 
	display:block;
	margin:12px auto 24px auto;
}
div.gallery_thumb a { font-size:10px; text-align:center; }
div.gallery_thumb img { 
	width:120px; 
	height:180px; 
	padding:18px 33px 18px 33px; 
	margin:4px auto 8px auto;  
	background-color:#ffffff; 
	display:block;
	border:1px solid #fafafa;
}

img.gallery  { display:block; margin:60px; }

/* FORM */
form{ text-align:left; }
label {
	display:block;
	font-size:12px;
	float:left;
	width:120px; 
	}
input, textarea { 
	width:320px;  
	margin-bottom:8px; 	
	float:left;
	border:1px solid #bababa;
	color:#000000;
	background-color:#cacaca;
	font-size:12px;
	padding:2px;
}
input:focus, textarea:focus { 
	border:1px solid #d7d7d7;
	color:#000000;
	background-color:#c4c4c4;
}

/* Slideshow Link */
a.slideshow_link {
	color:#999999;
	font-size:12px; 
	font-weight:bold;
}
a.slideshow_link:hover { text-decoration:underline; }

/* sprachen Link */
div.sprachen_link {
	color:#791212;
	font-size:11px; 
	font-weight:normal;
}
a.sprachen_link:hover { text-decoration:underline; }




/*

 Login page style 


*/


/* Die Eigenschaften von body und td sollten aus optischen Gründen dieselben sein */


body { 	font-family:Verdana,Arial,Sans-Serif;
	font-size:14px; }

td { 	font-family:Verdana,Arial,Sans-Serif;
	font-size:14px; }


/* Überschriften */
h2 { 	font-family:Verdana,Arial,Sans-Serif;
	font-size:14px; }


/* kleine Unter-Überschriften */
.bold { font-family:Verdana,Arial,Sans-Serif;
	font-size:9px;
	font-weight: bold; }


/* hervorgehoben */
.big { 	font-family:Verdana,Arial,Sans-Serif;
	font-size:11px; }


/* Warnungen */
.redbold { font-family:Verdana,Arial,Sans-Serif;
	font-size:11px;
	font-weight: bold;
	color:red; }