/* CSS Document */

body {
     	text-align: center;
     	font-size: 9pt;
     	font-family: Century Gothic, Arial, sans-serif;
     	margin: 0px;
		background-image: url(../images/00024.gif);
		background-position: top left;
		background-repeat: repeat-x;
	 	cursor: default;
		}
		
#wrapper	{
				position: relative;
				margin: 20px auto;
				width: 900px;
				height: 600px;
				background-color: #FFFFFF;
				background-image: url(../images/00026.gif);
				background-position: bottom right;
				background-repeat: no-repeat;
				background-color: #FFFFFF;
				border-right: 1px solid #FFFFFF;
				border-left: 1px solid #FFFFFF;
				}
				
#startlink	{
	position: absolute;
	right: 15px;
	bottom: 20px;
	width: 175px;
	height: 80px;
	cursor: pointer;
				}
				
#printlogo	{visibility: hidden; position: absolute; right: 0px; bottom: 0px;}

#header	{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 350px;
	height: 60px;
	background-image: url(../images/schriftzug.png);
	background-position: left center;
	background-repeat: no-repeat;
				}

#footerintro	{
	position: absolute;
	visibility: hidden;
	bottom: -20px;
	right: 0px;
	width: 720px;
    text-align: right;
				}

#footer	{
	position: absolute;
	bottom: -20px;
	right: 0px;
	width: 830px;
	text-align: right;
				}
* html #footer	{
	position: absolute;
	bottom: -20px;
	right: 0px;
	width: 900px;
	text-align: right;
				}
				
#footerintro p,
#footer	p	{
				margin: 0px;
				padding: 0px;
				font-size: 9pt;
				}
#footerintro p,
#footer p {
	color: #444444;
				}

#service	{
	position: absolute;
	visibility: hidden;
	text-align: right;
	top: 50px;
	right: 5px;
	width: 55px;
	height: 15px;
	cursor: pointer;
	background-image: url(../images/pfeil_up_le.gif);
	background-position: left center;
	background-repeat: no-repeat;
				}

#service p,
#showservice p	{
				color: #847d61;
				margin: 0px;
				padding: 0px;
				font-size: 10pt;
						}
				
#showservice	{
	position: absolute;
	visibility: visible;
	text-align: right;
	top: 50px;
	right: 5px;
	width: 45px;
	height: 15px;
	cursor: pointer;
	background-image: url(../images/pfeil_up_le.gif);
	background-position: left center;
	background-repeat: no-repeat;
				}	
				
#info		{
	position: absolute;
	visibility: hidden;
	top: 20px;
	right: 40px;
	width: 100px;
	height: 25px;
			}

#home				{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 25px;
	height: 25px;
	cursor: pointer;
	background-image: url(../images/home2.gif);
	background-position: center;
	background-repeat: no-repeat;
						}

#print				{
	position: absolute;
	top: 0px;
	left: 25px;
	width: 25px;
	height: 25px;
	cursor: pointer;
	background-image: url(../images/print2.gif);
	background-position: center;
	background-repeat: no-repeat;
						}

#recommend	{
	position: absolute;
	top: 0px;
	left: 50px;
	width: 25px;
	height: 25px;
	cursor: pointer;
	background-image: url(../images/mail2.gif);
	background-position: center;
	background-repeat: no-repeat;
						}

#map				{
	position: absolute;
	top: 0px;
	left: 75px;
	width: 25px;
	height: 25px;
	cursor: pointer;
	background-image: url(../images/sitemap2.gif);
	background-position: center;
	background-repeat: no-repeat;
						}
  
#wrapper_pop	{
	position: absolute;
	right: 0px;
	top: 0px;
	width: 220px;
	height: 350px;
	font-size: 8pt;
	color: #444444;
	text-align: left;
	visibility: hidden;
		}

			
