/*CSS Layout by Art meets Webdesign*/

body {
margin: 0;
padding: 0;
font: 80% Geneva, Arial, Helvetica, sans-serif;
background: #000 url(img/Wood.jpg) repeat fixed top left;
color: #fff;
}

/*--------------------------------------TYPOGRAPHY*/
p {
line-height: 1.7em;
margin: 15px;
}
h1 {
margin-top: 10px;
margin-left:30px;
padding: 0;
font-size: 100%;
letter-spacing: 2px;
color: #000;
background: inherit;
}
h2 {
margin: 10px 0 0 5px;
padding-left: 10px;
font-size: 120%;
text-transform : uppercase;
letter-spacing : 5px;
color: #000;
background: #FFF;
}
/*----------------------------------------------------HEADER*/
#header {
background: #000 url(img/Headerback.jpg) top left repeat;
width:100%;
}
#topimg {
height: 200px;
width:850px;
padding: 0;
margin: 0;
background : #000 url(img/header.jpg) no-repeat left;
color: #333;
font-style:oblique;
}
#topimg h1 {
float: right;
margin: 30px 0px 0 0px;
font-size: 120%;
letter-spacing:2px;
color: #fff;
background : #000 url(img/Headerback.jpg) repeat;
}
#topimg .topsub {
clear:right;
float: right;
margin: 0px 0px 0px 0px;
padding-top:60px;
font-size: 100%;
color: #CCCCCC;
background: #000 url(img/Headerback.jpg) repeat;
}
/*------------------------------------------------TOP MENU*/
#navcontainer{
width : 100%;
background:url(img/Topmenu.jpg) repeat-x;
height:40px;
border-bottom:1px #000000 solid;
}
#navcontainer ul {
float:left;
padding-left: 0;
margin: 0 0 20px 0;
font-size : 100%;
font-weight:bold;
color: #fff;
}
#navcontainer ul li {
display : inline;
}
#navcontainer ul li a {
float: left;
height:30px;
padding: 0.8em 1em;
padding-bottom:0;
text-decoration : none;
border-right: thin solid #000;
color: #000;
}
#navcontainer ul li a:hover, #navcontainer ul li a:active,  #navcontainer .current{
color: #FFF;
}
/*---------------------------------------------------------------------CONTAINER*/
#container {
width: 850px;
margin-left: auto;
margin-right : auto;
padding: 0;
margin-top:40px;
border-right: 1px solid #554411;
border-left: 1px solid #000;
background: #fff url(img/contentback.jpg) repeat;
color: #fff;
padding-bottom:60px;
}
#containertop {
background: transparent url(img/top_body.jpg) top center no-repeat;
width:850px;
height:68px;
}
/*-----------------------------------------------------------------CONTENT*/
#content {
background: #fff url(img/contentback.jpg) repeat;
width:850px;
margin:0px;
padding: 0px;
color: #663;
}
#text {
padding-right:100px;
}

#content h1{
font-style:italic;
}
div#Block {
    text-align: left;    /* Seiteninhalt links ausrichten */
    margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
    width: 800px;
	height: 355px;
    padding: 0.5em;
    border: 1px solid #554411;	
  }
div#Blocktop a:link, div#Blocktop a:visited{
color:#666666;
text-decoration: none;
  }
  div#Blocktop a:hover, div#Blocktop a:active{
color:#666666;
text-decoration: underline;

  }
  div#Blocktop {
    text-align: left;    /* Seiteninhalt links ausrichten */
    margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
    width: 800px;
    padding: 0;
    border: 1px solid #554411;
	color:#333333;	
  }
  
  
  div#Blocktop ul li{
  line-height:150%;

  }  
  
  
  
  #Block h1, #Blocktop h1{
color:#FFFFFF;
font-weight:bold;
font-size:110%;
letter-spacing:normal;
font-style:italic;
padding:5px;
text-align:center;
background:none;
}
  div#Galerieblock {
    text-align: left;    /* Seiteninhalt links ausrichten */
    margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
    width: 800px;
	height: auto;
    padding: 0;
    border: 1px solid #554411;
	color:#333333;	
  }
  div#Galerieblock a:link, div#Galerieblock a:visited{
color:#666666;
text-decoration: none;
  }
  div#Galerieblock a:hover, div#Galerieblock a:active{
color:#666666;
text-decoration: underline;

  }
/*-------------------------------------------------------GALERIE*/
ul#galerie {
color:#333333;
margin-left:50px;
}
  ul#galerie li {
    list-style: circle;
    margin: 0; padding: 0.3em;
	padding-left:2em;
	color: #666666;
  }
  ul#galerie a:link, ul#galerie a:visited {
  color: #666666;
  }
  ul#galerie a:hover,  ul#galerie a:active {
    color: #333333;
	text-decoration:none;
  }
