@charset "utf-8";
/* CSS Document Cultuurhistorisch Museum Texel*/
body  {
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 73%;
	background-color: #f8f1d5;
	text-align: center;
	color: #272424;
}
html {overflow-y: scroll;}
#wrapper {
	width: 1000px;
	margin: 0 auto;
	background-image: url(../images/bg_wrapper.jpg);
	background-repeat: repeat-y;
}
#wrapper2 {background-image:url(../images/bg_wrapper2.jpg);background-repeat: no-repeat;background-attachment: scroll;width: 1000px;}
#container {width: 1000px;background-image:url(../images/bg_footer.jpg);background-position: bottom;background-attachment: scroll;background-repeat: no-repeat;margin: 0 auto;text-align: left;} 

#header {height: 250px;} 



#content {float: left; /* since this element is floated, a width must be given */width: 450px; padding: 20px 10px 20px 100px;}
#content img {padding: 5px;border: 1px solid #ccc;} 

#content .fltrt { float: right;margin: 2px 0 2px 8px;}
#content .fltlft { float: left;margin: 2px 8px 2px 0px;}
#content p {font-size: 1.0em;line-height: 180%;margin-top: 0px;letter-spacing: 0.05em;}
#content p:first-letter {font-size: 1.2em; font-weight: bold;}
#content h1 {
	color: #b62c09;
	letter-spacing: 0.1em;
	font-size: 1.4em;
	line-height: 200%;
	margin-bottom: 10px;
	

}
#content h1:first-letter {
	font-size: 1.8em;
	font-style: italic;
	color: #FFFFFF;
	background-color: #b62c09;
	padding: 1px;
	margin-right: 0.1em;
	border: 2px dotted #619938;
}
#content h2 {
	color: #b62c09;
	letter-spacing: 0.1em;
	font-size: 1.1em;
	line-height: 200%;
	margin: 10px auto;
	border-top: 1px dotted #619938;
	
	
	padding-left: 5px;
	background-image: url(../images/bg_h2.gif);
	background-repeat: repeat-x;
}


#content a:link, #content a:visited, #fotokolomrechts a:link, #fotokolomrechts a:visited{color: #272424;text-decoration: underline;}
#content a:hover, #fotokolomrechts a:hover{color: #fff;text-decoration: none;background-color: #b62c09;}
/* #content hr {color: #fab119;line-height: normal;height: 1px;margin-top: 1px;margin-bottom: 1px;} */
#content hr {height: 0;
border: 0;
border-top: 1px solid #fab119;}


#content ul{list-style-type:none;list-style-position: outside;list-style-image: url(../images/bullet_list.gif);margin: 1px auto 1px -5px;}
#content li{margin: 1px auto 8px auto;}

#fotokolomrechts {float: right;width: 315px;padding: 30px 80px 0 0;} 
#fotokolomrechts img { border: 2px solid #619938; margin: 10px auto 5px auto;}
#fotokolomrechts .noborder {margin: 10px auto 5px auto; border: none;}
#fotokolomrechts p {line-height: 120%;margin-top: 0px;letter-spacing: 0.05em;}
.onderschrift {color: #4b6c33; line-height: 100%;margin-top: 0px; font-size: 0.9em;  font-family: Geneva, Arial, Helvetica, sans-serif; width: 300px;}
#fotokolomrechts h1 {
	color: #b62c09;
	letter-spacing: 0.1em;
	font-size: 1.0em;
	line-height: 100%;
	margin-top: 20px;
	margin-bottom: 0px;
	

}
#fotokolomrechts ul{list-style-type:none;list-style-position: outside;list-style-image: url(../images/bullet_list.gif);margin: 1px auto 1px -5px;}

#nav {height: 40px;	padding: 0;	margin-left: 100px;letter-spacing: 0.1em; font-size: 1.3em;font-style: oblique;}

#nav  ul {padding: 0;margin: 0px;text-align:left;list-style-type: none; }

#nav  li{display: inline;margin: 0;font-weight: bold; line-height:150%;}

#nav a, #nav a:visited	{color: #fff;text-decoration: none;background: url(../images/geen.gif) no-repeat left center;padding: 5px 0.5em 0 1.7em;}

#nav a:hover {color: #fff;text-decoration: underline;background: url(../images/nav_bullet.gif) no-repeat left center;padding: 5px 0.5em 0 1.7em;}
#nav a.selected {color: #fff;text-decoration: underline;background: url(../images/nav_bullet.gif) no-repeat left center;padding: 5px 0.5em 0 1.7em;}
#nav a:visited.selected {color: #fff;text-decoration: underline;	background: url(../images/nav_bullet.gif) no-repeat left center;padding: 5px 0.5em 0 1.7em;}

#footer {color: #fff; padding: 30px 30px 35px 100px; /* this padding matches the left alignment of the elements in the divs that appear above it. */} 
#footer p {margin: 0;padding: 0; letter-spacing:0.01em; font-weight: normal;font-size: 1em;}
#footer a:link, #footer a:visited{color: #fff;text-decoration: underline;}
#footer a:hover{color: #fff;text-decoration: none;background-color: #b62c09;}

.clearfloat { /* 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;}
.highlight {font-weight: bold;}