@charset "utf-8";
/* CSS Document */

html {
			font-size:62.5%;
			font-family:Arial, Helvetica, sans-serif;
			}

body {
		margin:0px;
		padding:0px;
		background-color:#000000;
		}
		
div#wrapper {
				border-top:5px solid #FF0000;
				width:100%;
				height:840px;
				background-color:#000000;
				}
				
div#bildleiste {
				width:100%;
				height:100px;
				background-image:url(../bildleiste.jpg);
				background-repeat:repeat-x;
				background-position:top;
				position:absolute;
				top:2px;
				left:0px;
				z-index:4;
				border-bottom:4px solid #FF0000;
				}
				
div#header {
				position:absolute;
				top:0px;
				left:0px;
				width:100%;
				height:300px;
				text-align:left;
				z-index:2;
				background-color:#000000;
				border-bottom:1px solid #009900;
				background-image:url(../header.jpg);
				background-repeat:no-repeat;
				background-position:right;
				}

div#logo {
			width:640px;
			height:100px;
			position:absolute;
			top:100px;
			left:30px;
			z-index:1;
			}

div#mainNavigation {
			width:100%;
			color:#FFFFFF;
			background-color:#FF0000;
			position:absolute;
			left:0px;
			top:283px;
			height:30px;
			font-size:1.6em;
			padding-top:18px;
			padding-bottom:14px;
			border-bottom:2px solid #009900;
			}

#sidebar span {color:#FFFFFF; cursor:pointer; }

div#ueberschrift {
					background-color:#FFFFFF; 
					width:400px; 
					height:770px;
					position:absolute;
					top:0px;
					left:600px;
					padding:10px;
					padding-left:20px;
					z-index:6;
					margin-top:-35px;
					border:2px solid #000000;
					background-color:#FFFFFF;
					}

div#sidebar {
			position:absolute;
			top:380px;
			left:150px;
			background-color:#000000;
			width:340px;
			height:400px;
			padding:30px;
			padding-left:50px;
			color:#FFFFFF;
			background-image:url(../sidebar.jpg);
			background-repeat:repeat-x;
			text-align:center;
			border:1px solid #009900;
			}

.topic {
		width:260px;
		height:40px;
		border:1px solid #009900;
		padding:5px;
		font-size:1.6em;
		margin-bottom:3px;
		text-align:center;
		vertical-align:middle;
		background-color:#000000;
		}

.topic:hover {
		border:1px solid #FF0000;
	
		}

#header object {border-left:15px solid #009900; border-right:15px solid #000000;}
h1 {font-size:4em; color:#666666;}
h2 {font-size:6em;}
p {font-size:1.4em; color:#333333;}

#ueberschrift h2 {font-size:7em;color:#FF0000; margin-bottom:75px;}
#ueberschrift h3 {font-size:2em;color:#FF0000;}
#ueberschrift h4 {font-size:1.7em;color:#333333;}
#navigationsliste li {float:left; list-style:none; margin-left:40px;}
#impressum li {color:#FFFFFF; position:absolute; top:33px; left:1050px; list-style:none;}

.linkActiv {color:#FFFFFF;}


#mainNavigation a:link {
				color:#FFFFFF;
				}	

#mainNavigation a:visited {
				color:#FFFFFF;	
				}	

#mainNavigation a:hover {
				color:#333333;
				}	
				
#mainNavigation a:active {
				color:#FFFFFF;
				}	

.topic a:link {
				color:#FFFFFF;
				}	

.topic a:visited {
				color:#FFFFFF;	
				}	

.topic a:hover {
				color:#FFFFFF;
				font-weight:500;
				}	
				
.topic a:active {
				color:#009900;
				}		


				
/* Galerien-Seite */


div#galNavigation {
			width:100%;
			color:#FFFFFF;
			background-color:#FF0000;
			position:absolute;
			left:0px;
			top:105px;
			height:auto;
			font-size:1.5em;
			border-bottom:2px solid #009900;
			z-index:3;
			}

#galnavigationsliste li {float:left; list-style:none; margin-left:40px; margin-top:-15px;}

#galNavigation a:link {
				color:#FFFFFF;
				}	

#galNavigation a:visited {
				color:#FFFFFF;	
				}	

#galNavigation a:hover {
				color:#333333;
				}	
				
#galNavigation a:active {
				color:#333333;
				}	

#footer a:link {
				color:#FFFFFF;
				margin:0px 15px 0px 15px;
				}	

#footer a:visited {
				color:#FFFFFF;	
				margin:0px 15px 0px 15px;
				}	

#footer a:hover {
				color:#FF0000;
				margin:0px 15px 0px 15px;
				}	
				
#footer a:active {
				color:#FFFFFF;
				margin:0px 15px 0px 15px;
				}	

.gallery {
			width:288px;
			height:102px;
			border:1px solid #009900;
			float:left;
			cursor:pointer;
			padding:2px;
			margin:2px;
			vertical-align:middle;
			color:#FFFFFF;
			}

.gallery:hover {
				border:1px solid #FF0000;
				color:#FF0000;
				}
				
.Galeriename {
			font-size:1.4em;
			color:#FFFFFF;
			}
				
.gallery img {
				width:95px;
				height:95px;
				border:1px solid #009900;
				}

.gallery img:hover {border:1px solid #FF0000;}

.gallery table {border:none;}
	
div#topicText {
					width:918px;
					height:200px;
					background-color:#000000;
					padding:6px;
					position:absolute;
					top:135px;
					left:15px;
					color:#FFFFFF;
					}
					
/*auch für auf der Thumbnail-Seite als Container: */
				