ul#galerie h1 {
color:#333333;
text-align:left;
}
/*-----------------------------------------------MUSEUM SIDE MENU*/
  ul#Navigation {
  background:transparent url(img/sidemenu.jpg) center top no-repeat;
  height: 353px;
    font-size: 0.86em;
    float: left; width: 148px;
    margin: 0; padding: 0;	
color:#fff;
  }
ul#Navigation2 {
  background:transparent url(img/sidemenu4.jpg) center top no-repeat;
  height: 385px;
    font-size:0.86em;
    float: left; width: 148px;
    margin: 0; padding: 0.5em;
	margin-top:0.5em;
color:#fff;
  }
  
h1.link a:link, h1.link a:visited{
color: #333333;
}
h1.link a:hover, h1.link a:active, {
text-decoration:none;
}
  ul#Navigation li, ul#Navigation2 li {
    list-style: none;
    margin: 0; padding: 0.5em;
	padding-left:2em;
	color:#fff;
  }
  ul#Navigation a, ul#Navigation2 a {
    display: block;
    padding: 0.2em;
    font-weight: bold;
  }
  ul#Navigation a:link, ul#Navigation a:visited, ul#Navigation2 a:link, ul#Navigation2 a:visited {
  color:#fff;
  text-decoration:none;
  }
  ul#Navigation a:hover,  ul#Navigation2 a:hover {
    color: #FFFFCC;
	text-decoration:underline;
  }
  ul#Navigation a:active, ul#Navigation2 a:active {
   color: #FFFFCC;
   text-decoration:underline;
  }
/*--------------------------------------------------MUSEUM ROOMS*/
    #Room1{
    margin-left:0px;
    padding:0;    
	  }
 #Room2, #Room3 {
    margin-left:170px;
    padding:0.1em;    
	  }
    #Room4{
    margin-left:230px;
    padding:0;    
	  }
  #Room1 h1, #Room2 h1, #Room3 h1 {
    font-size: 1.5em;
    margin: 0;
  }
    div#Room1 p {
    font-size:1em;     margin:0;
	background: #fff url(img/Museum1.jpg) no-repeat;
width:800px; height:400px; margin-right:10px; margin-left:10px; margin-top: 10px;
margin:0;
  }
  div#Room2 p {
    font-size:1em;     margin:0;
	background: #fff url(img/Museum2.jpg) no-repeat;
width:500px; height:353px; margin-right:25px; margin-left:30px; margin-top: 0px;
  }
    div#Room3 p {
    font-size:1em;     margin:0;
	background: #fff url(img/Museum3.jpg) no-repeat;
width:500px; height:345px; margin-right:25px; margin-left:30px; margin-top: 0px;
  }
    div#Room4 p {
    font-size:1em;     margin:0;
	background: #fff url(img/Museum4.jpg) no-repeat;
width:387px; height:385px; margin-right:25px; margin-left:30px; margin-top: 0.5em;

  }
/*---------------------------------------------------------------------FOOTER*/
#footer {

background: #000 url(img/Headerback.jpg) repeat;
width:100%;
padding-top: 50px;
margin:0;
font-size: 80%;
border-top: 2px solid #999999;
color: #CCC;
text-align:center;
}
#footer a:link, #footer a:visited {
text-align:center;
text-decoration : none;
background : inherit;
color: #DDD;
}
#footer a:hover {
border-bottom: 1px dotted #CC0000;
background: inherit;
color: #999999;
}


/*----------------------------------------CLASSES*/
.img {
border: none;
}
.galerie{
border: 1px solid #666666;
}

.img a {
border : none;
}
blockquote {
font-weight: bold;
font-style: italic;
color: #000;
}


/*----------------------------------------TABLE*/
#tdimage {
padding-left:25px;
padding-top:20px;
padding-bottom:20px;
}
#table {
padding-right:20px;
padding-left:20px;
border:none;
margin:0 auto;
}
/*--------------------------------------------------GALLERY 5 COLUMN LAYOUT*/
#container2 {
	margin: 0 auto;
	max-width: 800px;
	min-height: 100%;
	padding: 0px 20px;
	width: 640px;
	font-size:90%;
	text-align:left;
	color:#333333;
}
#Box1 {
		float: left;
		padding: 8px;
	    width: 110px;
	}
	
	#Box2 {
	    float: left;
		padding: 8px;
	    width: 110px;
	}
	
	#Box3 {
	    float: left;
		padding: 8px;
	    width: 110px;
	}
	
	#Box4 {
	    float: left;
		padding: 8px;
	    width: 110px;
	}
	
	#Box5 {
	    float: left;
		padding: 8px;
	    width: 110px;
	}
/*--------------------------------------------------FORM LAYOUT*/
#form {
margin-left:20px;
}