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

*{
	margin:auto;
}

#wrapper {
	/*width:1020px;*/
	width:1180px;
	height:1060px;
	margin-top:1.5%;
	z-index:1;
	background-color: #777777;
}

#wrapperstart {
	
	width:1180px;
	height:800px;
	margin-top:1.5%;
	z-index:1;
	background-color: #777777;
}
#banner {
	position:absolute;
	width:980px;
	height:180px;
	margin-left: 200px;
	z-index:1;
	border-bottom:5px solid #bbbbbb;
}

#logo {
	position:absolute;
	width:200px;
	height:180px;
	z-index:2;
	margin-left: 0px;
	background-color: #777777;
	border-bottom:5px solid #bbbbbb;
}

#logoweb {
	position:absolute;
	width:190px;
	height:20px;
	z-index:101;
	left: 5px;
	top: 144px;
}

#logoweb a{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	margin-top:5px;
	text-align:center;
	}
	
#logogs {
	position:absolute;
	width:190px;
	height:80px;
	z-index:101;
	left: 5px;
	top: 8px;
	background-color:#;
}
#navi {
	position:absolute;
	width:1180px;
	height:100px;
	z-index:80;
	/*margin-left: 0px;*/
	margin-top: 190px;
	float:left;
	background-color: #777777;
}

#innernavi {
	position:absolute;
	width:1161px;
	height:90px;
	z-index:81;
	left: 17px;
	top: 5px;
	background-color: #777777;
}

#main {
	position:absolute;
	width:1180px;
	height:780px;
	z-index:5;
	margin-left: 0px;
	margin-top: 270px;
	background-color: #777777;
}
#innermain {
	position:absolute;
	width:1140px;
	height:645px;
	z-index:10;
	left:20px;
	top: 25px;
	background-color: #eeeeee;
}

#mainstart {
	position:absolute;
	width:1180px;
	height:750px;
	z-index:5;
	float: left;
	margin-top: 120px;
	/*background-color: #F00;*/
}
#innermainstart {
	position:absolute;
	width:1140px;
	height:530px;
	z-index:5;
	left: 20px;
	top: 90px;
	background-color: #eeeeee;
}

#innermainstart1 {
	position:absolute;
	width:1140px;
	height:530px;
	z-index:5;
	left: 161px;
	top: 146px;
	background-color: #eeeeee;
}
#kategorien {
	position:absolute;
	width:700px;
	height:30px;
	z-index:25;
	left: 24px;
	top: 20px;
}
	
#bildgs {
	position:absolute;
	width:500px;
	height:500px;
	z-index:102;
	left: 605px;
	top: 20px;
	border:5px solid #bbbbbb;
	background-color: #FF0000;
}

#bildbestellungen{
	position:absolute;
	width:750px;
	height:60px;
	z-index:25;
	left: 24px;
	top: 60px;
	/*background-color: #CF0;*/
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #777777;
	line-height: 25px;
}

.contact a{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: #777777;
}
	
.contact a:hover{
	color:#FF0000;
}

#borderstart{
	position:absolute;
	left:60px;
	top:163px;
	height:580px;
	background:#eeeeee;
	width:740px;
	padding:40px 60px;
	border:20px solid #bbbbbb;
	z-index:3;
	}
