/*
------------------------------------------------------------------
 basic stylesheet for screen media | Other styles imported 
 url(s)		 : www.humboldt-duesseldorf.de
 written 	 : 01.04.2008
 changed	 : 20.04.2008
 CSS + XHTML : Alexander Böck | webdesign (www.alexander-boeck.de)
------------------------------------------------------------------
 (c) 2008 Alexander Böck
------------------------------------------------------------------*/

@import url(navigation.css);
@import url(highslide.css);
@import url(table.css);

/* Clear defaults (global resets) - inspired by Tantek Celik / and global styles
------------------------------------------------------------------------------- */

:link,:visited {
	text-decoration:none;
	} 
ul,ol,dl {
	list-style:none;
	} 
h1,h2,h3,h4,h5,h6,pre,code {
	font-size:1em; 
	font-weight:normal;
	}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd {
	margin:0; 
	padding:0;
	}
ol {
	list-style-type:decimal;
	list-style-position:inside;	
	}	
a img,:link img,:visited img {
	border:none;
	}
img {
	border:1px solid #CCCCCC;
	margin:0;
	padding:4px;
	background:none;
	}
.bild_text_quer {
	border-bottom:1px dotted #DCE7ED;
	height:340px;
	margin-bottom:10px;
	}
* html .bild_text_quer {
	border-bottom:1px solid #DCE7ED;
	height:350px;
	margin-bottom:10px;
	}		
.bild_text_quer_last {
	border:0;
	height:350px;
	margin-bottom:10px;
	}	
.bild_text_hoch {
	border-bottom:1px dotted #DCE7ED;
	height:440px;
	margin-bottom:10px;
	}
* html .bild_text_hoch {
	border-bottom:1px solid #DCE7ED;
	height:440px;
	margin-bottom:10px;
	}
.bild_text_hoch2 {
	border-bottom:1px dotted #DCE7ED;
	height:165px;
	margin-bottom:10px;
	}
* html .bild_text_hoch2 {
	border-bottom:1px solid #DCE7ED;
	height:140px;
	margin-bottom:10px;
	}				
.img_margin {
	margin:10px 0;
	}
.img_margin_no {
	margin:10px 0;
	border:0;
	padding:0;
	}	
.img_left {
	float:left;
	margin:8px 18px 8px 0;
	}
.img_right {
	float:right;
	margin:8px 0 8px 14px;
	}
.text_right_quer {
	float:right;
	width:230px;
	margin-top:10px;
	}
.text_right_hoch {
	float:right;
	width:330px;
	margin-top:10px;
	}
.text_right_hoch2 {
	float:right;
	width:520px;
	margin-top:10px;
	}
.foerder_galerie {
	float:left;
	width:120px;
	margin-top: 0;
	margin-right: 12px;
	margin-bottom: 0;
	margin-left: 0;
	}
.foerder_galerie_p {
	font-size:1em;
	line-height:1.2em;
	}
.sportag_galerie {
	float:left;
	width:305px;
	margin:0 30px 0 0;
	}
.sportag_galerie_p {
	font-size:1em;
	line-height:1.2em;
	}											
img.download {				/* not yet in use */
	vertical-align:middle;
	}				
address {
	font-style:normal;
	}
strong {
	font-weight:bold;
	color:#63666C;
	}
h2 strong {
	font-weight:bold;
	color:#6685A1;
	}	
em {
	font-style:italic;
	color:#1A5076;
	}
i {
	display:none;
	}
.indent {
	text-indent:1.8em;
	}	
.center {
	text-align:center;
	}
.bold {
	font-weight:bold;
	}
.versal {
	text-transform:uppercase;
	color:#aa473f;
	}			
body {
	font: 76%/160% arial, helvetica, sans-serif;
	color:#474A51;
	background:#8CA1AF url(../img/wrapper-bgr.gif) repeat-y 50% 0%;
	padding:0;
	margin:0;
	text-align:center;
	height:100%;
	}

/* --- standard links ---- */

a:link {
	color:#37607f;
	border-bottom:1px solid #517896;
	}
.not-dotted a {
	border-bottom:none;
	}	
a:visited {
	color:#4c718e;
	border-bottom:1px dotted #517896;
	}
