/*--- general ---*/

	html, body { background: #fff; height: 100%; margin: 0; }
	body#epozcontent { background: #fff; margin: 10px; } /* ZMS-Editor */
	.hideme, #shortcuts, #shortcuts_title { display: none; }

	.clear { float: none; clear: both; } /* Old solution for floating */
	.floatbox { overflow: auto; width: 100%; } /* New solution for floating */

	#nav, #functions, h1, h2, h3, h4, h5, h6 { font-family: "Arial", sans-serif; }
	body, input, select, textarea { font-size: 13px; color: #333; font-family: "Lucida Grande", "Arial", sans-serif; }
	p, table, li, .disclaimer, .linksammlung, form, textarea { line-height: 20px; }
	h1 { font-size: 22px; font-weight: normal; color: #0071b9; line-height: 30px; margin: 0 0 15px; }
	h2 { font-size: 18px; font-weight: normal; color: #0071b9; line-height: 26px; margin: 15px 0 10px; }
	h3 { font-size: 14px; color: #0071b9; line-height: 21px; margin: 15px 0 10px; }
	h4, h5, h6 { font-size: 14px; color: #999; line-height: 21px; margin: 15px 0 10px; }
	em { font-size: 14px; line-height: 21px; }
	p { margin: 10px 0; }
	ul { list-style: square; }
	ul, ol { margin: 10px 0 10px 40px; padding: 0; }
		ul ul, ul ol, ol ol, ol ul { margin: 0 0 0 20px; }
	a { color: #0071b9; }
		a img { border: 0; display: block; }
	a:hover { text-decoration: none; }

	div.ZMSGraphic.floatleft { float: left; margin-right: 14px; }
	div.ZMSGraphic.floatright { float: right; margin-left: 14px; }
	div.ZMSGraphic.right { text-align: right; }
	div.ZMSGraphic.center { text-align: center; }
	div.graphic.alignleft { float: left; text-align: right; margin-right: 14px!important; }
	div.graphic.alignright { float: right; text-align:right; margin-left: 14px!important; }
	div.ZMSGraphic .zoom { width: 23px; height: 21px; background: url(/images/zoom.gif); margin-left: auto; margin-top: 1px; }
	div.ZMSGraphic .text { margin-top: 3px; font-size: 12px; color: #999; }

/*--- tables ---*/

	table { border-collapse: collapse; width: 100%; }
		table p { margin: 0; }
		table p + p { margin-top: 10px; }
	td, th { padding: 2px 7px; vertical-align: top; }
	th { text-align: left; }
	thead td, thead th { font-weight: bold; vertical-align: bottom; }
	tbody td, tbody th { border: 1px solid #000; }
	tbody th { background: #e5e5e5; }
	tbody tr:hover th, tbody tr:hover td { background: #c4c5c6; }
	.data tbody td, .data tbody th { border-left: 0; border-right: 0; }
	
	.notable table { width: auto; }
	.notable td, .notable th { padding: 0 30px 0 0; border: 0; background: none!important; vertical-align: top; }
	.notable tbody tr:hover th, .notable tbody tr:hover td { color: #333; background: none; }
	.thead { display: none; }

	.impressum th { background: none!important; }
	.impressum tbody tr:hover th, .impressum tbody tr:hover td { background: none; }

/*--- forms ---*/

	fieldset { border: 1px solid #ccc; padding: 0 10px 10px; margin-bottom: 14px; }
	legend { padding: 0 5px 10px; color: #0071b9; font-weight: bold; }
	form { width: 540px; }
	form.nowith { width: auto; }
		form input[type=text] { width: 155px; border: 1px solid #000; padding: 4px 2px; }
		form select { width: 161px; }
		form textarea { width: 496px; height: 150px; border: 1px solid #000; }
		form label { float: left; display: block; padding-bottom: 7px; width: 170px; }
			form label span { display: block; padding-bottom: 2px; font-size: 12px; }
			form label input + span { font-size: 13px; }
		form label.nofloat { float: none; width: auto; }
		form label.postcode { width: 110px; }
			form label.postcode input { width: 95px; }
		form label.location { width: 230px; }
			form label.location input { width: 215px; }
		form label.email { width: 342px; }
			form label.email input { width: 325px; }
		form label.job { width: auto; }
			form label.job input { width: 495px; }
		form label.subject { width: auto; }
			form label.subject input { width: 494px; }
		form label.radio { padding-bottom: 2px; }
			form label.radio span { margin-left: 25px; }
		form label.google_start { width: 242px; }
			form label.google_start input { width: 225px; }
		form label.google_map input { width: 270px; }
		form label.error span { color: #a5010d; }
	#validationMessage { padding-bottom: 5px; }
	input[type=text]:focus, textarea:focus { background: #c4c5c6; }
	input[type=checkbox], input[type=radio] { float: left; margin-top: 2px; }

/*--- address and impressum ---*/

	#atikon img { float: left; margin-right: 14px; }
	#atikon .float { float: left; margin-top: 0; margin-right: 14px; }

/*--- infolisten, onlinetools ---*/

	.linksammlung { background: url(../images/design/links_arrow.png) no-repeat 0 50%; padding-left: 22px; margin-left: 18px; }

	#backlink a { background: url(../images/design/back_arrow.png) no-repeat 0 50%; padding-left: 13px; }
	.infolist_toplink { text-align: right; }
		.infolist_toplink a { background: url(../images/design/top_arrow.png) no-repeat 0 50%; padding-left: 12px; }
	.disclaimer { font-size: 12px; margin-bottom: 10px; }
	.infolist_overview ul, .onlinetool_overview ul { list-style: none; margin-left: 20px; }
	.infolist_overview.nomargin ul { margin-left: 0; }
	.infolist_overview li, .onlinetool_overview li { background: url(../images/design/overview_arrow.png) no-repeat 0 3px; padding-left: 20px; }
	.infolist_overview a, .onlinetool_overview a { font-size: 14px; font-weight: bold; }
	.infolist_overview p, .onlinetool_overview p { margin-top: 2px; }

	.links_overview ul { list-style: none; margin-left: 0; }
	.links_overview a { font-size: 14px; font-weight: bold; }
	.links_overview p { margin-top: 2px; }

	.download_section table { margin-left: 18px; }
	#left_box .download_section table { margin: 0; }
	.download_section td { padding: 0 0 2px; border: 0; }
		.download_section tr:hover td { background: none; color: #000; }
	.download_section .download { padding-right: 50px; }
	#left_box .download_section .download { padding-right: 0; }
	.download_section span { margin-top: 1px; width: 23px; display: block; float: left; }

	.news_preview { padding-bottom: 10px; border-bottom: 1px solid #333; }
		.news_preview h3 { margin: 10px 0 0; font-weight: bold; }
		.news_preview p { margin-top: 0; }
	.news_page .graphic { margin: 0 0 14px 14px; float: right; }
	#news_selection { width: 237px; background: #c4c5c6; padding: 10px; }
		#news_selection span { font-weight: bold; color: #0071b9 }

	.rss_feeds { list-style: none; margin-left: 19px; padding: 0; }
		.rss_feeds li { padding-left: 21px; background: url(../images/design/rss.gif) no-repeat 0 center; }

/*--- team ---*/

	#staff_overview h2 { margin: 0; }
	#staff_overview .head .noposition { margin-bottom: 14px; }
	#staff_overview .staff_member { float: left; width: 330px; }
	#staff_overview .line { border-top: 1px solid #000; margin-top: 14px; padding-bottom: 14px; }
	#staff_overview img { float: left; margin-right: 14px; border: 1px solid #000; }
	#staff_overview .vita { margin: 0; }
	#staff_overview .info { margin-left: 112px; }

/*--- ie6nomore ---*/

	#ie6nomore { position: fixed; left: 0; top: 0; z-index: 9999; width: 100%; height: 100%; background: #fff; display: none; }
		#ie6nomore .box { position: relative; left: 50%; top: 50%; margin: -125px 0 0 -275px; width: 550px; height: 250px; }
		#ie6nomore .browser { width: 75px; float: left; }

/*--- jobs ---*/

	.jobs_overview .detail th, .job_detail .detail th { padding-right: 10px; }

/*--- design ---*/

	#google_maps_map { height: 400px; border: 1px solid #000; }

	#nav { position: absolute; right: 0; top: 120px; z-index: 1000; list-style: none; width: 601px; border-top: 1px solid #c1c2c4; padding-left: 0; margin-top: 0; }
		#nav a, #nav span { font-size: 14px; font-weight: bold; text-decoration: none; color: #000; display: block; padding: 13px 12px 13px 9px; background-image: url(../images/design/dropdown_arrow.png); background-repeat: no-repeat; background-position: 100% 0; }
		#nav span {  cursor: default; }
		#nav ul { position: absolute; top: 36px; display: none; list-style: none; padding: 12px 5px 5px; margin-left: 9px; background: #c4c5c6 url(../images/design/subnav_arrow.gif) no-repeat; }
		#nav li { position: relative; float: left; border-right: 1px solid #c1c2c4; padding-right: 7px; }
			#nav li.last { border: 0; padding: 0; }
			#nav li ul a { color: #000!important; font-weight: normal; white-space: nowrap; display: block; padding: 5px 8px; background: none; border-bottom: 1px solid #999; }
			#nav li ul a.last { border: 0; }
			#nav li ul a:hover, #nav li ul a.activenode, #nav li ul a.active { color: #0071b9!important; }
			#nav li li { border: 0px; padding-right: 0; float: none; display: block; }
			#nav li.last ul { right: 0; background: #c4c5c6 url(../images/design/subnav_last_arrow.gif) no-repeat 100% 0; }
			#nav li.active span { color: #0071b9; background-position: 100% -44px; }
		#nav li:hover a, #nav li:hover span, #nav li.hover a, #nav li.hover span { color: #999; background-position: 100% -88px; }
		#nav li:hover ul, #nav li.hover ul { display: block; }

	#page { position: relative; width: 965px; margin: 0 auto; padding: 0 15px; min-height: 100%; height: auto!important; height: 100%; }
	#header { position: relative; z-index: 1000; padding: 15px 0 53px; background: url(../images/design/header_bg.gif) no-repeat 0 100%; }
	#content { float: right; width: 660px; background: url(../images/design/content_bg.gif) repeat-y 100% 0; padding: 0 28px 30px 0; min-height: 335px; }
	#footer { background: url(../images/design/footer_bg.gif) no-repeat 0 0; padding-bottom: 10px; border-bottom: 1px solid #fff; }

	#cse-search-box { position: absolute; top: 15px; right: 0; }
	#cse-search-box input[type=text] { position: absolute; top: 0; right: 30px; border: 1px solid #c3c5c6; width: 200px; padding: 5px; }
	#cse-search-box button { position: absolute; top: 1px; right: 0; background: url(../images/design/search_btn.png); width: 25px; height: 25px; border: 0; cursor: pointer; }
	#cse-search-box span { display: none; }

	#left_box { width: 257px; padding-top: 365px; margin-right: 688px; background-repeat: no-repeat; }
	.container_box { padding: 0 10px 0; border: 1px solid #c1c2c4; }
		.container_box h2 { margin: 10px 0; }
		.container_box .notable table { white-space: nowrap; }
	
	
	#functions { list-style: none; padding: 0; margin: 0; }
		#functions li { float: left; background: url(../images/design/function_arrow.png) no-repeat 0 50%; padding: 0 15px 0 12px; margin: 15px 0 60px; }
		#functions li.first { background: url(../images/design/rss_abo.png) no-repeat 0 50%; padding-left: 28px; margin-right: 80px; width: 155px; }
		#functions li.last { float: right; padding-right: 0; }
		#functions a { font-weight: bold; text-decoration: none; display: block; padding: 3px 0; }
		#functions a:hover { color: #999; }
		#functions a.active { color: #000; }
	
	#author { margin: 0; }
		#author a { background: url(../images/design/author.png); display: block; width: 76px ; height: 14px; margin-left: auto; }
		#author span { display: none; }

/*--- design, startpage ---*/

	#dummy_box { height: 600px; }
	#center_box { position: absolute; top: 50%; margin-top: -300px; width: 965px; height: 600px; }
	
	.startpage #title { width: 350px; }
	.startpage div.graphic.alignright { margin-left: 70px!important; margin-bottom: 40px; }
		.startpage div.graphic img { position: relative; top: -50px; left: -60px; }
	
	.startpage #content {  min-height: 287px; }
	.startpage #left_box { padding-top: 317px; }
	
	.startpage #functions li.last { float: left; }
	.startpage #functions li { margin-bottom: 0; }