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

/* ========================= MAIN ========================= */

body
{
	background:#FFF;
	font-family: Verdana, Tahoma, Geneva, Arial, sans-serif;
	color:#000;
	background-image:url(_src/background.png);
	background-repeat:repeat-x;
}

#head
{
	width:800px;
	position:absolute;
	left:50%;
	margin-left:-400px;
	top:16;
	height:230px;
	background-image:url(_src/head.png);
	font-size: 10px;
	color:#008;
}

#cont
{
	width:800px;
	position:absolute;
	left:50%;
	margin-left:-400px;
}

/* ========================= MENU ========================= */

#menu
{
	width:290px;
	height:200px;
	position:absolute;
	left:50%;
	margin-left:-400px;
	top:160px;
	padding:1px;
	background-image:url(_src/menfield.png);
	background-repeat:no-repeat;
	font-size: 20px;
	font-weight: bold;
	text-indent: 10px;
	line-height: 0.9em;
	z-index:9;
/*	
  border-width:1px;
	border-style:solid;
	border-color:#FF0;*/
}

#menu2
{
	position:absolute;
	left:680px;
	top:100px;
	width:50px;
	font-size: 20px;
	font-weight: bold;
	line-height: 0.5em;
}

.menuItem
{
}

#kon
{
  margin-left:20px;
	font-size:1.0em;
}

#anf
{
  margin-left:20px;
	font-size:1.0em;
}

#imp
{
  margin-left:20px;
	font-size:0.7em;
	height:30px;
}

#torsch
{
	background-image:url(_src/tor.png);
	position:relative;
	width:121px;
	height:112px;
	top:200px;
	left:750px;
	z-index:9;
}

#off
{
	background-image:url(_src/offer.png);
	position:absolute;
	width:89px;
	height:84px;
	top:120px;
	left:-50px;
	z-index:9;
}

#m01
{
	font-size:1.3em;
  position:relative;
  top:0px;
  left:0px;
  width:290px;
  height:30px;
  text-align:right;
}

#m02
{
	font-size:1.2em;
  position:relative;
  top:0px;
  left:0px;
  width:240;
  height:30px;
  text-align:right;
}

#m03
{
	font-size:1.2em;
  position:relative;
  top:0px;
  left:0px;
  width:175px;
  height:30px;
  text-align:right;
}

#m04
{
	font-size:1.0em;
  position:relative;
  top:0px;
  left:0px;
  width:135px;
  height:30px;
  text-align:right;
}

#m05
{
	font-size:1.0em;
  position:relative;
  top:0px;
  left:0px;
  width:90px;
  height:30px;
  text-align:right;
}

/* ========================= DISPLAY ========================= */

#display
{
	background-image:url(_src/menfield.png);
	height:900px;
	position:absolute;
	top:250px;
	left:0px;
	color:#000;
	width:800px;
	z-index:0;
}

#topic
{
	font-size:1.7em;
	font-weight:bold;
	color:#008;
	margin-right:50px;
	float:right;
	text-align:right;
}

#intro
{
  position:absolute;
  left:350px;
  top:40px;
	width:400px;
	height:120px;
	padding:10px;
	color:#008;
  text-align:right;
	font-size:16px;
	font-weight:500;
	line-height:1.2em;
}

#col1
{
  position:absolute;
  top:150px;
  left:15px;
	width:350px;
	padding:10px;
  text-align:right;
  color:#008;
	font-size:16px;
	line-height:1.5em;
}

#col2
{
	position:absolute;
	top:150px;
	left:410px;
	width:350px;
	padding:10px;
	text-align:left;
	color:#008;
	font-size:16px;
	line-height:1.5em;
}

#footer
{
	position:absolute;
	width:500px;
	margin-left:-250px;
	left:50%;
	top:1150px;
	font-size:12px;
	text-align:center;
}

/* ========================= PICTURES ======================== */

/* =============HOME================== */
                                                                 
#HOME_picBox01
{
  position:absolute;
  top:500px;
  left:-110px;
  width:510px;
  height:115px;
  padding:5;
  background-color:#FFF;
}

#HOME_picBox01 #pic01
{
  margin-left:30;
  margin-top:0;
  width:150px;
  z-index:5;          
}