* html a:visited {                     /* > IE6 gets solid borders ´cause would show dashed instead dotted */
	color:#4c718e;
	border-bottom:1px solid #517896;
	}	
a:hover {
	color:#aa473f;
	border-bottom:1px dotted #aa473f;
	}
* html a:hover {					/* > IE6 gets solid borders ´cause would show dashed instead dotted */
	color:#aa473f;
	border:none;
	}	
a:active {
	color:#3A6382;
	border-bottom:1px dotted #3A6382;
	}
a.pagetop:link, a.pagetop:visited {
	border:1px solid #6685A1;
	padding:6px 8px;
	color:#6685A1;
	background:#fff;
	}
a.pagetop:hover, a.pagetop:active {
	border:1px solid #aa473f;
	padding:6px 8px;
	color:#aa473f;
	}			
.pdf {
	background:url(../img/pdf-icon.gif) no-repeat 100% 50%;
	padding:5px 24px 0 0;
	}	
.doc {
	background:url(../img/doc-icon.gif) no-repeat 100% 50%;
	padding:5px 24px 0 0;
	}
.pps {
	background:url(../img/pps-icon.gif) no-repeat 100% 50%;
	padding:5px 24px 0 0;
	}		
.extern {
	background:url(../img/link_extern.gif) no-repeat 100% 60%;
	padding:4px 19px 0 0;
	}
		
/* ---------- wrapper zentriert das layout-------------- */
#wrapper {
	width: 984px;
	margin: 0 auto;
	text-align:left;
	position:relative;
	height:auto !important;
	height: 100%; /* IE */
	min-height:100%;
	}

/* ---------- container umfaßt den Inhalt -------------- */
#container {
	padding: 0 12px 0;
	background:url(../img/faux_column.gif) repeat-y center top;
	}

/* ---------- header mit Main-Navi-------------- */
#logo-bereich {
	background:#fff url(../img/head-top-bgr.gif) repeat-x left top;
	height:109px;
	position:relative;
	}	
#logo-bereich img {
	position:absolute;
	left:22px;
	top:0;
	padding:0;
	margin:0;
	}
#header-bild {
	height:137px;
	width:960px;
	}
#header-bild img, body#home_wichtiges #content img {
	border:none;
	padding:0;
	margin:0;
	}		
#logo-bereich p {
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.94em;
	text-transform:uppercase;
	background:transparent;
	color:#5C5C5C;
	padding:13px 15px 0 0;
	text-align:right;
	}
#logo-bereich img {
	border:none;
	padding:0;
	margin:0;
	}	
#logo-bereich a:link, #logo-bereich a:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #5C5C5C;
	text-decoration: none;
	letter-spacing:0;
	border:	none;
/*	letter-spacing:1px;  --*/
	}	
#logo-bereich a:hover, #logo-bereich a:active {
	color: #8CA1AF;
	text-decoration:underline;
	border:	none;
	}		
#main_navi {
	background-color:#6A7F8F;
	width:960px;
	border-top:#FFF 1px solid;
	border-bottom:#FFF 1px solid;
	}

/* -----------------Inhalt--------------------- */
#content {
	background-color: #FFFFFF;
	padding:10px 30px 110px;
	margin: 0 0 0 230px;
	text-align:left;
	min-height:540px;	
	}

#content_start {
	background-color: #FFFFFF;
	width: 960px;
	text-align:left;
	}
	
pre {
	padding: 0 20px 15px 25px;
	margin:0;
	}
pre, code { font-size: 1.2em;}

.leadtext {
	font-size:1.36em;
	}
.gross {
	width: 5.71em;
	height: 1.07em;
	}
h1 {
	font-size: 2.15em; 
	font-weight: normal;
	letter-spacing:0.01em;
	text-transform:uppercase;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#8B8B8B;
	line-height:1.1em;
	padding:22px 0 10px 0;
	}
h2 {
	text-align:left;
	font-size:1.52em;      /* 1.55em proven too large */
	font-style:normal;
	font-weight:normal;
	line-height:1.32em;
	color:#6685A1;          /* #617F9A */
 	padding:12px 0 8px;
	}
h3 {
	font-size:1.12em;
	font-weight:bold;
	line-height:1.42em;
	padding:6px 0 0 0;
	color:#63666C;
	}
