body {
	background: #bed7d7 url(../images/green-bg.gif) repeat-x top;
	font-size:62.5%;
	font-family: Arial, Helvetica, sans-serif;
	color:#564b47;
	padding:0;
	margin:0;

}

a:link, a:visited    { text-decoration: none; color:#506DAD; font-weight: bold;}
a:hover   { text-decoration: underline;  color:#FF3300; font-weight: bold;}



h1 {
	font-size: 1.8em; 
	font-weight: bold;
 }

h2 {
	font-size: 1.8em;
	font-weight: bold;

}

h3{
	color:#006666;
	padding: 0;
	font-size:1.5em;
}

p, li {
	font-size:1.3em;
	margin-bottom:0.5em;

}

ul
{

}

li
{
list-style:disc inside;

}
/* ----------container zentriert das layout-------------- */
#container {
	width: 750px;
	margin: 0 auto;
	padding: 0;
	background-color: #FFF;
	border: 1px solid #6699CC;
	border-top: none;
	position:relative;	
}

/* ----------banner for logo-------------- */
#banner {
	margin: 0;
	padding: 0;
	float:left;
}



#mainnavi {
	margin: 0;
	padding: 0;
	background-color: #FFCC33;
	border-top:2px solid #FFCC00;
}

#news {
	margin: 0;
	padding: 1em;
	border:0px solid #006666;	
}

.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
	margin-left: 8px;
}


/* CSS for Main Navigation */
#nav {
margin-left: 5em;
}

#nav ul {

}

#nav li {
	/*	display:inline; */
		list-style: none;
		float:left;
	    border:1px solid #CCC; 
 	    text-align:center; 
	    padding:4px 16px; 
		background:white;
		margin: 0.5em 0.15em;
} 

#nav li a {
		
		font: bold inherit Arial, Helvetica, sans-serif;
		font-variant:large-caps;
		text-decoration:none;
}

#nav ul li a {
		
background-color: #BADBE6;
}

#nav li a:link, #nav a:visited {

		color:#333333;
}


#nav li a:hover, #nav a:active {
		color:#FF0000;
		text-decoration: underline;
		font-weight: bold;
}


#nav li a#here {
		color:#FF0000 !important;
		text-decoration: none !important;
}
 	
.clear { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#titlebar {
	margin: 0;
	padding: 0;
	background-color: #CCC;
	border-top:10px solid #fff;

}

#titlebar h1{
	font-size:2em;
	color:#333333;
	text-align:center;
}


#titlebar h2{
	font-size:2em;
	color:#333333;
	text-align:center;
}

/* -----------------Right side content--------------------- */
#content {

	background-color: #fff;
	padding: 1em;
	padding-top:1em;
	padding-bottom:0;
	margin: 0 0 0 45em;
	
}

#maincontent {
	margin: 1em;
}

.whatson {
	border:1px solid #009999;
	padding:0.5em;
	background-color:#f3f8f8;
	/*	margin-bottom:1em;*/
}

.museumphoto {
	border:1px solid #f6dc72;
	border-bottom:0;
	padding:0.5em;
	padding-top:0;
	position:absolute;
	bottom:1em;
	left:46em;
	background-color:#ffffcc;
	width:27em;
}

.museumphoto h3 {

	font-size:1.5em;
	color:#666;
	margin-top:0;}

.address img
{
}

.address p, pre {

font-size:1.15em;
}





/* -----------------Right side content--------------------- */
#contentright {
min-height:450px;
	background-color: #ffffcc;
	padding: 1em;
	padding-top:3em;
	padding-bottom:0;
	margin: 0 0 0 55em;
}

#contentright {
min-height:450px;
	background-color: #ffffcc;
	padding: 1em;
	padding-top:3em;
	padding-bottom:0;
	margin: 0 0 0 55em;
}

#contentright52 {
	min-height:350px;
	padding: 0em;
	margin-top: 0;
	margin-right: 0.5em;
	margin-bottom: 0;
	margin-left: 52.5em;
}


#contentright38 {
	min-height:350px;
	padding: 1em;
	margin: 0 0 0 38em;
}

/* --------------left navigavtion------------- */
#left {

}

#left p{
	margin-left:0.5em;
}

#left h3{
	padding:0;
	margin:0;
	background: #CCCCCC url(../images/dkblue-bg.gif) repeat-x;
	height:19px;
	color:#fff;
	font-size:1.6em;
	text-align:center;
}

#left ul{
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
	margin:1em 0 0 -1em;
}

#left li {
	list-style-image: url(../images/bullet.gif);
	padding-left:14px;
}


.col { 
	width : 20em;
	min-height:11em;
	float : left;
	margin: 0.5em;
	margin-left:1em;
	border:1px solid #ccc;
	background-color: #ECEEF4;

} 

.col p { 
	margin : 0;
	padding : 0;
} 

.col a {
	text-decoration:none;
	font-weight:bold;
} 


.col a:hover{
	text-decoration: underline;
	font-weight:bold;
} 

.collarge { 
	width : 41.5em;
	float : left;
	margin: 1em;
	border:1px solid #ccc;
	background-color: #ECEEF4;
} 

.collarge#p{ 

} 

.collarge #map{
	clear: none;
	float:right;
	width:180px;
	height:230px;
	margin-left:0.5em;
}


/* --------------left navigavtion------------- */

#hpcontentleft {
	float: left;
	width: 44em;
	margin: 1em;
	color:#666;
	text-align:left;

}

#contentleft {
	float: left;
	width: 53em;
	margin:1em;
	padding:15px 0 0 0;
	color:#666;

}

#contentleft40 {
	float: left;
	width: 38em;
	padding:15px 0 0 0;
	color:#666;

}

#contentleft52 {
	float: left;
	width: 51.5em;
	color:#666;

}

.highlight {
	border:1px solid #0066CC;
}

.highlight p{
	margin:0.5em;
}

.photo
{
border:1px solid #CCCCCC;
}

#twitter_div
{
	border:1px solid #006699;
	font-size:85%;
	padding: 0.5em;
	padding-top: 0;
	background-image: url(../images/turtle2.gif);
	background-repeat: no-repeat;
	background-position: 22em -0.25em;
	margin-top:1em;
	margin-bottom:1em;
	width:32em;

}

#twitter_div li
{
list-style:none;
}
.sidebar-title
{
	font-size:1.6em;
	font-weight:bold;
	margin-top:0.2em;
	margin-bottom:1em;
	color: #003366;
}

.copyright
{
	text-align:center;
}
/* -----------footer--------------------------- */
#footer {
	clear: left;
	height:1em;
	background-color: #ffffff;
	padding: 0;
	margin: 0;
	background-color: #FFCC33;
	}


#twittertop_div
{
	background-image: url(../images/twitter-top.gif);
	border:none;
	border-top: 3px solid white;
	width:280px;
	height:29px;
}

#twitter2_div
{
	border:1px solid #3ecdeb;
	border-top:none;
	font-size:90%;
	padding: 5px;
	min-height:80px;	
	width:269px;
}

#twitter2_div ul li
{
list-style: none;
}

#coffee-morning
{
position:relative;
	left: 807px;
	top: -760px;
}