/* *** css by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */

/*---------------------------------------Farben----------------------------------------------------------------
hellgrau (Hintergrund): #c8c8c8
Blaue Schrift: #004493
Rotton: #990033
-------------------------------------------------------------------------------------------------------------*/

body {
background-color:#c8c8c8;
/*background-color: #d8dada;
background-image: url(images/background_header.png);
background-repeat:repeat-x;
background-position:left 0px; */
font-size: 0.8em;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#004493;
padding:0px;
margin:0px 0px 10px;
}
p, pre{
padding: 5px 10px;
margin:0px;
}

a {color: #004493;}
a:visited {color:#990033;}
a:hover {color: #990033;}
a:active { color:#990033;}

h1 {
font-size: 1.2em;
/*text-transform:uppercase;
background-color: #E0A3B7;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;*/
padding:4px;
margin:0px; }

h2 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0px;}

img.download {vertical-align:middle;}
.fett {
font-weight:bold;
}
.italic {
font-style:italic;
margin-left:6px;
}
.eingerueckt_Fett {
font-weight:bold;
margin-left:1.5em;
}

hr {

color:#004493;
}
/* ----------container zentriert das layout------------------------------------------------------------- */
#container {
width: 1200px;
background-color:#fff;
margin-top:0px;
margin-bottom: 20px;
margin-left: 20px;
border: 0px;
/*background-color: #EBD3E0;*/
background-image:url(images/bg_container.jpg);
}

/* ----------banner for logo---------------------------------------------------------------------------- */
#banner {
/*background-color: #F7F9FB;*/
text-align: center;
padding: 0px;
margin: 0px;
border:0px;
}
#banner img {padding: 0px; margin:0px; border:0px;} 

/* -----------------Inhalt------------------------------------------------------------------------------- */

#content {
background-color: #ffffff;
padding: 20px 0 0 0;
margin-top:0px;
margin-left: 300px;
margin-right:339px;
z-index:5;
}
div#content {
min-height:300px;
height:expression(this.scrollHeight > 300 ? "auto":"300px");
}
p.content {
margin-left: 6px;
margin-right: 4px;
line-height:1.5em;
}
h1.content {
font-size: 1.4em;
padding:15px 4px;
margin-left:10px; 
}
h2.content {
font-size: 1.2em;
font-weight:bold;
padding:4px;
margin-left:10px; 
}
h3.content {
font-size: 1.0em;
font-weight:bold;
padding:4px;
margin-left:10px; 
}
h3.name {
margin-top:0px;
padding-top:1.0em;
padding-left:20px;
font-size:1.2em;
font-weight:bold;
font-style:italic;
}
p.name {
padding-left:10px;
text-align:center;
font-size:0.9em;
font-style:normal;
}
p.zitat {
margin-left:10px;
margin-top:5px;
text-align:left;
font-size:0.9em;
font-style:italic;
}
p.border_top {
border-top: 1px solid #004493;
}
p.border_bottom {
border-bottom: 1px solid #004493;
margin-bottom:10px;
}
.pfeil_oben {
border:none;
float:right;
text-decoration:none;
}
.content-links {
float:left;
padding:5px 10px 5px 0px;
margin-left:10px;
}
.content-rechts {
float:right;
padding:5px 5px 5px 10px;
margin-right:5px;
}
.content-center {
text-align:center;
padding:5px;
}


/* Für Bilder - links - mit Unterschrift*/
div.image {
margin: 0 10px;
}
dl.ImgLeft { 
float: left; 
padding:0px 20px 0px 10px;
/*margin-right: 1em;*/ } 
dl.ImgLeft dt { 
margin-bottom: 0; } 	/* verhindert das Einrücken und 
 den Abstand nach oben*/ 
dl.ImgLeft dd { 
margin: 0;
font-size:0.8em;
font-style:italic;
text-align:center; } 
/* Ende Bilder links mit Unterschrift*/

/* Für Bilder - rechts - mit Unterschrift*/
div.image {
margin: 0 10px;
}
dl.Imgright { 
float: right; 
padding:0px 10px 0px 10px;
/*margin-right: 1em;*/ } 
dl.Imgright dt { 
margin-bottom: 0; } 	/* verhindert das Einrücken und 
 den Abstand nach oben*/ 
