@CHARSET "ISO-8859-1";

body {
	font: 62.5% Georgia, Arial;
	color: #000;
	line-height: 1.6em;
	letter-spacing: normal;
	background: #fff url(../img/bg.gif);
}

.clear { clear: both; }

a { line-height:1.6em; }

.left { float: left; }
.right { float: right; }

.purple { color: #660066 !important; }
.borderpurple { border: 1px solid #660066; }

p.quote { line-height: 1.2em; font-size: 2em; color: #660066; font-style: italic; text-align: center; }

/* links */
#content a { font-size: inherit; }
#content a:link { color: #990066; text-decoration: underline; }
#content a:visited { color: #990066; text-decoration: underline; }
#content a:active { color: #990066; text-decoration: underline; }
#content a:hover { color: #666; text-decoration: none; }

/**
 index layout 
 */
	#page_margins {  }
		#header_wrapper { background: transparent url(../img/header.jpg) no-repeat center top; height: 199px; }
			#header { width: 720px; height: 199px; margin: 0 auto; position: relative; }
				#taalswitch { position: absolute; right: 0; top: 0; padding-top: 5px; }

		#nav_wrapper { height: 35px; background: #660066 none; border-bottom: 2px solid #8284b9; }
			#nav { width: 850px; margin: 0 auto; text-align: center; }

		#content_wrapper { background : #fff none; }
			#content { width: 720px; margin: 0 auto; padding: 0 0 20px 0; }
			#content.intro { width: 890px; }
			#content.overons { background: transparent url(../img/about_left2.jpg) no-repeat; padding-left: 220px; }
			#content.concept { background: transparent url(../img/concept_left.jpg) no-repeat 0 15px; padding-left: 245px; }
				#content_full { }
				#content_left { float: left; width: 60%; }
				#content_right { float: right; width: 40%; }

		#footer_wrapper { height: 25px; border-top: 2px solid #8284B7; }
			#footer { width: 720px; margin: 0 auto; padding-top: 15px; }

/* typo */
#content_full p, #content_left p { width: 65%; color: #666666; font-size: 1.2em; line-height: 17px; margin-bottom: 15px; }
ul { list-style-type: disc; list-style-position: outside; margin-bottom: 10px;}
li { color: #666; margin-left: 17px; margin-bottom: 6px; font-size: 1.2em;}
#content_left.collectie p { width: auto; }
h2 { font-size: 1.6em; color: #990066; font-style: italic; line-height: 24px; padding-top: 15px; padding-bottom: 10px; }

/* taalswitch */
#taalswitch a { font-size: 1.2em; padding-top: 3px; }
#taalswitch a:link { color: #660066; text-decoration: none; }
#taalswitch a:visited { color: #660066; text-decoration: none; }
#taalswitch a:active { color: #660066; text-decoration: none; }
#taalswitch a:hover { color: #660066; text-decoration: none; border-top: 2px solid #660066; }
#taalswitch a.selected { border-top: 4px solid #660066; font-weight: bold; }

/* navigatie */
#nav { font-size: 1.3em; color: #fff; padding-top: 5px; }
#nav a { font-weight: bold; font-style: italic; }
#nav a:link { color: #fff; text-decoration: none; }
#nav a:visited { color: #fff; text-decoration: none; }
#nav a:active { color: #fff; text-decoration: none; }
#nav a:hover { color: #cc99cc; text-decoration: none;}
#nav a.selected { color: #cc99cc; }

/* footer */
#footer { color: #660066; font-size: 1.2em; padding-bottom: 40px;  }
#footer a { }
#footer a:link { color: #660066; text-decoration: none; }
#footer a:visited { color: #660066; text-decoration: none; }
#footer a:active { color: #660066; text-decoration: none; }
#footer a:hover { color: #cc99cc; text-decoration: none; }
#footer a.selected { color: #cc99cc }

/* subnav */
#subnav { margin-bottom: 20px; }
#subnav a, #subnav span { font-size: 1.3em; }
#subnav a:link { color: #990066; text-decoration: underline; }
#subnav a:visited { color: #990066; text-decoration: underline; }
#subnav a:active { color: #990066; text-decoration: underline; }
#subnav a:hover { color: #666; text-decoration: none; }
#subnav span { color: #666; }

h1 { font-size: 2.2em; color: #990066; padding-top: 25px; font-style: italic; line-height: 26px; }

/* watchcollection */
#content .watchcollection { float: right; display: block; width: 197px; text-decoration: none !important; }
#content .watchcollection div { 
	width: 175px;
	padding: 10px;
	border: 1px solid #990066; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
}
#content .watchcollection p { 
	color: #990066; 
	font-size: 1.2em; 
	text-align: center;
	font-style: italic;
	margin-bottom: 5px; 
	width: 100%;
}
#content .watchcollection:hover p { color: #666; }

/* intro */
#intro_left { width: 703px; float: left; text-align: center; padding-top: 20px; }
#intro_right { width: 160px; float: right; text-align: center; padding-top: 30px; }
.introquote { font-size: 30px; font-style: italic; color: #990066; font-weight: bold; padding: 50px 0 20px 10px; }
#intro_left p { text-align: left; padding-left: 10px; }
#intro_left p img { vertical-align: bottom; }
#intro_left p a { font-style: italic !important; font-size: 18px !important; }

/* locations */
#content.locations h2 { font-size: 1.6em; color: #990066; font-style: italic; line-height: 24px; padding-top: 15px; }
.location { width: 432px; color: #666; font-size: 1.2em; padding-top: 5px; }
.locationleft { width: 120px; float: left; }
.locationright { width: 310px; float: right; }

/* collection */
#legenda { margin-bottom: 20px; color: #666; font-size: 1.1em; }
#legenda img { vertical-align: middle; margin-top: 5px; }

#collection { width: 100%; }
.collectionitem { float: left; width: 94px; height: 194px; margin-bottom: 35px; margin-right: 22px; }
.collectionitem_acc { float: left; width: 220px; height: 289px; margin-bottom: 35px; margin-right: 10px; }
#collection h4 { font-size: 1.9em; color: #990066; font-style: italic; line-height: 20px; margin-top: 20px; margin-bottom: 15px; }
#collection h5 { font-size: 1.2em; color: #990066; font-style: italic; line-height: 20px; padding-top: 5px; text-align: center; margin-bottom: 3px; }

.collectionitem img.pic, .collectionitem_acc img { border: 2px solid #990066; }
#content_full.collectie p { width: auto }

#collection .dyddiff_1 { padding: 10px 0 15px 20px; margin-bottom: 20px; background: #f4f4c4 url(../img/diffheader_1.jpg) no-repeat; }
#collection .dyddiff_2 { padding: 10px 0 15px 20px; margin-bottom: 20px; background: #eec5c8 url(../img/diffheader_2.jpg) no-repeat; }
#collection .dyddiff_3 { padding: 10px 0 15px 20px; margin-bottom: 20px; background: #b5c7e5 url(../img/diffheader_3.jpg) no-repeat; }

#collection h3 { margin: 18px 0 45px 50px; font-size: 1.8em; color: #333; font-style: italic; }
#collection .dyddiff_1 h3 { margin-left: 40px; color: #727010; }
#collection .dyddiff_2 h3 { margin-left: 90px; color: #7f5355; }
#collection .dyddiff_3 h3 { margin-left: 120px; color: #4a5470; }

/* News */
.newsitem { position: relative; background: #fff; padding: 2px 0 10px 0; }
.bluenews { position: relative; background: #fff url(../img/news_bg.gif) repeat-y 205px 0; padding: 2px 0 10px 0; }
.newsitem .left, .bluenews .left  { display: inline; float: left; width: 204px; background: #fff none; }
	.newsitem a.slimbox, .bluenews a.slimbox { display: block; cursor: pointer; margin: 10px; position: relative; }
	.newsitem a .loop, .bluenews a .loop { position: absolute; background: transparent url(../img/loop.gif) no-repeat 0 0; left: 2px; bottom: 2px; 
		width: 26px; height: 22px; }
	.newsitem .left img, .bluenews .left img { border: 2px solid #bbb; }
	.newsitem .left img:hover, .bluenews .left img:hover { border: 2px solid #ddd; }
.newsitem .right, .bluenews .right { float: right; display: inline; width: 480px; padding: 10px 12px 10px 12px; }
.bluenews .right { background-color: #f3f3f3; }
.newsitem .right span.date, .bluenews .right span.date { font: 1em Verdana; color: #990066; display: block; margin-bottom: 10px; }
.newsitem .right h2, .bluenews .right h2 { font: 1.3em Georgia, Trebuchet MS; font-style: italic; color: #990066; padding-bottom: 6px; font-weight: bold; }

/* pagination */
#pagination { padding-top: 20px; }

#pagination .pagination_text { font: 1.1em Verdana; color: #990066; padding: 1px 5px; }
#pagination .pagination_active { font: bolder 1.1em Arial; color: #990066; padding: 1px 5px; }

#pagination a {	font: 1.1em Verdana; color: #990066; padding: 1px 5px; text-decoration: none; margin: 0 3px 0 3px; }

#pagination .pagination_prev { margin-right: 18px; }
#pagination .pagination_next { margin-left: 18px; }

#pagination span.pagination_prev { font: 1.1em Verdana; color: #ccc; }
#pagination span.pagination_next { font: 1.1em Verdana; color: #ccc; }

#pagination a:link, #pagination a:visited { color: #990066; text-decoration: underline; }
#pagination a:hover { color: #990066; text-decoration: none; border: 1px solid #fff; }