body {
	margin: 0px;
	padding: 0px;
	color: #F3F1F1;
	font-size: 12px;
	font-family: Arial, Helvetica;
}

* { padding: 0; margin: 0; }


#shs1 	{position:absolute; top:65px;left:-15px;width:44px;height:30px;z-index: 100;}
#shs2 	{position:absolute; top:115px;left:20px;width:44px;height:30px;z-index: 101;}
#shs3 	{position:absolute; top:60px;left:45px;width:44px;height:30px;z-index: 102;}
#shs4 	{position:absolute; top:70px;left:95px;width:44px;height:30px;z-index: 100;}
#shs5 	{position:absolute; top:25px;left:70px;width:44px;height:30px;z-index: 102;}
#shs6 	{position:absolute; top:35px;left:175px;width:44px;height:30px;z-index: 100;}

h3	{
	color: #F3F1F1;
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica;
}

a 	{
   font-weight: normal;
   text-decoration: underline; 
   font-size: 11px; 
   color: white;
}

a:hover {  
   color: white;
}

#header	{
	width: 100%;
	height: 80px;
	background-image: url('images/stripes.jpg');
	background-repeat: no-repeat;
	background-position: right;	
}
	
#body	{
	width: 100%;
	height: 80%;
	background-color: #00297A;
	overflow: hidden;
	border-top: 10px solid #003399;	
	border-bottom: 4px solid #cc0000;
}

	#nav	{
		float: left;
		width: 138;
		height: 100%;
		padding-top: 21px;
		background-image: url('images/bgr_l_nav.gif');
		background-repeat: repeat-y;
	}
	
	#content	{
		float: left;
		margin: 20px 15px 0 20px;
	}
	
	#floorPlan	{
		position: relative;
		float: left;
		background-image: url('images/grundriss.jpg');
		background-repeat: no-repeat;
		width: 200px;
		height: 200px;
		margin-top: 20px;
	}

	#intro	{
		float: left;
		width: 200px;
		height: 200px;
		margin-top: 20px;
		color: #fff;
	}
	

/* ==============================================
   Navigation
   ============================================== */
#nav ul {
   margin: 0;   
}
#nav li {
   list-style-type: none; 
   margin: 0; 
}

/* ==============================================
   Gestaltung der Navigation: Hyperlinks  und strong 
   ============================================== */
#nav a,
#nav strong {
   display: block;
   font-weight: bold;
   min-height: 18px;
   text-decoration: none; 
   background-color: #003399;
   font-size: 11px; 
   color: white;
   text-align: left;
   padding: 0px 4px 10px 7px; 
   border-bottom: 1px solid #2e5ab4;
}
/* Hover und Focus */
#nav a:hover {  
   background-color: #8aa2d2; 
   color: white; 
   border-bottom: 1px solid #2e5ab4;
}

/* ==============================================
   Aktive Menüpunkte hervorheben
   ============================================== */
#home #navi01 strong,
#termin #navi02 strong, 
#karten #navi03 strong,
#gweinnspiel #navi04 strong,
#kontakt #navi05 strong {
   background-color: #8aa2d2; 
   color: #fff; 
} 

/* ==============================================
   Patches für IE5.x und 6
   ============================================== */
/* IE 5.x und 6: hasLayout für Hyperlinks */ 
* html #nav ul, 
* html #nav a, 
* html #nav strong {
   height: 1%;  /* oder 1px oder irgendeinen anderen Wert */ 
}
/* Für IE 5.x (für IE 6 stört es nicht) */
* html #nav li {
   float: left; 
   width: 100%; 
}

	