dl.Imgright dd { 
margin: 0;
font-size:0.8em;
font-style:italic;
text-align:center; } 

/* Für Bilder - zentriert - mit Unterschrift*/
dl.Imgcenter { 
text-align:center; 
/*padding:0px 5px 0px 10px;*/
/*margin-right: 1em; */} 
dl.Imgcenter dt { 
margin-bottom: 0; } 	/* verhindert das Einrücken und 
 den Abstand nach oben*/ 
dl.Imgcenter dd { 
margin: 0;
font-size:0.8em;
font-style:italic;
text-align:center; } 

.clear{
clear: left;
margin-bottom:1.5em;
}
/*----------------------------contact--------------------------*/
.adresse {
float:left;
width:75px;
height:65px;
padding:0 5px 0 8px;
margin-left:6px;
margin-right:10px;
}
.adresse_rp {
position:relative;
width:250px;
}
/*--------------------------------papers-----------------------*/
/*Formular mit Rahmen*/
.form {
border:1px solid #003399;
}
.abwechslung2p td {
background-color:#DFE7f4;
}
.papers {
text-align:left;
}
.papers_liste {
padding-top:10px;
padding-left:15px;
font-weight:bold;
text-align:left;
}
.papers_liste_line2 {
padding-left:15px;
margin-bottom:10px;
font-weight:bold;
text-align:left;
}
.papers_desc {
padding-left:0px;
font-size:0.8em;
}
.formp-ueberschrift {
font-size: 1.0em;
border-bottom: 1px dotted #cc0000;
border-top:1px dotted #cc0000;
padding-bottom: 5px;
padding-top:7px;
}

/*------------------------------Übersetzungsschwierigkeiten-------------------------------------*/

.translation
{
color:#00FF33;
}

/*Tabelle für Termine--------------------- */
table.termine {
text-align:center;
border:1px solid #004493;
margin:20px 10px;
}
caption {
display:none;
}
table.termine th, table.termine td {
padding:4px 5px 6px;
text-align:left;
}
table.termine th {
padding:6px 5px;
}
.spalte_links_t {
width:20%;
}
.spalte_mitte_t {
width:23%;
}
.abwechslung th, .abwechslung td {
background:#f7f9fb;
}
.abwechslung2 th, .abwechslung2 td {
background:#DDE4F3;
padding:8px 5px;
}

/*ende Tabelle_Termine------------------*/

/*Tabelle Arbeitsgemeinschaften-----------------*/
table.ag {
text-align:center;
border:1px solid #004493;
margin:20px 0px;
padding:0px;
font-size:0.8em;
}
caption {
display:none;
}
th, td {
padding:4px 0px;
background:#F7F9FB;
text-align:center;
}
.abwechslung th, .abwechslung td {
background:#f7f9fb;
text-align:center;
}
.abwechslung2 th, .abwechslung2 td {
background:#DDE4F3;
text-align:center;
}
.spalte_links_ag {
font-weight:bold;
font-size:0.9em;
}
/*ende Tabelle_arbeitsgemeinschaften--------------*/

/*Tabelle für Bilingual---------------------------- */
table.bilingual {
text-align:center;
border:1px solid #004493;
margin:20px 10px;
}
caption {
display:none;
}
th, td {
padding:4px 5px 6px;
background:#F7F9FB;
text-align:left;
}
th {
padding:6px 5px;
}
.spalte_links_b {
width:20%;
text-align:center;
}
.spalte_mitte_b {
width:23%;
text-align:center;
}
th.spalte_rechts_b {
padding-left:10px;
}
.abwechslung th, .abwechslung td {
background:#f7f9fb;
}
.abwechslung2 th, .abwechslung2 td {
background:#DDE4F3;
padding:8px 5px;
}

/*ende Tabelle---------------------------------*/

/*Tabelle für Sprachen------------------*/
table.sprachen {
width:400px;
text-align:center;
border:0;
margin:20px 10px;
}
caption {
display:none;
}
th, td {
background:#F7F9FB;
}

