html, body {
	margin:0; padding:0;
}
 
body {
position: relative;
	color: #978c8c;
	font-family: Helvetica, Arial, Verdana, Geneva, sans-serif;
	font-size: 101%;
	background-color: #000;
}


/** alle links **/
a, a:link, a:visited {
	font-size: 12px;
	color: #978c8c;
	text-decoration: none;
}
a:focus , a:hover, a:link.active, a:visited.active  {
		color: #fefefe;
}

 a.apink,  a.apink:link, a.apink:visited {
	font-size: 12px;
	color: #fefefe;
	text-decoration: none;
}
a.apink:focus ,  a.apink:hover,  a.apink:link.active, a.pinka:visited.active  {
		color: #f46494;
}
/** ---------- **/



b {
font-weight: bold;
font-size: 12px;
}

 
#wrapsu {
clear:left;
	height:650px; width:7770px;
	padding-top:40px;
margin-left: 290px;
	border:0px solid #4e938d;
	z-index: 1;
}
#wrapwi {
clear:left;
	height:650px; width:2630px;
	padding-top:40px;
	margin-left: 290px;
	z-index: 1;
	border:0px solid red;
}
#wrapfall10 {
clear:left;
	height:650px; width:10860px;
	padding-top:40px;
margin-left: 290px;
	border:0px solid #4e938d;
	z-index: 1;
}
#wrapfwlc {
clear:left;
	height:650px; width:3941px;
	padding-top:40px;
	margin-left: 290px;
	z-index: 1;
	border:0px solid red;
}

#wrap {
	z-index: 1;
clear:left;
	height:650px; width:1190px;
	margin-top: 40px;
	margin-left: 40px;
	padding: 0px;
	border:1px solid #978c8c;
	}
* html #wrap {
	}

/** fixe bereiche **/
 #left0 {
position: fixed;
top: 38px;
left: 0px;
	background-image: url(../navipic/black_1px.gif);
 	height: 680px;
	width: 40px;
	border: 0px solid red;
z-index: 3;
 	
 }
 #left1 {
position: fixed;
z-index: 4;
top: 38px;
left: 40px;
	background-image: url(../navipic/black_1px.gif);
 	height: 680px;
	width: 250px;
	border: 0px solid #978c8c;
 }
 
 #topsu {
position: fixed;
z-index: 8;
top: 0px;
left: 0px;
	background-image: url(../navipic/black_1px.gif);
 	height: 40px;
	width: 8060px;
	border: 0px solid #978c8c;
 }
 #topwi {
position: fixed;
z-index: 8;
top: 0px;
left: 0px;
	background-image: url(../navipic/black_1px.gif);
 	height: 40px;
	width: 3440px;
	border: 0px solid #978c8c;
 }
 #topfwlc {
position: fixed;
z-index: 8;
top: 0px;
left: 0px;
	background-image: url(../navipic/black_1px.gif);
 	height: 40px;
	width: 4731px;
	border: 0px solid #978c8c;
 }
/** ---------- **/

 #leftcol {
position: fixed;
z-index: 5;
top: 40px;
left: 40px;
	background-image: url(../navipic/logo.gif);
 	height: 650px;
	width: 250px;
	border: 1px solid #978c8c;
 }
 #leftcol2 {
float: left;
 background: url(../navipic/logo.gif) left top no-repeat;
 	height: 650px;
	width: 250px;
	border-right: 1px solid #978c8c;
 }
 
 #leftcol h1, #leftcol2 h1 {
 display: none;
 } 
 
 #leftcol h2,#leftcol2 h2 {
	text-align: center;
 margin-top: 144px;
	font-size: 12px;
	font-weight: normal;
	margin-left: 18px;
	margin-right: 12px;
	padding-top: 11px;
	padding-bottom: 11px;
	line-height: 18px;
	border-top: 1px solid #978c8c;
	border-bottom: 1px solid #978c8c;
 }
 
 * html  #leftcol h2 {
 margin-top: 144px;
 }
 * html  #leftcol2 h2 {
 margin-top: 144px;
 }
 
/** Menue/Navigation **/

#nav {
padding-top: 30px;
margin-left: 30px;
width: 200px;
border: 0px solid red;
	text-align: right;
}
* html #nav {
margin-left: 10px;
}
#nav ul{
margin-left: 0px;
padding-left: 30px;
	list-style:none;
	white-space: nowrap;
}
#nav ul ul{
margin-left: 0px;
padding-left: 0px;
	list-style:none;
	white-space: nowrap;
}