#navcontainer	{
	position: absolute;
	top: 90px;
	left: 0px;
	width: 900px;
	height: 26px;
	text-align: left;
	background-image: url(../images/backstruk.jpg);
	background-position: left top;
	background-repeat: no-repeat;
						}
			
#zier1	{
	position: absolute;
	top: 105px;
	left: 0px;
	width: 900px;
	height: 15px;
	text-align: left;
	background-image: url(../images/backstruk.jpg);
	background-position: left top;
	background-repeat: no-repeat;
						}
			
#zier2	{
	position: absolute;
	bottom: 105px;
	left: 0px;
	width: 900px;
	height: 15px;
	text-align: left;
	background-image: url(../images/backstruk.jpg);
	background-position: left top;
	background-repeat: no-repeat;
						}


#struktur	{
				position: relative;
				margin: auto;
				width: 900px;
				height: 350px;
				top: 125px;
				left: 0px;
				background-image: url(../images/00022.jpg);
				background-position: top left;
				background-repeat: repeat-x;
				border-top: 1px solid #847d61;
				border-bottom: 1px solid #847d61;
				}

#struktur2	{
				position: relative;
				margin: auto;
				width: 900px;
				height: 350px;
				top: 125px;
				left: 0px;
				background-image: none;
				border-top: 1px solid #847d61;
				border-bottom: 1px solid #847d61;
				}

* html #struktur,
* html #struktur2	{
				height: 352px;
				}
				
#slice1	{
					position: absolute;
					top: 0px;
					left: 0px;
					width: 300px;
					height: 350px;
					background-image: url(../images/intro-slice1.jpg);
					background-position: top left;
					background-repeat: no-repeat;
					}
				
#slice2	{
					position: absolute;
					top: 0px;
					left: 300px;
					width: 300px;
					height: 350px;
					background-image: url(../images/intro-slice2.jpg);
					background-position: top left;
					background-repeat: no-repeat;
					}
				
#slice3	{
					position: absolute;
					top: 0px;
					left: 600px;
					width: 300px;
					height: 350px;
					background-image: url(../images/intro-slice3.jpg);
					background-position: top left;
					background-repeat: no-repeat;
					}

#dam_oben1	{
					position: absolute;
					top: 0px;
					left: 0px;
					width: 450px;
					height: 350px;
					background-image: url(../images/22407_01.jpg);
					background-position: top left;
					background-repeat: no-repeat;
					}

#dam_oben2{
					position: absolute;
					top: 0px;
					left: 450px;
					width: 450px;
					height: 350px;
					background-image: url(../images/22407_02.jpg);
					background-position: top left;
					background-repeat: no-repeat;
					}

#he_oben1	{
					position: absolute;
					top: 0px;
					left: 0px;
					width: 450px;
					height: 350px;
					background-image: url(../images/26407_01.jpg);
					background-position: top left;
					background-repeat: no-repeat;
					}

#he_oben2{
					position: absolute;
					top: 0px;
					left: 450px;
					width: 450px;
					height: 350px;
					background-image: url(../images/26407_02.jpg);
					background-position: top left;
					background-repeat: no-repeat;
					}
					
#big20310			{
	position: absolute;
	top: -65px;
	left: 0px;
	width: 270px;
	height: 450px;
	cursor: pointer;
	background-image: url(../images/20310big.jpg);
	background-position: center;
	background-repeat: no-repeat;
					}
					
#big20311			{
	position: absolute;
	top: -65px;
	left: 290px;
	width: 270px;
	height: 450px;
	cursor: pointer;
	background-image: url(../images/20311big.jpg);
	background-position: center;
	background-repeat: no-repeat;
					}
					
#trend			{
	position: absolute;
	top: -65px;
	left: 230px;
	width: 350px;
	height: 450px;
	cursor: pointer;
	background-image: url(../images/trend.jpg);
	background-position: center;
	background-repeat: no-repeat;
					}
					
#favorit			{
	position: absolute;
	top: -65px;
	left: 450px;
	width: 350px;
	height: 450px;
	cursor: pointer;
	background-image: url(../images/favorit.jpg);
	background-position: center;
	background-repeat: no-repeat;
					}
					
