/* *** 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: #ffffbb;
font-size: 12px;
font-family: Verdana, Arial, Sans-Serif;
color: #663333;
padding: 0px;
margin: 0px;
}
a {color: #663333;}
a:visited {color: #663333;}
a:hover   {color: #663333;}
a:active  {color: #663333;}

h1 {
font-size: 18px;
/* text-transform:uppercase; */
background-color: #ffff99;
border-top:    1px solid #ffff99;
border-bottom: 1px solid #ffff99;
padding: 0px 0px;
margin: 0px; 
}

h2 {
font-size: 12px;
/* font-size: 20px; */
font-weight: bold;
/* font-weight: normal; */
padding:10px 0px 0px;	/* oben - links/recht / unten */
margin: 0px;
}

/* added h3 h4 for mgn */
h3 {
font-size: 12px;
font-weight: bold;
padding: 8px 0px 2px;	/* oben - links/recht / unten */
margin: 0px;
}

h4 {
font-size: 12px;
font-weight: bold;
padding: 8px 0px 0px;	/* oben - links/recht / unten */
margin: 0px;
}

hr {height: 1px; color: #663333; border: none; 
}

/* ----------container zentriert das layout-------------- */
#container {
width: 800px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
background-color: #ffff99;
border: 1px solid #663333; border-top: 0px; 
}

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

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

/* -----------------Inhalt--------------------- */
#content {
background-color: #ffff99;
padding: 0px; padding-left: 6px;
margin-left: 220px;
margin-right: 0px;
border-left: 1px solid #663333; 

}

div#content { 
min-height: 500px;
height: expression(this.scrollHeight > 500 ? "auto":"500px"); 
}

p {
padding: 0px 10px;
margin: 0px;
}

/* --------------left navigavtion------------- */
#left {
padding: 0px; padding-top: 50px;
float: left;
width: 220px;
margin: 0px;
}

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

/* ----------- all following added for mgn----- */

/* --------------left spotlight ------------- */
#spotlight {
border-top: #f00 1px solid; border-bottom: #f00 1px solid; 		clear: both;
padding: 0px; padding-top: 20px;
float: left;
width: 220px;
margin: 0px;
padding-left: 0px;
color: #f00;
}

#spotlight ul {
	width: 200px;
	list-style-type: disc; 
	/* list-style-position: outside */
	margin-left: 0px;	/* ----------- margin: 6px 0px; ----- */
	color: #f00;
	padding-left: 16px;
}

#spotlight ul li {
	list-style-type: disc; 
	height: 24px;
	line-height: 24px;
	width: 200px;
	margin: 2px;		/* ----------- margin: 6px 0px; ----- */
	text-align: left;
	color: #f00;
}

#spotlight ul li a {
	display: block;
	height: 24px;
	text-decoration: none;
	font-size: 12px; color: #f00; 
	padding-left: 0px;
	background: none;
}

#spotlight ul li a:hover {
	text-decoration: underline;
}

#left ul {
	width: 200px;
	list-style-type: none;
	margin-left: 0px;	/* ----------- margin: 6px 0px; ----- */
	border: #f00 0 solid; 
	color: #663333;
	padding-left: 0px;
}

#left ul li {
	width: 200px;
	margin: 0px;		/* ----------- margin: 6px 0px; ----- */
	text-align: left;
	color: #663333;
}

#left ul li a {
	display: block;
	width: 175px;
	height: 24px;
	text-decoration: none;
	font-size: 12px; color: #663333; 
	background: url(img/note-eight-16yell.gif) 0px -16px no-repeat;
	padding-left: 18px;
}

#left ul li a:hover {
	background-position:  2px 4px;
}

#left ul li a.aktiv {
	text-decoration: none;
	background-position:  2px 4px;
}

