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

body {
background-color: #000000;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0px;
margin:0px;
}
a {color: #ffd942;}
a:visited {color:#ffd942;}
a:hover {color: #564b47;}
a:active { color:#000000;}

h1 {
font-size: 11px;
text-transform:uppercase;
background-color: #ffd632;
border-top:1px solid #8e8e8e;
border-bottom: 1px #8e8e8e solid;
padding:5px 15px;
margin:0px }

h2 {
background-repeat: no-repeat;
color: #f9cd05;
margin: 0em;
padding: 0em;
background-position: 0em;
font-size: 1.5em;
text-indent: 30px;
/*background-color: #b7d8e0;*/}

h3 {
background-repeat: no-repeat;
color: #f9cd05;
margin: 0em;
padding: 0em;
background-position: 0em;
font-size: 1.1em;
text-indent: 15px;
/*background-color: #000;*/
background-image: url(h3.png);}

img.download {vertical-align:middle;}

h1 a{
color: #564b47;
text-decoration: none;
}

h1 a:hover {
text-decoration: underline;
}

p{
border: 1px #000000 solid;
background-color: #8e8e8e;
color: #ffffff;
text-align: justify;}

p.cent {
text-align: center;}

form{
border-bottom: 10px #fff solid;}

table{
border: 1px #000000 solid;
margin-top: -1px;
background-color: #8e8e8e;
color: #ffffff;
padding: 5px;
width: 100%;}

td.msg{
border-top: 1px #666 solid;}

form{
margin: 0;
}

div.datum {
float: left;
color: #fff;
width: 90px;
height: 15px;
background-image: url(div.png);
padding-left: 10px;
font-weight: bold;
display: block;
}

/* ----------container to center the layout---------- */
#container {
width: 768px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
} 

/* ----------banner for logo-------------- */
#banner {
text-align: right;
background-color: #505050;
padding: 0px;
margin: 0px;
}

#banner img {padding:10px 0px;} 

/* ----------outer and inner----------------- */
#outer{ 
border-left: 191px #ececec solid;  /* color of the left column  */ 
background-color: #ffffff; /* color of the content column */
} 

#inner{ margin:0px; width:100%; 
} /* The ie/pc pecularity */ 


/* --------------left navi------------- */
#left {
 width:165px; 
 float:left; 
 position:relative;
 margin-left:-191px; 
 margin-right:1px;
 padding: 1em;}

#left h2{
background-image: url(h2_content.gif);
background-repeat: no-repeat;}

#left p{
padding: 5px 10px;
margin:0px;
width: 142px;
margin-top: -1px;
}

#left ul {
margin-left: 0em;
padding-left: 0em;
margin-top: -1px;
width: 163px;
border: 1px #000000 solid;
background-color: #8e8e8e;}

#left ul li
{
margin-top: 0px;
margin-bottom:0;
list-style-type: none;
line-height: 2em;
/*border-top: 1px #20272f solid;*/
}

#left ul li a
{
text-decoration: none;
text-align: center;
font-size: 1.2em;
font-weight: bold;
width:163px;
color: #ffffff;}

#left ul li a:link, #left ul li a:visited
{
display: block;}

#left ul li a:hover, #left ul li a:active
{
display: block;
background-color: #a0a0a0;
}

#left span {
text-align: center;
color: #f9cd05;
font-size: 1.5em;
}


/* -----------------content--------------------- */
#content{ 
position: relative; 
margin: 0px;
padding: 1em;
background-color: #fff;}
/*height: 600px; min-height: 600px;}*/

/*div[id] #content { height: auto }*/

#content h2{
background-image: url(h2_content.gif);
background-repeat: no-repeat;}

#content p{
padding: 5px 10px 5px 10px;
margin: -1px 0px -1px 0px;
}

#content ul{
border: 1px #000000 solid;
background-color: #8e8e8e;
color: #ffffff;
margin: 0px;
padding: 5px 10px 5px 25px;
text-align: justify;}

#content ul li{
list-style-type: square;}

#content pre{
font-size: 12px;
padding: 5px 10px;
margin:0px;}

/*  ----------------footer---------------------- */ 
#footer {
clear:left;
padding:0px;
margin:0px;
text-align: right; }