#eigenwillig			{
	position: absolute;
	top: -65px;
	left: 130px;
	width: 350px;
	height: 450px;
	cursor: pointer;
	background-image: url(../images/klassisch_herren.jpg);
	background-position: center;
	background-repeat: no-repeat;
					}
					
#klassiker			{
	position: absolute;
	top: -65px;
	left: 230px;
	width: 350px;
	height: 450px;
	cursor: pointer;
	background-image: url(../images/klassiker.jpg);
	background-position: center;
	background-repeat: no-repeat;
					}

#kol_oben1	{
					position: absolute;
					top: 0px;
					left: 0px;
					width: 450px;
					height: 350px;
					}

#kol_oben2{
					position: absolute;
					top: 0px;
					left: 450px;
					width: 450px;
					height: 350px;
					}

#aktuell_oben1	{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 450px;
	height: 350px;
	background-image: url(../images/22307_01.jpg);
	background-position: top left;
	background-repeat: no-repeat;
					}

#aktuell_oben2{
	position: absolute;
	top: 0px;
	left: 450px;
	width: 450px;
	height: 350px;
	background-image: url(../images/22307_02.jpg);
	background-position: top left;
	background-repeat: no-repeat;
					}

#aktuell_unten{
					position: absolute;
					bottom: -1px;
					left: 0px;
					width: 900px;
					height: 150px;
					text-align: center;
					}

#aktuell_unten1{
					position: absolute;
					bottom: -1px;
					left: 0px;
					width: 225px;
					height: 150px;
					}

#aktuell_unten2{
					position: absolute;
					bottom: -1px;
					left: 225px;
					width: 225px;
					height: 150px;
					}

#man_oben1	{
					position: absolute;
					top: 0px;
					left: 0px;
					width: 450px;
					height: 350px;
					background-image: url(../images/23407_01.jpg);
					background-position: top left;
					background-repeat: no-repeat;
					}

#man_oben2{
					position: absolute;
					top: 0px;
					left: 450px;
					width: 450px;
					height: 350px;
					background-image: url(../images/23407_02.jpg);
					background-position: top left;
					background-repeat: no-repeat;
					}

#man_unten1{
					position: absolute;
					bottom: 0px;
					left: 0px;
					width: 225px;
					height: 150px;
					}

#man_unten2{
					position: absolute;
					bottom: 0px;
					left: 225px;
					width: 225px;
					height: 150px;
					}

#man_unten3{
					position: absolute;
					bottom: 0px;
					left: 450px;
					width: 225px;
					height: 150px;
					}

#man_unten4{
					position: absolute;
					bottom: 0px;
					left: 675px;
					width: 225px;
					height: 150px;
					}
.partner{			
					background-image: url(../images/23507_04.jpg);
					background-position: center;
					background-repeat: no-repeat;
					}

#mat_oben1	{
					position: absolute;
					top: 0px;
					left: 0px;
					width: 450px;
					height: 350px;
					background-image: url(../images/24607_01.jpg);
					background-position: top left;
					background-repeat: no-repeat;
					}

#mat_oben2{
					position: absolute;
					top: 0px;
					left: 450px;
					width: 450px;
					height: 350px;
					background-image: url(../images/24607_02.jpg);
					background-position: top left;
					background-repeat: no-repeat;
					}
					
#orn			{
	position: absolute;
	left: -45px;
	bottom: -235px;
	width: 190px;
	height: 200px;
	background-image: url(../images/ornament.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	visibility: hidden;
		}
		
#orn.show	{visibility: visible}
* html #orn	{background-image: none;}

#manufaktur1	{
				position: absolute;
				top: 125px;
				left: 0px;
				width: 900px;
				height: 200px;
				background-image: url(../images/backstruk.gif);
				background-position: center;
				background-repeat: repeat;
				}
				
