*	{
	margin:0;/* setze außenabstände auf null*/
	padding:0;
	border:0;
	}

body 
	{font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight:normal;
		
	}

div#container{
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	margin-top:10px;
	background-color:    #fff;
	/*border:1px solid ;
	border-color:   #0cf;*/
	}
h1{
	color:#399;
	font-size:18px; 
	letter-spacing:0;
	font-weight:normal;
	padding-bottom:10px;
}
h1 a:link,h1 a:visited{
	color:   #399;
	text-decoration:none;
	list-style:none;
}
h1 a:hover,h1 a:focus{
	color: #333;
}


h2 a:hover,h2 a:focus{
	color: #c30;
}
	
h2{font-family: serif;
	color:#339999;
	font-size:22px; 
	letter-spacing:0;
	font-weight:normal;
	}

h3{	h3font-family: sans-serif;
	color:#333;
	font-size:14px; 
	letter-spacing:0;
	font-weight:normal;
	padding-bottom:15px;
	}
h3 a:link,h3 a:visited{
	color:   #333;
	text-decoration:none;
	list-style:none;
}
h3 a:hover,h3 a:focus{
	color: #399;
}
h4{font-family: serif;
	color:#c30;
	font-size:28px;
	line-height:26px;
	letter-spacing:0;
	font-weight:normal;
	text-align:center;
	}

ul.left2{

	text-decoration:none;
	list-style:none;
	margin-top:10px;
	width:250px;
	padding-left:0px;
	font-size:16px;
	line-height: 20px;

}
.left2 li a:link,.left2 li a:visited{
	color: #666;
	text-decoration:none;
	list-style:none;
}

.left2 li a:hover,.left2 li a:focus{
	color:#999;
}
/*
	Link im Menu der aktiven Seite
*/


.left li a.menue_aktiv:link,.left li a.menue_aktiv:visited{
	color:   #339999;
	text-decoration:none;
	list-style:none;
}
.left li a.menue_aktiv:hover,.left li a.menue_aktiv:focus{
	color: #333;
}
div.left3{

	text-decoration:none;
	list-style:none;
	margin-top:10px;
	width:150px;

	font-size:16px;
	line-height: 20px;
	
}
.left3 li a:link,.left3 li a:visited{
	color: #666;
	text-decoration:none;
	list-style:none;
}

.left3 li a:hover,.left3 li a:focus{
	color:#999;
}
div.left4{

	text-decoration:none;
	list-style:none;
	margin-top:-75px;
	width:150px;
	margin-left:135px;
	font-size:16px;
	line-height: 20px;
	
}
.left4 li a:link,.left4 li a:visited{
	color: #666;
	text-decoration:none;
	list-style:none;
}

.left4 li a:hover,.left4 li a:focus{
	color:#999;
}


/*right*/
ul.right{
	text-decoration:none;
	list-style:none;
	padding-bottom:20px;
}
ul.right li a.menue_spezial:link,ul.right li a.menue_spezial:visited{
	color: #999;
	text-decoration:none;
	list-style:none;
	font-size:.9em;
	
}
ul.right li a.menue_spezial:hover,ul.right li a.menue_spezial:focus{
	color: #333;
}
/*
	kleine links aktiv left3
*/
ul.right li a.menue_spezial_aktiv:link,ul.right li a.menue_spezial_aktiv:visited{
	color: #339999;
	text-decoration:none;
	list-style:none;
	font-size:.9em;
}
ul.right li a.menue_spezial_aktiv:hover,ul.right li a.menue_spezial_aktiv:focus{
	color: #666;
}

p{	
	color: #333;
	font-size:15px;
	line-height:22px;
	font-weight:normal;
	padding-bottom:20px;
}

p a:link,p a:visited{
	color: #999;
	text-decoration:none;
	list-style:none;
}
p a:hover,p a:focus{
	color:#339999;
}
div.ausstellungen{
	width:95%;
	border:1px solid #399;
	padding-top:6px;
	padding-bottom:0px;
	padding-left:6px;
	padding-right:6px;
	margin-bottom:20px;
	
	}

.topten
	{
	padding-top: 50px;
	}

.topfive
	{
	margin-top: 15px;
	}
.rot	{
	color:#000;
	font-size:1.1em;
	font-weight:normal;
	font-family:"Courier New", Courier, mono;
	
	}
.rot1	{
	color:#339999;/*#F44D35;*/
	font-size:38px;
	line-height:30px;
	font-weight:normal;
	padding-bottom:0px;
	font-family: serif;
	/*font-family:"Courier New", Courier, mono;*/
	
	}
.rot2	{
	color:#373231;
	font-size:36px;
	line-height:28px;
	font-weight:normal;
	padding-bottom:0px;
	font-family: serif;
	/*font-family:"Courier New", Courier, mono;*/
	
	}
.rot3	{
	color:#399;
	font-size:26px;
	font-family: serif;
	}
div#mitte{
	text-align:center;
	}
.mitte{
	text-align:center;
	}	
/*pfeil_oben*/
.pfeil_oben{	position:fixed;
	right:20px;
	bottom:20px;	
}
dl p{
	font-size:15px;
	line-height:22px;
	padding-bottom:0px;
}
dl
	{
	color:#333;
	line-height:22px;
	text-align: left;
	font-size:15px;
	font-weight:normal;
padding-bottom:20px;
width:100%;
	}

dt
	{
width: 70%;
	}	
dd
	{
	margin-top: -22px;
width:22%;
	padding-left:260px;
		text-align:right;
		font-size:15px;
	}


.left {
	/*border:1px solid ;
	border-color:   #0cf;*/
 padding-right:20px;
  padding-left:10px;
padding-top:20px;
 padding-bottom:10px;
  float:left;
 
	min-width:200px;
	max-width:200px;/* The width is 20%, by default */

}

.main {
  background-color:#fff;
  padding-left:10px;
	padding-right:10px;
	padding-bottom:0px;
	margin-top:0px;
  float:left;
  width:37%; /* The width is 60%, by default */
	/*border:1px solid ;
	border-color:   #0cf;*/
}

.right {
  color:#399;
  padding-left:10px;
padding-bottom:0px;
  float:left;
  width:25%; /* The width is 20%, by default */
		/*border:1px solid ;
	border-color:   #0cf;*/
}

/* Use a media query to add a break point at 800px: */
@media screen and (max-width:800px) {
  .left, .main, .right {
    width:95%; /* The width is 100%, when the viewport is 800px or smaller */

  }

}