/* --------------------------------------------------------------------------*/
/*                       Layout der Seite        
/* --------------------------------------------------------------------------*/
body { 
	margin:0px; 
	padding: 0;
	font: 11px Arial, Verdana, generic;
	color:#000000;
	background: #FFF;		
	font: 77% sans-serif; 
	z-index: 0;
}
body, html {
	max-width: 1280px;
}

/* ------------------------------------------------------------------------ */
/*   Hilfsobjekte gegen fehlenden Border, wenn zu wenig Content da ist 
/*   Border werden von unten überlappend eingeschoben
/* ------------------------------------------------------------------------ */
#pageBorderContainer {
	margin: 0;
	padding: 0;
	max-width: 1280px;
}

#pageContainerBorderLeft {
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 0;	
	border-left: 210px solid #E7E8EA; /* geändert */
	height: 100%; 
	* height: 400px; 
	z-index: 1;
}
#pageContainerBorderRight {
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0;	
	border-right: 20em solid #E7E8EA;
	height: 100%; 
	* height: 400px; 
	z-index: 1;
	visibility: hidden;
}
#pageContainer {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;	
	min-width: 60em;
	width:  100%;
/*	max-width: 1280px; */
/*	height: 100%; */
	z-index: 2;
}
* html #pageContainer {
	/* \*/
	word-wrap: break-word;
	/* verhindert float-Probleme beim IE/Win siehe Referenz zu float */
}
#header {
/*	height: 56px; */
	margin:0; 
	padding:0;
	background:#FFF;
	overflow: hidden; 
}

/* ------------------------------------------------------------------------ */
/*   nur für das Testsystem 
/* ------------------------------------------------------------------------ */
#testhinweis {
	width: 640px;
	text-align: center;
	border: 2px solid #002664;
	color: #CC1238;
	background: #FFF;
	padding: 15px;
	margin: 40px auto;
	font: bold 20px Verdana,arial,generic;
}
#testhinweis a {
	font: bold 20px Verdana,arial,generic;
	text-decoration: underline;
}
/* ------------------------------------------------------------------------ */
/*    main   umfasst   middle, left und right 
/* ------------------------------------------------------------------------ */
	#main {
	border: 0;
	border-left: 210px solid #E7E8EA; /* geändert */
	border-right: 1px solid #E7E8EA; 	/* wird im TS überschrieben, wenn Inhalt vorhanden ist mit:	border-right: 20em solid #E7E8EA; */
	background: #FFF;
	margin: 0; 
	padding: 0;
	height: 100%;
	z-index: 2;
}
/* ------------------------------------------------------------------------ */
/*   middle, left und right   liegen in   main 
/* ------------------------------------------------------------------------ */
#left, #middle, #right, #SOWrap {
	overflow: visible;
	position: relative;
}
#SOWrap, #S1Wrap {
	float: left;
	margin: 0 -1px 0 0;
	width: 100%;
	z-index: 3;
}
#middle {
	width: 100%; 
	float: right; 
	margin: 0 0 0 -1px;
	padding: 0;
	z-index: 2;  
}
#left {
	width: 210px; /* geändert */
	float: left;
	margin: 0 1px 0 -211px; /* geändert */
	z-index: 4; 
}
#left p {
	color: #002664;
}
#right {
	width: 0;			/* wird im TS überschrieben, wenn Inhalt vorhanden ist mit:	width: 19.9em;  */
	color: #002664;
	background: #E7E8EA; 
	float: right;
	margin: 0 -20em 0 1px; 
	border: 0;
	z-index: 5; 
/*	overflow: hidden;  	/* noch nicht optimal */
}

/* ------------------------------------------------------------------------ */
/*   hebt float wieder auf und sorgt bei einigen div's  für sauberen Umbruch
/* ------------------------------------------------------------------------ */
.cleaner {
	clear:both;
	height:1px;
	font-size:1px;
	border:0px none;
	margin:0; padding:0;
	color: #CCC; 
	background:transparent;
	overflow: hidden;
}

/* ------------------------------------------------------------------------ */
/*                     Marginalienspalte / content_right
/* ------------------------------------------------------------------------ */
div#content_right {
/*	width: 20em; */      /* fehlerhaft in IE6 */
	overflow: hidden;
	font-family: arial,generic;
	color: #000; 
	background: #E7E8EA;
	text-align: left;
/*	padding: 10px; */
	clear: both; 
}
.element_right {
	max-width: 245px; /* geändert */
	margin: 12px;  /* geändert */
	overflow: hidden;
}
.image_right, .list_right {
	margin: 0;
}

