/* CSS BoxMania */

html {
	font-size: 62.5%;
	overflow: hidden;
}
body {
	font: 1.2em/1.8em Verdana, sans-serif;
	height: 100%;
	max-height: 100%;
}

* {margin: 0px; padding: 0px; border: 0px;}

h1, h2, h3,  h5, h6 {
	font-family: "Century Gothic", sans-serif; 
	margin: 0em 0em 0.5em 0em; 
	color: #000000; text-transform: uppercase;
}
h1 {
	font-size: 2.2em; 
	border-bottom: 1px solid #99cc66; 
	padding-bottom: 0.4em;
	font-weight: normal; 
}
div#header h1 {border: 0px;}
h2 {font-size: 2.0em;}
h3 {font-size: 1.8em;}
h4 {font-size: 0.8em; font-weight: normal; margin: 0em 0em 0.5em 0em;}
h5 {font-size: 1.1em; color: #666666; line-height:1.4em; font-weight: normal;}
h6 {font-size: 1.2em; letter-spacing:0.1em; font-weight: normal;}

a {color: #339900; text-decoration: none;}
a:link {}
a:visited {}
a:hover {}
a:active {}

a.class1:link	{color:#999999; text-decoration:none; }
a.class1:visited{color:#999999; text-decoration:none; }
a.class1:hover	{color:#339900;  text-decoration:none; }

a.wand {color:#666666; text-decoration:none; text-transform: uppercase;font-family: "Century Gothic", sans-serif;font-size: 1.1em;}
a.wand:link		{}
a.wand:visited	{}
a.wand:hover	{color:#339900;  }

div#nav {
position: absolute;
top: 100px;
right: 0px;
width: 95%;
height: 20px;
text-align: right;
padding-right: 20px;
margin: 0px 20px 0px 20px;
z-index: 100; border-bottom: 1px solid #339900; 
}
div#nav li {display: inline; margin-left: 1.5em;}
div#nav a {
	text-decoration: none;  
	/*text-transform: uppercase; */
}
div#nav a span {
	padding: 0.6em 0.7em 0.2em 0.7em; /*oben rechts unten links*/	
	/*border: 1px solid #ff0000;*/
	border-bottom: 1px solid #339900;
	background: none;

}
div#nav a:hover span, 
body#arbeiten li.navarbeiten a span,
body#info li.navinfo a span,
body#aktuell li.navaktuell a span,
body#service li.navservice a span,
body#kontakt li.navkontakt a span {
	color: #339900;
	padding-bottom:  0.7em;
	border-bottom: 1px solid #339900;
	background: #ffffff;
}
div#rahmenoben {
	position: absolute;
	top: 35px;
	left: 20px;
	right: 0px;
	width: 350px;
	height: 55px;
	overflow: hidden;
	text-align: left;
	padding: 2px;
}
div#rahmenlinks {
	position: absolute;
	top: 115px;
	left: 0px;
	width: 200px;
	height: 100%;
	overflow: hidden;
	background: none;	border: 0px solid #ff0000;
}
div#rechts {
	position: absolute;
	top: 115px;
	right: 50px;
	width: 150px;
	height: auto;
	overflow: hidden;
	border: 0px solid #ff0000; z-index:2;
}

.menu {margin: 3.0em 20px; margin-top:6.5em; font-size: 0.8em; color: #999999; line-height:1.4em;}
.menu ul {list-style-type: none;}
.menu ul li {font-weight: bold;}
.menu ul ul li {font-weight: normal; margin-left: 10px;}
.menu li.tomaten {background: #000000; margin-left: -30px; margin-right: -20px; padding-left: 40px;}
.menu li.tomaten a {color: #FFFFFF; font-weight: bold;}

div#hauptrahmen {
	position: absolute;
	left: 19%; /* Lässt Platz für linken Rahmen */
	top: 120px; /* Lässt Platz für oberen Rahmen */
	right: 0;
	bottom: 0;
	overflow:auto;
	border: 0px solid #004A7F;
	height: 100%;
	font-size: 0.9em;
	line-height:1.7em; 
}

dl.aktuell {margin: 2em 0; }
.aktuell dt {float: right; width: 45%; height:auto;  padding-bottom: 1.5em; padding-right: 20%; }
.aktuell dd {margin-left: 0em;padding-bottom: 9.5em;  border-bottom: 1px solid #99cc66; height:auto;}

dl.biografie {margin: 1em 0;}
.biografie dt {float: left; width: 77px; padding-bottom: 0.1em; padding-left: 0px; }
.biografie dd {padding-bottom: 0.1em;}

dl.ausstellung {margin: 1em 0;}
.ausstellung dt {float: left; width: 37px; padding-bottom: 0.1em; padding-left: 0px; }
.ausstellung dd {padding-bottom: 0.1em;}


div#maintext {
margin: 2.0em; /* Sorgt für Randabstand der Texte*/
margin-top:5.0em; }



/* Für IE 5.5 und 6 */
* html body {
padding: 120px 0 0 200px; /* Rückt den body-Bereich 120px weg von oben und 200px weg von links*/
}

* html #hauptrahmen {
height: 100%; 
width: 100%; 
}

* html #rahmenoben {
width: 100%;
}