p {
	font-size:1.12em;
	line-height:1.52em;
	padding:0 0 8px;
	}
/* #content ul, #content ol {
	text-align:left;
	font-size:1.1em;
	line-height:1.4;
	font-weight:bold;
	color:#6A7F8E;
	}
#content ul, #content ol {
	padding:6px 0 4px 6px;
	}
#content ul li, #content ol li {
	padding:0 0 6px 19px;
	background:url(../img/list-arrow-blue.gif) no-repeat 0 4px;
	} -- */	
ul.fett, ol.fett {
	text-align:left;
	font-size:1.1em;
	line-height:1.4;
	font-weight:bold;
	color:#6A7F8E;
	}
ul.fett, ol.fett {
	padding:6px 0 8px 6px;
	}
ul.fett li, ol.fett li {
	padding:0 0 8px 19px;
	background:url(../img/list-arrow-blue.gif) no-repeat 0 5px;
	}
ul.normal, ol.normal {
	text-align:left;
	font-size:1.12em;
	line-height:1.4;
	font-weight:normal;
	color:#474A51;
	}
ul.normal, ol.normal {
	padding:6px 0 8px 6px;
	}
ul.normal li, ol.normal li {
	padding:0 0 6px 16px;
	background:url(../img/list_bullet_norm.gif) no-repeat 0 7px;
	}	
/* ----------- highslide-Bildergalerie - floatende Liste --------------------------- */		

#content #gallery1 ul, #content #gallery2 ul, #content #gallery3 ul {
	padding:0 0 6px 0;
	}
#content #gallery1 ul li, #content #gallery2 ul li, #content #gallery3 ul li {
	float:left;
	padding:0;
	margin:10px 22px 8px 0pt;
	text-align:center;
	background:none;
	}
#content #gallery1 li img, #content #gallery2 li img, #content #gallery3 li img {
	border:1px solid #CCCCCC;
	margin:0;
	padding:4px;
	background:none;
	}
#content #gallery1 a, #content #gallery2 a, #content #gallery3 a {
	border:none;
	}
#content #gallery1 ul li img:hover, #content #gallery2 ul li img:hover, #content #gallery3 ul li img:hover {
	background-color:#DCE7ED;
	}	

/* -------------- linke Seitenleiste mit Subnavi ------------- */
#leftsidebar {
	float: left;
	width: 230px;
	margin: 0;
	padding:30px 0 0;
	background:#DCE7ED;
	}
	
/* -----------footer--------------------------- */
#footer {
	clear:both;
	background:url(../img/footer-bgr.gif) no-repeat top center;
	padding:0;
	margin:0;
/*	overflow:auto;  */
	width:984px;
	position:absolute;
	left:0;
	bottom:0;
	}
#copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.94em;
	background:transparent;
	padding:10px 0 24px 27px;
	float:left;
	}	
#foot_nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.94em;
	background:transparent;
	padding:10px 27px 24px 0;
	float:right;
	}
#foot_nav a:link, #foot_nav a:visited {
	color:#5c5c5c;
	text-decoration: none;
	text-transform:uppercase;
	letter-spacing:0;
	border:	none;
/*	letter-spacing:1px;  --*/
	}	
#foot_nav a:hover, #foot_nav a:active {
	color: #8CA1AF;
	text-decoration:underline;
	border:	none;
	}	

/* -----------clearings--------------------------- */
hr.clear {
	clear:both;
	visibility:hidden;
	}
.clear {
	clear:both;
	visibility:hidden;
	}

/* self-clearing floats and hidden hr rule
-------------------------------------------------------------------------------*/

#main_navi ul:after, #leftsidebar ul:after, #content #gallery1 ul:after, 
#content #gallery2 ul:after, #content #gallery3 ul:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}

/* trigger hasLayout and target ie5+6/win only */
* html #main_navi ul, * html #leftsidebar ul, * html #content #gallery1 ul, * html #content #gallery2 ul,
* html #content #gallery3 ul {
	height: 1%;
	}
/* trigger hasLayout and target ie7/win only */
*:first-child+html #main_navi ul, *:first-child+html #leftsidebar ul, *:first-child+html #content #gallery1 ul
*:first-child+html #content #gallery2 ul, *:first-child+html #content #gallery3 ul {
	min-height: 1px;
	}