/* generell */
body {
	font-family: 		Verdana, Helvetica, sans-serif;
	font-size:			12px;
	color:				#333333;
	margin:				0 0 0 0px;
	padding:			0 0 0 0px;
	text-align:			left; /* For IE */
	background: 		url(bg.gif) repeat-x;
	}

p {
	margin:				0px 0px 0px 0px;
	}

a, a:link, a:visited{
	color:				#333333;
	text-decoration: 	none;
	}
a:hover, a:aktiv {
	color:				#07337a;
	text-decoration:	none;
	}
	

hr{	
	height:	3px;
	background: #cccccc;
	border: 1px solid #ffffff;
	margin: 15px 0 20px 0;
}

/* Container Styles */
#container {
	position:		absolute;
	top:			0px;
	left:			35px;
	width:			930px !important;
	width /**/:		930px;
	margin:			0 auto;
	padding:		245px 0px 0px 0px;
	text-align:		left; /* For IE, see above */
	background:		url(bg_container.gif) repeat-y;
	}

/* Intro Styles */
#intro {
	padding:			0;
}

#Header {
	position:		absolute;
	top:			0px;
	left:			0px;
	width:			930px;
	height:			232px;
	background:		#fff url(bg_header.jpg) no-repeat bottom;
	}
#pageHeader {
	position:		absolute;
	top:			35px;
	left:			550px;
	width:			360px;
	height:			100px;
	background:		url(logo_esm.gif) no-repeat;
	}

#pageHeader h1, #pageHeader h2 {
	text-indent:	-999em;
	margin:			0;
	}

#global {
	position:		absolute;
	top:			15px;
	left: 			0px;
	font-size: 		11px;
	
}
#global ul {
	margin:			0px;
	padding:		0px;
	list-style:		none;
	white-space:	nowrap;
}

#global li {
	display:		inline;
	background:		#fff url(pfeil-global.gif) no-repeat;
	padding-left:	13px;
	margin-right:	7px;
}
#global a {
	color:			#333333;
}


#global a:hover {
	color:		#99cc33;
	font-size: 		11px;
}

/*
#global {
	position:		absolute;
	top:			195px;
	left: 			0px;
	font-size: 		11px;
	
}
#global ul {
	margin:			0px;
	padding:		0px;
	list-style:		none;
	white-space:	nowrap;
}

#global li {
	display:		inline;
	background:		url(pfeil_global.gif) no-repeat;
	padding-left:	13px;
	margin-right:	7px;
}
#global a {
	color:#ffffff;
}


#global a:hover {
	color:	#99cc33;
	font-size: 		11px;
}
*/

#flash {
	position:		absolute;
	top:			32px;
	left: 			0px;
	width:			930px;
	height:			180px;
}	

/* Haupbereich */

#hauptbereich {
	position:		relative;
	top:			0px;
	left:			0px;
	width:			930px;
	}

/* Navigation*/

#linke_spalte{
	position:		absolute;
	top:			40px;
	left:			0px;
	width:			200px;
	}

 #navigation {
	width:			200px;
	margin:			0px;
	padding: 		0px;
	}
#navigation img{
	margin:			0px;
	padding: 		0px;
	}
#navigation ul {
	list-style: 	none;
	margin: 		-3px 0px 0px 0px;
	padding: 		0px;
  } 
#navigation li {
  	list-style: 	none;
	background:		url(bg_navibutton.gif) no-repeat 0px 0px;
	padding: 0px;
	margin: 0px;
	}

#navigation a {
  	height: 		20px;
   	display:		block;
	color:		 	#07337a;
	padding-left:	34px;
	padding-top:	6px;
  }
#navigation a:hover {
	height: 		20px;
   	display:		block;
	color:		 	#07337a;
	background:		#c1df85 url(bg_navibutton.gif) no-repeat 0px -26px;
	padding-top:	6px;
  }
 #navigation li.aktiv {
 	background:		#c1df85 url(bg_navibutton.gif) no-repeat 0px -26px;
	}

 /*#navigation li.letztes {
  	list-style: 	none;
	background:		url(nav_bottom.gif) no-repeat 0px 0px;
	padding: 0px;
	margin: 0px;
	}
 #navigation li.letztes-aktiv {
	background:		#c1df85 url(nav_bottom.gif) no-repeat 0px -31px;
	}
 */