/* ------------------------------------------------------------------------ */
/*                 Logo / Bereich über menu_top                             
/* ------------------------------------------------------------------------ */
div#hawlogo {
       position: absolute;
       right: 45px; /* geändert*/
       top: 13px; /* geändert*/
       z-index:6;
       overflow: hidden;
}

div#logo_klein {
       position: absolute;
       right: 54px; /* geändert*/
       top: 12px; /* geändert*/
       z-index:6;
       overflow: hidden;
}
div#fakLogo {
      height: 60px; 
      width: 210px;  /* geändert */
      margin: 0;
      padding: 0;
      overflow: hidden; 
}
div#fakLogo_text {
	position: absolute;
    width: 500px; 
	top: 25px;
	left: 230px; /* geändert*/
	color: #002664;
	background: white;
	font: normal bold 13pt Arial;
}
div#fakLogo_text a {

    width: 500px;        
	position: absolute;
    margin: 0 0 0 0; /* geändert */
	padding-left: 0px;
	padding-top: 0px;	 /* geändert */
	color: #002664;	
	background: white;
	font: bold 13pt Arial,Verdana;  /* geändert */
}

/* ------------------------------------------------------------------------ */
/*                          Menü oben                                       
/* ------------------------------------------------------------------------ */
div#menu_top {
	position: relative;  
	height: 42px; 
	margin: 0; 
	padding: 0; 
	color: #FFF;
	background-color: #002664;
	text-align:left;
	text-transform: inherit;
	overflow-y:hidden; /* geändert */ 
	white-space: normal;
	border: 0; 
/*	border-bottom: 1px solid #FFF; */
	z-index: 9;
	clear: both;
}
div#menu_top ul {
	list-style: none;
	margin: 0;
	padding: 0; 
}
div#menu_top li {
	display: inline;
	vertical-align: sub; 
}
div#menu_top li a {
	padding: 7px 20px 0px 20px; /* geändert */
	white-space: nowrap; 
}
#menu_top li a.hv, #menu_top li a.hv1 {
	width: 174px; /* geändert */
	padding: 7px 20px 0px 16px; /* geändert */
}
div#menu_top a, div#menu_top a:active, div#menu_top a:hover {
	height: 37px;
	margin: 0; 
	vertical-align: middle; 
	border-right: 1px solid #FFF; 
/*	border-bottom: 1px solid #FFF; */
	float: left;
}

#menu_top a.hv, #menu_top a.hv:link, #menu_top a.hv1, #menu_top a.hv1:link, #menu_top a.hv_act, #menu_top a.hv1_act {
	width: 12.5em;
	color: #FFF;
	background: #002664;
	font: bold 1.1em/2em Arial,Verdana,generic; 
}
#menu_top a.menu_top_fak, .dmi, .ls, .sap, .ti, .wpm, .dmi_act, .ls_act, .sap_act, .ti_act, .wpm_act,  .dmi1, .ls1, .sap1, .ti1, .wpm1, .dmi1_act, .ls1_act, .sap1_act, .ti1_act, .wpm1_act, .lifesciences, .lifesciences_act
{
	color: #FFF;
	font: normal 1em/1.1em Arial,Verdana,generic; 
}

#menu_top a.hv:hover,#menu_top a.hv1:hover    { color:#002664; background:#8EBAE5; } 
#menu_top a.dmi:hover,#menu_top a.dmi_act,#menu_top a.dmi1:hover,#menu_top a.dmi1_act { color:#FFF; background:#008B95; }
#menu_top a.ls:hover,#menu_top a.ls_act,#menu_top a.ls1:hover,#menu_top a.ls1_act { color:#000; background:#E98300; }
#menu_top a.lifesciences:hover,#menu_top a.lifesciences_act { color:#000; background:#E98300; }
#menu_top a.sap:hover,#menu_top a.sap_act,#menu_top a.sap1:hover,#menu_top a.sap1_act {  color:#FFF; background:#C60C30 }
#menu_top a.sp:hover,#menu_top a.sp_act,#menu_top a.sp1:hover,#menu_top a.sp1_act {  color:#FFF; background:#C60C30 }
#menu_top a.ti:hover,#menu_top a.ti_act,#menu_top a.ti1:hover,#menu_top a.ti1_act { color:#000; background:#00C78B }
#menu_top a.wpm:hover,#menu_top a.wpm_act,#menu_top a.wpm1:hover,#menu_top a.wpm1_act { color:#FFF; background:#C60C30 }

/* geändert */


