/*--- reset, please don't change ---*/

	body, html { background: rgb(255, 255, 255); height: 100%; }
	body, html, h1, h2, h3, h4, h5, h6, a, p, ul, ol, table { font-size: 100%; }
	body, html, h1, h2, h3, h4, h5, h6, p, ol, ul, li { margin: 0; padding: 0; }
	ul, ol { list-style-position: outside; } 
		ul ul, ul ol, ol ol, ol ul { font-size: 100%; margin-bottom: 0; }
	li { margin-left: 1em;}
	a:hover, a:active { outline: none; }
	a img { border: 0; }

/*--- general ---*/

  body {font-size:12px;font-family:arial, sans-serif;line-height:1.2em;}

	.hideme, #shortcuts, #shortcuts_title, #fontsize { display: none; }
	.clear { float: none; clear: both; } /* old solution for floating */
	.floatbox { overflow: auto; width: 100%; } /* new solution for floating */

	h1 { margin-bottom: 1em; font-size:1.8em;color:#313b6e;font-family:Calisto, serif;text-transform:uppercase;}
	h2 {font-size:1.2em;}
	h3 {font-size:1.0em;}
	h2, h3, h4, h5, h6 { margin-bottom: 0.5em; color:#313b6e;margin-top:1.5em}
	p, ul, ol, table, form, .disclaimer { line-height: 1.4; }
	p, ul, ol, table, form, .disclaimer { margin-bottom: 1em; }

  li {list-style:none;}
  li {background:url(../images/listitem.jpg) no-repeat 0px 8px;padding-left:10px;}
  a {text-decoration:underline;color:#313b6e;}
  a:hover {color:#57555a;}
  
  iframe {position:absolute;left:0px;top:50px;right:0px;}

	body#epozcontent { background: #fff; padding: 0.5em; }
	div.zms_graphic { margin-bottom: 1em; }
	div.zms_graphic.floatleft { float: left; margin-right: 1em; }
	div.zms_graphic.floatright { float: right; margin-left: 1em; }
	div.zms_graphic.right { text-align: right; }
	div.zms_graphic.center { text-align: center; }
	div.graphic.alignleft { float: left; margin: 0 1em 1em 0!important; text-align: right; }
	div.graphic.alignright { float: right; margin: 0 0 1em 1em!important; text-align: right; }
	div.zms_graphic .zoom {height: 21px; margin: 1px 0 0 auto; width: 23px; }
	div.zms_graphic .text { margin-top: 3px; }

	#ie6nomore { background: #fff; display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; 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; }

/*--- tables ---*/

	table { border-collapse: collapse; border-spacing: 0; }
	thead td, thead th { font-weight: bold; text-align: left; vertical-align: bottom; }
	tbody td, tbody th { border: 1px solid #000; font-weight: normal; text-align: left; vertical-align: top; }
	tbody th { background: #ccc; }
	tbody tr:hover th, tbody tr:hover td { background: #ccc; }
	.notable td, .notable th { background: none!important; border: 0; padding: 0 2em 0 0; }
	.notable tbody tr:hover th, .notable tbody tr:hover td { background: none; }
	.thead { display: none; }

	.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; }

/*--- forms ---*/

	form { width: 550px; }
	form.nowidth { width: auto; }
	fieldset { border: 1px solid #ccc; margin-bottom: 1em; padding: 0 1em 1.5em; }
	 	fieldset fieldset { margin: 1em 0 0; }
	legend { padding: 0 0.5em 0; color:#313b6e;}
	form, fieldset, button, input, select, textarea { font-family: inherit; font-size: 100%; }
	input[type=text] { border: 1px solid rgb(0, 0, 0); width: 155px; font-size: 100%; padding: 0.4em 0.2em; }
	input[type=text]:focus, textarea:focus { background: #ccc; }
	input[type=checkbox], input[type=radio] { float: left; margin-top: 0.2em; }
	textarea { width: 496px; height: 150px; border: 1px solid #000; }
	label { cursor: pointer; display: block; float: left; padding-top: 0.8em; width: 170px; }
		label span { display: block; margin-bottom: 0.2em; }
	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.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; }
		.google_map { white-space: nowrap; }
			.google_map img { margin-bottom: 1em; }

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

		.infolist_toplink { text-align: right; }
		.download_section table { margin-left: 2em; }
		.download_section .icon { padding-right: 0; width: 22px; }
		.news_page .graphic { float: right; margin: 0 0 1em 1em; border:1px solid #57555a;}
		.rss_feeds { list-style: none; }
			.rss_feeds li { background: url(../images/design/rss.gif) no-repeat 0 center; padding-left: 21px; }
			
		.quicklinks li {border-bottom:1px dotted #57555a;margin-top:10px;padding-bottom:10px;}
		.quicklinks li.first {border-top:1px dotted #57555a;padding-top:10px;background-position:0px 18px;margin-top:0px;}
		.quicklinks h2, .download_section h2 {margin-top:1.5em;}
		
		.downloads td {line-height:20px;}
		
		.infolist_toplink {display:none;}
		
		#news_selection {position:absolute;width:auto;right:7%;top:10px;}
		#news_selection span {display:none;}
		
		.news_preview {margin-bottom:40px;border-top:1px dotted #57555a;}
		.news_preview div.entity {border-bottom:1px dotted #57555a;}

	/*--- slimbox ---*/
	
		#lbOverlay { background: #000; cursor: pointer; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 9999; }
		#lbCenter, #lbBottomContainer { background: #fff; left: 50%; overflow: hidden; position: absolute; z-index: 9999; }
		.lbLoading { background: #fff url(../images/slimbox/loading.gif) no-repeat center; }
		#lbImage { background-repeat: no-repeat; border: 10px solid #fff; left: 0; position: absolute; top: 0;  }
		#lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; }
		#lbPrevLink { left: 0; }
		#lbPrevLink:hover { background: transparent url(../images/slimbox/previous.gif) no-repeat 0% 30%; }
		#lbNextLink { right: 0; }
		#lbNextLink:hover { background: transparent url(../images/slimbox/next.gif) no-repeat 100% 30%; }
		#lbBottom { border: 10px solid #fff; border-top-style: none; font-size: 12px; line-height: 19px; text-align: left;  }
		#lbCloseLink { background: transparent url(../images/slimbox/close.gif) no-repeat center; display: block; float: right; height: 20px; margin: 5px 0; width: 21px; }
		#lbCaption, #lbNumber { margin-right: 71px; }
		#lbCaption { font-weight: bold; }

	/*--- positionplan ---*/
	
		.positionplan .entity { float: left; width: 195px; display: block; padding-bottom: 14px; }
			.positionplan .entity img { display: block; border: 1px solid #000; margin-bottom: 4px; }


/*--- team ---*/

	#content .position_title { padding-bottom: 0; }
	.staff_member { float: left; width: 260px; height: 190px; overflow: hidden;border:1px dotted #57555a;margin:0px 5px 10px 0px;padding:5px;}
	.staff_member h2 {font-size:1em;}
  .staff_member.nofloat { float: none; }
  .staff_member img {border: 2px solid #262b5e;float:left;width:90px;}
  .staff_member .staff_text { float: right; width:160px; padding-right: 30px; margin:0px;padding:0px;}
  .lightboxDesc { display: block; }
  
  #staff_vita {width:300px;}
  #staff_vita img {border: 2px solid #787d7e;float:left;}
  #staff_vita .staff_text {float:right; width:180px;}
  #staff_vita .staff_text .position {height:50px;overflow:hidden;}
  #staff_vita .nofloat {float:none;}
  
/*--- design ---*/

    .positionplan {float:right;width:202px!important;height:168px!important;overflow:hidden;}
    .positionplan h2 {display:none;}
    
    #container {position:relative;height:100%;background:#313b6e;overflow:hidden;}
    
      #header {position:absolute;top:0px;left:0px;right:0px;height:91px;background:#e4e8f1;border-bottom:1px solid #57555a;}
        #logo {position:absolute;right:15%;height:61px;width:307px;top:13px;}
        
      #nav {padding:0px;position:absolute;left:auto;top:92px;right:15%;height:27px;margin:0px;list-style-type:none;}
        #nav li {float:left;list-style:none;margin:0px;padding:0;background:transparent;}
        #nav li a {background:transparent;display:block;color:white;text-decoration:none;font-family:Calisto,serif;font-size:17px;text-transform:uppercase;margin:0px;padding:3px 5px;height:21px;}
        #nav li a:hover {color:#313b6e;background:#e4e8f1;}
        #nav li.active, #nav li.activenode {background:url(../images/activemenu.gif) no-repeat; background-position:5px 23px;}
      
      #subnav {position:absolute;top:34px;right:0px;list-style:none;background:url(../images/submenubg.png);}
        #subnav li {list-style:none;margin:0px;padding:0px;background:transparent;}
        #subnav li a {display:block;padding:8px 22px 8px 10px;text-decoration:none;color:#313b6e;}
        #subnav li a:hover {background:white;color:#313b6e;}
        #subnav li.active, #subnav li.activenode {background:url(../images/activesubmenubg.png) no-repeat;background-position:right center;}
        
      #leftside {position:absolute;left:0px;top:119px;bottom:0px;width:250px;background:#e4e8f1;border-right:1px solid #57555a;border-top:1px solid #57555a;overflow:hidden;}
      #rightside {position:absolute;right:0px;top:119px;bottom:0px;width:15%;background:#e4e8f1;border-top:1px solid #57555a;overflow:hidden;}
      #content {position:absolute;left:251px;top:119px;right:15%;bottom:21px;background:white;overflow:auto;padding:20px;border-right:1px solid #57555a;border-top:1px solid #57555a;}
      #footer {position:absolute;overflow:hidden;bottom:0px;left:0px;right:0px;height:20px;background:#313b6e;border-top:1px solid #57555a;text-align:center;}
      #text {max-width:750px;}
      
      #functions {float:left;margin:0px;padding:0px;color:#57555a;}
        #functions li {float:left;list-style:none;margin:0px;padding:0px;background:transparent;}
        #functions li a {display:block;padding:5px 4px 0px 5px;}
        
      #contactinfo {margin:1px auto 0px auto;color:#e4e8f1;}
        #contactinfo a {color:#e4e8f1;}
        
      #author {position:absolute;top:3px;right:5px;margin:0px;padding:0px;}

/*--- startpage ---*/
  
      .startpage #content {display:none;}
      .startpage #container {background:black;}
      .startpage #footer {bottom:50px;border-bottom:1px solid #57555a;background:#e4e8f1;}
      .startpage #contactinfo {color:#57555a;}
      .startpage #contactinfo a {color:#57555a;}
      .startpage .sujetbildstartseite {position:absolute;bottom:0px;left:0px;width:100%;}
      .startpage #menu {position:absolute;border-top:1px solid #57555a;left:0px;right:0px;bottom:72px;height:118px;background:url(../images/logo_startseite.gif) no-repeat #e4e8f1;background-position:center center;}
      .startpage #logostartseite {position:relative; margin:16px auto 0px auto;width:414px;height:82px;background:url(../images/logo_startseite.gif) no-repeat top left;}
      
      .startpage #startpagenav li {position:absolute;height:20px;list-style:none;margin:0px;background:transparent;padding:0px;}      
        .startpage #startpagenav li:nth-child(-n+4) {left:0px;right:50%;text-align:right;margin-right:220px;}
        .startpage #startpagenav li:nth-last-child(-n+4) {left:50%;right:0px;text-align:left;margin-left:220px;}
        .startpage #startpagenav li:nth-child(1),.startpage #startpagenav li:nth-child(5) {top:7px;}
        .startpage #startpagenav li:nth-child(2),.startpage #startpagenav li:nth-child(6) {top:32px;}
        .startpage #startpagenav li:nth-child(3),.startpage #startpagenav li:nth-child(7) {top:57px;}
        .startpage #startpagenav li:nth-child(4),.startpage #startpagenav li:nth-child(8) {top:82px;}
        
        .startpage #startpagenav .first_four_children {left:0px;right:50%;text-align:right;margin-right:220px;}
        .startpage #startpagenav .last_four_children {left:50%;right:0px;text-align:left;margin-left:220px;}
        .startpage #startpagenav .first_children {top:7px;}
        .startpage #startpagenav .second_children {top:32px;}
        .startpage #startpagenav .third_children {top:57px;}
        .startpage #startpagenav .last_children {top:82px;}
        
        .startpage #startpagenav li a {background:transparent;display:block;color:#57555a;text-decoration:none;font-family:Calisto,serif;font-size:17px;text-transform:uppercase;margin:0px;padding:3px 5px;height:21px;}
        .startpage #startpagenav li a:hover {background:#313b6e;color:#e4e8f1;}