/*
css by miss monorom monorom.com for www.intensivstation.ch
css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en
altered by Marco Jehnichen, www.jehnichen-consulting.de

color definitions

weinrot:		#8c0714, RGB: R140 G7 B20 Saturation 255, HSV: H354 S95 V55 
hellbeige:	#fffaa2, RGB: R255 250 B162 Saturation 255, HSV: H57 S36 V100
orange:		#ef8718	RGB: R239 G135 B24 Saturation 255, HSV: H31 S90 V94
black:		#000000	RGB: R0 G0 B0 Saturation 255, HSV: H0 S0 V0

area & size definitions

#banner = upper menu
height:	100px
width:	100%

#left = left navigation menu
height:	768px-100px(oben)-50px(unten)-2x20px(Abstand)-220px (für Browser-Menüs) = 358px
width:	170px

#content = main site with content
= new container, because site internal references always jump to the 1st line of the page
= container brings 1st line under the upper menu

*/

/* Farb- und Textformatierung */

* {
    padding:0;
    margin:0;
}

body {
  	background-color: #fffaa2; /* hellbeige */
	font-size: 0.8em;
	font-family:  'Trebuchet', Verdana, Arial, sans-serif;
  	color:#000000; /* black */ 
  	padding: 0;
  	margin: 0;
  	}


a {color: #000000; /* black */ text-decoration: underline;}
a:hover {color: #fffaa2; /* hellbeige */; background-color: #8c0714; /* weinrot */ }
a:active { color:#000000; text-decoration: line-through;}
#banner a:visited, #left a:visited, #right a:visited, #footer a:visited, a:visited {color:#ef8718; /* orange */}


h1 { font-size : 2em; padding: 30px 0;}
h2 { font-size : 1.6em; padding: 20px 0;}
h3 { font-size : 1.3em; padding: 20px 0;}
pre, code{ font-size: 1.3em;}

th {
		font-size: 1.3em;	
		font-weight: bolder; 		
	}

#banner a, #left a, #right a, #footer a{
		color: #fffaa2; /* hellbeige */ 
		text-decoration: none;
		}
		

#banner a:hover, #left a:hover, #right a:hover {
		color: #8c0714; /* weinrot */
	 	background-color: #fffaa2; /* hellbeige */
	 	display:block;
	 	}
	 	
#footer a:hover {
		color: #8c0714; /* weinrot */;
	 	background-color: #fffaa2; /* hellbeige */
	 	}

#banner a:active, #left a:active, #right a:active, #footer a:active { 
		color:#000000; 
		text-decoration: line-through;
		}

#left li {
	 list-style-position:outside;  
    list-style-type:circle;
    margin:0;
    padding:0.3em 0;
	}

#content ul {
    margin:0;
    padding:0 30px;
	}

#content li {
  	 list-style-position:outside;  
    list-style-type:disk;
    margin-left: 30px;
    padding:0 0;
	}

#content H1, #content H2, #content H3 {
  	 line-height:1.2em;
	}
	
#banner td	{
					text-align: center;
				}

#content td, #content th {
	outline-color: #ef8718; /* orange */
	outline-style: solid;
	outline-width: 1px;
	padding: 5px;
	}

/* Containerdefinitionen */

#banner {
	background:url(../images/bg-top.png) repeat-x left top;
	height: 100px;
	width: 100%; 
	position: fixed;
	left: 0;
	top: 0;
	z-index: 2;
}

#banner p{
	width: 600px;
	margin: 0 auto;
	padding: 15px 0 60px;
}

#left {
	background:url(../images/left.png) no-repeat left top;
	width: 170px;
	height: 328px; 
	position: fixed;
	left: 0;
	top: 120px;
	color: #fffaa2; /* hellbeige */
	padding: 15px;
	z-index: 2;
}

#left p{
	width: 100px;
	margin: 0 auto;
	padding: 0 0 60px;
}

#content {
	width: auto;
	height: auto; 
	position: fixed;
	top: 80px;
	left: 190px;
	bottom: 30px;
	right: 0;
	margin: 0 auto;
	padding: 0; /*100px 215px;*/
	z-index: 1;
	overflow: auto;
}

#content p{
	line-height: 1.6em;
	padding:  0;
	margin:0 0 15px;	
}

#footer {
	background:url(../images/bg-footer.png) repeat-x left top;
	width: 100%; 
	height: 50px;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 2;
	vertical-align: middle;
}

#footer p{
	color: #fff;
	width: 600px;
	margin: 0 auto;
	padding: 10px;
}