/***********************************************
 * Grundlegende Styles der Seite
 ***********************************************/
html{
	height:100%;
	width:100%;
}

body {
	font-size: 0.9em; 
	color: #5A5E84; 
	line-height: 17pt; 
	font-family: Arial, Helvetica, Sans-Serif;
	margin:0;
	padding:0;
	background-color: White;
	text-align:left;
	width:100%;
	height:100%;
	scrollbar-3dlight-color : White;
	scrollbar-arrow-color : White;
	scrollbar-base-color : White;
	scrollbar-darkshadow-color : #222222;
	scrollbar-face-color : #414270;
	scrollbar-highlight-color : White;
	scrollbar-shadow-color : White;
	scrollbar-track-color : White;
	background: url(../images/bg_body.gif) repeat-y;
}

#siteholder {
	float:left; /* wr */
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	width:100%;
	text-align:left;
	/*background-image: url(images/bg_kaleidoskop.gif);
	background-repeat:repeat-x;
	background-position:left top;*/
}

#contentbox {
	float:left;
	width:990px;
}

/***********************************************
 * Bereich #header
 * Der Seitenkopf mit Logo und Schriftzug
 ***********************************************/

#header {
	width:100%;
	/*height:160px;*/
	width:100%;
	height:113px;
	background: url(../images/head1.gif) no-repeat 0px 0px; /* wr ->position und no-repeat dazu*/
	/*background-repeat:no-repeat;*/ /* wr */
	margin-top:0px;
	/*margin-left:30px;*/    /* wr */
}

#header .schriftzug {
	z-index:2;
	position: absolute;
	background: url(../images/bg_logo.gif) no-repeat 0px 0px; 
	top:90px;
	left:200px;
	height: 100px;
	width: 380px;
}



/***********************************************
 * Bereich #mainmenue
 * Das Hauptmenu vom Krankenhaus
 ***********************************************/

/*#mainmenue {
	z-index:2;
	height:23px;
	position: absolute;
	top:180px;
	left:190px;
}

#mainmenue ul {
	float:left;
	list-style:none;
	margin:0;
	padding:0px;
}

#mainmenue ul li {
	display:inline;
}


#mainmenue ul li a {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 1em;
	color: #414270;
	text-decoration:none;
	font-weight: normal;
	padding:2px;margin-right:10px;
}

#mainmenue a:hover {
	color: #414270;
	background: white;	padding:2px;margin-right:10px;
}
#mainmenue  a:active {
	color: white;
	background: #414270;	padding:2px;margin-right:10px;
}


#mainmenue .hoverfix {
	color: #414270;
	background: #8A287A;	padding:2px;margin-right:10px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	text-decoration:none;
	font-weight: normal;
	padding:2px;margin-right:10px;
}*/
/***********************************************
 * Bereich #left
 * enthaelt die  Untermenues
 ***********************************************/

#left {
	float:left;
	width:160px;
	/*background-image: url(../images/bg_body.gif);*/
	background-color: #414270;
	height: 500px;
}

#left #submenue ul {
	z-index:2;
	list-style:none;
	margin:0px;
	padding:0px;
}

#left #submenue /*ul*/ li {
	margin:0;
	padding:0;
	/*padding-top:3px;
	padding-bottom:3px;
	line-height:17px;*/
	 float:left;
   width:160px;
	color: #FFFAFA;
}

#left #submenue ul li a {
	-moz-box-sizing:padding-box;
	display:block;
	padding:3px;
	padding-left:20px;
	padding-bottom:0px;
	text-decoration:none;
	color: #FFFAFA;
	font-weight:bold;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.8em; 
	border-bottom: 1px dotted #009ED0;
}

#left #submenue  a:hover {
	color: #414270;
	background: white;
}
#left #submenue  a:active {
	color: #009ED0;
	background: white;
}
#left #submenue  .hoverfix {
	color: #FFFAFA;
	background: #8A287A;
	-moz-box-sizing:padding-box;
	display:block;
	padding:3px;
	padding-left:20px;
	padding-bottom:0px;
	text-decoration:none;
	font-weight:bold;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.8em; 
	border-bottom: 1px dotted #009ED0;
}

#left #subsubmenue  {
-moz-box-sizing:padding-box;
	display:inline;
	padding:1px;
	padding-left:7px;
	padding-bottom:0px;
	
	text-decoration:none;
	color: White;
	font-weight:normal;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.7em;
}

#left #subsubmenue  a {
	color: #8A287A;
	border:0;
	text-decoration:none;
}

#left #subsubmenue a:hover {
	color:#000000;
}