a {color:#000;}
a:hover {text-decoration:none;}
a:visited {color:#000;}

.photostart {
	width:1000px; 
	height:800px; 
	text-align:left;
	position:relative; 
	top:132px; 
	background-color:#;}

.photostart ul.datenbankstart {padding:0; margin:0; list-style:none; width:1000px; height:auto; position:relative; z-index:30;}

.photostart ul.datenbankstart li a ul, 
.photostart ul.datenbankstart li ul 
{display:none;}

.photostart ul.datenbankstart li.active ul{
	display:block;
	position:absolute; 
	left:18px; 
	top:73px; 
	list-style:none; 
	padding:0; margin:0; 
	height:450px; 
	background:#; 
	width:1100px; 
	padding:40px 18px;  
	border:5px solid #bbbbbb; 
	z-index:3;
}
	

.photostart ul.datenbankstart li ul li
{display:inline; width:178px; height:119px; float:left; border:1px solid #fff; margin-left:2px; margin-top:20px;}

.photostart ul.datenbankstart li ul li a
{display:block; width:176px; height:117px; /*cursor:default;*/ float:left; /*margin-left:5px;*/text-decoration:none; background:#666666; border:1px solid #888888;}

.photostart ul.datenbankstart li ul li a img
{display:block; width:166px; height:107px; border:5px solid #eeeeee;}


.photostart ul.datenbankstart li a:hover ul li a:hover, 
.photostart ul.datenbankstart li:hover ul li a:hover 
{white-space:normal; position:relative;}


.photostart ul.datenbankstart li a:hover ul li a:hover img, 
.photostart ul.datenbankstart li:hover ul li a:hover img 
{position:absolute; left:-90px; top:-75px; width:352px; height:234px; border-color:#ffffff;}

	
.photo {width:1000px; height:1050px; text-align:left; position:relative; top:207px; background-color:#;}

.photo ul.datenbank {padding:0; margin:0; list-style:none; width:1000px; height:auto; position:relative; z-index:30;}

.photo ul.datenbank li a ul, 
.photo ul.datenbank li ul 
{display:none;}

.photo ul.datenbank li.active a
{color:#000; background:#bbb;}

.photo ul.datenbank li a:hover,
.photo ul.datenbank li:hover a
{color:#fff; background:#aaa;}

.photo ul.datenbank li.active ul{
	display:block; 
	position:absolute; 
	left:18px; 
	top:83px; 
	list-style:none; 
	padding:0; 
	margin:0; 
	height:560px;
	background:000000; 
	width:1100px; 
	padding:40px 18px;  
	border:5px solid #bbbbbb; 
	z-index:15;
}

.photo ul.datenbank li ul li
{display:inline; width:178px; height:119px; float:left; border:1px solid #fff; margin-left:2px; margin-top:20px;}

.photo ul.datenbank li ul li a
{display:block; width:176px; height:117px; /*cursor:default;*/ float:left; text-decoration:none; background:#666666; border:1px solid #888888;}

.photo ul.datenbank li ul li a img
{display:block; width:166px; height:107px; border:5px solid #eeeeee;}


.photo ul.datenbank li a:hover ul li a:hover, 
.photo ul.datenbank li:hover ul li a:hover 
{white-space:normal; position:relative;}


.photo ul.datenbank li a:hover ul li a:hover img, 
.photo ul.datenbank li:hover ul li a:hover img 
{position:absolute; left:-90px; top:-75px; width:352px; height:234px; border-color:#ffffff;}

ul li{
	list-style-type: none;
	float:right;
	}

#pagebottom {
	position:absolute;
	width:1100px;
	height:30px;
	z-index:100;
	margin-left: 60px;
	margin-top: -80px;
	background-color: #777777;
}

#navibottom {
	position:absolute;
	width:1100px;
	height:30px;
	z-index:100;
	margin-left: 60px;
	margin-top:-40px;
	text-decoration: none;
	background-color: #777777;
	
}

#navibottomstart {
	position:absolute;
	width:1100px;
	height:30px;
	z-index:110;
	margin-left: 63px;
	margin-top: -40px;
	float:right;
	text-decoration: none;
	background-color: #777777;
}

#navibottomstart1{
	position:absolute;
	width:1100px;
	height:30px;
	z-index:110;
	margin-left: 60px;
	margin-top: 890px;
	text-decoration: none;
	background-color: #777777;
	}


.navibottom a{
	font-family:Verdana, Geneva, sans-serif;
	color: #FFFFFF;
	font-style: light;
	text-decoration: none;
	float:right;
	margin-left:15px;
}

.navibottom a:hover{
	color: #F00;
}

h1{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-style: bold;
	color: #777777;
}

h2{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-style: bold;
	color: #777777;
}

h3{
	font-family:Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #777777;
	font-style: medium;
}

h5{
	font-family:Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #777777;
	font-style: medium;
}

h6{
	font-size: 12px;
}