
*{padding: 0; margin: 0;}
html { height: 101%; }

body{
	margin-left:1%;
	margin-right:1%;
	margin-top:1%;
background-color:#ffefd5;
}
p, ul, ol {
  margin-top: 0 ;
  margin-right: 0 ;
  margin-bottom: 1em ;
  margin-left: 0;
}

ul, ol {
  margin-left: 1em;
}
ul ul {
  margin: 0;
}
li {
  margin-top: 0 ;
  margin-right: 0;
  margin-bottom: 0em;
  margin-left: 2em;
}

#wrapper
{
	background-color:#ffefd5;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100.1%;
	color:#000000;
   
	padding: 0;
	min-width:640px;
	max-width:1000px;
	
	/* webseite mittig ausrichten*/
	margin-right: auto;
	margin-left: auto;
	text-align: left;
    /*  ende webseite mittig ausrichten*/
}
/*----wrapper  margin und padding anweisung ziel gleiche darstellung in allen browsern*/
	
	

#banner
{

	height: 100px;
   width:auto;
	border-bottom-color: Maroon;
	border-bottom-style: solid;
	border-bottom-width: 5px;
	background-image: url(images/banner_hintergrund.png);
}

/*---links allgemein---*/

a:link, a:visited, a:focus, a:active 
{
	text-decoration: underline;
	outline: none; /*----keine Punktelinie um link----*/
	color: #0000ff;
	font-weight: normal;
	border: none;
	background: none;
}

a:hover 

{
	text-decoration: underline;
	color: #0000ff;
	background-color: transparent;
}


/* --- navigation ---------------------- */
.skiplink{
	position:absolute;
	left: -1000px;
	top: -1000px;
	width: 0;
	height: 0;
	overflow: hidden;
	display: inline;
}

#navleft a 
{
	display: block; /*ganze Fläche ist anklickbar*/
	text-decoration: none;
	color: black;
	border-left: 0.6em white solid; /*Vorbereitung für Hervorrhebung aktueller Navipunkt*/
	background-color: Maroon;
	padding: 1em;
	padding-left: 0.5em;
	background-color: white;
}

#navleft a:visited {
	background-color:white;
}
#navleft a:hover,
#startseite  #navi01 a,
#ueber_uns   #navi02 a,
#schwartzsche_villa #navi03 a,
#veranstaltungen #navi04 a,
#kulturkalender #navi05 a,
#publikationen #navi06 a,
#kulturfoerderung #navi07 a,
#regionalhistorische_informationsstelen #navi08 a,
#faq #navi09 a,
#links #navi10 a,
#mitarbeiter #navi11 a,
#kontakt #navi12 a,
#ausschreibung #navi00 a
	{ border-color:maroon;
	border-style: solid;
   border-right:none;
	border-bottom: none;
	border-top: none;
	border-bottom-width: 
	border-left-width:0.6em;
	background-color:white;
	
}

#startseite  #navi01 a,
#ueber_uns   #navi02 a,
#schwartzsche_villa #navi03 a,
#veranstaltungen #navi04 a,
#kulturkalender #navi05 a,
#publikationen #navi06 a,
#regionalhistorische_informationsstelen #navi08 a,
#faq #navi09 a,
#links #navi10 a,
#mitarbeiter #navi11 a,
#kontakt #navi12 a,
#ausschreibung #navi00 a
{
	border-color: maroon;
	border-left-style: solid;
	border-left-width: 0.6em;
  
}



#navleft a:focus { 
 background-color:white;
	color:black;
}
#navleft a:active {
  background-color:#ffefd5;
}

#navleft{
	width:13em;
	float:left;
	margin: 2em 0 0 0;

	font-size: 0.7em;
	
}


#navleft ul
{
	margin-right: 0em;
	margin-left: 0em;
	margin-bottom:0em;
	padding-left: 0em;

}
#navleft li

{
	list-style-type: none;
	margin-left: 0em;
	border-bottom: 0.08em  solid  gray;
	
	padding-top:0.5em; /*---Hintergrundfarbe wird zum Raumtrenner--*/
}
/*---hauptseite----*/
#hauptseite
{
	width: auto;
	height: 100%;
	margin-left:10em;
	
	padding: 2em 1em 1em 2em;
background-color: #ffefd5;
	
}



#hauptseite ol li
{
	list-style-type:circle;
	margin-bottom: 0em;
}

#hauptseite ul {
	list-style-type: none;
	padding-top:0.6em;
	margin:0;
	
}
#hauptseite li
 {
	margin: 0;
	list-style-type: square;
	
}

#hauptseite  a
 {
	font-size: 1em;
	text-decoration: underline;
	line-height: 3em;
    color: Blue;
	 
}