div#galleries {
					width:918px;
					height:450px;
					background-color:#000000;
					padding:6px;
					position:absolute;
					top:338px;
					left:15px;
					}

div#footer {
				width:918px;
				height:25px;
				background-color:#000000;
				padding:6px;
				position:absolute;
				top:750px;
				left:15px;
				border-top:1px solid #009900;
				}

div#galerienanzeige {
						width:100%;
						height:30px;
						padding-bottom:10px;
						}

#galerienanzeige p {color:#009900; 	float:left; margin-right:6px; margin-top:0px;}


			
.topicHeader {
				width:290px;
				height:90px;
				padding:5px;
				float:left;
				color:#FFFFFF;
				}

.topicHeader h2 {
				font-size:2em;
				}
				
.topicText {
				width:590px;
				height:90px;
				padding:5px;
				float:left;
				}

.topicText p {color:#DDDDDD;}

.Zifferkasten {
				border:1px solid #009900;
				color:#009900;
				padding:1px 2px 1px 2px;
				float:left;
				margin-right:5px;
				cursor:pointer;
				}

/*auch für auf der Thumbnail-Seite als Container ab 19 Thumbs: */
div#ergebnisse {
				width:100%;
				height:465px;
				}
#box1 {
		border:1px solid #FF0000;
		color:#FF0000;
		}

#box1:hover {border:1px solid #FF0000;
		color:#FF0000;
		cursor:pointer;
		}

#box2:hover {border:1px solid #FF0000;
		color:#FF0000;
		cursor:pointer;
		}

#box3:hover {border:1px solid #FF0000;
		color:#FF0000;
		cursor:pointer;
		}

		
#infozeile {
			width:200px;
			height:30px;
			color:#FF0000;
			font-size:1em;
			position:absolute;
			top:265px;
			left:650px;
			text-align:right;
			}			

.goto {
			
			margin-left:20px;
			margin-bottom:2px;
			float:left;
			background-color:#FF0000;
			color:#FFFFFF;
			cursor:pointer;
			padding:3px 2px 0px 2px;
			display:inline-block;
			font-size:0.7em;
			text-transform:uppercase;
			}
			

/* Thumbnails-Seite */

#galNavigation select {
			margin-left:8px;
			margin-top:-1px;
			float:left;
			background-color:#FF0000;
			color:#FFFFFF;
			border:1px solid red;
			font-size:0.9em;
			}
			

#auswahlStartseite {
			
			}

#auswahlStartseite a:link {
				color:#FFFFFF;
				}	

#auswahlStartseite a:visited {
				color:#FFFFFF;	
				}	

#auswahlStartseite a:hover {
				color:#333333;
				}	
				
#auswahlStartseite a:active {
				color:#FFFFFF;
				}	


.thumb {
			width:145px;
			height:104px;
			border:1px solid #009900;
			float:left;
			cursor:pointer;
			margin:2px;
			vertical-align:middle;
			text-align:center;
			color:#FFFFFF;
			}

.thumb:hover {
				border:1px solid #FF0000;
				color:#FF0000;
				}
				
.thumbname {
			font-size:0.9em;
			color:#FFFFFF;
			height:10px;
			}

.thumb table {border:none;}


/* Photo-Seite */

div#photoNavigation {
			width:1300px;
			color:#FFFFFF;
			background-color:#FF0000;
			position:absolute;
			left:0px;
			top:112px;
			height:auto;
			font-size:1.2em;
			border-bottom:2px solid #009900;
			z-index:3;
			padding-top:1px;
			}

#photoNavigation select {
			margin-left:10px;
			padding-bottom:-2px;
			float:left;
			background-color:#FF0000;
			color:#FFFFFF;
			border:1px solid red;
			font-size:1.2em;
			}
			
#stopspan {
	font-size:0.3em; 
	vertical-align:baseline;
	position:relative;
	top:0px;
	left:27px;
	color:#FFFFFF;
	float:left;
	cursor:pointer;
}

.photospan {
		margin-top:-6px;
		margin-right:0px;
		margin-left:60px;
		cursor:pointer;
		font-size:2em;
		color:#000000;
		float:left;
		}
		
		
		
/* Sitemap-Seite:  */

#sitemap {
	width:970px;
	height:600px;
	position:absolute;
	top:140px;
	left:5px;
}

#sitemap h1 {
color:#FFFFFF;
font-size:2.3em;
padding-left:5px;
}

#sitemap h2 {
color:#FFFFFF;
font-size:1.7em;
padding-left:5px;
}

#sitemapNavigation{
			width:100%;
			color:#FFFFFF;
			background-color:#FF0000;
			position:absolute;
			left:0px;
			top:105px;
			height:auto;
			font-size:1.5em;
			border-bottom:2px solid #009900;
			z-index:3;
			}

#sitemapnavigationsliste li {float:left; list-style:none; margin-left:40px; margin-top:-10px; margin-bottom:3px;}

#sitemapNavigation a:link {
				color:#FFFFFF;
				}	

#sitemapNavigation a:visited {
				color:#FFFFFF;	
				}	

#sitemapNavigation a:hover {
				color:#333333;
				}	
				
#sitemapNavigation a:active {
				color:#333333;
				}	

.sitemapdivs {
	width:300px;
	float:left;
	border: 1px solid green;
	padding-left:5px;
	padding-right:5px;
	margin-right:5px;
	}
	
.galerienliste li {
	color:white;
	list-style-image:url(../pfeil_klein.jpg);
	text-decoration:none;
	cursor:pointer;
	font-size:1.3em;
	padding-bottom:2px;
	}
	
.galerienliste li:hover {
	color:#33CC00;
	}