/*********************************/
/*		CSS & XHTML				 */
/*		copyright 2007			 */
/*		8works internetagentur   */
/*		www.8works.de			 */
/*********************************/

html, body{
	margin:0; 
	padding:0; 
	text-align:center;
	background-color:#000;
}

body{
	margin-top:40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	color: #333300;
}

ul, li {
    margin:0;
    padding:0;
}

h1{
	font-size:12px;
	font-weight:normal;
	margin:15px 0 15px 0;
}

h2{
	font-size:12px;
	font-weight:bold;
	margin:15px 0 15px 0;
}

h3{
	font-size:15px;
	margin:15px 0 15px 0;
	color:#666666;
}

img{
	border:0;
}

#logo{
	float:left;
}

#stilgrafik{
	float:left;
}

#stilgrafikRechts{
	float:left;
}

#stilgrafikEindruecke{
	float:left;
	background-image:url(/img/eindruecke-back.jpg);
	background-repeat:no-repeat;
	width:160px;
	height:174px;
}

.EindHead{
	padding:126px 0 0 10px;
	color:#fff;
	font-size:15px;
	font-weight:bold;
}

.EindHead a{
	color:#333300;
	font-size:12px;
	font-weight:normal;
}

#rightcol p{
	margin:0 10px 15px 0;
}

#rightcol table{
	border:0;
	margin:15px 0 0 0;
	padding:0;
	width:100%;
}

#rightcol table a{
	text-decoration:none;
}

#rightcol table th{
	padding-bottom:10px;
	border-bottom:5px solid #cbcbbc;
}

.evenrow{
	height:28px;
	background-color:#cbcbbc;
	padding-left:10px;
}

.oddrow{
	height:28px;
	padding-left:10px;
}

#rightcol a{
	color:#5e5e34;
	text-decoration:underline;
}

#rightcol a:hover{
	color:#333300;
	text-decoration:none;
}

#pagewidth{ 
	width:786px; 
	text-align:left;  
	margin-left:auto; 
	margin-right:auto;
	background-color:#E0E0D1; 
} 
 
#header{
	position:relative; 
	height:174px; 
	background-color:#F6ECEC; 
	width:100%;
} 
 
#leftcol{
	width:158px; 
	float:left; 
	position:relative; 
	background-color:#B5B5A6;
	background-image:url(/img/menu-back.gif);
	background-repeat:no-repeat;
	height:176px;
}

#mainnav{
	padding:33px 0 0 25px;
}

#subnav{
	padding:33px 0 0 20px;
}

#leftcol a{
	display:block;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	padding:0 0 4px 25px;
}

#leftcol a:hover{
	display:block;
	color:#333300;
	text-decoration:none;
	font-weight:bold;
	padding-bottom:4px;
	background-image:url(/img/nav-dot.gif);
	background-repeat:no-repeat;
	background-position:0 4px;
}

#leftcol a.AktivesElement{
	display:block;
	color:#333300;
	text-decoration:none;
	font-weight:bold;
	padding-bottom:4px;
	background-image:url(/img/nav-dot.gif);
	background-repeat:no-repeat;
	background-position:0 4px;
}

#subnav a{
	display:block;
	color:#999999;
	text-decoration:none;
	font-weight:bold;
	padding:0 0 4px 25px;
}

#subnav a:hover{
	display:block;
	color:#333300;
	text-decoration:none;
	font-weight:bold;
	padding-bottom:4px;
	background-image:url(/img/nav-dot.gif);
	background-repeat:no-repeat;
	background-position:0 4px;
}

#subnav a.AktivesElement{
	display:block;
	color:#333300;
	text-decoration:none;
	font-weight:bold;
	padding-bottom:4px;
	background-image:url(/img/nav-dot.gif);
	background-repeat:no-repeat;
	background-position:0 4px;
}
 
#twocols{
	width:628px; 
	float:right; 
	position:relative;
}

#twocols2{
	width:319px; 
	float:right; 
	position:relative;
}
 
#rightcol{
	width:471px; 
	float:right; 
	position:relative; 
	background-color:#E0E0D1;
	margin-bottom:25px;
}

#rightcolEindr{
	width:120px; 
	float:right; 
	position:relative; 
	background-color:#E0E0D1;
	margin-bottom:25px;
}
 
#subnav.Aktives{
	background-color: #efefe7;  
	float: left; 
	display:inline; 
	position:relative;
	width:137px;
	height:143px;
}
 
#footer{
	background-color:#333333; 
	clear:both;
	height:85px;
}

#flash{
	background-color:#999999; 
	clear:both;
    width:786px;
	height:80px;
    overflow:hidden;
    position:relative;
		
} 

#flash li{
	padding-right:10px;
}

.scroller {
    width:786px;
	background-color:#333333;
}

#impressum{
	position:relative;
	width:300px;
	margin-top:65px;
	float:left;
	color:#636363;
	font-size:11px;
	padding-left:16px;
}

#impressum.zollverein{
	margin-top:140px;
}

#impressum a{
	color:#636363;
	text-decoration:none;
}

#impressum a:hover{
	color:#999999;
	text-decoration:none;
}

#impLinks{
	float:left;
}

#drucken{
	padding-left:25px;
	float:left;
}

#email{
	padding-left:25px;
	float:left;
}

#subcontent{
	position:relative;
	width:470px;
	float:left;
	border-top:7px solid #999999;
	color:#cccccc;
	margin-bottom:20px;
} 

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
 
.clearfix{
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix{
	height: 1%;
}
.clearfix{
	display: block;
}
/* End hide from IE-mac */  


 
/*printer styles*/ 
@media print{ 
/*hide the left column when printing*/ 
#leftcol, #flash, #footer{display:none;} 

#twocols, #maincol{
	width:100%; 
	float:none;
}
}