.spalte_links {
width:33%;
text-align:center;
background:#f7f9fb;
border:1px solid #004493;
}
.spalte_mitte {
width:33%;
text-align:center;
background:#DDE4F3;
border:1px solid #004493;
}
.spalte_rechts {
width:34%;
text-align:center;
background:#f7f9fb;
border:1px solid #004493;
}
.reihe_pfeil {
text-align:center;
background:#f7f9fb;
border:0;
}
th.spalte_rechts {
padding-left:10px;
}
h1.sprachen {
font-size:1.0em;
text-align:center;
margin: 5px 0;
}
.sprachen {
font-size:0.9em;
}
p.sprachen_top {
font-size:0.9em;
margin-top:0;
}

/*ende Tabelle-----------------------------------*/

/*Tabelle hintergrund hellblau mit roten Überschriften */
.objectives {
background-color: #DFE7f4;
border:1px solid #003399;
text-align:center;
}
.objectives td {
background-color: #DFE7f4;
border:1px solid #ffffff;
}
.font_red {
color: #CC3300;
}

/* ungeordnete Aufzählung mit Hansalogo*/
li.main {
list-style-image: url(images/button-footer.gif);
font-size:0.8em;
margin-bottom:10px;
line-height:1.5em;
}
/* geordnete Aufzählung*/
ol.ordmain {
font-size:0.9em;
margin-bottom:10px;
}
ol.ordmain li {
margin-bottom:10px;
}
/*------------------- ungeordnete Liste mit rotem Bullet---------------------------*/

ul.bullet_rot {
list-style-type:none;
}

ul.bullet_rot li {
background-image: url(images/bullet_rot2.gif);
background-repeat:no-repeat;
background-position: -0.0em 0.2em;
margin-left:5px;
padding-left:15px;
padding-bottom:10px;
/*font-weight:bold;*/
}
.hintergrund_hellblau {
background-color:#DFE7f4;
padding:10px 5px 10px 5px;
}

.hintergrund_weiss {
background-color:#F7f9fb;
padding:10px 5px 10px 5px;
border:1px solid #004493;
}

/*---------------------------Ende Liste mit rotem Bullet-------------------------------------------------------*/

/* ungeordnete Aufzählung - ohne Logo*/
ul.unterord {

margin-top:10px;
margin-bottom:0px;
margin-left:10px;
}

ul.unterord li{
list-style-type: circle;
font-size:1.0em;
margin-bottom:0px;
padding-left:5px;
font-weight: normal;
background-image:none;
}
ul.unterunterord {

margin-top:4px;
margin-bottom:0px;
margin-left:15px;
}

ul.unterunterord li{
list-style-type: square;
font-size:1.0em;
margin-bottom:0px;
padding-left:10px;
font-weight: normal;
background-image:none;
}
/*bilder MAIN*/
.bildmain {
padding:12px 12px 20px 12px;
background:#ffffff;
border-top:1px solid #cccccc;
border-left:1px solid #cccccc;
border-bottom: 2px solid #999999;
border-right:2px solid #999999;
}

/*------------------ Kontaktformular---------------------*/
.formular {
width: 440px;
border:1px dotted #004493;
margin-left:8px;
margin-top:10px;
}
.form-ueberschrift {
font-size: 1.0em;
border-bottom: 1px dotted #cc0000;
padding-bottom: 5px;
}


/*------------------------------------Spalte rechts---------------------------------*/
#rechts {
width:323px;
position:relative;
margin-right:0px;
margin-top:0px;
float:right;
padding-top:0px;
z-index:10;
/*background-image:url(images/layout1.jpg);
background-repeat:no-repeat;*/
}
#rechts img {
margin-top:0px;
margin-right:0px;

}
h1#rechts {
font-size:0.9em;
/*margin-top:14px;*/
margin:0 0 10px 10px;
border-left:5px solid #cc0000;
padding: 0px 0 0px 4px;
}
h1.rechts {
font-size:0.9em;
/*margin-top:14px;*/
margin:14px 0 10px 10px;
border-left:5px solid #cc0000;
padding: 0px 0 0px 4px;
}