#left	{
	position: absolute;
	width: 280px;
	height: 350px;
	top: 0px;
	left: 0px;
				}
				
#left2	{
	position: absolute;
	width: 280px;
	height: 350px;
	top: 0px;
	left: 290px;
				}
				
#leftkon	{
	position: absolute;
	width: 250px;
	height: 300px;
	top: 30px;
	left: 50px;
	text-align: left;
				}
#leftkon p	{line-height: 17px}
				
#rightkon	{
	position: absolute;
	width: 200px;
	height: 230px;
	top: 30px;
	left: 10px;
	text-align: left;
				}
#rightkon p	{line-height: 17px}
			
#content	{
	position: absolute;
	width: 500px;
	height: 330px;
	top: 0px;
	left: 330px;
	text-align: left;
	padding: 10px;
				}
			
#content_small	{
	position: absolute;
	width: 320px;
	height: 330px;
	top: 0px;
	left: 540px;
	text-align: left;
	padding: 10px;
				}

#contentstruk	{
				position: absolute;
				width: 500px;
				height: 330px;
				top: 0px;
				left: 190px;
				text-align: left;
				padding: 10px;
				}
				
* html #contentstruk	{
				height: 350px;
				padding: 0px 10px;
				}

#contentstruk2	{
	position: absolute;
	width: 500px;
	height: 310px;
	top: 0px;
	right: 30px;
	text-align: left;
	padding: 20px;
				}
				
* html #contentstruk2	{
				height: 350px;
				padding: 20px 10px 0px 10px;
				}

#contentstruk.trans,
#contentstruk2.trans 	{
				background-image: url(../images/introback_trans.png);
				background-position: top left;
				background-repeat: repeat;
				}
					
a#goto1 		{
	position: absolute;
	top: -22px;
	left: 10px;
	height: 20px;
	text-decoration: none;
	font-size: 8pt;
	color: #847d61
}
					
a#goto1b 		{
	position: absolute;
	top: -22px;
	left: 90px;
	height: 20px;
	text-decoration: none;
	font-size: 8pt;
	color: #847d61
}

a#goto1.koll		{bottom: 0px; left: 20px; text-decoration: none; font-size: 8pt; color: #e6d695}
a#goto1b.koll 	{bottom: 0px; text-decoration: none; font-size: 8pt; color: #e6d695}

					
a#goto2 		{
	position: absolute;
	top: -22px;
	right: 10px;
	height: 20px;
	text-decoration: none;
	font-size: 8pt;
	color: #847d61
}

a#goto2.koll 	{bottom: 0px; right: 15px; text-decoration: none; font-size: 8pt; color: #e6d695}
					
a#goto3 		{
	position: absolute;
	bottom: -25px;
	left: 10px;
	height: 20px;
	text-decoration: none;
	font-size: 8pt;
	color: #847d61
}
					
a#goto4 		{
	position: absolute;
	bottom: -25px;
	right: 0px;
	height: 20px;
	text-decoration: none;
	font-size: 8pt;
	color: #847d61
}



#contentstart	{
				position: absolute;
				width: 500px;
				height: 330px;
				top: 0px;
				left: 190px;
				text-align: left;
				padding: 10px;
				}
				
#gal_cont		{
					position: absolute;
					visibility: visible;
					margin: 0 auto;
					left: 0px;
					top: 125px;
					width: 900px;
					height: 350px;
					border-top: 1px solid #FFFFFF;
					border-bottom: 1px solid #FFFFFF;
					background-image: url(../images/00022.jpg);
					background-position: center;
					background-repeat: no-repeat;
					}
										
#close	{
			position: absolute;
			bottom: 1px;
			padding-top: 3px;
			right: 1px;
			width: 100px;
			height: 20px;
			background-color: #FFFFFF;
			cursor: pointer;
			}
* html #close	{
			padding-top: 3px;
			height: 23px;
			}
						
