/*--- general ---*/

	* { padding: 0; margin: 0; border: 0; outline-width: 0; }
	html#web, #web body { background: #ddd; height: 100%; }
	.hideme, dd em { display: none; }
	a { color: #00305d; }
	a:hover { text-decoration: none; }
	ul, ol { list-style: none; }
	p, address, dd { margin: 0 0 13px 0; font-style: normal; }
	dt img { display: none; }
	.nowrap { white-space: nowrap; }
	.clear { float: none; clear: both; }
	.arrow { padding: 0 0 0 17px; background: url(../images/arrow.gif) no-repeat 0 center; }
	.zms_graphic { padding: 0 0 13px 0; }
		.zms_graphic.left { text-align: left; }
		.zms_graphic.right { text-align: right; }
		.zms_graphic.floatleft { float: left; }
			.zms_graphic.floatleft .graphic { padding: 0 20px 0 0; }
		.zms_graphic.floatright { float: right; }
			.zms_graphic.floatright .graphic { padding: 0 0 0 20px; }
		.zms_graphic.center { text-align: center; }
	.graphic.alignleft { float: left; text-align: right; }
	.graphic.alignright { float: right; text-align: right; }
	.floatbox { overflow: auto; width: 100%; } /* New solution for floating */

/*--- editor ---*/

	body#epozcontent { padding: 10px; background: #fff; color: #333; }
	body#epozcontent a { color: #00305d!important; }
	body#epozcontent a:hover { text-decoration: none!important; }
	body#epozcontent h2, body#epozcontent h3, body#epozcontent h4, 
	body#epozcontent h5, body#epozcontent h6 { margin: 0 0 13px 0; font-family: Arial, sans-serif; color: #00305d; }
	body#epozcontent h2 { font-size: 14px; line-height: 22px; }
	body#epozcontent h3 { font-size: 13px; line-height: 21px; color: #333;  }
	body#epozcontent h4, body#epozcontent h5, body#epozcontent h6 { font-size: 13px; line-height: 21px; color: #333; }
	body#epozcontent ul, body#epozcontent ol { padding: 0 0 13px 15px; }
		body#epozcontent ul ul, body#epozcontent ol ul, body#epozcontent ol ol, body#epozcontent ul ol { padding: 0; }
	body#epozcontent li { padding: 0 20px 0 17px; background: url(../images/arrow.gif) no-repeat 0 3px; }
	body#epozcontent table { margin: 0 0 13px 0; }

/*--- fonts ---*/

	body, textarea, input, select, button { font-size: 12px; line-height: 19px; font-family: Arial, sans-serif; color: #333; }
	input, select, button { line-height: 15px; }
	h1, h2, h3, h4, h5, h6, legend { margin: 0 0 13px 0; color: #00305d; }
	h1 { font-size: 16px; }
	h2, legend { font-size: 14px; line-height: 22px; font-weight: bold; }
	h3 { font-size: 13px; line-height: 21px; }
	h4, h5, h6 { font-size: 13px; line-height: 21px; color: #333; }

/*--- list ---*/

	ul, ol { padding: 0 0 13px 15px; }
		ul ul, ol ul, ol ol, ul ol { padding: 0; }
	li { padding: 0 20px 0 17px; background: url(../images/arrow.gif) no-repeat 0 4px; }

/*--- design ---*/

	#page { position: relative; min-height: 100%; height: auto!important; height: 100%; margin: 0 auto; width: 900px; padding: 0 40px; }
	#box { position: relative; width: 900px; background: #fff; margin-top: 25px; }
		#box #functions { padding: 11px 0; }
			#box #functions ul { float: right; padding: 0; margin: 0 10px 0 0; }
			#box #functions li { float: left; background: url(../images/func_arrow.gif) no-repeat 0 center; }
		#box #logo { position: relative; width: 261px; height: 216px; }
			#box #logo a { position: absolute; top: 96px; left: 45px; display: block; width: 216px; height: 120px; z-index: 15; }
			#box #logo img { display: block; }
		#box #nav_box { border-bottom: 5px solid #00305d; font-size: 13px; font-weight: bold; padding: 18px 0 0 260px; }
		#box #nav a { text-decoration: none; display: block; padding: 3px 7px 9px 7px; }
		#box #nav a.active, #box #nav a.activenode { color: #999; }
		#box #nav a:hover { background: #c5b790; color: #fff; }
		#box #nav li { float: left; background: none; padding: 0; }
			#box #nav ul { position: absolute; left: 45px; width: 216px; margin: 27px 0 0 0; font-size: 12px; font-weight: normal; }
			#box #nav li li { float: none; border-top: 1px solid #c5b790; background: #fff; }
			#box #nav li li.last { border-bottom: 1px solid #c5b790; }
			#box #nav li li a { width: 188px; padding: 2px 14px; }
			#box #nav li li a.active, #box #nav li li a.activenode { /*background: #c5b790;*/ font-weight: bold; /*color: #00305d;*/ color: #999; }
			#box #nav li li a:hover { background: #c5b790; color: #fff; }
	#box h1#title { margin: 25px 30px 0 282px; }
	#box #content { margin: 13px 30px 0 282px; min-height: 400px; height: auto!important; height: 400px; } /* min-height hack for stupid IE6 */
	#box #author { background: #ddd; margin: 0; padding: 10px 0 30px 45px; }
		#box #author a { background: url(../images/author.gif) no-repeat; display: block; width: 124px; height: 12px; }
			#box #author a span { display: none; }
	.top_link { text-align: right; font-weight: bold; padding: 0 30px 0 0; }
		.top_link a { background: url(../images/top_arrow.gif) no-repeat 0 center; padding: 0 0 0 12px; }

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

	#dummy_box { height: 597px; }
	.startpage #box { position: absolute; top: 50%; margin-top: -274px; height: 565px; }
	.startpage #box #logo { height: 429px; overflow: hidden; width: 900px; }
	.startpage #box #logo img.logo { position: absolute; top: 243px; left: 45px; display: block; z-index: 15; }

	.startpage #box #nav_box { padding-top: 27px; }
	.startpage #box #author { padding-bottom: 10px; }
	.startpage #box #nav_box { padding-left: 22px; }
	.startpage #box #author { padding-left: 746px; }

/*--- general table ---*/

	table { margin: 1px 0 13px 1px; border-collapse: collapse; background: #fff; }
		table tr { background: none; }
		table td, table th { padding: 2px 4px; vertical-align: top; border: 1px solid #c5b790; }
		table thead td, table thead th { font-weight: bold; color: #fff; background: #c5b790; border: 1px solid #c5b790; vertical-align: bottom; }
		table thead tr:hover { background: none; }
		table th { text-align: left; color: #00305d; }
		table .even { background: none; }
		table .odd { background: none; }
		table tbody tr:hover th, table tbody tr.hover th, table tbody tr:hover td, table tbody tr.hover td { background: #c5b790; color: #fff; }
			table tbody tr:hover th a, table tbody tr.hover th a, table tbody tr:hover td a, table tbody tr.hover td a { color: #fff; }
	.notable table { background: none; }
		.notable table td, .notable table th { padding: 0 30px 0 0; vertical-align: top; border: 0; color: #333; }
		.notable table thead td, .notable table thead th { font-weight: bold; color: #000; background: none; }
		.notable table th { background: none; }
		.notable table tbody tr:hover th, .notable table tbody tr.hover th, .notable table tbody tr:hover td, .notable table tbody tr.hover td { background: none; color: #333; }
			.notable table tbody tr:hover th a, .notable table tbody tr.hover th a, .notable table tbody tr:hover td a, .notable table tbody tr.hover td a { color: #00305d; }
	.thead { display: none; }

/*--- general form ---*/

	.section { padding-bottom: 8px; }
		#content .section h3 { margin: 0; float: none; clear: both; }
	form { width: 530px; }
		form br { clear: both; display: none; }
		form label { display: block; padding: 0 0 6px 0; float: left; width: 170px; }
		form input { width: 155px; }
		form select { width: 161px; }
		form textarea { width: 494px; height: 150px; }
		form span { display: block; padding-bottom: 2px; }
		form label.error span { color: #a5010d; }
		form label.error input, form label.error textarea { border: 1px solid #a5010d; color: #a5010d; }
		form label.error input.focus, form label.error input:focus, form label.error textarea.focus, form label.error textarea:focus { background: #fff; border: 1px solid #a5010d; }
		form label.postcode input { width: 95px; }
		form label.location input { width: 215px; }
		form label.email input { width: 325px; }
		form label.job input { width: 495px; }
		form label.antispam input { width: 325px; }
		form label.radio span { display: inline; }
		form label.radio input { width: auto; background: none; border: 0; }
		form label.radio { padding: 0 0 2px 0; }
		form label.nofloat { float: none; width: auto; }
		form label.postcode { width: 110px; }
		form label.location { width: 230px; }
		form label.email { width: 342px; }
		form label.job { width: auto; }
		form label.antispam { width: auto; }
		form .text label { width: auto; }
		form .text input { width: 494px; }
		form .google_maps { width: auto; }
			form .google_maps input { margin-top: 13px; width: 200px; }
		form .search { width: auto; }
			form .search input { margin-top: 13px; width: 200px; }
	input.focus, textarea.focus, input:focus, textarea:focus { background: #ddd; }
	input, select { padding: 2px 2px; background: #fff; color: #333; border: 1px solid #333; }
	select { padding: 1px; }
	textarea { padding: 2px; background: #fff; color: #333; border: 1px solid #333; }
	button { padding: 3px 3px 0 3px; margin: 0 0 13px 0; cursor: pointer; border: 1px solid #333; background: #ddd; }
	#form_selections { margin: 0 0 13px 0; }

/*--- address, impressum ---*/

	.address .float { float: left; margin: 0 20px 0 0; }
	.notable .impressum { border-top: 1px solid #c5b790; border-bottom: 1px solid #c5b790; }
		.notable .impressum td, .notable .impressum th { padding: 3px 0; border-top: 1px solid #c5b790; }
		.notable .impressum th { padding: 3px 13px 3px 0; }
		.impressum .nopadding { margin: 0; }
	.contact ul { padding-left: 0; }

/*--- slimbox ---*/

	#lbOverlay { position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; cursor: pointer; }
	#lbCenter, #lbBottomContainer { position: absolute; z-index: 9999; left: 50%; overflow: hidden; background-color: #fff; }
	.lbLoading { background: #fff url(../images/slimbox/loading.gif) no-repeat center; }
	#lbImage { position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat; }
	#lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; }
	#lbPrevLink { left: 0; }
	#lbPrevLink:hover { background: transparent url(../images/slimbox/prevlabel.gif) no-repeat 0% 15%; }
	#lbNextLink { right: 0; }
	#lbNextLink:hover { background: transparent url(../images/slimbox/nextlabel.gif) no-repeat 100% 15%; }
	#lbBottom { font-family: Arial, sans-serif; font-size: 11px; color: #000; line-height: 17px; text-align: left; border: 10px solid #fff; border-top-style: none; }
	#lbCloseLink { display: block; float: right; width: 98px; height: 22px; background: transparent url(../images/slimbox/closelabel.gif) no-repeat center; margin: 5px 0; outline: none; }
	#lbCaption, #lbNumber { margin-right: 71px; }
	#lbCaption { font-weight: bold; }

/*--- infolisten ---*/

	.download_section table { background: none; margin: 0 0 13px 14px; border: 0; }
		.download_section table td { padding: 2px 0 4px 0; border: 0; }
		.download_section table tr:hover td, .download_section table tr.hover td { background: none; color: #333; }
			.download_section table tbody tr:hover td a, .download_section table tbody tr.hover td a { color: #00305d; }
	.download_section .download { padding-right: 50px; }
	.download_section img { vertical-align: top; margin-right: 2px; }
	.linksammlung { padding: 0 0 0 32px; background: url(../images/arrow.gif) no-repeat 15px 5px; }
	.infolist_toplink { text-align: right; padding: 2px 0 2px 0; margin-bottom: 15px; border-bottom: 1px solid #c5b790; }
		.infolist_toplink a { padding-left: 17px; background: url(../images/arrow.gif) no-repeat 0 center; font-weight: bold; }
	.overview .entity h3 { margin: 0; padding: 0 20px 0 17px; font-size: 14px; line-height: 22px; background: url(../images/arrow.gif) no-repeat 0 center; }
	.overview .entity p { padding: 0 0 0 17px; }
	.disclaimer { font-weight: bold; color: #00305d; border: 1px solid #c5b790; padding: 5px 10px; margin-bottom: 13px; }

/*--- sitemap ---*/

	#sitemap { padding: 0; }
	#sitemap li { padding: 0 0 13px 0; background: none; }
	#sitemap li a { font-size: 14px; line-height: 22px; font-weight: bold; }
	#sitemap li li { margin: 0 0 0 17px; padding: 0 0 0 17px; background: url(../images/arrow.gif) no-repeat 1px 5px; }
	#sitemap li li a { font-size: 12px; line-height: 19px; font-weight: normal; text-decoration: underline; }
	#sitemap li li a:hover { text-decoration: none; }
	#sitemap li li li { margin: 0; }
	#sitemap ul { padding: 13px 0 0 0; }
	#sitemap ul ul { padding: 0; }

/*--- onlinetool ---*/

	#calc { width: 100%; overflow: hidden; }
	.onlinetool_erinnerungsservice #calc { height: 510px; }
	.onlinetool_mitarbeiter_aenderung #calc { height: 600px; }
	.onlinetool_mitarbeiter_abmeldung #calc { height: 600px; }
	.onlinetool_overview { padding: 0; margin: 0 0 13px 0; }
		.onlinetool_overview h3 { margin: 0; padding: 0 20px 0 19px; font-size: 14px; line-height: 22px; background: url(../images/calculator.gif) no-repeat 3px center; }
		.onlinetool_overview p { padding: 0 0 0 19px; }
	.onlinetool_mitarbeiter_anmeldung #calc { height: 1500px; }
	.onlinetool_mitarbeiter_anmeldung_mini #calc { height: 1800px; }

/*--- staff ---*/

	.staff_overview .head { height: 20px; }
	.staff_overview .staff_member { position: relative; margin: 0 0 15px 0; width: 588px; border-bottom: 1px solid #c5b790; }
	.staff_overview .staff_text { height: 215px; }
	.staff_overview .staff_text .info { position: absolute; left: 270px; bottom: 10px; width: 300px; }
	.staff_overview img { float: left; margin: 0 13px 0 0; }
	.staff_overview #rightbox { padding-bottom: 10px; }

/*--- gallery themes ---*/

	#themedisplay { position: absolute; top: 0px; left: 0px; }
	#themedisplay div { position: absolute; top: 0; left: 0; }
	
/*--- cooperation ---*/

	.co-partner h2 { margin: 0; font-size: 12px; }
	.co-partner .first { padding: 0; }
	.co-partner .last { border: 0; }
	.co-partner .logo { float: right; }
	.co-partner .entity { border-bottom: 1px solid #c5b790; }
	.co-partner .entity.first {  border-top: 1px solid #c5b790; }
	.co-partner .address { margin-left: 0px; float: left; }
	.co-partner { margin-bottom: 13px; }
	
/*--- etl button ---*/

	#left_etl { float: left; width: 216px; }
	#right_etl { float: right; position: relative; width: 350px; margin-top: 10px; }
	#etl img { border: 1px solid #3d3f3d; }
	
/*--- Service > Online Lohnbuchhaltung ---*/

	.online_payroll .quicklinks ul { padding: 0; }
		.online_payroll .quicklinks ul li { background: none; padding: 0; }