/* ------------------------------------------------------------------------ */
/*                     Klickpfad - Breadcrumb                               */
/* ------------------------------------------------------------------------ */
div#klickpfad, div#klickpfad a, .fett a, .nolink, .nolink a  {
  color: #444;
	font: 0.95em Arial,generic; 
	font-weight: normal; 
	line-height: 15px;
	vertical-align: bottom;
	text-transform: none;
}
div#klickpfad {
	background: #FFF;
	border-bottom: 2px solid #CCC;
	margin: 6px 22px 20px 20px; /* geändert*/
	padding: 6px 0;
	clear: both;
}
.fett a {
	font-weight: bold; 
	text-transform: none;
}
.nolink, .nolink a {
	text-transform: none;
}

div#klickpfad.de {
	background: url(/fileadmin/bullets/flag_de.gif) top right no-repeat;
}
div#klickpfad.uk {
	background: url(/fileadmin/bullets/flag_uk.gif) top right no-repeat;
}

/* ------------------------------------------------------------------------ */
/*                        Menü links                                        
/* ------------------------------------------------------------------------ */
div#menu_left_all, div#menu_left  ul, div#softlinks ul, div#menu_left  ul ul, div#menu_left  ul ul ul, #left {
	width: 210px; /* geändert*/
}

div#menu_left_all 
{
		width: 209px;   /* 1px weniger - verhindert float-Fehler bei kleiner Fensterbreite */
    color: #002664;
    background: #E7E8EA; 
    padding: 0;
    border-right: 1px solid #CCC;
    text-transform: inherit;
    white-space: nowrap;
    overflow: hidden;
    align: top; 
}
	
div#menu_left
{
    width: 210px; /* geändert*/
    padding-top: 10px; /* geändert*/
    padding-top: 10px; /* geändert*/
    margin: 0; /* geändert*/
    color: #002664;
    background: #E7E8EA;
    border: 0;
    text-transform: inherit;
    white-space: nowrap;
    overflow: hidden;
    align: top;
}
div#menu_left  ul, div#softlinks ul 
{
	overflow: hidden;
	list-style:none;
	margin: 0;
	padding-top: 0px; /* geändert*/
	padding-bottom: 4px; /* geändert*/	
}
div#menu_left  ul ul {  
	background: #FFF;
	padding: 0px 0 5px 8px; /* geändert*/
	margin-bottom: 2px;
	overflow: hidden;
	border-bottom: 1px solid #CCC;  
}
div#menu_left  ul ul ul {
	background: #FFF;
    padding: 0px 0 0px 8px;	 /* geändert*/
	overflow: hidden;
	border: 0;
}
div#menu_left li a, div#softlinks li a  {
    color: #002664; 
		font-size: 0.9em;
    padding: 0px 5px 0px 16px;   /* geändert  !!!!! */
    text-decoration: none;
}
.menu_left_act {
	border-top: 1px solid #CCC; 
	background: #FFF url(/fileadmin/bullets/menu_left_no.gif) no-repeat 2px 2px;
}
.menu_left_act1 {
	background: #FFF url(/fileadmin/bullets/menu_left_no.gif) no-repeat 0 3px;
	border-top:1px solid #CCC;
	padding-top: 1px; /* geändert */
	margin-top: 2px;
}
.menu_left_act2 {
	background:#FFF url(/fileadmin/bullets/menu_left_no2.gif) no-repeat 0 3px;
}
.menu_left_act3 {
	background:#FFF url(/fileadmin/bullets/menu_left_no3.gif) no-repeat 0 3px;
}

