/* Zie voor de achtergrond slideshow: http://www.marcofolio.net/webdesign/advanced_jquery_background_image_slideshow.html*/

/* BASIC RESET */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0; padding:0;}
* {margin:0}
html {height: 100%;overflow-y: scroll}

/* voor blankwin js script */
a.external{padding-right:12px;background:url(images/ico_external.gif) no-repeat 100% 50%}

/*credit Fontfabric  (www.fontfabric.com)*/
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on June 8, 2010 */
@font-face {
	font-family: 'zag';
	src: url('fonts/zag/zag_regular-webfont.eot');
	src: local('?'), url('fonts/zag/zag_regular-webfont.woff') format('woff'), url('fonts/zag/zag_regular-webfont.ttf') format('truetype'), url('fonts/zag/zag_regular-webfont.svg#webfontL8cBCBUh') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {font-family: 'Orbitron';
src: url('fonts/Orbitron/orbitron-medium.eot');src: url("fonts/Orbitron/orbitron-black.otf") format("opentype")}

h2{color:#333;font-variant:small-caps}	
strong{color:#333}
a img{border:none}
.imgleft{float:left;margin:0 10px 10px 0;background:#fff;padding:10px;border:1px solid #f0f0f0}
.imgright{float:right;margin:0 0 10px 10px;background:#fff;padding:10px;border:1px solid #f0f0f0}

.clear{clear:both}
:focus {outline: 0}
a:active {outline:none;position: relative;top: 1px;left:1px}
	
body { background:#eee; font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif,Verdana, arial, "Lucida Sans", Helvetica, sans-serif;font-size:13px;color:navy; letter-spacing:1;text-shadow: #999 0px 1px 2px; }
html, body {height: 100%}
#wrapper {min-height: 100%;height: auto !important;height: 100%;	margin: 0 auto -55px auto; /* the bottom margin is the negative value of the footer's height */}
#footer, .push {	height: 40px; /* .push must be the same height as .footer */}

#topheader{height:5px;background: #bc0024}
#header { height:600px; }
.headerimg { background-position: center top; background-repeat: no-repeat; width:100%; height:600px; position:absolute; }

#nav-outer { height:130px;margin:0 auto; padding:10px 0 0 0; position:relative; top:34px; background:#fff;opacity: 0.7;border-top:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4;}
#navigation { height:120px; width:960px;padding-top:20px; margin:0 auto; background:url("images/toplogo.png") top left no-repeat; }
/* horizontal nav */
#navmenu{position:relative;top:75px}
#cssdropdown, #cssdropdown ul { list-style: none;  font-variant:small-caps; font-size:12px;font-weight:bold; }
#cssdropdown, #cssdropdown * { padding: 0; margin: 0; }
#cssdropdown li.headlink { width: 130px; float: left; margin-left: -1px; border: 1px solid #f0f0f0; background-color: #fff; text-align: center;margin-right:3px }
#cssdropdown li.headlink a { display: block; padding: 5px;text-decoration:none;}
#cssdropdown li.headlink a:hover { background-color: #bc0024;color:#fff }
#cssdropdown li.headlink ul { display: none;text-align: left; }
#cssdropdown li.headlink:hover ul { display: block; }
#cssdropdown li.headlink ul li a { padding: 2px; height: 15px;border-top: 1px solid #f0f0f0;padding:3px 0 6px 6px }
#cssdropdown li.headlink ul li a:hover { background: #bc0024;color:#fff }
#cssdropdown a,#cssdropdown a:visited { color: #000; }
#cssdropdown ul li a:hover { text-decoration: none; }
#cssdropdown li.headlink { background: #fff; }
#cssdropdown li.headlink ul { background: #fff; padding-bottom: 10px; }

#headertxt { width:960px; margin:0 auto; clear:both; position:relative; top:74px}

#firstline { background:#000;filter:alpha(opacity=50);opacity: 0.5; color:#d1d1d1; padding:0 10px 0 10px; float:right; display:block;font-variant:small-caps;font:40px zag;text-shadow: #fff -1px -1px, #333 1px 1px;border-radius:5px;	-moz-border-radius: 0 5px 0 5px;-webkit-border-radius: 5px;border: 1px solid #999}

#secondline { background:#000;color:#fff; text-decoration:none;padding:0 10px 0 10px; float:right; display:block; clear:both;font:40px Zag;filter:alpha(opacity=50);opacity: 0.5;margin-top:2px;border-radius:5px;	-moz-border-radius: 5px 0 5px 0;-webkit-border-radius: 5px;border:1px solid #999}


.pictured {background:#bc0024;color:#FFF;padding:9px 16px; float:right; display:block; clear:both; margin-top:325px;text-align:right;font:small-caps bold 20px Georgia;filter:alpha(opacity=50);opacity: 0.5;border: 1px solid #ccc;border-radius:5px;	-moz-border-radius: 5px;-webkit-border-radius: 5px}

#slidesnav-outer { position:relative; top:400px; margin:0 auto; width:960px; }
#slidesnav { padding-left:864px; }
.btn { height:32px; width:32px; float:left; cursor:pointer; }
#back { background-image:url("images/btn_back.png"); }
#next { background-image:url("images/btn_next.png"); }
#control { background-image:url("images/btn_pause.png"); }


#content {background-color:#eee; width:960px; margin:0 auto  }
#content p { padding:10px 20px}
#content a, #content a:visited{color:#CD2B3A;font-variant:small-caps;text-decoration:underline;font-size:14px;font-weight:bold}
#content a:hover{color:#000;font-weight:bold;text-decoration:none; color:#7F000C;}	

#footer {background:#222;box-shadow:0 0 10px #000;-moz-box-shadow:0 0 10px #000;-webkit-box-shadow: 0 0 10px #000;width:98%;margin:0 auto;margin-bottom:0}	
#footerct {width:920px;margin:0 auto;color:#fff;font: 10px/20px arial;text-shadow:none;padding:10px 0  }
#footer  a,#footer a:visited { color:#bc0024; text-decoration:underline; font-weight:bold; padding-right:20px;text-shadow:none }
#footer a:hover { text-decoration:none;color:#fff }

/* DIVERS */
.tussenlijn {width:920px;height:1px;background:#ddd;margin:0 auto}
.nadruk{background:#bc0024;color:#fff;padding:7px;font-variant:small-caps;text-align:center;border:5px solid #f0f0f0}
/* POPUPS */
.col {width:48%;float:left}
.col4 {width:24%;float:left}
.credits{font: 11px arial}
#hidden{display:none}
#admin a, #admin a:visited,#history a, #history a:visited,#straten a, #straten a:visited,#links a, #links a:visited, #kerk a:visited, #boerderij a:visited, #etymol a:visited{color:#000;text-decoration:underline;}
#admin a:hover,#history a:hover,#straten a:hover,#links a:hover,#kerk a:hover,#boederij a:hover,#etymol a:hover{color:#000;text-decoration:none; color:#c00;}	
#history p, #admin p, #straten p, #links p, #kerk p, #boerderij p, #etymol p { padding:10px 20px}
#oudestraten p{ padding-top:2px}
#history, #admin, #straten,  #links, #kerk, #boerderij, #etymol, #oudestraten{background: url(images/wapenschild.gif) no-repeat top right;line-height: 20px}
#history,#kerk,#boerderij{text-align:justify}
p.overflow {overflow:hidden;padding: 0 20px 20px 0!important}
/*slide oude fotos */
#foto-oud{width:400px;height:300px;margin:0 auto;overflow:hidden}
#slidesHolder {padding:10px;background:#f5f5f5;border:1px solid #e0e0e0}
#slidesNwkkn{}
.coin-slider { width:377px;overflow: hidden;position: relative;border: 1px solid #e0e0e0}
.coin-slider a{ text-decoration: none; outline: none }

.cs-buttons { font-size: 0px; padding: 10px 0; float: left; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; }
.cs-active { background-color: #c00; color: #c00 }

.cs-title { width: 360px; padding: 10px; background-color: #fff; color: #000;font:10px arial;opacity:0.3}

.cs-prev,.cs-next { background-color: #fff; color: #000; padding: 0px 10px; }

/* */
#flashcontent {width:962px height:512px;outline:1px solid #dcdcdc;background:#000;margin:0 auto;padding:0}


.slide-panel {z-index: 25;width: 5px;position: absolute;margin-top: 5px}
.bottom {bottom: 0}
.right {}
.left {position: absolute;left: 0}
.top {top: 0}
.content {margin:0 auto;z-index: 10;overflow: hidden;text-align: left;background: #fff;height: 0;width: 100%;color: #000;padding:0}
.slide-button {position: absolute;width: 100px;z-index: 20;height: 30px;	padding-top: 10px;text-align: center;right: 10px;cursor: pointer;color: #fff;background-color: #000; -webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; border: 1px solid #ccc;border-top:none;font-variant:small-caps}
.slide-button:hover {background:#bc0024;color:#fff}
#slidein{width:50%;height: 99%;margin:0 auto;padding:10px;color:#333}
#slidein h1 {font: 48px zag}
#datumtijd{background:#fff;position:absolute;top: 10px; left: 20px;color:#000;font-weight:bold}