/** fix stupid ie bug with display:block; **/
* html #nav li a { height: 1%; } 
/** end fix **/

#nav ul li {
	color: #978c8c;
	text-transform: uppercase;
	font-size: 12px;
	margin-top: 1px;
	line-height: 12px;
	margin-bottom: 3px;
}
#nav ul ul li {
   font-size: 10px;  
	line-height: 14px;
		color: #978C8C;
		text-transform: lowercase;
	color: #fefefe;
	margin-top: 0px;
}
/* first level links */
#nav a, #nav a:link, #nav  a:visited  {
   text-decoration:none; /* no underline for links */
   display: block; /* IE has problems with this, fixed above */
	width:150px;
	height: 20px;
	background: no-repeat top right;
}
/* first level links hover*/
#nav a:focus , #nav a:hover, #nav a:link.active, #nav a:visited.active  {
		color: #978C8C;
		background-position: top left;
}

/* second level links, */
#nav ul ul a, #nav ul ul a:link, #nav ul ul a:visited  {
   display: block; /* IE has problems with this, fixed above */
	width:150px;
	height: 20px;
	background: no-repeat top right;
		
}
/* second level links hover*/
#nav ul ul a:focus , #nav ul ul a:hover, #nav ul ul a:link.active, #nav ul ul a:visited.active  {
		background-position: top left;
}

/** ----------------------- **/


#fwpic {
 float: left;
	height:650px; width: 300px;	
	border: 1px solid #978c8c;
	border-left: 0px;
	}
#fwpic2 {
 float: left;
	height:650px; width: 352px;	
	border: 1px solid #978c8c;
	border-left: 0px;
	}
#fwpic3 {
 float: left;
	height:650px; width: 366px;	
	border: 1px solid #978c8c;
	border-left: 0px;
	}
	* html #fwpic img, * html #fwpic2 img, * html #fwpic3 img  {
	border: 0;
		margin-bottom: -3px;
		padding: 0px;
	}
/** tooltips vorschaubild **/
#fwpic a, #fwpic2 a, #fwpic3 a {
	border-bottom: 0px dashed brown;
	text-decoration: none;
}
#fwpic a:hover, #fwpic a:focus, #fwpic2 a:hover, #fwpic2 a:focus , #fwpic3 a:hover, #fwpic3 a:focus {
	position: relative;
}

#fwpic a span, #fwpic2 a span, #fwpic3 a span {
	display: none;
}

#fwpic a:hover span, #fwpic a:focus span, #fwpic2 a:hover span, #fwpic3 a:focus span, #fwpic3 a:hover span, #fwpic3 a:focus span{
	display: block;
   	position: absolute; top: -40px; left: 0;
	/* formatting only styles */
   	padding: 5px; margin: 4px; z-index: 100;
   	background: #000; border: 1px solid #fefefe; color: #fefefe;
	 opacity: 0.6; filter:alpha(opacity=60);
	/* end formatting */
}
* html #fwpic a:hover span, * html #fwpic2 a:hover span{
   	position: absolute; top: 600px; left: 0;
}

/** summer **/
#fwthumb {
position: relative;
 float: left;
	height:650px; width: 370px;	
	padding: 0px 4px;
	padding-left: 8px;
	padding-right: 2px;
	border-top: 1px solid #978c8c;
	border-bottom: 1px solid #978c8c;
	letter-spacing: 1px;
	}
#fwthumb a span, #fwthumb2 a span, #fwthumb3 a span {
	display: none;
	width: 52px;
}
#fwthumb a:hover span, #fwthumb2 a:hover span, #fwthumb3 a:hover span{
	display: block;
	/* formatting only styles */
   	padding: 1px; margin: 0px; z-index: 100;
   	background: #000; border: 1px solid #fefefe; color: #fefefe;
	 opacity: 0.6; filter:alpha(opacity=60);
	/* end formatting */
}

/** winter **/
#fwthumb2 {
position: relative;
 float: left;
	height:650px; width: 88px;	
	padding: 0px 4px;
	padding-left: 8px;
	padding-right: 2px;
	border-top: 1px solid #978c8c;
	border-bottom: 1px solid #978c8c;
	letter-spacing: 1px;
	}
/** fwlc **/
#fwthumb3 {
position: relative;
 float: left;
	height:650px; width: 190px;	
	padding: 0px 4px;
	padding-left: 8px;
	padding-right: 2px;
	border-top: 1px solid #978c8c;
	border-bottom: 1px solid #978c8c;
	letter-spacing: 1px;
	}

