/*--- default settings ---*/

	@import url("default.css");


/*--- core settings ---*/

	h1, h2, h3, h4, h5, h6 { margin: 1.5em 0 0.5em; line-height:1.4em;}
	h1 {text-transform:uppercase; color:#00006a; font-size:1.66em; font-weight:lighter;}
	h2, legend {color:#00006a; font-size:1.25em;}
	p, ul, ol, table, form, fieldset, .disclaimer { margin-bottom: 1em; }


/*--- tables ---*/

	table { margin-left: 1px; }
	td, th { padding: 0.1em 0.5em; vertical-align: top; }
	thead td, thead th { font-weight: bold; vertical-align: bottom; }
	tbody td, tbody th { border: 1px solid #000; }
	tbody th { background: #ccc; }
	tbody tr:hover th, tbody tr:hover td { background: #ccc; }

	.notable table { margin-left: 0; }
	.notable td, .notable th { background: none!important; border: 0; vertical-align: top; padding: 0 2em 0 0; }
	.notable tbody tr:hover th, .notable tbody tr:hover td { background: none; color: #000; }
	.thead { display: none; }
	.data {width:100%;}


/*--- forms ---*/

	form { width: 540px; }
	form.nowith { width: auto; }
	fieldset { border: 1px solid #ccc; padding: 0 10px 10px; }
	legend { padding: 0 5px 10px; color: #00006a; }
	button.send { margin: 0 0 0.6em; }
	input[type=text] { width: 155px; border: 1px solid #000; padding: 4px 2px; }
	input[type=text]:focus, textarea:focus { background: #ccc; }
	input[type=checkbox], input[type=radio], input.radio { float: left; margin-top: 2px;}
	textarea { width: 496px; height: 150px; border: 1px solid #000; }
	label { float: left; display: block; padding-bottom: 7px; width: 170px; }
		label span { display: block; }
	label.nofloat { float: none; width: auto; }
		label.postcode { width: 110px; }
			label.postcode input { width: 95px; }
		label.location { width: 230px; }
			label.location input { width: 215px; }
		label.email { width: 342px; }
			label.email input { width: 325px; }
		label.job { width: auto; }
			label.job input { width: 495px; }
		label.subject { width: auto; }
			label.subject input { width: 494px; }
		label.radio { padding-bottom: 2px; }
			label.radio span { margin-left: 25px; }
			label.radio input {float:left;}
		label.zope_search { width: 230px; }
			label.zope_search input { width: 215px; }
		label.google_start { width: 242px; }
			label.google_start input { width: 225px; }
		label.google_map input { width: 270px; }
		label.error span { color: #a5010d; }


/*--- design, content ---*/

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

		#google_maps_map { border: 1px solid #000; height: 400px; width:600px; margin-bottom:1em;}
		.google_map { white-space: nowrap; }
			.google_map img { margin-bottom: 1em; }


	/*--- legal notice ---*/
	
		.notable .impressum { border-bottom: 1px solid #000; border-top: 1px solid #000; }
			.notable .impressum td, .notable .impressum th { border-top: 1px solid #000; padding: 0.1em 1em 0.1em 0.5em; }
		.impressum .nopadding { margin-bottom: 0; }
		#atikon img { margin-top: 0.4em; }
		#atikon td { padding-right: 1em; }


	/*--- infolists, downloads, onlinetools ---*/

		.infolist_toplink { text-align: right; border-top:1px solid black;}
			.infolist_toplink a {text-decoration:none;}
			.infolist_toplink a:hover {text-decoration:underline;}
		.disclaimer { font-size: 0.86em; line-height: 1.2em; border:1px solid black; padding:0.5em;}

		.download_section table { margin-left: 2em; }
		.download_section .icon { padding: 0 0 0.2em 0; width: 22px; }

		.news_page .graphic { float: right; margin: 0 0 1em 1em; border:1px solid #272727;}
		.news_preview {border-bottom:1px solid #272727;}
			.news_preview .entity {padding-left:1.85em; background:url(../images/list-style.gif) no-repeat left 0.2em;}
				.news_preview .entity h3 {margin-top:0;}
		#news_selection {position:absolute; right:0; top:25px; width:auto;}
			#news_selection span {display:none;}
			#news_selection select {height:1.5em;}

		.onlinetool_overview .calc_head a {font-weight:bold; text-decoration:none;}
			.onlinetool_overview .calc_head a:hover {text-decoration:underline;}
		.onlinetool_overview p {margin-bottom:0.5em;}


	/*--- ie6nomore ---*/

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


	/*--- team ---*/
	
		#staff_overview .head h2 { margin-bottom: 0; }
		#staff_overview .head .noposition { margin-bottom: 14px; }
		#staff_overview .staff_member { float: left; width: 280px; }
		#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; }
		#staff_vita img { float: right; margin-left: 20px; border: 1px solid #000; }


/*--- design ---*/

	#container {position:relative; /*width:915px;*/ margin: 0 auto; padding:20px 0 33px 0; min-width:950px;}

	#greyborder {position:relative; border:1px solid #d9d9d9; /*width:910px;*/ margin:0 20px;}
	#leftside {position:absolute; left:6px; top:6px; bottom:6px; width:233px; background:no-repeat left top #00006a;}
	#rightside {position:absolute; right:6px; top:6px; bottom:6px; width:16px; background:no-repeat right top #00006a;}

	#logobox {margin:6px 24px 0 241px; height:83px; background:#00006a;}
		#logo {position:relative; margin:0 auto 0 auto; padding-top:7px; width:450px; display:block;}

	#nav {position:relative; margin:0 24px 0 241px; list-style:none; border-bottom:1px solid #00006a; height:24px; z-index:1000;}
		#nav li {position:relative; float:left; margin:0; list-style:none; padding:1px 8px 0 8px;}
		#nav li.first {padding-left:28px;}
			#nav li a {text-transform:uppercase; font-weight:lighter; font-size:1.08em; color:#272727; text-decoration:none; display:block; float:left; padding:5px 3px 3px 3px; height:13px;}
			#nav li.active a, #nav li.activenode a {background:#00006a; color:white; border-bottom:2px solid #00006a;}
			#nav li.hover a {border-bottom:2px solid #00006a;}

	#nav ul {display:none; position:absolute; left:8px; top:24px; z-index:1500; border:1px solid #00006a;}
		#nav li.first ul {left:28px;}
		#nav li.last ul {left:auto; right:8px;}
		#nav ul li {float:none; padding:0;}
			#nav li.hover ul li a {float:none; background:transparent; color:#272727; text-transform:none; height:auto; white-space:nowrap; border:0; padding:3px 10px 3px 3px;}
			#nav li.active ul li a, #nav li.activenode ul li a {border:0;}
				#nav li.hover ul li.first a {padding-top:10px;}
				#nav li.hover ul li.last a {padding-bottom:10px;}
				#nav li ul li a:hover {color:#00006a;}
			#nav ul li.first, #nav ul li {padding-left:9px; background:white;}
			#nav li ul li.active a, #nav li ul li.activenode a {color: #00006a;}

	#subnav {list-style:none; margin:410px 0 0 12px;}
		#subnav li {list-style:none; margin:0;}
			#subnav li a {color:white; text-decoration:none; letter-spacing:0.03em; color:#dfdfdf; line-height:1.5em;}
			#subnav a:hover {color:white;}
			#subnav li.active a, #subnav li.activenode a {font-weight:bold; color:white; font-size:1.08em;}

	#content_top_bg {position:absolute; left:241px; top:114px; right:24px; height:83px; background:url(../images/content_top_bg.jpg) repeat-x left top;}
	#content_bottom_bg {position:absolute; left:241px; bottom:5px; right:24px; height:83px; background:url(../images/content_bg.jpg) repeat-x left top;}

	#content {position:relative; margin:0 24px 6px 241px; padding:0 20px 0px 31px; min-height:435px; overflow:auto;}
		#text {position:relative; padding-bottom:20px; max-width:645px; float:left;}

		#content ul li { list-style-type: none; list-style-image:url(../images/list-style.gif); margin-left: 2.5em; padding-left:0.3em;}
		#content ol li {margin-left:2em;}
		#title {margin:30px 0 1.2em;}

	#functions {position:absolute; left:17px; bottom: -25px; list-style:none; margin:0;}
		#functions li {float:left; list-style:none; margin:0 12px 0 0;}

	#author {position:absolute; right:6px; bottom:-31px;}
		#author img {display:block;}

	#shadowtopright {position:absolute; right:-4px; top:10px; background:url(../images/shadowtopright.jpg) no-repeat right top; width:3px; height:99px;}
	#shadowbottomright {position:absolute; right:-4px; bottom:-1px; background:url(../images/shadowbottomright.jpg) no-repeat right bottom; width:3px; height:99px;}
	#shadowbottomright2 {position:absolute; right:-4px; bottom:-4px; background:url(../images/shadowbottomright2.jpg) no-repeat right bottom; width:141px; height:3px;}
	#shadowbottomleft {position:absolute; left:10px; bottom:-5px; background:url(../images/shadowbottomleft.jpg) no-repeat left bottom; width:141px; height:4px;}

	#gotoshortcuts {border-top:1px solid #272727; text-align:right; padding-top:0.5em;}
		#gotoshortcuts a {text-decoration:none;}



/*--- Startseite ---*/

	.startpage #logobox {margin:6px 6px 0 6px; height:107px;}
		.startpage #logo {padding-top:22px;}
	.startpage #nav {margin:0 6px 0 6px;}
	.startpage #content {margin:0 6px 2px 6px; padding:0; background:transparent; /*height:353px;*/ height:383px; min-height:0; overflow:hidden;}
	.startpage #container, .startpage #greyborder {width:980px;}
	.startpage #greyborder {margin:0;}
	.startpage #container {padding-bottom:30px;}

	#contactinfo {margin:0 6px 6px 6px; background:#00006a; color:white; padding-top: 8px; height:24px; text-align:center;}
		#contactinfo a {color:white;}

	#sujet_extension {position:absolute; right:-7px; top:45px; background:url(../images/sujet2_startseite.jpg) no-repeat right top; width:206px; height:162px; z-index:1100;}


/*--- fluid version ---*/

	#container.fluid {position:absolute; left:20px; top:20px; right:20px; bottom:30px; height:auto; width:auto;}
	.fluid #greyborder {width:auto; position:absolute; left:0; top:0; right:0; bottom:0; margin:0;}
	.fluid #content {position:absolute; left:241px; top:114px; right:24px; bottom:6px; min-height:0; overflow:auto; margin:0;}
	.fluid #text {max-width:645px;}
	.fluid #gotoshortcuts {display:none;}