p.rechts {
font-size:0.8em;
padding: 0px 5px 5px 5px;
margin-left:4px;
}

ul.rechts {
}

li.rechts {
list-style-image:url(images/roter_kreis.gif);
/*padding: -.2em 0 0 0;*/
margin-left:-10px;
margin-bottom:5px;
margin-right:3px;
list-style-position:outside;
font-size:0.8em;
}
.kein-umbruch{
white-space:nowrap;
}
.map24 {
text-align:left;
margin-left:0px;
/*padding:5px 10px 5px 0px;*/
}
.map24_center{
text-align:center;
margin-top:10px;
}

div.news {
position:relative;
width:150px;
font-size:0.8em;
border:1px solid #993300;
border-top: 15px solid #993300;
margin-top:0px;
margin-left:10px;
margin-bottom:15px;
/*margin-right:8px;*/
padding:3px;
text-align:center;

}

h1.news {
font-size:0.9em;
font-weight:bold;
}
/*----------------------------------------------Languages-----------------------------*/
.lang
{
	border: 0;
	padding:0;
	margin:10px;
}
.lang, .lang ul li a
{
	/* need to middor veritcal padding on .hnav and child anchor elements
	 * because the anchors are _not_ block elements. since they are not
	 * block elements web browsers will not expand .hnav to contain them
	 * even with the extra padding. by applying the same padding to both
	 * the parent .hnav _looks_ like its containing the child anchor
	 * elements. 
	 */
	padding-top: 3px;
	padding-bottom: 4px;
}
.lang ul, .lang ul li
{
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.lang ul li a
{
	margin: 0 -1px 0 0;
	padding-left: 0px;
	padding-right: 0px;	/* short-hand padding attribute would overwrite
				   top/bottom padding set in a previous rule */
	border:0;
	white-space: nowrap;
}
.lang ul li a img {
	text-decoration: none;
	border:0;
	padding: 0px;
	
	}
.lang ul li a:link, .lang ul li a:visited, .lang ul li a:active, .lang ul li a:hover
{
	text-decoration: none;
	border:0;
}
.lang ul li span.divider
{
	display: none;
}
* html .lang ul li, * html .lang ul li a
{
	width: 1%; /* IE/Mac needs this */
	display: inline-block;	/* IE/Mac needs this */
	/* \*/
		width: auto;
		display: inline; 
		position: relative;
	/* reset above hack */
}
* html .lang, * html .lang ul a
{
	/* \*/ height: 0.01%; /* hasLayout hack to fix render bugs in IE/Win. 
				 IE/Mac will ignore this rule. */
}
* html .LANG
{
	padding: 0;	/* IE5/Win will resize #hnav to fit the heights of its
			   inline children that have vertical padding. So this
			   incorrect case selector hack will be applied only by
			   IE 5.x/Win */
}

/******************************************************************************/

/* --------------left navigavtion-------------------------------------------------------------------- */

#left {
	float: left;
	width: 173px;
	background-color: #96b3d5;
	background-image:url(images/bg_left.png);
	min-height:548px;
	margin: 0 0 0 82px;
	padding: 10px 0 0 0;
}


/* -----------footer-------------------------------------------------------------------------------- */
#footer {
clear: both;
/*border-top: 1px solid #004493;
border-bottom: 1px solid #004493;
background-color:#993300;*/
background-color:#c8c8c8;

color: #004493;
margin: 10px 0px 0px 0px;
padding: 7px 0px 8px;
text-align: left;
font-size:0.7em; }

#footer h1 {
	margin-left:80px;
	}
#footer a, #footer a:hover, #footer a:visited, #footer a:active {
color: #004493;
text-decoration:none;
}
/*End footer-------------------------------------*/

/*--------------------News Startseite--------------------------------*/


div.news {
	float:right;
	width:200px;
	border:1px solid #ccc;
	background-color:#e7edf5;
	background-image:url(images/bg_left.png);
}
div.news p {
	font-size:10px;
}