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

/* e1ddd9 = grau */
/* 564b47 = dunkelbraun/grau */
/* DB7093 = dunkelrosa */
/* E0A3B7 = mittelrosa */
/* EBD3E0 = hellrosa */
/* FFFFFF = weiss */
/* 000000 = schwarz */

/* 663300 dunkelbraun (Schrift)*/
/* e1ddd9 = grau */
/* 6A7B84 = dunkelblau/grau */
/* 4F423B = dunkelsandbraun */
/* D9B4A0 = mittelsandbraun    neu C1B09C */
/* FFE0CF = hellsandbraun   neu DBE5F1*/
/* FFFFFF = weiss    neu DBE5F1 = ganz helles blau, fast weiss */
/* 000000 = schwarz */


body {
	background-color: #E7DBCD; /* #C1B09C;  #e1ddd9; */
/* 	background-image: url(../images/eightnote_bg.gif); */
	background-repeat: repeat;
	font-size: 0.8em;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color: #663300; /* #6A7B84; */
	padding:0;
	margin:0;
}

a {color: #4F423B;}
a:visited {color:#4F423B;}
a:hover {color: #000000;}
a:active { color:#000000;}

h1 {
	font-size: 2em; 
	font-weight: normal;
 }

h2 {
	font-size: 1.7em;
	font-weight: normal;
}

h3 {
	font-size: 1.2em;
	font-weight: bold;
}

hr {
	background-color:#C1B09C;
	height:1px;
	border:0;
}

/* ----------container zentriert das layout-------------- */
#containerborder {
	width: 70em;
	margin: 6px auto;
	padding: 0px;
	background-color: #DBE5F1;
	/* wird nur für den 1Pixel Aussen-Rand fuer 3D-Effekt benoetigt. */
	border-width: 1px;
	border-style:outset;
	border-color: #97A7B7;
}

#container {
	background-color: #DBE5F1;

	border-width: 6px;
	border-style:solid;
	border-color: #97A7B7;
	padding: 6px 6px 6px 6px;
}

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

/* ====================================================================== */   
#topnavi div {
/* 	text-align: center; */
	padding: 1px 0px 0px 0px;
	margin: 0px;
	background-color: #C1B09C;
	border-bottom: 0px #DBE5F1 solid;
	}	

#horizmenue {
/*	width: 100%;  */
	font-size: 1em;
	font-weight: normal;
}

#horizmenue ul {
	display: inline;
/*	text-align: center; */
}

#horizmenue li {
	display: inline;
	background-color: #C1B09C;
}

#horizmenue a.selected, #horizmenue a:hover, #horizmenue a:active {
	color: #FFFFFF;
	background-color: #B6A89D;
	padding: 0px 10px; 
/*	padding: 2px 8px 5px;  */
	text-decoration: none;
}

#horizmenue a {
	color: #663300;
	padding: 0px 10px; 
	/* padding: 2px 8px 5px;  */
	text-decoration: none;
}

#horizmenue a.last {
	color: #663300;
	padding: 0px 6px 0px 10px; 
/*	padding: 2px 8px 5px; */
}

#tabmenue {
	font-size: 0.9em;
	margin:2px 0 0 3%; padding:2px 3px; width:842px; border-bottom:0px solid #C1B09C;
}
#tabmenue ul {
	border:1px solid #663300;
}
#tabmenue li {
  display:inline; margin:0; padding:0;
}
#tabmenue li a {
  padding:0px 1em; margin-left:3px;
  border-style: solid;
  border-color: #DBE5F1;
  border-width: 1px 1px 0px 1px;
  color:#663300; background-color:#C1B09C; text-decoration:none;
}
#tabmenue li a:hover {
  border-color:#663300;
}
#tabmenue li a#aktuell {
  padding-bottom:0px;
  border-bottom: 3px #DBE5F1 solid;
  color:#663300;
  background-color:#DBE5F1;
}

/* ====================================================================== */   

/* -----------------Inhalt--------------------- */
#content {
	min-height: 400px;
	background-color: #DBE5F1;
	padding: 0;
/*	margin: 0 0 0 12em; */
	padding: 0px 6px 6px 6px;
}

#content img {
	border-width: 0 3px 3px 0;
	border-style: solid;
	border-color: #97A7B7;
	margin-bottom: 10px;
	margin-top: 10px;
}

#content img.imgtext {
	float: left;
	margin-right:20px;
}

#content img.textimg {
	float: right;
	margin-left:20px;
}

#content h1 {
	text-align: right;
}

#content ul {
	display: block;
/*	text-align: center; */
}

#content li {
	display: block;
}

div#content ul li {
	margin-top: 10px;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #97A7B7;
}

p, pre {
	padding: 0 5px 10px 5px;
	margin:0;
}
pre, code { font-size: 1.2em;}

h1, h2, h3 {
	padding: 5px 5px;
	margin:0;
}

/* -----------footer--------------------------- */
#footer {
	clear: left;
	padding: 0 0 6px 0;
	margin: 6px 0 0 0;
	background-color: #DBE5F1;
}

div#footer  {
	background-color: #C1B09C;
}

#footer p {
	text-align: center;
	font-size: small;
}

#footer p.development {
	color: #DBE5F1;
}

.development a {color: #DBE5F1;}
.development a:visited {color: #DBE5F1;}
.development a:hover {color: black;}
.development a:active { color: #DBE5F1;}