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

body {
background-color: #E5ECF2;
font-size: 11px;
	font: 12px  Verdana, 'Trebuchet MS', Arial, Sans-serif;
padding:0;
margin:0;
}

h1 {
background-color: #034162;
color:#ffffff;
font-size: 11px;
text-transform:uppercase;

padding:5px 15px;
margin:0 }
h1 a{
padding-right:20px;
}

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

img.download {vertical-align:middle;}

/* ----------container to center the layout-------------- */
#container {
width: 900px;
margin-bottom: 10px;
margin: 0 auto;
background-color: #ffffff;

}

#infos{
height: 380px;


}

/* ----------banner for logo-------------- */
#banner {
text-align: left;
padding: 0px;
margin: 0px;
height:96px;
background-image:url('images/headbkg.gif');
background-repeat:repeat-x;
background-color:#ffffff;
}

#banner A:link {color: #ffffff;}
#banner A:visited {color: #ffffff;}
#banner A:active {color: #ffffff;}
#banner A:hover {color: #ffff;}

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

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

/* --------------left navi------------- */
#left {
float: left;
background-color:#ffffff;
width: 200px;

padding: 0;
}
#left A:link {color: #45494D;}
#left A:visited {color: #45494D;}
#left A:active {color: #45494D;}

#left .lcontainer{
float: left;
background-color:#ffffff;
width: 90%;
padding:10px;


}



#right {
background-color:#ffffff;
float: right;
width: 200px;
margin: 0;
padding: 0;
}
#right A:link {color: #45494D;}

#right A:visited {color: #45494D;}
#right A:active {color: #45494D;}

#right .rcontainer{
float: left;
background-color:#ffffff;
width: 90%;
padding:10px;
}


/* -----------footer--------------------------- */
#footer {
clear: both;
padding:5px;
color:#45494D;
text-align: center; }
#footer A:link {color: #45494D;}
#footer A:visited {color: #45494D;}
#footer A:active {color: #45494D;}

#s10 {width:5%;float:left;
color:#FF6A19;
background-color:#FF1919;}
#s9 {width:15%;float:left;
color:#FF6A19;
background-color:#FF7519;}
#s8 {width:25%;float:left;
color:#FF6A19;
background-color:#FFBC19;}
#s7 {width:35%;float:left;
color:#FF6A19;
background-color:#FF6508;}
#s6 {width:45%;float:left;
color:#FF6A19;
background-color:#FF9308;}
#s5 {width:55%;float:left;

background-color:#FFB608;}
#s4 {width:65%;
float:left;
background-color:#FFE508;}
#s3 {width:75%;
float:left;
background-color:#FCFF08;}
#s2 {width:85%;
float:left;
background-color:#EBFF08;}
#s1 {width:100%;
float:left;
background-color:#B6FF08;}