body {
	margin: 0px;
	padding: 0px;
	background-color: #fff;
	background-image: url('images/bg.jpg');
	color: #2f2f2f;
	font-size: 12px;
	font-family: Verdana;
}

* { padding: 0; margin: 0; }

td	{
	color: #2f2f2f;
	font-size: 12px;
	font-family: Verdana;
}



ul	{
	list-style-image: url('images/pfeil.gif');
}

li	{
	margin:15px;
	color: #4b67ac;
}

#nav	{
	float: left;
	width: 160px;
	height: 100%;
	padding-top: 59px;
	background-color: #fff;
	margin: 0;
}

#right	{
	float: left;
	width: 626px;
	height: 100%;
}

	#head	{
		width: 626px;
		height: 59px;
	}
	
		#imprint	{
			float: left;
			width: 193px;
			height: 16px;
			background-color: #f0f0f0;
			font-family: Arial,Helvetica;
			color: #999999;
			font-size: 10px;
			text-align: right;
			padding: 43px 5px 0 0px;
		}
		
		#imprint a, a:link, a:hover	{
			text-decoration: none;
			color: #999999;
		}
		
		#logo	{
			height: 59px;
			float: right;
			text-align: right;
		}
	
	
	#content	{
		width: 620px;
		height: 700px;
		margin-top:32px;
	}
	
		#content_left	{
			float: left;
			width: 190px;
			padding: 0 0 0 8px;
			color: #999999; font-size: 10px; text-decoration: none;
		}
		
		#content_left a.impressum:link, a.impressum:visited, a.impressum:active { color: #999999; font-size: 10px; text-decoration: none }
		
		#content_left a.impressum:hover { color: #999999; font-size: 10px; text-decoration: underline 
		}
		

		#content_right	{
			float: right;
			width: 410px;
		}
		
		#content_right a:link, a:visited, a:active { 
			color: #4b67ac; 
			text-decoration: underline; 
		}
		
		#content_right a:hover { 
			color: #000; 
			text-decoration: underline;
		}		

/* ===================================
    Text-Styles
=================================== */


.headline {
	text-align: right;
	color: #4b67ac;
	font-size: 15px;
	font-weight: bold;
	font-family: Verdana;
	line-height: 16px;
}

.headline2 {
	color:#4B67AC;
	font-family:Verdana;
	font-size:12px;
	line-height:16px;
	text-decoration:none;
	font-weight: bold;
	margin: 25px 0 15px;
}

@media screen { 


/* ==============================================
   02 Liste in Ebene 1
   ============================================== */
#nav ul {
   margin: 0;   
}
#nav li {
   list-style-type: none; 
   margin: 0; 
}

/* ==============================================
   03 Gestaltung der Navigation: Hyperlinks  und strong 
   ============================================== */
#nav a,
#nav strong {
   display: block; 
   font-weight: normal; 
   text-decoration: none; 
   background-color: #4c67ac;
   font-size: 9px; 
   color: white;
   text-align: right;
   padding: 9px 4px; 
   padding-left: 4px; 
   border-bottom: 1px solid #fff;
   border-right: 1px solid #fff;  
}
/* Hover und Focus */
#nav a:hover,
#nav a:focus {  
   background-color: #8294c6; 
   color: white; 
   border-bottom: 1px solid #fff;
   border-right: 1px solid #fff;    
}

/* ==============================================
   04 Aktive Menüpunkte hervorheben
   ============================================== */
#home #navi01 strong,
#termin #navi02 strong, 
#karten #navi03 strong,
#neuheit #navi04 strong,
#kontakt #navi05 strong {
   background-color: #b7c2de; 
   color: #fff; 
} 

/* ==============================================
   05 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%; 
}

} /* Ende @media screen - nicht löschen! */


#lang {
	position:absolute;
	left:100px;
	top:320px;
}
	
	a.en { 
		background-image:url("images/en.gif");
		background-repeat:no-repeat;
		height:40px;
		width:33px;
		display:block;
	}
		
	
	a.de { 
		background-image:url("images/de.gif");
		background-repeat:no-repeat;
		height:20px;
		width:33px;
		display:block;
	}