/** thumbnails **/
/** summer **/
		.thumb a, .thumb a:link, .thumb a:visited, .thumb div {
			float: left;
			background: no-repeat top left;
			width: 59px;
			height: 128px;
			margin-top: 0px;
			margin-right: 2px;
			margin-bottom: 2px;
		}
		.thumb a:focus, .thumb a:hover, .thumb a:active {
		background-position:top left;
		} 
		
/** winter **/
		.thumb2 a, .thumb2 a:link, .thumb2 a:visited, .thumb2 div {
			float: left;
			background: no-repeat top left;
			width: 69px;
			height: 128px;
			margin-top: 0px;
			margin-right: 2px;
			margin-bottom: 2px;
		}
		.thumb2 a:focus, .thumb2 a:hover, .thumb2 a:active {
		background-position: right;
		} 
		

		#descr {
		position: absolute;
		font-size: 10px;
			bottom: 2px;
			left: 4px;
		}
		#descr p {
			margin-bottom: 2px;
			margin-top: 0px;
			padding-left: 4px;
		}
/** thumbnails **/

#fwtext {
 float: left;
 padding: 0px 10px;
	height:650px; width: 260px;	
	border-top: 1px solid #978c8c;
	border-bottom: 1px solid #978c8c;
	border-right: 1px solid #978c8c;
	font-size: 12px;
	line-height: 18px;
	text-align: right;
	letter-spacing: 1px;
	}


#fwtext h1 {
margin-top: 18px;
margin-bottom: 34px;
	text-align: right;
	text-transform: uppercase;
	font-size: 14px;
	vertical-align: middle;
	}

.spsu {
font-weight: normal;
	color: #f46494;
}
.fawi {
	color: #fefefe;
}
.fwlc {
font-weight: normal;
	color: #aea18e;
}
	
	#galltext	{
	float: left;
		width: 40px;
		height: 650px;
	border-top: 1px solid #978c8c;
	border-bottom: 1px solid #978c8c;
			background: no-repeat top left;
			background-image: url(../navipic/gallery.gif);
	}
	
	#gallerysu {
	float: left;
	padding-left: 4px;
	padding-bottom: 0px;
		width: 6700px;
		height: 650px;
	border: 1px solid #978c8c;		
	}	
	#galleryfall10 {
	float: left;
	padding-left: 4px;
	padding-bottom: 0px;
		width: 9750px;
		height: 650px;
	border: 1px solid #978c8c;		
	}	

	#galleryfall10 a{
margin-left: 4px;	
	}	
	#gallerywi {
	float: left;
	padding-left: 4px;
	padding-bottom: 0px;
		width: 1792px;
		height: 650px;
	border: 1px solid #978c8c;		
	}
	#galleryfwlc {
	float: left;
	padding-left: 4px;
	padding-bottom: 0px;
		width: 3051px;
		height: 650px;
	border: 1px solid #978c8c;		
	}
#gallerysu a:hover, #gallerysu a:focus, #gallerywi a:hover,#gallerywi a:focus,  #galleryfwlc a:hover,  #galleryfwlc a:focus, #galleryfall10 a:hover, #galleryfall10 a:focus  {
	position: relative;
}

#gallerysu a span, #gallerywi a span , #galleryfwlc a span, #galleryfall10 a span{
	display: none;
}

#gallerysu a:hover span,#gallerysu a:focus span, #gallerywi a:hover span, #gallerywi a:focus span, #galleryfwlc a:hover span, #galleryfwlc a:focus span, #galleryfall10 a:hover span, #galleryfall10 a:focus span{
	display: block;
   	position: absolute; top: -40px; left: 0;
	/* formatting only styles */
   	padding: 5px; margin: 4px; z-index: 100;
   	background: #000; border: 1px solid #fefefe; color: #fefefe;
	 opacity: 0.6; filter:alpha(opacity=60);
	/* end formatting */
}
* html #gallerysu a:hover span, * html #gallerywi a:hover span, * html #galleryfall10 a:hover span{
   	position: absolute; top: 600px; left: 0;
}
	
	* html #gallerysu img, * html #gallerywi img, * html #galleryfwlc img, * html #galleryfall10 img   {
	border: 0;
		margin-bottom: -3px;
		padding: 0px;
	}

	/** footer **/
	
