/* *** 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: #ffffff;
font-size: 12px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
line-height:130%;
color:#2F2826;
padding:0px;
margin:0px;
}

.body_highlight {
font-size: 14px;
font-weight:bold;
}

.highlight_yellow {
background-color: #FFFF66;
}


.highlight_green {
background-color: #91FF91;
}


a {color: #31458C;}
a:visited {color:#5A79AD;}
a:hover {color: #5A79AD;}
a:active { color:#000000;}

h1 {
font-size: 11px;
font-family:lucida sans unicode, arial, verdana;
font-weight:normal;
background-color: #ffffff;
padding:5px 15px;
margin:0px }

h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
padding: 10px;
margin:0px;}

.left {
font-size: 11px;
font-family:lucida sans unicode, arial, verdana;}

ul {
list-style:square;
padding-left: 12px;
pading-top:10px;
margin-left:12px;
margin-top:10px;}

li {
padding-bottom: 3px;}


.highlight-box_01 {
 width:550px;
 border:dashed;
 border-color:#C9C6DD;
 border-width:1px;
 background-color:#FFFFCC;
 padding:5px; }
 
 .content_box_01 {
 margin-left:25px; 
 margin-top:50px;
  position:relative; 
 width:350px;
 border:dashed;
 border-color:#CCCCCC;
 border-width:1px;
 background-color:#f8f8f8;
 padding:10px; }

 .quote {
 width:155px;
 padding:10px; }
 
 .button {
background-image:url(../images/button_01.gif);
background-repeat:no-repeat; 
height:50px;


 }
 
  .button-text {
color:#FFFFFF;
font-weight:bold;
padding-top:10px;
padding-left:10px;
 
 }
 


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

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

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

/* ----------outer and inner----------------- */
#outer{ 
border-left: solid 200px #ffffff;  /* 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:175px;
	float:left;
	position:relative;
	margin-left:-190px;
	margin-right:1px;
	margin-top:10px;
	border:solid;
	border-color:#CCCCCC;
	border-width:1px;
	background-color:#FFFFAA;
	padding:5px;
	height: 193px;

 }


#left-02 {
	width:175px;
	float:left;
	position:relative;
	margin-left:-190px;
	margin-right:1px;
	margin-top:127px;
	border:solid;
	border-color:#CCCCCC;
	border-width:1px;
	background-color:#f8f8f8;
	padding:5px;
	height: 200px;

 }
 
 #left-03 {
	width:175px;
	float:left;
	position:relative;
	margin-left:-190px;
	margin-right:1px;
	margin-top:237px;
	margin-bottom:25px;
	border:solid;
	border-color:#CCCCCC;
	border-width:1px;
	background-color:#E8EDF4;
	padding:5px;
	height: 170px;
	top: 100px;



 }
 
 #left-04 {
 width:175px; 
 float:left; 
 position:relative; 
 margin-left:-190px; 
 margin-right:1px;
 margin-top:440px;
 margin-bottom:25px;
 border:solid;
 border-color:#CCCCCC;
 border-width:1px;
 background-color:#EFEBEF;
 padding:5px;
 }


 #quote {
	background-image:url(../images/quote_01.gif);
	background-repeat:no-repeat;
	width:175px;
	float:left;
	position:relative;
	margin-left:-190px;
	margin-right:1px;
	margin-top:255px;
	margin-bottom:25px;
	border:solid;
	border-color:#CCCCCC;
	border-width:1px;
	background-color:#EFEBEF;
	padding:5px;
	top: 156px;
	height: 1051px;


 
 }


/* -----------------content--------------------- */
#content{ 
position: relative; 
margin-left: 10px; 
margin-right: 10px;
}

p{
padding: 5px 10px;
margin:0px;
line-height:130%
}

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

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