ul, li
{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

blockquote.sitemap ul, blockquote.sitemap li	{
	list-style-type: none;
	margin: auto;
	padding: 3px 0px 0px 20px;
									}

* html blockquote.sitemap ul, * html blockquote.sitemap li	{
	list-style-type: none;
	margin: auto;
	padding: 3px 0px 0px 0px;
									}

blockquote.sitemap li	 a{
	text-decoration: none;
	border-bottom: 1px  dotted;
									}

blockquote.sitemap li	 li ul a{
	color: beige;
									}
* html .sitemap li a{
	text-decoration: underline;
	border-bottom: 0px  dotted;
									}


#partnerliste	{
	position: absolute;
	top: 10px;
	left: 50px;
	text-align: left;
	line-height: 15pt;
	width: 130px;
		}

#partnerliste li a	{
		text-decoration: none;
		font-size: 8pt;
		border-bottom: 1px dotted;
		}

/* -- TIP -- */

#qTip	 	{
 			padding: 5px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			border: 1px outset #847d61;
 			display: none;
			background-image: url(../images/00025.png);
			background-position: center;
			background-repeat: repeat;
 			color: #444444;
 			font-size: 8pt;
 			text-align: left;
 			position: absolute;
 			z-index: 1000;
			}


/* -- Style-Classes -- */