/***********************************************
 * Bereich #middle
 * enthält den Hauptcontent
 ***********************************************/

#middle {
	float:left;
	width:760px;
	/*background-color:#D0E8D0;*/
	margin-left:40px;
   margin-top:15px;
	margin-right:0px;
	padding-right:0px;
}

#middle h1 {
	font-size: 1.1em;
	font-weight: bold;
	color: #414270;
	font-family:Arial, Helvetica, Sans-Serif;
	margin-left:0px;
	margin-top:18px;
	margin-right:0px;
	margin-bottom:20px;
	letter-spacing: 0.1em;
}

#middle h2 {
	font-size: 0.9em;
	font-weight: bold;
	color: #8A287A;
	font-family:Arial, Helvetica, Sans-Serif;
	margin-left:0px;
	margin-top:18px;
	margin-right:0px;
	margin-bottom:0px;
	padding-bottom:0px;
}

#middle h3 {
	font-size:0.9em; 
	color: #8A287A; 
	line-height:1.4em; 
	font-family:Arial, Helvetica, Sans-Serif;
	
}
#middle h5 {
	font-size:0.9em; 
	color: #8A287A; 
	line-height:140%; 
	font-family:Arial, Helvetica, Sans-Serif;
	
}
#middle .table_middle {
	padding:3px;
	font-size:0.9em; 
	color:#000000; 
	font-family:Arial, Helvetica, Sans-Serif;
	background: #FFFAFA;
}


#middle p {
	font-size:0.9em; 
	color: #414270; 
	line-height:1.4em;
	font-family:Arial, Helvetica, Sans-Serif;
	margin-top:0px;
}

#middle ul li {
	list-style: square;
	margin:0;
	padding:0;
	font-size:0.9em; 
	color:#000000;
	line-height:1.4em;  
}


#middle .textcolor {
	font-size:1em; 
	color: #8A287A; 
	font-weight: bold;
	line-height:1.4em; 
	font-family:Arial, Helvetica, Sans-Serif;
}

#middle .textcolor-notbold {
	font-size:1em; 
	color: #8A287A; 
	font-weight: normal;
	line-height:1.4em; 
	font-family:Arial, Helvetica, Sans-Serif;
}
#middle .small {
	font-size:0.7em;
}

#middle .rightimg
{
	float:right;
	margin-left:10px;
	margin-bottom:10px;
	border: 0px solid #414270;
}

#middle   a {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size:0.9em;
	font-weight:normal;
	text-decoration:underline;
	color: #8A287A;
}
#middle  a:hover  {
	color: #8A287A;
}

#middle .white {
	background: white;
}
/***********************************************
 * Bereich #footer
 * enthält den Unteren Bereich von middle
 ***********************************************/


#middle #footer {
	float:right;
	margin:0;
	margin-top:20px;
	margin-bottom:20px;
	text-align:right;
}
#middle #footer .small {
	font-size:0.7em;
}
#middle #footer a {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size:0.7em;
	font-weight:normal;
	text-decoration:none;
	color: #8A287A;
}
#middle  #footer a:hover  {
	color: #414270;
}

/* Right Teaser : Zitate , Aktuell */

#teaser {
	position: absolute;
	top:278px;
	left:815px;
}

#teaser .teaser-title {
display:block; /* wr */
width: 160px;
padding: 1px 3px 1px 3px;
background: #414270;
border: 1pt solid #414270;
color: white;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 0.9em;
font-weight:bold;
margin: 0 0 0 0;
} 
#teaser .teaser-box {
width: 160px;
padding: 3px 3px 3px 3px;
border: 1pt solid #414270;
border-top: 0pt;
color: #414270;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 0.7em;
line-height: 150%;
font-weight:normal;
background: #F0F1F9;
margin: 0 0 0 0;
} 
#teaser .zitat {
font-style:italic;
} 
 #teaser  a {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size:0.9em;
	font-weight:bold;
	font-style:italic;
	text-decoration:none;
	color: black;
}
#teaser a:hover  {
	color: #8A287A;
}

/* Right Teaser Startseite: Zitate , Aktuell */

#teaser_start {
	position: absolute;
	top:282px;
	left:815px;
}