#footersu {
	width: 8000px;
	margin-top: 4px;
}
#footerfall10 {
	width: 10860px;
	margin-top: 4px;
	white-space: nowrap;
}
#footerwi {
	width: 2890px;
	margin-top: 4px;
}
#footerfwlc {
	width: 4200px;
	margin-top: 4px;
	border: 0px solid red;
}
#footerfwlc a, #footerfwlc a:link, #footerfwlc a:visited{
margin-right: 216px;
	font-size: 10px;
	color: #978c8c;
	text-decoration: none;
	font-style: italic;
}
#footerfwlc a:focus , #footerfwlc a:hover, #footerfwlc a:link.active, #footerfwlc a:visited.active  {
		color: #fefefe
}
#footersu a, #footersu a:link, #footersu a:visited {
margin-right: 236px;
	font-size: 10px;
	color: #978c8c;
	text-decoration: none;
	font-style: italic;
}
#footersu a:focus , #footersu a:hover, #footersu a:link.active, #footersu a:visited.active  {
		color: #fefefe
}
#footerfall10 a, #footerfall10 a:link, #footerfall10 a:visited {
margin-right: 334px;
	font-size: 10px;
	color: #978c8c;
	text-decoration: none;
	font-style: italic;
}
#footerfall10 a:focus , #footerfall10 a:hover, #footerfall10 a:link.active, #footerfall10 a:visited.active  {
		color: #fefefe
}
#footerwi a, #footerwi a:link, #footerwi a:visited {
margin-right: 288px;
	font-size: 10px;
	color: #978c8c;
	text-decoration: none;
	font-style: italic;
}
#footerwi a:focus , #footerwi a:hover, #footerwi a:link.active, #footerwi a:visited.active  {
		color: #fefefe
}

.viewfull {
	margin-left: 510px;
}

.viewfull2 {	
	margin-left: 565px;
}
/** fullcat grosses popup **/

#fullcat { margin:0; padding:0; border:0; height:100%;overflow-y:auto; overflow-x:hidden; background-color:#000;
font-family: Arial, Verdana, sans-serif; font-size:12px;}
#box {display:block; 
width:130px; 
position:fixed; left:784px; top: 230px; 
height: 470px; width: 200px;
border:0px; padding:16px; 
text-align:left; 
	letter-spacing: 1px; 
background-color: #000; opacity: 0.8; filter:alpha(opacity=80);}

* html #box {
	margin-right: 0px;
	left: 784px;
}
* html #fullcat {
	 width: 100%; 
}
#box h1 {
font-size: 14px;
	font-weight: normal;
	margin-bottom: 18px;
	text-transform: uppercase;
}

#box p {
	margin-bottom: 18px;	
}

.whitetext {
	color: #fefefe;
}

* html #box {position:absolute;}
#box a, #box a:link,#box a:visited {text-decoration:none; color:#000; background-color: #978c8c; padding: 3px;}
#box a:focus , #box a:hover, #box a:link.active, #box a:visited.active   {color:#fff;}

/** ----------------------- **/

#col {
 float: left;
	width: 900px;
	font-size: 12px;
	line-height: 14px;
	letter-spacing: 1px;
	padding: 0px 16px;
	line-height: 20px;
	text-align: justify;
	border: 0px solid red;
	height: 650px;
}
.cover {
	margin-right: 14px;
}
#middlecol {
 float: left;
	width: 500px;
	font-size: 12px;
	line-height: 14px;
	letter-spacing: 1px;
	padding: 0px 16px;
	line-height: 20px;
	text-align: justify;
	border: 0px solid red;
}
#middlecol h1, #col h1 {
	text-transform: uppercase;
	font-size: 14px;
	color: #fefefe;
	}


#rightcol {
 float: left;
	width: 354px;
	font-size: 10px;
	text-align: center;
	border: 0px solid red;
}
 /* autopopup */
 
 #interContainer{
position: absolute;
width: 502px; /*Width of interstitial box*/
left: 0;
top: 0;
padding: 0px;
background-color: #000;
border: 0px solid #978c8c;
visibility: hidden;
z-index: 6;
}

#interContainer .headerbar{ /*CSS for header bar of interstitial box*/
color: #fefefe;
padding: 0px 0;
text-align: right;
border: 1px solid #978c8c;
border-bottom: 0px;
}

#interContainer .headerbar a{ /*CSS for header bar links of interstitial box*/
font-size: 12px;
color: #fefefe;
text-decoration: none;
}


#interContent{ /*CSS for div that holds the content to show*/
margin: 0px;
padding: 0px;
background-color: #000;
border: 1px solid #978c8c;
}

#interVeil{ /*CSS for background veil that covers entire page while interstitial box is visible*/
position: absolute;
background: black url(../navipic/blackdot.gif);
right: 0;
width: 10px;
top: 0;
z-index: 5;
visibility: hidden;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=80);
opacity: 0.6;
}