#Kontakt {
	margin:0;
	padding:0;
}

#Kontakt input {
	width: 200px;
	margin:0;
	padding:0;
	border:1px solid #cbcbbc;
	background-color:#f9f9f9;
}

#Kontakt textarea {
	width: 200px;
	margin:0;
	padding:0;
	border:1px solid #cbcbbc;
	background-color:#f9f9f9;
}

#Kontakt input#Strasse {
	width: 155px;
	margin:0;
	padding:0;
	border:1px solid #cbcbbc;
	background-color:#f9f9f9;
	margin-right:8px;
}

#Kontakt input#Hausnummer {
	width: 35px;
	margin:0;
	padding:0;
	border:1px solid #cbcbbc;
	background-color:#f9f9f9;
}

#Kontakt input#PLZ {
	width: 45px;
	margin:0;
	padding:0;
	border:1px solid #cbcbbc;
	background-color:#f9f9f9;
		margin-right:8px;
}

#Kontakt input#Ort {
	width: 145px;
	margin:0;
	padding:0;
	border:1px solid #cbcbbc;
	background-color:#f9f9f9;
}

#Kontakt input#sender {
	width: 93px;
	height:14px;
	float:right;
	margin-right:13px;
}

table#KontForm{
	padding:0;
	margin:0;
	width:459px;
}

table#KontForm td{
	padding:0;
	vertical-align:top;
}

table#KontForm td.small{
	font-size:10px;
}

#flash .BlockUnten a{
	display:block;
	color:#ededed;
	text-decoration:none;
	padding:60px 0 0 5px;
	width:47px;
	height:87px;
}

#flash #Block1{
	background-color:#666666;
	width:51px;
	height:87px;
	float:left;
}

#flash #Block2{
	background-color:#5a2929;
	width:53px;
	height:87px;
	float:left;
}

#flash #Block2Aktiv{
	background-color:#5a2929;
	width:53px;
	height:87px;
	float:left;
	background:url(../img/zollverein-klein.jpg) no-repeat 2px 0;
}

#flash #Block3{
	background-color:#727229;
	width:53px;
	height:87px;
	float:left;
}

#flash #Block4{
	background-color:#414129;
	width:53px;
	height:87px;
	float:left;
}

#flash #Block5{
	background-color:#897229;
	width:53px;
	height:87px;
	float:left;
}

#flash #Block6{
	background-color:#898941;
	width:53px;
	height:87px;
	float:left;
}

#flash #Block7{
	background-color:#724141;
	width:53px;
	height:87px;
	float:left;
}

#flash #Block8{
	background-color:#412929;
	width:53px;
	height:87px;
	float:left;
}

#flash #Block9{
	background-color:#412941;
	width:53px;
	height:87px;
	float:left;
}

#flash #Block10{
	background-color:#72725a;
	width:53px;
	height:87px;
	float:left;
}

#flash #Block11{
	background-color:#414129;
	width:53px;
	height:87px;
	float:left;
}

#flash #Block12{
	background-color:#724129;
	width:53px;
	height:87px;
	float:left;
}

#flash #Block13{
	background-color:#5a4129;
	width:53px;
	height:87px;
	float:left;
}

#flash #Block14{
	background-color:#292941;
	width:53px;
	height:87px;
	float:left;
}

#flash #Block2 a:hover{
	background-image:url(../img/zollverein-klein.jpg);
	background-repeat:no-repeat;
	background-position:2px 0;
}

#flash #Block3 a:hover{
	background-image:url(../img/maximilian-klein.jpg);
	background-repeat:no-repeat;
	background-position:2px 0;
}

#flash #Block4 a:hover{
	background-image:url(../img/landschaftspark-klein.jpg);
	background-repeat:no-repeat;
	background-position:2px 0;
}

#flash #Block5 a:hover{
	background-image:url(../img/innenhafen-klein.jpg);
	background-repeat:no-repeat;
	background-position:2px 0;
}

.mailerror {
    color:#bf0000;
    font-weight:bold;
    padding-bottom:10px;
}

#gallery{


}
.gallery_item_wrap{
width: 70px;
height: 88px;
display: block;
position: relative;
float:left;
margin-bottom: 7px;
margin-right: 7px;
}


.gallery_item {
margin-right: 8px;
width: 68px;
height: 68px;
border: 1px solid #000;
border-bottom:0;
position:relative;
float:left;
overflow: hidden;
}
.gallery_item_2{
margin-right: 8px;
width: 68px;
height: 68px;
border: 1px solid #000;
border-bottom:0;
position:relative;
float:left;
overflow: hidden;
}

.gallery_item img {
height:250%;
left:-20px;
overflow:hidden;
position:relative;
top:-15px;
}
.gallery_item_2 img {
height:250%;
left:-40px;
overflow:hidden;
position:relative;
top:-10px;
}

.art_nr{
margin-right: 8px;
width: 62px;
height: 12px;
float:left;
position:relative;
font-size: 10px;
color: #fff;
background-color: #333;
padding:4px;
}

.lookatme{
background-color: #ccccac;
padding: 10px;
}


#rightcol .lookatme h2 {
margin-top: 0;
}



#add{
position: absolute;
z-index:999;
width:1077px;
height:547px;
top:50px;
left:50%;
margin-left:-530px;
display: none;
overflow: hidden;
}
#add img{
position: absolute;
z-index: 5;
}

#addmenu h3{
padding:0;
margin:0;
}
#addmenu a{
padding: 0 10px;
color: #fff;
}
#addmenu{
padding: 3px 0;
background-color: #000;
color: #fff;
font-size: 14px;
position: absolute;
z-index: 15;
float:left;
width:1073px;
border: 2px solid #ff0300;
}