#teaser_start .teaser-title {
display:block; /* wr */
width: 160px;
padding: 1px 3px 1px 3px;
background: #414270;
border: 1pt solid #414270;
color: white;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 0.9em;
font-weight:bold;
margin: 0 0 0 0;
} 
#teaser_start .teaser-box {
width: 160px;
padding: 3px 3px 3px 3px;
border: 1pt solid #414270;
border-top: 0pt;
color: #414270;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 0.7em;
line-height: 150%;
font-weight:normal;
background: #F0F1F9;
margin: 0 0 0 0;
} 
#teaser_start .zitat {
font-style:italic;
} 
 #teaser_start  a {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size:0.9em;
	font-weight:bold;
	font-style:italic;
	text-decoration:none;
	color: black;
}
#teaser_start a:hover  {
	color: #8A287A;
}

/* Right anmeldeformular*/

#formular {
	position: absolute;
	top:275px;
	left:815px;
}

#formular .formu-title {
display:block; /* wr */
padding: 1px 3px 1px 3px;
background: #414270;
border: 1pt solid #414270;
color: white;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 0.9em;
font-weight:bold;
margin: 0 0 0 0;
} 
#formular .formu-box {
padding: 3px 3px 3px 3px;
border: 1pt solid #414270;
border-top: 0pt;
color: #414270;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 0.7em;
line-height: 150%;
font-weight:normal;
background: #F0F1F9;
margin: 0 0 0 0;
} 
#formular .table-form {
	width: 200px;
	margin: 0px;
}

 #formular  a {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size:0.9em;
	font-weight:bold;
	font-style:italic;
	text-decoration:none;
	color: black;
}
#formular a:hover  {
	color: #8A287A;
}


.linie {
border: 1px;
border-color: #5A5E84;
border-style: solid;
}
.linie_violett {
border: 1px;
border-color: #8A287A;
border-style: solid;
padding: 5px;
font-family: Arial, Helvetica, Sans-Serif;
	font-size:1em;
	line-height: 140%;
	font-weight:normal;
	text-decoration:none;
	color: #5A5E84;
}
.linie_violett_justify {
border: 1px;
border-color: #8A287A;
border-style: solid;
padding: 5px;
font-family: Arial, Helvetica, Sans-Serif;
	font-size:1em;
	line-height: 140%;
	text-align: justify;
	font-weight:normal;
	text-decoration:none;
	color: #5A5E84;
}
table {
	width: 500px;
	margin: 0px;
}
/*********************************/
/*          kontakt table
/*********************************/
.table_kontakt_main{
	width: 700px;
	margin: 0px;
}
.table_kontakt{
	width: 80px;
	margin: 0px;
}

.td_light {
	margin: 0px;
	background-color: #E6E7F6;
  	color: #5A5E84;
	font-family:arial,verdana,helvetica,sans-serif;
	font-size:0.9em;
	font-weight:normal;
	line-height: 140%;
	padding: 3px;
	text-align: left;
	text-decoration: none;
	border: 1px;
	border-color: #D7D8F1;
	border-style: solid;
}
.td_sehr_hell {
	margin: 0px;
	background-color: #F2F3FB;
  	color: #5A5E84;
	font-family:arial,verdana,helvetica,sans-serif;
	font-size:0.9em;
	font-weight:normal;
	line-height: 140%;
	padding: 3px;
	text-align: left;
	text-decoration: none;
	border: 1px;
	border-color: #D7D8F1;
	border-style: solid;
	
}


#middle a.anker:link {
	color: #5A5E84;
	font-family:arial,verdana,helvetica,sans-serif;
	font-weight:normal;
	font-size:1em;
	line-height: 140%;
	text-align: left;
	text-decoration: none;
	}

#middle a.anker:visited {
	 color: #5A5E84;
	font-family:arial,verdana,helvetica,sans-serif;
	font-weight:normal;
	font-size:1em;
	line-height: 140%;
	text-align: left;
	text-decoration: none;
	}
	

#middle a.anker:hover {
	color: #8A287A;
	font-family:arial,verdana,helvetica,sans-serif;
	font-weight:normal;
	font-size:1em;
	line-height: 140%;
	text-align: left;
	text-decoration: none;
	}






.td_dark {
	background-color: #8A287A;
   color:white;
	margin: 0px;
	font-family:arial,verdana,helvetica,sans-serif;
	font-size:0.9em;
	font-weight:bold;
	line-height: 140%;
	padding: 2px;
	text-align: left;
	text-decoration: none;
}

.inputpflicht {
	border: 0px; 
	color: #414270; 
	font-size: 1em; 
}
.marginalie {
	text-align: left;
	color: #414270;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	line-height: 130%;
	text-decoration: none; 
}
.img {
float: left;
	margin: 0 12px 0 0; 
}
.start  {
	font-size:1em; 
	color: #414270; 
	line-height:1.5em;
	text-align: justify;
	font-family:Arial, Helvetica, Sans-Serif;
	margin-top:0px;
}