#hauptseite ol a
 {  
	font-size: 1em;
	text-decoration:underline;
	letter-spacing: 0.1em;
	}
/*--tabellen--*/


#hauptseite td{
	width:150px;
	vertical-align:top;
	font-size:0.7em;
  border-bottom:2em #ffefd5 solid;
 
  padding: 0.5em 1em 0.5em 1em;
  background-color: #ffefd5;
}
	
#hauptseite th{
	width: 300px;
	padding: 0.2em 1em 0.2em 0em;
	text-align: right;
	color: white;
	background-color: #800000;
	letter-spacing: 0.1em;
}

#mitarbeiter 
 td {
 	width:300px;
 }



#kulturfoerderung, #links
         li{
	  margin-bottom:0em;
}

#veranstaltungen td {
	padding-right:4em;
}

#erinnerungskultur a {
	text-decoration:none;
}


/* --- container 1---------------------- */

#containermax  
	
{
	float:left;
	padding: 2em 1em 2em 3em;
	width:70%;
	background-color: #ffefd5;
	height: 100%;
	
	font-size:0.9em;
	vertical-align:top;
}





#container1  
	
{
	float:left;
	padding: 2em 1em 2em 3em;
	width:55%;
	background-color: #ffefd5;
	height: 100%;
	
	font-size:0.9em;
	vertical-align:top;
}



#container1 ol li
{
	list-style-type: disc;
	margin-bottom: 0em;
}

#container1 ul {
	list-style-type: none;
	padding-top:0.6em;
	margin:0;
	
}
#container1 li
 {
	
	list-style-type: square;
	padding-bottom:1em;
}

	/* --- container2 ---------------------- */

#container2

{
	width:55%;
	height: 100%;
  	margin-left:12em;
	padding: 1em 1em 1em 2em;
   background-color: #ffefd5;
	font-size:0.9em;
	vertical-align:top;
}

#container2 ol li
{
	list-style-type:circle;
	margin-bottom: 0em;
}

#container2 ul {
	list-style-type: none;
	padding-top:0.6em;
	margin:0;
	
}
#container2 li
 {
	margin: 0;
	list-style-type: square;
	
}

#container2  a
 {  
	font-size:1em;
	text-decoration:underline;
	letter-spacing: 0.1em;
}

#container2 ol a
 {  
	font-size: 1em;
	text-decoration:underline;
	letter-spacing: 0.1em;
	}


	

/* --- container 3 ,ausstellsdaten, abbildung der publikationen----*/
#container3
{
	float: right;
	width: 20%;
	font-size: 0.8em;
	text-align: left;
	background-color: #ffefd5;
	vertical-align: top;
	padding-top: 2em;
	padding-right: 0.5em;
}
#container3  span
 {
	font-size: 2em;
	color: Black;
}

/* --- container 4 ----*/


#container4 	
{
	float:left;
	padding: 2em 1em 2em 3em;
	width:75%;
	background-color: #ffefd5;
	height: 100%;
	font-size:0.9em;
	vertical-align:top;
	
}
#container4 ol {
	margin-left: 4em;
	list-style-type: circle;
}

/*---class*/  

.h1 {font-size: 1.4em;
     letter-spacing: 0.2em;
	
} 
	  
.h2 	{font-size:1.1em;
       letter-spacing: 0.3em;
}
.images {
	border: none;
}


.schriftbraun
 {
	font-size: 1.3em;
	color: #B50000;
	
}
	.center {
	text-align: center;
	font-size: 0.8em;
	}
	
	
	

.schrift09	{
font-size:0.9em;
	
}

.schrift11 {
		font-size:1.1em;
	}
.schrift12{
	font-size: 1.2em;
	
}
.schrift13{
	font-size: 1.3em;
	
}

.schrift13rot{
	font-size: 1.3em;
	color: red;
}
.schrift_maroon{
	color: Maroon;
}
.schrift12maroon{
	font-size: 1.2em;
	color: Maroon;
}

.schrift13maroon{
	font-size: 1.3em;
	color: Maroon;
}

.schrift12teal{
	font-size: 1.2em;
	color: Teal;
}



.schrift10teal	
{
	font-size: 1em;
	color: Teal;
}

.schrift12blau{
	font-size: 1.2em;
	color:blue;
}
.schrift15{
	font-size: 1.5em;
	
}
.bildrechts {float:right;}

.bildrechts1 {float: right;
margin-left: 1em;}

.bildrechtsstele	
{
	border: none;
	margin-left:4em;
	float:right;
}



.bildlinks {float: left; margin-right:1em;}
          
.logolinks { float: left;
 }

 .nebeneinander  {display:inline;
 margin-right: 5em;
 }
 
 /*---Zeilenhöhe Hauptseite--*/
 .liste1 {
 	line-height:200%;
 }
 

 
 
 
 

 