﻿body {
	background-color: #808080;
	font-size: 0.8em;
	font-family: Verdana, Helvetica, Sans-Serif;
	color:#100C0A;
	padding:0;
	margin:0;
	}
	
/* ----------------ueberschriften------------------------*/

   h1 { font-size: 14pt; color: #330000;}
   h3 { font-size: 10pt; color: #262626;}
   h2 { font-size: 12pt; color: #5C4539;}


/* -----------linkfarben----------------------------*/

	a {color: #100C0A;}
	a:visited {color: #4D4C48;}
	a:hover {color: #4D4C48;}
	a:active {color: #100C0A;}
	

/* ----------container zentriert das layout-------------- */
	
#container {
	width: 70em;
	margin: 0 auto;
	padding: 0;
	background-color: #B2B2B2;
}
/* ----------banner for logo oder schmuckgrafik-------------- */

#banner {
	margin: 0;
	padding: 0;
	background-color: #B2B2B2;
	background-image:url('images/banner_rosalia.jpg');
	height:156px;
	background-repeat:no-repeat;
}

#mainnavi {
	margin: 0;
	padding: 5px;
	background-color: #6B8A2D;
}

#mainnavi {
   background-color: #6B8A2D;
   padding-left:0;
   border-bottom: 0;
   height: 2em;
   }

#mainnavi LI {
   background-color: #6B8A2D;
   padding: 0;
   margin: 0;
   list-style: none;
   display:inline;
   }

#mainnavi UL {
   background-color: #6B8A2D;
   padding: 0;
   margin: 0;
   }

#mainnavi a {
   font: bold 0.93em sans-serif;
   color: #000;
   text-decoration: none;
   padding: 0.2em 0.5em;
   border: 1px solid #6B8A2D;
   margin: 0;
   width: 6em;
   display: block;
   float:right;
   }

#mainnavi a:link, #mainni a:visited {
   background-color: #6B8A2D;
   }

#mainnavi a:hover, #mainnavi a:focus {
   background-color: #6B8A2D;
   }


#maincontent {
   background-color: #FDF8F7;
   padding: 0;
   border-top: 1px solid #672647;
   margin: 0;
   }


/* --------------left navigavtion floatet nach links------------- */

#left {
	float: left;
	width: 15em;
	margin: 0;
	padding:15px 0 0 0;
	background-color: #D9D9D9;
	color:#330000;
}

/*Die Navigation als unsortierte Liste - innerhalb der linken Layoutbox*/  
 

#navigation {
   background-color: transparent;
   margin: 10px;
   }

#navigation LI {
   background-color: transparent;
   padding: 0 0 8px 0;
   margin: 0;
   list-style: none;
   width: 140px;
   }

#navigation UL {
   background-color: transparent;
   padding: 0;
   margin: 0;
   }

#navigation A {
   font: bold 1em Verdana, sans-serif;
   text-decoration: none;
   display:block;
   padding: 3px 4px;
   border: 2px solid #4D4C48;
   margin: 1px 0 0;
   width: 140px;
   }

#navigation A:visited {
   color: #330000;
   background-color: #828083; 
   padding: 3px 4px;
   border: 2px solid #4D4C48;
   border-color: #6B8A2D #000000 #000000 #6B8A2D;
   }

#navigation A:link {
   color: #330000;
   background-color: #8BB236; 
   padding: 3px 4px;
   border: 2px solid #4D4C48;
   border-color: #6B8A2D #000000 #000000 #6B8A2D;
   }

#navigation A:focus {
   color: #330000;
   background-color: #8BB236;
   padding: 4px 3px 2px 5px;
   border: 2px inset #4D4C48;
   border-color: #000000 #6B8A2D #6B8A2D #000000;
   }
   

#navigation A:hover {
   color: #330000;
   background-color: #DAD7DB;
   padding: 4px 3px 2px 5px;
   border: 2px inset #4D4C48;
   border-color: #000000 #CDCACF #CDCACF #000000;
   }


/* --------------right for news oder grafik floatet nach recht------------- */

#right {
	float: right;
	width: 15em;
	margin: 10px 0 0 10px;
	padding: 0;
	background-color: #B2B2B2;
	color: #000000;
}
/* -----------------Inhalt--------------------- */

#content {
	min-height:600px;
	background-color: #B2B2B2;
	padding: 20px;
	margin: 0 15em;
}

/* -----------footer hebt das float auf----------- */


#footer {
	clear: both;
	background-color: #B2B2B2;
	padding: 20px;
	margin: 0;
	margin: 0 15em;
}