#mainnavi, #mainnavibottom {
	text-align: left;
	padding-left: 0; 		// 220px;
	padding-top: 0px; 
	border: 1px solid #663333;   border-left: 0;  border-right: 0;
	height: 24px;
	font-size: 12px; color: #663333; 
}

#mainnavi a.mgnjmg, #mainnavibottom a.mgnjmg {
	margin-left: 0px; width: 110px;		/* -- ohne BOM -- width: 110px; ----- */
	border: #f00 0 solid;height: 24px;
	text-decoration: none;
	font-size: 16px;
	color: #663333;
	padding-left:  30px; 			/* -- ohne BOM -- padding-left: 100px; ----- */
}

#mainnavi ul, #mainnavibottom ul {
	padding: 0;
	display: inline;
	list-style-type: none;
	margin-left: 90px;
	border: #f00 0 solid; 
}

#mainnavi ul li, #mainnavibottom ul li {
	display: inline;
	height: 24px;
	line-height: 24px;
	margin: 0px;
	text-align: left;
	color: #663333;
}

#mainnavi ul li a, #mainnavibottom ul li a {
	height: 24px;
	text-decoration: none;
	font-size: 12px;
	color: #663333;
	background: url(img/note-eight-16yell.gif) 0px -16px no-repeat;
	padding-left: 18px;
}

#mainnavi ul li a:hover, #mainnavibottom ul li a:hover {
	background-position: 2px -2px;
}

#mainnavi ul li a.aktiv, #mainnavibottom ul li a.aktiv {
	text-decoration: none;
	background-position: 2px -2px;
}

#headline {
	background-color: #ff8040; 	// #ff9966;
	text-align: center;
	padding-left: 0; 		// 220px;
	padding-top: 4px; 
	border: 1px solid #663333; border-top: 0px; border-left: 0;  border-right: 0;
	height: 20px;
	font-size: 14px; font-weight: bold; color: #663333; 
}

#headline a {
	text-decoration: none;
	color: #663333;
}

#headline a:hover {
	color: #ff0000;
}

#content ul {
	border: #f00 0 solid; 
	color: #663333;
}

#content ul li {
	margin: 6px -0px;
	color: #663333;
}

#content ul li a {
	text-decoration: underline;
	color: #663333;
}

#content ul li a:hover {
	color: #ff8040;
	text-decoration: underline;
}

#content a {
	text-decoration: none;
	color: #663333;
}

#content a:hover {
	color: #ff8040;
}

#content img {
	border: 0;
}

#contenttext a.textlink {
	text-decoration: underline;
	color: #663333;
}

#contenttext a.textlink:hover {
	text-decoration: underline;
	color: #ff8040;
}

div#contenttext a img.pop {height: 0; width: 0; border-width: 0;
}

div#contenttext a:hover img.pop {position: absolute;
	top: 200px; 
	margin-left: 200px; 
/* left: 530px; */ 
	height: 350px; width: 350px;
	border: 1px dashed #663333;
}

div#contenttext a img.popmitgl {height: 0; width: 0; border-width: 0;
}


div#contenttext a:hover img.popmitgl {position: fixed;
	top: 120px; left: 400px; width: 150px;
	border: 1px dashed #663333;
}

.Fehler {
	color: #ff0000;
}
span.Fehler {
	font-weight: bold;
}

// für Formulare mit myfm3.php
form.myfm3	{width: 	360px; color: #663333}
legend		{font-size:	12px; color: #663333}
label		{display:	block;}
input		{font-size:	14px; color: #663333; border: 1px solid #663333;}
select	{font-size:	76%; color: #663333; border: 0px solid #663333;}
textarea	{font-size:	12px; color: #663333; border: 1px solid #663333;
		font-family:  verdana, arial, sans-serif; 
		width:		360px; height:144px;}
input.button	{border:	1px solid #663333; 
		background: 	#ffff99;
		margin-top:	14px;}
.fehler		{border:	1px solid #ff0000;}
p.error		{color:		#ff0000;}