#HOME_picBox01 #pic02
{
  margin-left:0;
  margin-top:0;
  width:150px;
  z-index:4;          
}

#HOME_picBox01 #pic03
{
  margin-left:0;
  margin-top:0;
  width:150px;
  z-index:4;          
}

/* =============STICK================== */

#STICK_picBox01
{
  position:absolute;
  top:160px;
  left:390px;
  width:400px;
  height:600px;
  background-color:#FFF;
  background-image:url(_src/kork.png);
  border-width:20px;
	border-style:groove;
	border-color:#FB0;
}

#STICK_picBox01 #pic01
{
  position:relative;
  top:-20px;
  left:-30px;
  width:150px;
  z-index:7;
}

#STICK_picBox01 #pic02
{
  position:relative;
  top:-10px;
  left:70px;
  width:150px;
  z-index:6;
}

#STICK_picBox01 #pic03
{
  position:relative;
  top:-30px;
  left:-10px;
  width:200px;
  z-index:5;
}

#STICK_picBox01 #pic04
{
  position:relative;
  top:-30px;
  left:0px;
  width:200px;
  z-index:4;
}

#STICK_picBox01 #pic05
{
  position:relative;
  top:-50px;
  left:0px;
  width:150px;
  z-index:3;
}

#STICK_picBox01 #pic06
{
  position:relative;
  top:0px;
  left:0px;
  width:150px;
  z-index:6;
}

#STICK_picBox01 #pic07
{
  position:relative;
  top:-50px;
  left:0px;
  width:200px;
  z-index:5;
}

/* =============TEXTIL================== */

#TEXTIL_picBox01
{
  position:absolute;
  top:70px;
  left:-50px;
  width:900px;
}

#TEXTIL_picBox01 #pic01
{
  position:relative;
  top:340px;
  left:320px;
  width:120px;
}

#TEXTIL_picBox01 #pic02
{
  position:relative;
  top:390px;
  left:260px;
  width:120px;
  z-index:5;
}

#TEXTIL_picBox01 #pic03
{
  position:relative;
  top:330px;
  left:200px;
  width:120px;
}

#TEXTIL_picBox01 #pic04
{
  position:relative;
  top:380px;
  left:160px;
  width:120px;
}

#TEXTIL_picBox01 #pic05
{
  position:relative;
  top:310px;
  left:110px;
  width:120px;
  z-index:3;
}

#TEXTIL_picBox01 #pic06
{
  position:relative;
  top:360;
  left:40;
  width:130px;
  z-index:6;
}

#TEXTIL_picBox01 #pic07
{
  position:relative;
  top:280;
  left:-70;
  width:130px;
  z-index:4;
}

#TEXTIL_picBox01 #pic08
{
  position:relative;
  top:20;
  left:-30;
  width:120px;
}

#TEXTIL_picBox01 #pic09
{
  position:relative;
  top:120;
  left:-160;
  width:140px;
}

#TEXTIL_picBox01 #pic10
{
  position:relative;
  top:220;
  left:-280;
  width:140px;
}

#TEXTIL_picBox01 #pic11
{
  position:relative;
  top:200;
  left:-320;
  width:140px;
}

#TEXTIL_picBox01 #pic12
{
  position:relative;
  top:280;
  left:-400;
  width:120px;
  z-index:8;
}

#TEXTIL_picBox01 #pic13
{
  position:relative;
  top:230;
  left:-450;
  width:120px;
}

#TEXTIL_picBox01 #pic14
{
  position:relative;
  top:150;
  left:600 ;
  width:140px;
  z-index:9;
}

/* =============FOLIEN================== */

#FOIL_picBox01
{
  position:absolute;
  top:150px;
  left:20px;
  width:750px;
  height:600px;
  padding:5;
}

#FOIL_picBox01 #pic01
{
  position:relative;
  top:10;
  left:20;
  width:300px;
  z-index:2;
}

#FOIL_picBox01 #pic02
{
  position:relative;
  top:130;
  left:-240;
  width:300px;
  z-index:4;
}

#FOIL_picBox01 #pic03
{
  position:relative;
  top:100;
  left:250;
  width:200px;
  z-index:3;
}

