#nav {
	position:relative;
	left:0px;
	width:152px;
	height:255px;
	padding-top:5px;
	background-color: #f0f0f0;
	z-index:10;

}

#nav ul{
	margin: 0px;
	padding: 0px 5px 0px 5px;
}

#nav li{
	display: inline;
}

#nav a{
	text-decoration: none;
	display: block;
	font-size: 13px;
	word-spacing: 1px;
	text-decoration: none;
	color:#333333;
	padding: 6px 0px 6px 8px;
	/*padding-left:14px;*/
	background-image: url(../pics/punkte_linie.png);
	background-repeat: repeat-x;
	background-position: bottom;	
	/*background-position: 0px 25px;*/
}

#nav a:hover{
	color:#e2007a;
}

#nav .select{
	color:#e2007a;
}

#subnavgation {
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	left:160px;
	top:95px;
	width:664px;
	height:45px;
	z-index:1;
	background-image: url(../pics/navigation/subnav_bg.png);
	background-repeat: no-repeat;
	background-position: bottom left;
}

#subnav ul {
	float: left;
	list-style-type: none;
	margin:0;
	padding: 0;
   }

#subnav li {
   float: left;
   padding: 0;
   margin: 0;
   }
#subnav a {
	display:block; /* important for IE */
	text-decoration: none;
	color:#FFFFFF;
	padding: 7px 0 4px 11px;
	/*margin: 0 2px 0 0 ;*/
    margin: 0px;
	background: url(../pics/navigation/subnav_li.png) no-repeat left top;
   }
#subnav .first{
	background: url(../pics/navigation/subnavaussen_links.png) no-repeat left top;
}

#subnav a span{
   padding: 7px 12px 4px 0;
   margin: 0;
   background: url(../pics/navigation/subnav_re.png) no-repeat right top;
   }

#subnav span.last {
	background: url(../pics/navigation/subnavaussen_rechts.png) no-repeat right top;
}

#subnav a:hover, #subnav li.subnav_sel a {
	/*color:#333333;*/
	color:#FFFFFF;
	background-image: url(../pics/navigation/subnavaktiv_li.png);
   }

#subnav a:hover span, #subnav li.subnav_sel a span {
   background-image: url(../pics/navigation/subnavaktiv_re.png);
   }
     
 /* http://www.intensivstation.ch
 Zuletzt kommt der clear, damit wird das float wieder aufgehoben. Das ist wichtg weil float vererbt wird, float und clear gehören immer zusammen.*/  
.clr{ clear:left; }


/* ===== Navigation Popup ===== */
#popup_subnav{
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	left:8px;
	top:3px;
	width:547px;
	height:45px;
	z-index:1;
	background-image: url(../pics/navigation/popup_bg_nav.png);
	background-repeat: no-repeat;
	background-position: bottom left;
}

#popup_subsubnav{
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	left:7px;
	top:54px;
	width:607px;
	height:43px;
	z-index:1;
}

#popup_subsubnav ul {
	float: left;
	list-style-type: none;
	margin:0;
	padding: 0;
   }

#popup_subsubnav li {
   float: left;
   padding: 0px;
   margin: 0;
   }
#popup_subsubnav a {
	display:block;
	text-decoration: none;
	color:#333333;
	padding: 0px 20px 0px 10px;
	margin: 0px;
	background-image: url(../pics/pfeil_grau.png);
	background-repeat: no-repeat;
	background-position: 0px 1px;
   }
   
#popup_subsubnav a:hover, #popup_subsubnav li.subsubnav_sel a  {
	color:#e2007a;
	background-image: url(../pics/pfeil_rot.png);
	background-repeat: no-repeat;
	background-position: 0px 1px;
   }


/* ====== Link mit Pfeil ====== */
.navcontent a{
	font-size:12px;
	color:#e2007a;
	font-weight:bold;
	text-decoration:none;
	padding-left:13px;
	background-image: url(../pics/pfeil_rot.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

.navcontent a:hover{
	text-decoration:underline;
}

.navcontent_grau a{
	position:relative;
	float:right;
	font-size:12px;
	color:#333333;
	/*font-weight:bold;*/
	text-decoration:none;
	padding-left:13px;
	background-image: url(../pics/pfeil_grau.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

.navcontent_grau a:hover{
	color:#e2007a;
	text-decoration:underline;
	background-image: url(../pics/pfeil_rot.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

.navcontent_rechts{
	position:relative;
	float:right;
	font-size:12px;
	color:#333333;
	/*font-weight:bold;*/
	padding-left:13px;
}


.vor a{
	color:#333333;
	float:right;
	text-decoration:none;
	padding-right:13px;
	background-image: url(../pics/pfeil_grau.png);
	background-repeat: no-repeat;
	background-position: right 2px;
}

.vor a:hover{
	color:#e2007a;
	text-decoration:underline;
	background-image: url(../pics/pfeil_rot.png);
	background-repeat: no-repeat;
	background-position: right 2px;
}

.zurueck a{
	color:#333333;
	float: left;
	text-decoration:none;
	padding-left:13px;
	background-image: url(../pics/pfeil_grau_li.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

.zurueck a:hover{
	color:#e2007a;
	text-decoration:underline;
	background-image: url(../pics/pfeil_rot_li.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}


.seite{
	float:left;
	color:#333333;
	text-align:center;
	width:80%;
	/*background-color:#009999;*/
}

.seite a{
	color:#333333;
	text-decoration:none;
}

.seite a:hover, 
.seite_sel{
	color:#e2007a;
	text-decoration:underline;
}

#subnav li.subnav_right a  {
	display:block; /* important for IE */
	text-decoration: none;
	color:#FFFFFF;
	padding: 7px 0 4px 11px;
	/*margin: 0 2px 0 0 ;*/
    margin: 0px;
	background: url(../pics/navigation/subnav_re_neu.png) no-repeat right top;
}
#subnav li.subnav_right a:hover {
	color:#FFFFFF;
	background-image: url(../pics/navigation/subnavaktiv_li_short.png);
	background-position:left;
}   
#subnav li.subnav_right a span {
	background-image: url(../pics/navigation/subnav_re_neu.png);
} 
#subnav li.subnav_right a:hover span {
	background-image: url(../pics/navigation/subnavaktiv_re_invert.png);
}