#navigation a.letztes {
  	height: 		24px;
   	display:		block;
	padding-left:	34px;
	padding-top:	6px;
	background:		#c1df85 url(nav_bottom.gif) no-repeat 0px 0px;
  }
#navigation a:hover.letztes {
	height: 		24px;
   	display:		block;
	background:		#c1df85 url(nav_bottom.gif) no-repeat 0px -31px;
	padding-top:	6px;
  }
  #navigation li.aktiv a.letztes{
	background:		#c1df85 url(nav_bottom.gif) no-repeat 0px -31px;
	}

 /* #navigation {
	width:			200px;
	margin:			0px;
	padding: 		0px;
	background:		url(bg_navigation.jpg) repeat-y;
	}
#navigation img{
	margin:			0px;
	padding: 		0px;
	}
#navigation ul {
	list-style: 	none;
	margin: 		-3px 5px -1px 5px;
	padding: 		0px;
	background:#3333FF;
  } 
#navigation li {
  	list-style: 	none;
	border-bottom: 	1px solid #E4E4E4;
	background:		url(bg_navibutton.gif) no-repeat 0px 0px;
	padding: 0px;
	margin: 0px;
	}

#navigation a {
  	height: 		20px;
   	display:		block;
	color:		 	#07337a;
	padding-left:	30px;
	padding-top:	6px;
  }
#navigation a:hover {
	height: 		20px;
   	display:		block;
	color:		 	#07337a;
	background:		#c1df85 url(bg_navibutton.gif) no-repeat 0px -26px;
	padding-top:	6px;
  }
 */

  
 /* rechte Spalte */
 
#rechte_spalte{
	position:		absolute;
	top:			30px;
	left:			710px;
	width:			220px;
	}

#infokasten  {
	margin-bottom: 10px;
	color:			#063279;
	}
#infokasten p {
	padding-left:	20px;
	line-height:	18px;
	margin-top:		5px;
	}
	
	#infokasten table {
	padding-left:	20px;
	line-height:	18px;
	margin-top:		5px;
	}
	
#infokasten a {
	color: #07337a;
	99cc33
	}
#infokasten a:hover {
	color: #99cc33;
	}

#infokasten span {
	padding-left:	51px;
	}

#infokasten ul{
	padding-left: 	20px;
	list-style: 	none;
	margin:			4px 0px 4px 0px;
	line-height:	18px;
	}
#infokasten li{
	margin-left: 	0px;
	background:		#fff url(pfeil_infokasten.gif) no-repeat;
	padding-left:	12px;
}


/*  eMail Bildaustausch

a.email {
	background:			url(email_esm.gif) no-repeat;
	padding:			0 0 5px 220px;
	height:				25px;
}

a.email:hover{
	background:			url(email_esm.gif) no-repeat 0 -25px;
	text-decoration:	none;
}
*/

/* Content */

#content {
	position:		relative;
	margin-left:	250px;
	width:			400px;
	padding-top: 	15px;
	}
#content p{
	padding-bottom: 	15px;
	line-height: 		20px;
	}
#content a {
	color:		 	#07337a;
	text-decoration:underline;
  }
#content a:hover {
	color:		 	#99cc33;
	text-decoration:underline;
  }
#content a.pfeil{
	padding-left: 	12px;
	background:		url(pfeil_link-content.gif) no-repeat;
	}
#content a.pfeil:hover{
	color:		 	#99cc33;
}

#content h1{
	font-size: 			12px;
	font-weight: 		bold;
	margin-bottom: 		15px;
	margin-top:			0px;
	}
	
#content h1.index{
	font-size: 			12px;
	color: #07337a;
	font-weight: 		bold;
	margin-bottom: 		5px;
	margin-top:			0px;
	}

#content h2{
	font-size: 			12px;
	font-weight: 		bold;
	margin-bottom: 		5px;
	margin-top:			0px;
	}
#content h3{
	font-size: 			12px;
	font-weight: 		bold;
	margin-bottom: 		5px;
	margin-top:			0px;
	font-style:			italic;
	}
#content h3{
	font-size: 			12px;
	font-weight: 		bold;
	margin-bottom: 		5px;
	margin-top:			0px;
	font-style:			italic;
	color:				#07337a;
	font-weight: 		normal;
	}