div#menu_left li a:hover, div#menu_left li ul li a:hover {
    color: #002664;
    padding: 0 5 1 17;
}
/* ------------------------------------------------------------------------ */
/*                Menü links - mehrsprachig (englisch/Startseite)                                       
/* ------------------------------------------------------------------------ */
div#menu_left li.international {
	display: inline;
}
div#menu_left li.deutsch a {
		background: url(/images/flags/flag-deu.png) right no-repeat;
		padding-right: 35px; 
}
div#menu_left li.deutsch a.english {
		background: url(/images/flags/flag-uk.png) left no-repeat;
		margin-left: 3px; 
}
/* ----------------------------------------------------------------- */
/*                      Softlinks                                        
/* ----------------------------------------------------------------- */
div#softlinks {
	width: 210px; 	/* geändert*/
    padding: 14px 0 14px 0px; 	/* geändert*/
    margin: 0;
    color: #002664;
    background: #CCC;
    border: 0;
    text-transform: inherit;
    white-space: nowrap;
    overflow: hidden;
}
div#softlinks a {
	line-height: 1.5em;
}
div#softlinks form {
	display: inline;
	vertical-align: middle; 
	margin: 0;
	padding: 0;
	white-space: nowrap;
}
.softlinksuche {
	color: #002664;
	margin-left: 15px; /* geändert*/
	margin-bottom: 5px;
	font-size: 0.9em;
}
.softlinksuche a.suche {
	background: none;
}
#softlinks .tx-indexedsearch-searchbox {
	width: 80px;
	height: 15px;
	* height: 1.4em;
	font: normal 0.9em #000;
	margin: 0;
	padding: 0;
}
#telefon {
/*	position:relative; bottom: 0; */
	width: 100%;
	padding: 10px 0 10px 15px; /* geändert*/
	margin-top: 50px; 
	color:#002664; 
	background: #FFF;
	font: bold 1em Arial,Helvetica,generic;
	border-top: 1px solid silver;
	border-bottom: 1px solid silver;
	overflow: hidden;
	clear: both;
}
#hotline {
/*	position:relative; bottom: 0; */
	width: 100%;
	padding:10px 0 10px 10px; 
	margin-top: 10px; 
	color: red; 
	background: #FFF;
	font: normal 1em Arial,Helvetica,generic;
	border-top: 1px solid silver;
	border-bottom: 1px solid silver;
	overflow: hidden;
	clear: both;
}

#softlinks li a  {
    color: #002664; 
}
#werbung_links {
/*	width: 170px;
	height: 70px; */
	margin: 10px;
	color: #FFF;
	background: #BECADB url(/fileadmin/user_upload/test/wellenwasser_3.jpg) no-repeat;
	border: 2px solid #3A5197;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
}

/* --------------------------------------------------------------------------- */
#aktuell {
       position: absolute;
       left: 50%;
       margin-left: -389;
       top: 275; 
       border: 0px ;
}

/* ------------------------------------------------------------------------ */
/*                     Portraitrahmen / Contentrahmen Marginalie
/* ------------------------------------------------------------------------ */
#content_right .portraitrahmen .image_right, #content_right .portraitrahmen .element_right {
	width: 100%;
	height: 150px; 
	text-align: center;
	margin: 34px auto 0 auto;
	padding: 0;
	color: #000;
	background: #CCC;	
}
#content_right .portraitrahmen .element_right {
	height: auto;
}
#content_right .portraitrahmen .image_right img  { 
	width: auto;
	height: 150px; 
}
#content_right .portraitrahmen .csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { 
	text-align: center;
	background: transparent;
}
#content_right .portraitrahmen dd.csc-textpic-caption {
	text-align: center;
	background: #E7E8EA;
}
#content_right .portraitrahmen img.spacer-gif {
	height: 0;
	width: 0;
}
#content_right .portraitrahmen p.bodytext {
	margin-left: 10px;
}

/* ------------------------------------------------------------------------ */
/*            Suche / Google Search   
/* ------------------------------------------------------------------------ */
#header #menu_top form {
	display: inline;
	height: 37px;
	margin: 4px;
	padding: 0;
	white-space: nowrap;
}
#header #menu_top .tx-indexedsearch-searchbox {
	width: 90px;
	height: 15px;
	* height: 1.4em;
	font: normal 0.9em #000;
	margin: 0;
	padding: 0;
}
#header #menu_top .tx-indexedsearch-searchbox-button {
	color: #002664;
	height: 21px;  /* geändert */
	width: 27px;  /* geändert */
	border: 1px solid #000;
	background: white;
	font-size: 0.7em;  /* korrigiert und geändert */
	margin: 0;
	padding: 0;
}

.suche, .suche_act, .suche1, .suche1_act 
{
	color: #FFF;
	background: #002664;
	font: lighter 1em/1.1em Arial,Verdana,generic; 
}
#header #menu_top .suche, 
#header #menu_top .suche1 
{
	border-right: 1px solid #002664;
	padding: 7px 4px 0px 16px; /* geändert */
}
.tx-indexedsearch-sarchbox {
	left:  4px; /* geändert */
}

#header #menu_top form#cse-search-box input {
	width: 120px; 
	margin: 5px 3px 5px 20px;
}
#softlinks #cse-search-box input {
	width: 135px; 
	margin: 5px 3px 5px 0;
}
#header #menu_top form#cse-search-box input#cse-suchbutton, #softlinks input#cse-suchbutton  {
	width: 30px;
	margin: 5px 0;
}
#menu_top form#cse-search-box, #menu_top #search-input {
		width: 200px;
		float: left;
}


/* ]]> */