a.gold, a:link.gold, a:visited.gold 			{color: #c8a44e}
a.black, a:link.black, a:visited.black 	{color: #333333}
.black											 	{color: #333333}
.white											 	{color: #FFFFFF}

.hide	{visibility: hidden}

#contentstruk2 p	{line-height: 12pt}

p	{color: #FFFFFF; font-size: 10pt; margin: 5px auto;}
* html p	{font-size: 9pt;}

h1, h2, h3, h4, h5, h6	{margin: 7px auto}
h1		{font-size: 11pt; color: #e6d695; font-weight: normal}
h2		{font-size: 10pt; color: #e6d695; font-weight: normal}
h3		{font-size:  9pt; color: #e6d695; font-weight: normal}
h4		{font-size: 11pt; color: #c8a44e; font-weight: normal}
h5		{font-size: 10pt; color: #c8a44e; font-weight: normal}
h6		{font-size:  9pt; color: #c8a44e; font-weight: normal}

/* --- LINK-STYLE --- */


a:link {
		   font-weight: normal;
		   color: #e6d695;
		   text-decoration: underline;
}
a:visited {
	 		font-weight: normal;
          	color: #e6d695;
          	text-decoration: underline;
}
a:focus {
			font-weight: normal;
			color: #663300;
			text-decoration: overline;
}
a:hover {
			font-weight: normal;
			color: #FFFFFF;
			text-decoration: overline;
}
a:active {
			font-weight: normal;
			color: #CC9966;
			text-decoration: none;
}

#zu	{
		position: absolute;
		top: 2px;
		right: 2px;
		width: 25px;
		height: 25px;
		cursor: pointer;
		}
		
.point	{cursor: pointer}
		
.gold		{color: #c8a44e}
.gold2	{color: #e6d695}
.gold2help	{color: #e6d695; border-bottom: 1px dotted; cursor: help}

/* -- Image-Style -- */
img,  img a	{border: none}				 

blockquote h1,
blockquote p		{
					text-align: left;
					font-size: 9pt;
					}
					
/* -- BGIMG -- */

#change		{
	position: absolute;
	bottom: 0px;
	right: 0px;
	line-height: 20px;
	width: 280px;
	background-image: url(../images/introback_trans.png);
	background-position: top left;
	background-repeat: repeat;
	text-align: left;
	text-indent: 5px;
					}

					
.left20300	{
					background-color: #000000; /* -- Platzhalter-IMG -- */
					}
					
.left20301	{
					background-image: url(../images/20301.jpg);
					background-position: top left;	
					background-repeat: no-repeat;	
					}
					
.left20302	{
					background-image: url(../images/20300.jpg);
					background-position: top left;	
					background-repeat: no-repeat;
					}
					
#left20302b	{
					position: absolute;
					left: 300px;
					top: 100px;
					width: 450px;
					height: 500px;
					background-color: #595442;
					border: 1px solid #e6d695;
					}
					
#left20302b2	{
					position: absolute;
					left: 300px;
					top: 100px;
					width: 450px;
					height: 500px;
					background-color: #595442;
					border: 1px solid #e6d695;
					}
					
#hwr			{
					position: absolute;
					left: 300px;
					top: 100px;
					width: 450px;
					height: 500px;
					background-color: #595442;
					border: 1px outset #e6d695;
					}
					
#hwr2		{
					position: absolute;
					left: 300px;
					top: 100px;
					width: 450px;
					height: 500px;
					background-color: #595442;
					border: 1px outset #e6d695;
					}
					
.left20303	{
					background-image: url(../images/20303.jpg);
					background-position: top left;	
					background-repeat: no-repeat;	
					}
					
.left20306	{
					background-image: url(../images/20306.jpg);
					background-position: top left;	
					background-repeat: no-repeat;	
					}
					
.left20307	{
					background-image: url(../images/20307.jpg);
					background-position: top left;	
					background-repeat: no-repeat;	
					}
					
.left20308	{
					background-image: url(../images/20308.jpg);
					background-position: top left;	
					background-repeat: no-repeat;	
					}
					
.left20309	{
					background-image: url(../images/20309.jpg);
					background-position: top left;	
					background-repeat: no-repeat;	
					}
					
.left20310	{
					background-image: url(../images/20310.jpg);
					background-position: top left;	
					background-repeat: no-repeat;	
					}
					
.left20311	{
					background-image: url(../images/20311.jpg);
					background-position: top left;	
					background-repeat: no-repeat;	
					}
					
#mailing			{
					position: absolute;
					left: 200px;
					bottom: 75px;
					width: 380px;
					height: 300px;
					background-image: url(../images/00026.png);
					background-position: left;
					background-repeat: repeat;
					border: 1px solid #333300;
					font-size: 8pt;
					text-align: center;
					}
					
* html #mailing	{
					background-image: none;
					background-color: #FFFFFF;
					}
					
#mailing p		{color: #333300}

#mailing img	{position: absolute; left: 0px; bottom: 0px; width: 20px; height: 20px}
					
#disclaim			{
					position: absolute;
					left: 10px;
					top: 10px;
					width: 700px;
					padding: 10px;
					background-image: url(../images/introback_trans.png);
					background-position: left;
					background-repeat: repeat;
					border: 1px solid #333300;
					font-size: 8pt;
					text-align: left;
					}
					
* html #disclaim	{
					background-image: none;
					background-color: #333300;
					}
					
* html #disclaim	 p{
					color: #ffffff;
					}
					
#disclaim p		{color: #e6d695; font-size: 8pt;}

#disclaim img	{position: absolute; right: 0px; top: 0px; width: 20px; height: 20px}

#seligenstadt		{
						position: absolute;
						right: -30px;
						bottom: 20px;
						width: 320px;
						height: 320px;
						background-image: url(../images/steinheimer.png); 
						background-position: center; 
						background-repeat: no-repeat;
						}

*html #seligenstadt		{
						background-image: url(../images/steinheimer.jpg); 
						background-position: center; 
						background-repeat: no-repeat;
						}
#seligenstadt_button	{
	position: absolute;
	top: 123px;
	left: 163px;
	width: 30px;
	height: 30px;
	cursor: pointer;
						}
					
#vita			{
					position: absolute;
					left: 400px;
					top: 10px;
					width: 530px;
					height: 210px;
					text-align: left;
					padding: 20px;
					background-color: #595442;
					border: 1px outset #e6d695;
					background-image: url(../images/20312.gif); 
					background-position: bottom right; 
					background-repeat: no-repeat;
					}
#vita p		{font-size: 9pt}