/* =============TORSCHUSS================== */
                                                                 
#TORSCHUSS_picBox01
{
  position:absolute;
  top:500px;
  left:320px;
  width:430px;
  padding:5;
}

#TORSCHUSS_picBox01 #pic01
{
  margin-left:230;
  margin-top:0;
  width:170px;
  z-index:5;          
}

#TORSCHUSS_picBox01 #pic02
{
  margin-left:120;
  margin-top:-30;
  width:170px;
  z-index:4;          
}

#TORSCHUSS_picBox01 #pic03
{
  margin-left:10;
  margin-top:-30;
  width:170px;
  z-index:3;          
}

/* =============GALERIE================== */

#gallery
{
	width:700px;
	height:600px;
	position: absolute;
	top:150px;
	left:50px;
	padding:10px;
	text-align:center;
}

#gallery img
{
	width:100px;
}

/* ===========SPECIALOFFER================ */

#offer
{
	width:800px;
	height:600px;
	position: absolute;
	top:120px;
	left:0px;
	text-align:center;
}

.left td,th
{
	width:170px;
	text-align:left;
}

.right td,th
{
	width:170px;
	text-align:right;
}

#offer img
{
	width:120px;
}

.tabpic
{
	text-indent:0em;
}

/* =============CONTACT================== */

#letter
{
	width:500px;
	height:500px;
	position: absolute;
	top:150px;
	left:100px;
	padding:3em;
}

#send
{
	width:100px;
	margin-left:200px;
}

#sent
{
	width:500px;
	height:500px;
	position: absolute;
	top:150px;
	left:100px;
	padding:3em;
}

#sent img
{
	width:500px;
}

/* ========================= ANFAHRT ======================= */

#streetMap
{
	width:796px;
	position:absolute;
	left:50%;
	margin-left:-400px;
	top:130px;
}

/* ========================= STUFF ========================= */

.thumb
{
	padding:15px;
}

img
{
	border:0px;
}

#HSpacer
{
  height:130px;
}

#TSpacer
{
  height:20px;
}

a:link
{
	color: #008;
}
a:visited
{
	color: #008;
}
a:hover
{
	color: #D00;
}
a:active
{
	color: #D00;
}

/* ======================= LIGHTBOX ======================= */

#lightbox{	
	position: absolute;	
	left: 0; 
	width: 100%; 
	z-index: 100; 
	text-align: center; 
	line-height: 0;}
#lightbox img{ 
	width: auto; 
	height: auto;}
#lightbox a img{ 
	border: none; }

#outerImageContainer{ 
	position: relative; 
	background-color: #fff; 
	width: 250px; 
	height: 250px; 
	margin: 0 auto; }
#imageContainer{ 
	padding: 10px; }

#loading{ 
	position: absolute; 
	top: 40%; 
	left: 0%; 
	height: 25%; 
	width: 100%; 
	text-align: center; 
	line-height: 0; }
#hoverNav{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	height: 100%; 
	width: 100%; 
	z-index: 10; }
#imageContainer>#hoverNav{ 
	left: 0;}
#hoverNav a{ 
	outline: none;}

#prevLink, #nextLink{ 
	width: 49%; 
	height: 100%; 
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ 
	display: block; }
#prevLink { 
	left: 0; 
	float: left;}
#nextLink { 
	right: 0; 
	float: right;}
#prevLink:hover, #prevLink:visited:hover { 
	background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { 
	background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ 
	font: 10px Verdana, Helvetica, sans-serif; 
	background-color: #fff; 
	margin: 0 auto; 
	line-height: 1.4em; 
	overflow: auto; 
	width: 100%	; }

#imageData{	
	padding:0 10px; 
	color: #666; }
#imageData #imageDetails{ 
	width: 70%; 
	float: left; 
	text-align: left; }	
#imageData #caption{ 
	font-weight: bold;	}
#imageData #numberDisplay{ 
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ 
	width: 66px; 
	float: right;  
	padding-bottom: 0.7em; 
	outline: none;}	 	

#overlay{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	z-index: 90; 
	width: 100%; 
	height: 500px; 
	background-color: #000; }