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

body{
	margin-top: 1em;
	margin-left: 1em;
	margin-right: 1em;
	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%;
	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:100%;
	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: none;
	outline: none; /*----keine Punktelinie um link----*/
	color: #000000;
	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: #DCDCDC;
	padding-top: 1em;
	margin-right: 0.5 em;
	padding-bottom: 1em;
	padding-left:0.5em;
	background-color:white;
	
}

#navleft a:visited {
	background-color:white;
	
}

#navleft a:hover,
#startseite  #navi01 a,
#ausstellung  #navi02 a,
#programme #navi03 a,
#chronik #navi04 a,
#cafe #navi05 a,
#impressum #navi06 a,
#kulturamt #navi07 a
#kunstkurse #navi08 a
	{ border-color:maroon;
	border-left-style: solid;
	border-left-width:0.6em;
	background-color:white;
	
}

#navleft a:hover,
#startseite  #navi01 a,
#ausstellung   #navi02 a,
#programme #navi03 a,
#chronik #navi04 a,
#cafe #navi05 a,
#impressum #navi06 a,
#kulturamt #navi07 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:11em;
	float:left;
	margin: 2em 0 0 0;

	font-size: 0.8em;
	
}


#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:1em; /*---Hintergrundfarbe wird zum Raumtrenner--*/ /*---1.6em vor button kunstkurse---*/
}



/* --- startseite ---------------------- */
#container_start_1{
float:left;
	padding: 3em 1em 0em 3em;
	vertical-align:top;
	background-color: #ffefd5;
	margin-left:0.5em;

   width:30%;
	
}

#container_start_2{
float:left;
	padding: 3em 1em 2em 1em;
	vertical-align:top;
	background-color: #ffefd5;
	margin-left:1em;
   width:30%;
	
}
#container_start_fuss{
	padding: 0.6em 0em 0.01em 14em;
	background-color: #730000;
	margin-top: 45em;
	font-size: 0.8em;
	color: White;
}
/* ---  ende startseite ---------------------- */

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

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




#container1 a {
	text-decoration: underline;
}


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

#container1 ul {
	list-style-type: none;
	padding-top:0.6em;
	margin:0;
	
}
#container1 li
 {
	margin: 0;
	list-style-type: square;
	
}
#container1 td{
width: 250px;
padding: 1em;
vertical-align:top;
	
}

	#container2 
	
{
	
	padding: 2em 3em 2em 3em;
	vertical-align:top;
	background-color: #ffefd5;
	height: 100%;
	margin-left:10em;
	font-size:0.9em;

	
}
#container2 a {
	text-decoration: underline;
	color: #0000ff;
}
#container2 img {
	padding-left:2em;
	padding-bottom:2em;
}


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



/*---class-----*/  
.images {
	border: none;
}
.h1 {font-size: 1.4em;
     letter-spacing: 0.2em;
	
} 
	  
.h2 	{font-size:1.1em;
       letter-spacing: 0.3em;
}
.schriftbraun
 {
	font-size: 1.3em;
	color: #B50000;
}
	.center {
	text-align: center;
	font-size: 0.8em;
	}
	.center1 {
	text-align: center;
	
	}		
		
.schrift_will {
	font-size: 2em;
	
   font-family: "Times New Roman", Times, serife;
	font-style: italic;
	color:maroon;
}
.schrift_will_1 {
	font-size: 1.2em;
	
   font-family: "Times New Roman", Times, serife;
	font-style: italic;
	color:maroon;
}
.schriftbanner {
	font-size: 2em;
	color: #E9E9E9;
	font-weight: bolder;
	text-align: right;
	padding-right: 2em;
}
	
   .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;
}
.schrift12maroon{
	font-size: 1.2em;
	color: Maroon;
}

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

.schrift13teal{
	font-size: 1.3em;
	color: Teal;
}
.schrift11teal{
	font-size: 1.1em;
	color: Teal;
}

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

.schrift15grau{
	font-size: 1.5em;
	color: Gray;
}
.schrift13blaustahl{
	font-size: 1.5em;
	color: #325E84;
}
/*bilder*/



.bildrechts {float:right;}

.bildrechts1 {float: right;
margin-left: 1em;
border: none;
font-size:0.9em;}

.bildlinks {float: left; }
             
.logolinks { float: left;
 }

 .nebeneinander  {display:inline;
 	
 }
 
.listenpunktinnen {
	list-style-position: inside;
	list-style-type: circle;
} 

 .liste1 {
 	line-height:200%;
	
 }

 .center{
 text-align:center;
 	
 }
/*---kulturkalender listeneigenschaften--*/

 .kukaul{
	
	line-height: 500%;
	font-size: 1.3em;
	margin-left: 2em;
	
   list-style-type:square;
	margin-top:-12em;
}

	
/*----runde Boxen Anweisung---*/

div.rund {
background-image: url(../rund_unten.gif);
background-repeat: no-repeat;
background-position: left bottom;
width: 160px;
height: auto;
float: right; }
div.rund h4  {
	color: white;
	font-size: 12px;
	background-image: url(../rund_oben.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	list-style-position: inside;
}
div.rund p {
color: white;
background-color: #9e0b0f;
text-align: left;
margin: 0; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; }



/* Anfang SLIMBOX */

#lbOverlay {
	position: absolute;
	z-index: 9999;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(images/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(images/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 113px;
	height: 22px;
	background: transparent url(images/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}
/* Ende SLIMBOX */