/*
HellgrûÍ		#EEFAF3
MittelgrûÍ		#DCFFF8
DunkelgrûÍ <a>	#62B382
*/

body{
	color:#333;
	font-size:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	background-color:#EEFAF3;
	margin:29px 0;
}
/*div {border:1px solid #000;}*/
/* --- Links -------------------------------- */
a{ color:#62B382; text-decoration:none;}
a:hover{ color:#62B382; text-decoration:underline;}

/* --- DIVs --------------------------------- */
#border{ width:860px; text-align:left; margin:auto; background:url(../pix/scheibe.gif) repeat-y;}
	#header { height:61px;}
	#main{ min-height:599px;}
		#links { width:150px; float:left; height:261px; background:url(../pix/menu-bg.jpg) no-repeat;}
			#menu { width:130px; margin:20px 0 0 10px;}
			#kunst { position:absolute; top:350px;}
			#kontakt { position:absolute; top:560px; margin:9px;}
		#content{ width:600px; float:left; margin-left:55px; color:#000; background:#fff url(../pix/wappen.jpg) no-repeat;}
			#impressum { text-align:right; margin-right:20px;}
	#footer{ color:#000; background:#EEFAF3 url(../pix/footer.gif) no-repeat; height:15px;}


/* --- Menu --------------------------------- */
#menu ul{ list-style:none; margin:0; padding:0;}
#menu li		{  padding-top:4px; padding-bottom:6px;	background:url(../pix/menu-tab.gif) no-repeat 0px 20px;}
.link { height:20px;}
#menu ul ul li	{ margin-top:0px; padding-bottom:0px;/* padding-left:10px;*/ background-image:none; background-color:transparent;}
#menu ul ul { background-color:transparent;}
#menu a{ color:#333; font-size:0.7em; text-decoration:none; background-color:transparent; display:block; height:20px;}
#menu a:hover{ color:#61b382; text-decoration:none; background-color:transparent;}
#menu ul ul a{ color:#333; text-decoration:none; padding-left:10px;}
#menu ul ul a:hover{ color:#61b382; text-decoration:none; padding-left:10px; background: url(../pix/zahn.gif) no-repeat;}

/* --- H ------------------------------------ */
/*h1{ font-size:1em; padding-bottom:4px; background:#fff url(../pix/h1.gif) no-repeat bottom left;}*/
h1{ font-size:1.4em; font-weight:100; letter-spacing:0.5em; padding-bottom:4px; color:#000; background:#fff url(../pix/h1.gif) no-repeat bottom left;}
h2{ font-size:1.2em; font-weight:100; letter-spacing:0.5em; margin:1em 0 0.5em 1em;}

#kontakt p{ margin:4px 0; font-size:0.7em; color:#62B382; background-color:#DCFFF8;}
#impressum a { font-size:0.8em; font-weight:100;}
#content {font-size:0.8em; line-height:150%;}
#content p{ margin:0 0 0.5em 0; }
#content a { font-weight:bold;}

/* --- Gallerie ----------------------------- */
.gallerie { border:1px solid #62B382;}
.pad{ margin:10px;}
.vorher { float:left;}
.nachher{ float:right;}
.vorher, .nachher { border:1px solid #62B382; text-align:center; width:260px; font-size:1.2em; font-weight:500; letter-spacing:0.5em;}

/* --- Kontakt Forumlar ----------------------- */
#formular-zeilen { text-align:right; width:250px;}
#formular-zeilen input { font-size:10px; width:150px; border:1px solid #62B382; color:#000; background-color:#FFF;}
#formular-zeilen input:hover { font-size:10px; border:1px solid #62B382; color:#000; background-color:#EEFAF3;}
#content textarea { width:250px; font-size:12px; border:1px solid #62B382; color:#000; background-color:#FFF;}
#content textarea:hover { color:#000; background-color:#EEFAF3;}
#content input:focus { font-size:10px; border:1px solid #62B382; color:#000; background-color:#EEFAF3;}
#content textarea:focus { font-size:12px; border:1px solid #62B382; color:#000; background-color:#EEFAF3;}

/* --- Info Box ------------------------------- */
#infobox { width:450px; margin:auto; margin-top:10px; margin-bottom:20px; background:#fff url(../pix/box-oben.jpg) no-repeat; padding-top:5px;}
	#infobox-content { margin:10px;}
		#infobox h1 { background:url(../pix/box-h1.gif) no-repeat 0px 4px;}
#infobox-footer { background:url(../pix/box-unten.jpg) no-repeat left bottom; height:10px;}