#content h4{
	font-size: 			12px;
	font-weight: 		bold;
	margin-bottom: 		5px;
	margin-top:			10px;
	font-style:			normal;
	font-weight:		bold;
	}

#content h4 a{
	text-decoration: none;
	}
#content h4 a:hover{
	text-decoration: none;
	}
#content .news a {
	background:		url(pfeil_infokasten.gif) no-repeat;
	padding-left:	10px;
	color:		 	#07337a;
	text-decoration:none;
  }
#content .news a:hover {
	color:		 	#99cc33;
	text-decoration:none;
  }

#content ul{
	padding-left: 		50px;
	margin: 			0px;
	margin-bottom: 		10px;
	list-style: 		none;
	}
 #content li{
	margin-left: 		0px;
	line-height: 		18px;
	list-style:square;
	}
/* 
 #content ul{
	padding-left: 		30px;
	margin: 			0px;
	margin-bottom: 		10px;
	list-style: 		none;
	}
#content li{
	padding-left: 		12px;
	margin-left: 		0px;
	line-height: 		18px;
	background: 		url(pfeil_content.gif) no-repeat;
	}
*/
#content ul.sitemap{
	padding-left: 		0px;
	margin: 				0px;
	margin-bottom: 	10px;
	list-style: 		none;
	width: 				250px;
	}

#content li.sitemap{
	padding-left: 		0px;
	margin-left: 		0px;
	line-height: 		22px;
	border-bottom: 	1px solid #E4E4E4;
	background: 		#fff;
	}
#content li.sitemap ul {
    margin: 		0px; 
	 font-size: 	11px;
	 margin-bottom: 5px;
  }
#content li.sitemap ul li {
   background: 	url(liststyle_unav.gif) no-repeat 0px 2px;
	padding-left:	12px;
	height: 			16px;
  }
#content table {
	border: 		0px;
	padding:		0px;
	}
#content td, #content tr, #content th {
	vertical-align: 	top;
	}
	
/* kontaktformular */
#content table.kontakt {
	border: 		0px;
	margin:	 	10px 0px 10px 0px;
	padding:		0px;
	}
#content table.kontakt th {
		text-align:			right;
		vertical-align: 	top;
		padding-right:		5px;
		padding-top:		3px;
	}
#content table.kontakt td {
		text-align:			left;
		vertical-align: 	top;
		padding-top:		5px;
		line-height:		16px;
	}
#content table.kontakt p {
		font-weight: 		normal;
		margin:				0px;
		padding:				0px;
		line-height:		22px;
	}
#content table.kontakt p.rechts {
		text-align: 		right;
		font-size:			13px;
		margin:				0px;
		padding:				0px;
		padding-top:		5px;
		line-height:		16px;
	}
#content table.kontakt h1 {
		margin-bottom:		0px;
		margin-top: 		10px;
		font-size:			13px;
		font-weight:		bold;
		line-height:		16px;
		color: 				#FF0000;
	}
#content table.kontakt p.klein {
		font-size:			10px;
		vertical-align: 	top;
		color:				#FF0000;
	}
	
  /* Unterzeile */
#footer {
	width:				400px;
	font-size: 			10px;
	margin: 			30px 0px 30px 0px;
	color:				#bebfbf;
	line-height:		13px;
	}

#footer a:link, #footer a:visited{
	color:				#bebfbf;
	text-decoration: none;
	}
#footer a:hover{
	color:				#07337a;
	text-decoration:	none;
	}
	/* Ende */
#content input.buttons {		
	font-family:	Verdana, Arial, Helvetica, sans-serif;			
	font-size:		12px;
	font-weight:	bold;
	color : 		white;
	text-align: 	center;
	background:		#07337a;
	padding: 		2px 5px 2px 5px;
	border: 		0px;
}
#content input.formular {	
	width:			210px;	
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size:		12px;			
	color: 			#333;
	text-align: 	left;
	background:		#fff;
	padding: 		3px 5px 3px 5px;
	border: 		0px;
}
#content textarea.formular {
	width:			310px;	
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size:		12px;			
	color: 			#333;
	text-align: 	left;
	background:		#fff;
	padding: 		3px 5px 3px 5px;
	border: 		0px;
}