/* *** 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: #e1ddd9;  /* grau */
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;   /* schwarz-grau */
padding:0px;
margin:0px;
}
a {color: #214332;}
a:visited {color:#0e8247;}
a:hover {color: #0d7b43;}
a:active { color:#000000;}

a {
  color: ##CAFF70;	
  font-size: 11px;
  font-weight: bold;
}
a:visited {color:#0d7b43;}
a:hover {color: #BCEE68;}
a:active { color:#000000;}

h1 {
font-size: 11px;
text-transform:uppercase;
background-color: #817a31;  /* banner color */
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
padding:5px 15px;
margin:0px }

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

/* ---------- List element for left/menu column -------------- */
li  { 
    margin: 1em 0;
    background-position: 2em 50%;
    //padding-left: 2em; 
    /* list-style-image: url(olive-shape-black.png) */
/* olive-shape-color.gif */
}

img.download {vertical-align:middle;}

/* ----------container to center the layout-------------- */
#container {
width: 800px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
 /* left column color */
background-color: #a1951f; 
}

/* ----------banner for logo-------------- */
#banner {
background-color: #fffbcd; /* efebc0; e1ddd9; */
text-align: right;
padding: 0px;
margin: 0px;
}
#banner img {padding:10px 0px;} 

/* -----------------content--------------------- */
#content {
background-color: #f1ffb4;
background-color: #d6c83c;
background-color: #ebe19b;
background-color: #efebc0;
padding: 0px;
margin-left: 200px;
margin-right: 0px;
}
div#content { 
padding: 10px;
min-height:600px;
height:expression(this.scrollHeight > 600 ? "auto":"600px"); 
}

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

/* --------------left navi------------- */
#left {
float: left;
width: 200px;
margin: 0px;
padding: 0px;
}

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


/*  	    	   From here-on self-made stuff                */
/*  		   same licence applies, i.e. creative common  */

/* -------------Form------------------------------- */
form {
	margin-bottom: 1em;
	padding:.5em;
	margin: auto;
}

/* Alle Labels UND Formularelemente auswählen */
label, input, textarea{ 
	display: block;
	float: left;
}

label {
 text-align: right; 
  padding-right: 1em; 
	width: 7em;
}

input, textarea {
 	width: 320px; 
	font-family: sans-serif;
	border-top:2px solid olivedrab;
	border-right:2px solid yellowgreen;
	border-bottom:2px solid yellowgreen;
	border-left:2px solid olivedrab;
}

/* Alle Zeilenumbrüche in Formularen auswählen */
form br { 
     	/* das floating der labels und inputs aufheben */	
        clear: left; 
}
/* den Submit-Button */
input#submit { 
	  color: green;
	  background: none;
	  clear: both;
	  float: none;
	  margin: auto;
	  margin-top: 1em;
	  width: auto;
	  text-align: center;
}

fieldset { border:1px solid olive }
legend {
	padding: 0.2em 0.5em;
	border:3px solid olive;
	color:green;
        font-size:80%;
	text-align:right;
}


/* menu list  shameless copy from listomatic, i think */
#navlist
{
padding: 0 1px 1px;
margin-left: 0;
font: bold 12px verdana, sans-serif;
/* background: #060; */
width: 160px;
color: #006; }

#navlist li
{
list-style: none;
margin: 1em;
border-top: 0px solid #060;
text-align: left;
}

#navlist li a
{
border-top: 1px solid #060;
display: block;
padding: 0.25em 0.5em 0.25em 0.5em;
background: #CCa;
text-decoration: none;
text-align:center;
border-left: 1em solid #CC0;
border-right: 1em solid #CC0;
}

#navlist li a:link { 
	 color: #000; 
	 list-style-image: url(olive-shape-black.png) 
}

#navlist li a:visited { color: #006; }

#navlist li a:hover
{
border-left: 1em solid #060;
border-right: 1em solid #060;
color: #004500;
background: white;
}