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

body {
background:#FFF; color:#000; margin:25px 0 25px -10px; font:76% Arial,Helvetica,sans-serif; text-align:center; 
}
a {color: #09f;}
a:visited {color:#09f;}
a:hover {color: #09f; text-decoration: none;}
a:active { color:#000000;}

h2, h3, h4 { margin:0; padding:0; }
h3 { color:#000; font: bold 1.3em Arial,Helvetica,sans-serif; text-transform:uppercase; margin:17px 0 6px 0; text-align:left; }
h3 a, h3 a:hover { color:#000; }
h4 { margin-bottom:6px; }
table, tr, td { font-size:100%; } /*f IE 5, others do recognize without*/

.h1 { position:relative; width:170px; height:95px; margin:0; padding:0; overflow:hidden; }
.h1 span { display:block; position:absolute; left:0; top:0; z-index:1; width:170px; height:95px; margin:0; padding:0; background:url(../images/bsx-logo.gif) top left no-repeat; }
.h2 { position:relative; top:-95px; left:170px; width:600px; height:95px; overflow:hidden; }
.h2 span { display:block; position:absolute; left:0; top:0; z-index:2; width:600px; height:95px; margin:0; padding:0; background:url(../images/bsx-logo-subline.gif) top left no-repeat; }


img.download {vertical-align:middle;}

/* ----------container zentriert das layout-------------- */
#container {
width: 770px;
margin-bottom: 10px;
margin:0 auto;
background-color: #FFF;


background:#F4F4F4 url(../images/bg.png) top left repeat-y; width:769px; margin-right:auto; margin-left:auto; text-align:left;


}

/* ----------banner for logo-------------- */
#banner {
	background:url(../images/bsx-logo-banner.jpg) top left no-repeat;
	width: 770px;
	height:96px;
text-align: right;
padding: 0px;
margin: 0px;
}
#banner img {padding:10px 0px;} 

/* -----------------Inhalt--------------------- */
#content {
background-color: #ffffff;
padding: 0;
margin: 0 150px;
}
div#content {
	background-color:#fff;
	min-height:700px;
	height:expression(this.scrollHeight > 700 ? "auto":"700px"); 
}

p, pre{
padding: 5px 10px;
margin:0;
}

/* --------------left navigavtion------------- */
#left {
float: left;
width: 145px;
margin: 0px;
padding: 0px;
}

#right {
	float: right;
	width: 144px;
	margin: 0;
	padding: 0;
	background: #fff;
	height: 800px;
	border-right: #09f solid thin;
}
/* -----------footer--------------------------- */
#footer {
clear: both;
margin: 0px;
padding: 0px;
text-align: right; }




ul.menu-left {
	background: #fff top left no-repeat; 
	color:#FFF; 
	margin-top:1px; 
	padding:1px 0px 1px 0px;
	list-style-type: none;
	text-align: left;
	border-left: #09f solid thin;
}



ul.menu-left li { 
	background: #09f url(../images/nav-dot.png) top left no-repeat; 
	padding:1px 0px 1px 18px;
	margin-top:1px;
}

ul.menu-left ul li { 
	background: #fff top left no-repeat; 
	color:#000; 
	position:relative; 
	margin-top:1px; 
	padding:0px 0px 0px 18px;
	list-style-type: none;
	border-right: #09f thin dashed;
	border-bottom: #09f thin solid;
}

/*
ul.menu-left li.active a {
	background: #CC0;
}
*/

/*
ul.menu-left li.parent.active a {
	background:#F0F;
}
*/


/* Untermenü-Einträge */
ul.menu-left li.parent ul li a {
	background-color: #fff;
	color:#000;
	list-style: none;
	list-style-type: none;
}




/*

ul.menu-left li#current {
	background-color: #000;
}
*/

.menu-left li#current.parent.active {
	background: #09f url(../images/nav-dot.png) top left no-repeat;
}

.menu-left li#current.parent.active a { 
	color:#FFFFFF; 
	background: #09f;
	width: 200px;
}

.menu-left li#current.parent.active ul li a { 
	color:#000; 
	background:#fff;
}


/*
ul.menu-left li#current ul li a {
	background-color: #fff;
	color: #000;
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-image: none;
}
*/

/* aktueller aktiver Eintrag im Untermenü */
/*ul.menu-left li#current a {
	color: #fff;
	/*background-color:#765; /* hintergrund hier ändern
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-image: none;
	/*background:#FFF url(../images/arrow-nav.png) top left no-repeat; color:#06F; font-size:0.9em; text-decoration:none;
}
*/

/*
ul.menu-left .parent active a {
	background: #FF0;
}
*/

/*
ul.menu-left li.parent ul li a:hover {
}
*/





ul.menu-left li.parent ul {
	background-color: #fff;
	list-style: none;
	list-style-type: none;
	color: #000;
	border: #0F0 medium;
	padding: 0;
	margin-left: -18px;
}


ul.menu-left a {
color:#FFF; font-size:0.85em; text-decoration:none;
}


.banneritem img {
	border: none;
}


#footer { background:#FFF url(../images/footer_bg.png) top left no-repeat; color:#000; width:769px; clear:both; margin-right:auto; margin-left:auto; padding-top:9px; text-align:center; }/*padding-top f. Op*/
	#footer table { width:769px; }
	#footer td { font-size:0.75em; } /*for IE*/
	#footer a { color:#000; text-decoration:underline; }
	#navig-footer { position:absolute; margin-top:-160px; margin-left:3px; padding:0; z-index:0; }

#clearfooter{ clear:both; height:1px; }/*needed to make room for footer*/
* > html #clearfooter { float:left; }


* html #banner-rechts { width:144px; margin-right:-145px; overflow:hidden; }/* stop float drop in IE; overflow:hidden only temporaer! Problems with width */


#banner-rechts div { background:#09f; color:#000; font-size:0.9em; }
#banner-rechts p { font-size:0.8em; border-bottom:1px dotted #09F; margin-top:3px; padding:0px 0 0px 0;}




.fliesstext {
	font:Verdana, Geneva, sans-serif;
	font-size:10px;
	color: black;
}


.headline {
	font:Verdana, Geneva, sans-serif;
	color: #F00;
	font-size:10px;
}

.normal {
	font:Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

.normal_fett {
	font:Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.headline_16_bold {
	font:Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-weight: bold;
}