/*--- general ---*/

	* { padding: 0; margin: 0; border: 0; outline-width: 0; font-family: Arial, sans-serif; }
	html, body { background: #fff; height: 100%; }
	body { background:url(../images/body_bg.gif); }
	.hideme { display: none; }
	.nowrap { white-space: nowrap; }
	.clear { float: none; clear: both; } /* old solution for floating */
	.floatbox { overflow: auto; width: 97%; overflow:hidden;} /* new solution for floating */

	body, textarea, input, select, button { font-size: 12px; color: #333; } /* DON'T MAKE A LINE-HEIGHT ON BODY -> Very strange bugs in IE6 */
	input, select, button { line-height: 16px; }
	#content, textarea { line-height: 21px; }
	h1, h2, h3, h4, h5, h6, legend { margin: 0 0 13px; color: #ad0000; font-weight:normal;}
	h1 { font-size: 16px; font-weight:normal; position:absolute; top:91px; left:255px;}
	h2, legend { font-size: 15px; line-height: 23px; font-family:'Trebuchet MS', Arial; color:#056cb7;}
	h3 { font-size: 14px; line-height: 22px; }
	h4, h5, h6 { font-size: 13px; line-height: 21px; color: #333; }
	a { color: #ad0000; }
	a:hover { text-decoration: none; }
	a img {display:block;}
	ul, ol { list-style: none; }
	address, p { margin: 0 0 13px; font-style: normal; }

	div.ZMSGraphic { padding: 0 0 13px; }
		div.ZMSGraphic.floatleft { float: left; margin: 0 20px 0 0; }
		div.ZMSGraphic.floatright { float: right; margin: 0 0 0 20px; }
		div.ZMSGraphic.left .graphic { margin: 0 auto 0 0; }
		div.ZMSGraphic.left .text { margin: 0 auto 0 0; }
		div.ZMSGraphic.right .graphic { margin: 0 0 0 auto; }
		div.ZMSGraphic.right .text { margin: 0 0 0 auto; }
		div.ZMSGraphic.center .graphic { margin: auto; }
		div.ZMSGraphic.center .text { margin: auto; }

        #flyerdownload{position:absolute; bottom:105px; width:225px;}
            #flyerdownload a{color:#fff; text-decoration:none; display:block;padding-left:16px;}
            #flyerdownload a:hover{background-color:#c64f4f;}

/*--- editor ---*/

	body#epozcontent { padding: 10px; background: #fff; color: #333; line-height: 21px; }
	body#epozcontent a { color: #2b8bd3!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; color: #2b8bd3; }
	body#epozcontent h2 { font-size: 15px; line-height: 23px; }
	body#epozcontent h3 { font-size: 14px; line-height: 22px; }
	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/design/arrow.gif) no-repeat 0 5px; }
	body#epozcontent table { margin: 0 0 13px; }

/*--- list ---*/

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

/*--- slimbox ---*/

    #TB_window{font:12px Arial,Helvetica,sans-serif;color:#333333;}
    #TB_secondLine{font:10px Arial,Helvetica,sans-serif;color:#666666;}
    #TB_window a:link{color:#666666;}
    #TB_window a:visited{color:#666666;}
    #TB_window a:hover{color:#000;}
    #TB_window a:active{color:#666666;}
    #TB_window a:focus{color:#666666;}
    #TB_overlay{position:absolute;z-index:100;top:0px;left:0px;background-color:#000;}
    #TB_window{position:absolute;background:#ffffff;z-index:102;color:#000000;border:4px solid #525252;text-align:left;}
    #TB_window img{display:block;margin:15px 0 0 15px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-top:1px solid #666;border-left:1px solid #666;}
    #TB_caption{height:25px;padding:7px 30px 10px 25px;float:left;}
    #TB_caption br {display:none;}
    #TB_closeWindow{height:25px;padding:11px 25px 10px 0;float:right;}
    #TB_closeAjaxWindow{padding:5px 10px 7px 0;margin-bottom:1px;text-align:right;float:right;}
    #TB_ajaxWindowTitle{float:left;padding:7px 0 5px 10px;margin-bottom:1px;}
    #TB_title{background-color:#e8e8e8;height:27px;}
    #TB_ajaxContent{clear:both;padding:2px 15px 15px 15px;overflow:hidden;text-align:left;line-height:1.4em;}
    #TB_ajaxContent p{padding:5px 0px 5px 0px;}
    #TB_load{position:absolute;display:none;height:100px;width:100px;z-index:101;}
    #TB_HideSelect{z-index:99;position:absolute;top:0;left:0;background-color:#fff;border:none;}
    #TB_iframeContent{clear:both;border:none;margin-bottom:-1px;margin-top:1px;}
    .loadinggif {width:56px; height:21px; background:url(../images/slimbox/loading.gif);}
    .loadinggif span {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; 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 { border: 1px solid #a5010d; }
		form label.nofloat { float: none; width: auto; }
		form .text label { width: auto; }
		form .text input { width: 494px; }
		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.antispam { width: auto; }
			form label.antispam input { width: 325px; }
		form label.radio { padding: 0 0 2px 0; }
			form label.radio span { display: inline; }
			form label.radio input { width: auto; background: none; border: 0; }
		form label.google_start { width: 242px; }
			form label.google_start input { width: 225px; }
		form .search { width: auto; }
			form .search input { margin-top: 13px; width: 200px; }
	input.focus, textarea.focus, input:focus, textarea:focus { color: #333; border: 1px solid #3d7ca8; }
	input, select { padding: 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; margin: 0 0 13px; cursor: pointer; border: 1px solid #333; background: #ddd; }
	#form_selections { margin: 0 0 13px; }

/*--- 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 #000; }
		table thead td, table thead th { font-weight: bold; color: #fff; background: #000; border: 1px solid #000; vertical-align: bottom; }
		table thead tr:hover { background: none; }
		table th { text-align: left; background: #ad0000; color: #fff; }
		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: #ad0000; color: #fff; }
	.notable table { background: none; }
		.notable table td, .notable table th { padding: 0 30px 0 0; vertical-align: top; border: 0; color: #000; }
		.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: #000; }
	.thead { display: none; }

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

	.address .float { float: left; margin: 0 20px 0 0; }
		.notable .impressum td, .notable .impressum th { padding: 3px 0;}
		.notable .impressum th { padding: 3px 13px 3px 0; }
		.impressum .nopadding { margin: 0; }

/*--- google maps ---*/

	#google_maps_map { height: 700px; }
	.google_maps_map_info img { padding-bottom: 13px; }
	.google_maps_map_info h2 { padding-right: 20px; }
	.google_maps_map_info form { width: auto; padding: 0 20px 5px 0; }
	.google_maps_map_info label { width: auto; float: none; }
		.google_maps_map_info label input { width: 250px; }

/*--- infolisten ---*/

	.download_section table { background: none; margin: 0 0 13px 14px; border: 0; }
		.download_section table td { padding: 2px 0 4px; border: 0; }
		.download_section table tr:hover td, .download_section table tr.hover td { background: none; color: #333; }
	.download_section .download { padding-right: 50px; }
	.download_section img { vertical-align: top; margin-right: 2px; }

	.linksammlung { padding: 0 0 0 32px; background: url(../images/design/arrow.gif) no-repeat 15px 5px; }

	.infolist_toplink { text-align: right; padding: 2px 13px 2px 0; margin-bottom: 15px;}
		.infolist_toplink a { padding-left: 17px; background: url(../images/design/arrow.gif) no-repeat 0 center; font-weight: bold; }
	.overview .entity h3 { margin: 0; padding: 0 20px 0 17px; font-size: 15px; line-height: 23px; background: url(../images/design/arrow.gif) no-repeat 0 center; }
	.overview .entity p { padding: 0 0 0 17px; }
	.disclaimer { color: #333; border: 1px solid #333; padding: 5px 10px; margin-bottom: 13px; }
		.disclaimer p { margin: 0; }

	#content .rss { padding: 0 0 0 21px; background: url(../images/design/rss.gif) no-repeat 0 center; }
	#content.rss_feeds { padding: 0 0 13px 11px; }
		#content .rss_feeds li { padding: 0; background: none; }
	.news_overview li h2, .news_overview li h3 { font-size: 13px; line-height: 21px; margin: 0; }
	.news_overview .footer { text-align: right; }
	#news_selection {position:absolute; top:90px; right:49px;}
	#news_selection option {padding:0 10px;}
	.news_preview { padding: 0; margin: 0 0 13px; }
		.news_preview h3 { margin: 0; padding: 6px 20px 0 22px; font-size: 13px; line-height: 18px; background: url(../images/design/arrow.gif) no-repeat 5px 11px; font-weight:normal;}
		.news_preview p { margin: 0; padding: 0 10px 6px 22px; border-bottom: 1px solid #333; display:none; }
	.news_page .graphic { margin: 0 0 13px 15px!important; float: right; }
		.news_page .graphic img { border: 1px solid #333; padding: 1px; }

/*--- onlinetool ---*/

    #calcdiv {position:absolute; left:0px; top:0px; right:0px; bottom:0px; overflow:auto;}
    #calc {width:100%; height:100%;}
	.popuponlinetool a { padding: 0 0 0 32px; background: url(../images/design/arrow.gif) no-repeat 15px center; }
	.onlinetool_overview { padding: 0; margin: 0 0 13px 0; }
		.onlinetool_overview h3 { margin: 0; padding: 0 20px 0 17px; font-size: 13px; line-height: 18px; background: url(../images/design/calculator.gif) no-repeat 3px center; }
		.onlinetool_overview p { padding: 0 0 0 17px; }

/*--- positionplan ---*/

    .positionplan {margin:0 0 10px 0;}
	.positionplan .picture { float: left; margin: 0 10px 0 0; display: block; }
		.positionplan .picture img { display: block; border: 1px solid #333; margin: 0 0 4px 0; }
		.positionplan .picture span { display: block; background: url(../images/design/zoom.gif) no-repeat 0 2px; padding: 0 0 0 17px; }
	.positionplan .download { margin-top: 13px; }
		.positionplan .download a { padding: 1px 0 0 22px; line-height: 22px; }

/*--- sitemap ---*/

	#content #sitemap { padding: 0; }
	#content #sitemap li { padding: 0 0 13px; background: none; }
	#content #sitemap li a { font-size: 15px; color: #2b8bd3; text-decoration: none; }
	#content #sitemap li li { margin: 0 0 0 17px; padding: 0 0 0 17px; background: url(../images/design/arrow.gif) no-repeat 1px 5px; }
	#content #sitemap li li a { font-size: 13px; font-weight: normal; text-decoration: underline; color: #AD0000; text-decoration: underline; }
	#content #sitemap li li a:hover { text-decoration: none; }
	#content #sitemap li li li { margin: 0; }
	#content #sitemap ul { padding: 13px 0 13px;}
	#content #sitemap ul ul { padding: 10px 0; border: 0; }
	#content #sitemap li li li a {color:black;}

/*--- zope search ---*/

	.search_result .result_entity h2 { margin: 0; }
	.search_result .result_entity p { margin: 0; }
	.search_result .result_entity { display: block; border-top: 1px solid #333; padding: 6px 0; }
	.search_result .result_entity.last { border-bottom: 1px solid #333; margin: 0 0 13px; }

/*--- jobs ---*/

	.jobs_overview { padding: 6px 0 13px 0; }
		.jobs_overview .entity { padding: 6px 0; border-bottom: 1px solid #333; }
		.jobs_overview .entity.first { border-top: 1px solid #333; }
		.jobs_overview h2 { margin: 0; }
		.jobs_overview .detail { float: left; }
		.jobs_overview .date { float: right; text-align: right; }
		.jobs_overview .arrow { padding-left: 17px; background: url(../images/design/arrow.gif) no-repeat 0 center; font-weight: bold; }
		.jobs_overview .pages .left { float: left; }
		.jobs_overview .pages .right { float: right; }

	.job_detail .detail { padding-bottom: 6px; margin-bottom: 13px; border-bottom: 1px solid #333; }
	.job_detail .back { padding: 2px 0; text-align: right; border-top: 1px solid #333; }
	.job_detail .arrow { padding-left: 17px; background: url(../images/design/arrow.gif) no-repeat 0 center; font-weight: bold; }

/*--- events ---*/

	.events_overview { padding: 5px 0 13px; border-top: 1px solid #333; }
		.events_overview h2 { font-size: 15px; padding: 0; }
			.events_overview h2 a { text-decoration: none; }
		.events_overview .info { padding: 0 0 6px; margin-bottom: 5px; border-bottom: 1px solid #333; }
		.events_overview .detail { float: left; padding-bottom: 13px; }
			.events_overview .detail strong { width: 77px; display:block; float:left; }
		.events_overview .date  { float: right; text-align: right; }
		.events_overview .more { text-align: right; padding: 0; }
		.events_overview .arrow { padding: 0 0 0 17px; background: url(../images/design/arrow.gif) no-repeat 0 center; }
		.events_overview .pages .left { float: left; }
		.events_overview .pages .right { float: right; }
	.event_detail .detail { padding-bottom: 6px; margin-bottom: 12px; border-bottom: 1px solid #333; }
		.event_detail .detail strong { width: 70px; display:block; float:left; }
	.event_detail .address { margin-bottom: 6px; border-bottom: 1px solid #333; }
		.event_detail .address .title { color: #2b8bd3; }
	.event_detail .back { text-align: right; }
	.event_detail .arrow { padding: 0 0 0 17px; background: url(../images/design/arrow.gif) no-repeat 0 center; }

/*--- media ---*/

	.media_overview { padding: 5px 0 13px; border-top: 1px solid #333; }
		.media_overview h2 { font-size: 15px; padding: 0; }
		.media_overview .text { padding: 0; }
		#content .media_overview .file ul { margin: 2px 0 0 0; padding: 2px; border: 1px solid #333; }
		#content .media_overview .file li { padding: 0; background: none; display: inline; }
		.media_overview .file { display: block; float: right; }
		.media_overview .file img { padding: 1px 0; display: block; }
		.media_overview .file span { display: none; }
		.media_overview .detail { float: left; }
		.media_overview .info { padding: 0 0 6px; margin-bottom: 6px; border-bottom: 1px solid #333; }
		.media_overview .pages .left { float: left; }
		.media_overview .pages .right { float: right; }

/*--- design ---*/

	#fontsize { display: none; border: 1px solid #333; width: 300px; padding: 10px; background: #fff; text-align: left; }
	
	#box {position:absolute; top:0; bottom:57px; left:50%; background:url(../images/box_bg.jpg); width:905px; margin:0 0 0 -452px;}
	.startpage #box {background:url(../images/box_bg_start.jpg); width:807px; margin:0 0 0 -403px;}
	#inner_box {position:absolute; top:0; right:5px; bottom:0; left:5px;}
	
	#header {height:38px; background:url(../images/header_bg.jpg);}
	   #header a {position:absolute; top:6px; right:10px; display:block; color:white; text-decoration:none;}
	   #header a span.title {float:left; display:block; padding:4px 40px 0 0; cursor:pointer;}
	   #header a span.icon {cursor:pointer; display:block; background:url(../images/functions.gif) -74px -220px; width:26px; height:26px; position:absolute; right:0; top:0;}
	   #header a:hover {font-weight:bold;}
	   #header a:hover span.icon {background-position:0 -220px;}
	
	#leftbar {position:absolute; top:38px; bottom:0; background:#ad0000 url(../images/leftbar_bg.jpg) repeat-x 0 48px; z-index:10;}
	   #logo img {border-top:1px solid white; border-bottom:1px solid white;}
	   
	   #nav {position:absolute; top:63px; left:-4px;}
	   #nav li {margin:0 0 0 3px; padding:0 1px; width:225px; position:relative;  float:left; clear:both; }
	   
	   #nav li.active, #nav li.activenode {border-right:3px solid black; border-left:3px solid black; margin:0 0 0 0;}
	   #nav li.active a, #nav li.activenode a {background:#c64f4f;}
	   #nav li a {display:block; color:white; line-height:24px; padding:0 0 0 16px; text-decoration:none;}
	   #nav li.activenode a {background:#c64f4f;}
	   #nav li a:hover {background:#c64f4f;}
	   #nav li ul { visibility:hidden; position:absolute; top:0; left:226px; padding:0 0 0 6px; margin:0; white-space:nowrap;}
	   #nav li.hover ul {visibility:visible;}
	   #nav li ul li {background:#c64f4f; padding:0; border:none!important; margin:0!important; width:250px;}
	   #nav li ul li a:hover, #nav li ul li.active a, #nav li ul li.activenode a {background:#ad0000; width:234px;}
	
	   #location_nav {position:absolute; bottom:0; border-top:1px solid white;}
	   #location_nav li {clear:both;}
	   #location_nav li img {float:left; border-bottom:1px solid white;}
	
	#content {position:absolute; left:255px; top:125px; right:32px; bottom:94px; overflow:auto; padding:0 15px 15px 0;}
	.startpage #content {position:absolute; top:38px; bottom:0; left:0; right:0; overflow:hidden; padding:0;}
	
	#portal .sujet {border-top:1px solid white; display:block;}
	#sujet {position:absolute; right:0; bottom:0;}
	#fibu {position:absolute; top:302px; right:-20px; background:url(../images/fibuscan.gif); display:block; width:38px; height:175px; border:1px solid #cbcbcb; z-index:100;}
	#simba {position:absolute; top:204px; right:-26px; background:url(../images/samba.gif); display:block; width:50px; height:91px; border:1px solid #cbcbcb;}
	#corp {position:absolute; top:76px; right:-26px; background:url(../images/corporateplanner.gif); display:block; width:50px; height:121px; border:1px solid #cbcbcb;}
	
	#functions {position:absolute; right:10px; bottom:15px; z-index:20;}
	.startpage #functions {right:53px;}
	   #functions li {float:left; margin:0 8px 0 0;}
	   #functions li a {display:block; width:26px; height:26px;}
	   #functions li span {display:none;}
	   #functions a.func_1 {background:url(../images/functions.gif) -74px 0;}
	       #functions a.func_1:hover {background-position:0 0;}
	   #functions a.func_2 {background:url(../images/functions.gif) -74px -44px;}
	       #functions a.func_2:hover {background-position:0 -44px;}
	   #functions a.func_3 {background:url(../images/functions.gif) -74px -88px;}
	       #functions a.func_3:hover {background-position:0 -88px;}
	   #functions a.func_4 {background:url(../images/functions.gif) -74px -132px;}
	       #functions a.func_4:hover {background-position:0 -132px;}
	   #functions a.func_5 {background:url(../images/functions.gif) -74px -176px;}
	       #functions a.func_5:hover {background-position:0 -176px;}
	   #functions_info {width:200px; position:absolute; top:21px; right:195px; text-align:right; color:white;}
	   .startpage  #functions_info {right:239px;}
	
	#portal {position:absolute; top:0; right:0; bottom:0; left:0;}
	#portal ul {padding:0; position:absolute; top:319px; left:0; right:0; height:250px; bottom:0;}
	#portal li {float:left; padding:0; background:none; height:100%; background:white; position:relative;}
	#portal li a {display:block; width:266px; text-decoration:none; height:100%;}
	#portal li img {display:block; border-bottom:1px solid white;}
	#portal li span {display:block; border-right:1px solid #7d7c7d; border-top:1px solid white; padding:15px 12px 30px 12px; cursor:pointer; line-height:18px; font-size:12px; position:absolute; top:54px; left:0; right:0; bottom:0;}
	#portal li.last a {width:265px;}
	#portal li.last img {border-right:none;}
	#portal li.last span {border-right:none;}
	#portal li.area_1 a {color:#ad0000;}
	#portal li.area_1 span.hover {background:#ad0000; color:white;}
	#portal li.area_3 a {color:#7e0101;}
	#portal li.area_3 span.hover {background:#7e0101; color:white;}
	#portal li.area_4 a {color:#5f0000;}
	#portal li.area_4 span.hover {background:#5f0000; color:white;}
	
	.startpage h1 {display:none;}
	
	#author {background:#fff url(../images/byatikon.gif) no-repeat; width:14px; height:80px; display:block; position:absolute; bottom:13px; right:-43px;}
	
	#footer {position:absolute; right:0; bottom:0; left:0; height:57px; background:url(../images/footer_bg.jpg);}
    .footer_center {position:absolute; top:0; bottom:0; left:50%; width:905px; margin:0 0 0 -452px;}

    .staff_member {float:left; margin:0 15px 15px 0; width:250px; border:1px solid red; text-align:center; border:1px solid #525252; padding:10px 10px 0 10px;}
    .staff_member h2 {margin:0 0 2px 0;}

/*--- popup image ---*/

    .popup_image_collection {float:right; margin:0 0 12px 12px;}
    .popup_image {float:right; text-align:center; margin:0 0 12px 12px;}
    .popup_image_collection .popup_image {float:none; display:block;}
    .popup_image img {border:1px solid #c8c8c8;}
    .popup_image .extern_content img {border:none;}
    .popup_image span {display:block; background:url(../images/design/zoom.gif) no-repeat 0 3px; padding:3px 0 0 15px; font-weight:bold; line-height:18px;}