@font-face {font-family: 'SwiftLTStdBold';src: url('fonts/swiftltstd-bold-webfont.eot');src: url('fonts/swiftltstd-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/swiftltstd-bold-webfont.woff') format('woff'), url('fonts/swiftltstd-bold-webfont.ttf') format('truetype'), url('fonts/swiftltstd-bold-webfont.svg#SwiftLTStdBold') format('svg'); font-weight: normal; font-style: normal;}

@font-face { font-family: 'ZapfinoExtraLTOne'; src: url('fonts/zapfinoextralt-one-webfont.eot'); src: url('fonts/zapfinoextralt-one-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/zapfinoextralt-one-webfont.woff') format('woff'), url('fonts/zapfinoextralt-one-webfont.ttf') format('truetype'), url('fonts/zapfinoextralt-one-webfont.svg#ZapfinoExtraLTOne') format('svg'); font-weight: normal; font-style: normal;}

body{margin:0;padding:0; background-color:#aab4b4; font-family:Arial, Georgia,serif;font-size:0.9em;color:#414949;line-height:1.3em;
}
body,html{height:100%}

#wrapper {min-height: 100%;width:1003px; position:relative; background-color: #e8eff7; margin:0 auto; /*background-image:url(/grafiek/huis_b_kwart2.jpg); background-position: right bottom; background-repeat: no-repeat;*/ }
* html #wrapper {
height: 100%; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}
#main {height:auto; min-height:580px; padding:0 0 405px 0; background: url(../grafiek/balk.png) 153px 0 repeat-y;}
.home #main { padding:0 0 493px 0; background-image:url(../grafiek/back_main.png);} 

#footer {height: 405px; margin:0 auto; margin-top: -405px; width:1003px;position:relative; background-color:#414949; color:#000; line-height:1.2em; overflow:hidden;}
.home #footer {height: 493px; margin-top: -493px; }

#footerTop { position:relative; background-color:#FFF; height:141px; font-size:0.8em; color:#414949;}
.home #footerTop {height:229px;}
#footerLogo { float:left; clear:both; display:block; height:141px; width: 850px; background: url(../grafiek/footerlogo.png) 230px top no-repeat; margin:0; left:0; position:relative;}
.home #footerLogo {height:229px; background-image: url(../grafiek/footerlogoHome.png); margin:0; left:150px; background-position:center top;}
#footerLogo span { display:block; float:left; width:200px; position:relative; margin-top:80px;}
.home #footerLogo span { margin-top:150px; width:300px;}
.leftText{ text-align:right;}
#footerLogo span.leftText{ left:30px;}
.home #footerLogo span.leftText{ left:50px;}
#footerLogo span.rightText{ left:124px; width:300px;}
.home #footerLogo span.rightText{ left:200px;}
#footerBottom { position:relative; background-color:#414949; color:#aab4b4;}
#footerBottom h3 { color:#aab4b4; margin-top:10px;}
#footer .kolom { width:210px; padding:0 20px 0 20px;  height:224px; float:left;}
#footer .kolom a { display:block; float:left; clear:both; text-decoration:none; width:210px; border-bottom:1px solid #aab4b4; color:#aab4b4; font-size:0.8em; padding:1px 0 1px 0;}
#footer .kolom a:hover { color:#FFF;}
a.socicon { clear:none !important; width:32px !important; height:32px !important; background:url(../grafiek/socicons.png) no-repeat; border-bottom:none !important; margin:8px 5px 0 0; text-indent:-1500px; overflow:hidden; padding:0 !important;}
#sociconFacebook { background-position:0 0;}
#sociconTwitter { background-position:0 -32px;}
#sociconYouTube { background-position:0 -64px;}
#sociconRSS { background-position:0 -96px;}

a{color:#414949;text-decoration:underline;}
a:hover, .alshover{color:#aab4b4;text-decoration:none}
a:focus {outline: none;} /* verwijderen van borders na klik bij van webkit browsers*/
.nieuwsarchief a.selected { color:#414949;}
.noborderBottom { border-bottom:none !important;}
.font_08 { font-size:0.8em;}

h1 span{display:none}
h1, h2{font-family:SwiftLTStdBold; font-size:1.4em; font-weight:normal; margin:0 0 2px 0; line-height:1.1em; color:#414949;}
h1 { font-size:1.6em;}
#titel { margin-top:10px; margin-bottom:10px;}
h3, h4, h5, h6 { font-family:SwiftLTStdBold; font-size:1.2em; font-weight:normal; margin:0 0 2px 0; line-height:1.1em; color:#414949;}

#logo { float:left; clear:both; display:block; height:74px; width: 251px; background: url(../grafiek/logoAmerongen.png) no-repeat; margin:0; left:155px; position:relative;}
.home #logo {height:148px; width: 401px; background: url(../grafiek/logoAmerongenHome.png) no-repeat; left:373px;}
#logo a{display:block; text-indent:-2000px; height:74px; width: 251px;}

table, td { border:none;}

label{clear:both;margin:0;padding:0}
label span {
width: 150px;
float: left;
}
form br {clear:both}

#postform input{float:left;margin-bottom:4px}
fieldset{border:0;margin:0;padding:0;margin-top:15px}

legend span{font-weight:bold;position: absolute;left:0px}
legend{display:block;border:0;margin:0;padding:0;margin-bottom:5px}

#postform .nofl, #postform .nofl input{float:none;clear:none;display:inline}

hr{clear:both;visibility:hidden; height:0px; margin:0; padding:0;}

#topbalk{height:74px;width:100%;position:absolute;top:0px;left:0px; background:url(../grafiek/boven.png) 0 -65px  repeat-x; z-index:52;}
.home #topbalk {height:148px; background-position:0 0;}
/*#topbalk a{display:block;height:50px;width:800px;margin-left:-300px}*/

#slideshow {width:850px; position:relative; height:307px; overflow:hidden;}
#slideshow img {width:850px; height:307px;}
#slideshow a { display:block; width:850px !important; height:307px !important;}
#slide { height:160px; position:relative; padding-top:55px; clear:both;}
#nav { margin: 5px;  position:absolute; top:407px; left:170px;z-index:52; width: auto; }
#nav a {display:block; height:10px; width:10px; margin: 0 5px 0 0; float:left; text-decoration: none; background-image:url(../grafiek/square.png); background-repeat:no-repeat;}
#nav a.activeSlide {background-image:url(../grafiek/square_on.png);}
#nav a:focus { outline: none; }
#output { text-align: left; clear:both; float:none;  position:absolute; top:452px; left:170px; width:240px; z-index:52; color:#FFFFFF; line-height:1.6em;} 
#output h3 { margin:0; background:none;font-size:1.4em;}
#output a { text-decoration:none; display:block;}
#output a:hover { color:black;}
#output a strong { font-weight:normal !important;}
#outputSponsors { text-align: left; clear:both; float:none; text-align:right; position:relative; margin:58px 20px 0 20px; width:113px; font-size:0.9em; color:#aab4b4;} 

#imglink{position:absolute;top:60px;left:153px;background-color:#677f7e;}
#balkimg{width:250px;height:375px}

#balktekst{position:absolute;top:445px;left:163px;width:230px;color:white;font-size:21px;font-weight:normal; font-family:SwiftLTStdBold; max-width:1000px; line-height:30px;}

#menu{position:relative; float:left; margin:20px 20px 20px 20px; width:110px;height:auto;line-height:32px; font-family:SwiftLTStdBold; font-size:1.4em;font-weight:normal; text-align:right;}
#menu a { text-decoration:none; color:#8E4711;}
#menu a:hover, .actief{ color:#414949 !important;}

#sponsors {position:relative; float:left; margin:10px 20px 40px 20px; width:110px;height:110px; overflow:hidden;}

#intro, .geentekst #tekst{font-weight:normal;color:#0A0A0A;max-width:600px;position:relative;padding-bottom:0.25em}
.home #intro{margin-bottom:1.4em;}

/*strong{font-weight:bold;color:#333333;color:#414949;}*/

#leftColumn{position:relative; float:left; margin-top:60px; padding:0; width:153px;height:auto;}
.home #leftColumn{margin-top:125px;}
#wrapperContent {width:560px; padding-right:20px; position:relative; float:right; margin-top:60px;}
.home #wrapperContent { margin-top:125px;height:767px; overflow:hidden; width:850px; padding:0 !important;}

#WrapperBlokjes {width:570px; position:absolute; right:0; top:279px; z-index:54;}

#WrapperBlokjes a{ display:block; width:265px; height:210;float:left;margin:0 20px 20px 0; position:relative; background-color:#414949; text-decoration:none; color:#FFFFFF;}
#WrapperBlokjes img{width:265px;height:180px;}
#WrapperBlokjes em{ display:block;  height:28px; line-height:28px; padding:0 10px 0 10px; position:relative; width:245px; float:left; clear:both; font-family:SwiftLTStdBold; font-style:normal; font-size:1.3em;font-weight:normal; cursor:pointer;}
#WrapperBlokjes span{ display:block; background:url("../grafiek/trans_back.png");color:#FFFFFF; height:40px; padding:5px 10px 0 10px; position:absolute; bottom:0; left:0; width:245px;z-index:1; font-size:0.9em; line-height:1.3em;}
 
#zoekForm { width:210px; height:30px; float:left; padding:0; margin:0 0 0 0;}
#zoekForm button{width:28px; height:30px; border:0; border:none; background: #AAB4B4 url('../grafiek/icon_zoek.png') no-repeat;  cursor:pointer; overflow:hidden; text-indent:-1000px; float:left;}
#zoekForm input {width:172px; padding:4px 4px 4px 4px; height:22px;background-color:#AAB4B4;border:0;margin:0;font-size:1em;color:#414949; margin:0; float:left; position:relative;}

.archief {display:none}

.blokje{margin-bottom:1.5em;clear:both;height:90px;}
html>body .blokje{height:auto;min-height:90px}

.home .blokje{ clear:none !important; float:left;height:auto; width:230px; margin-bottom:0 !important; background-color:#414949;  padding-top:3px;background-repeat:no-repeat;background-position:top right;}
.blokje span { margin-left:5px;}
.blokje a { text-decoration:none; font-weight:bold; color:#8E4711;}

#tekst { padding-right:20px; padding-bottom:20px;}
#disqus_thread {min-height:250px}
#portretten a, #galerij a { display:block; width:100px; height:100px; float:left; margin:0 8px 8px 0; background-repeat:no-repeat; background-position:center center; background-color:#FFFFFF; text-decoration:none !important;}
#tekst p{margin-top:0}

/* /dagboek */
.dagboektitel{margin-top:20px;cursor:pointer; background:url(/grafiek/arrow_header.png) no-repeat left center;padding-left: 15px; line-height:1.4em !important;}	
.dagboektekst{margin-left:15px}

.bloka, .ic_pag{background-image:url(../grafiek/icoon_pagina.gif);}
.bloka{width:160px;height:90px;float:left;background-color:#b6b433;background-repeat:no-repeat;background-position:top right;margin-bottom:5px;margin-right:10px;margin-top:3px}
.bloka img{padding-right:25px;height:90px;width:135px}

.blokje{padding-left:170px}
.bloka{margin-left:-170px;}
.home .blokje{padding-left:0}
.home .bloka{margin-left:0;}

.home .bloka { width:230px; height:153px; background-image:none; margin-bottom:0; margin-top:5px;margin-right:0;}
.home .bloka img{padding-right:0;height:153px;width:230px;}

.ic_agenda{background-image:url(../grafiek/icoon_agenda.gif)}
.ic_nieuws{background-image:url(../grafiek/icoon_nieuws.gif)}
.ic_weblog{background-image:url(../grafiek/icoon_weblog.gif)}
.ic_video{background-image:url(../grafiek/icoon_video.gif)}
.ic_link{background-image:url(../grafiek/icoon_link.gif)}
.ic_foto{background-image:url(../grafiek/icoon_foto.gif)}
.ic_actie{background-image:url(../grafiek/icoon_actie.gif)}

.beeldblok{width:295px;height:90px;display:block;background-color:#b6b433;background-image:url(../grafiek/icoon_foto.gif);background-repeat:no-repeat;background-position:top right;margin-bottom:5px;margin-right:10px;margin-top:3px}
.beeldblok img{padding-right:25px;}

.bloka:hover, .beeldblok:hover{background-color:#414949;}

img{border:0}

#logoos{position:absolute;left:10px;top:473px;padding-bottom:15px}

.alleenjs{display:none}

#ondertitel, #blokjes, #intro, #tekst{clear:left}

small, #ondertitel{color:#000033;font-size:0.75em;}
.home .blokje a  {color:#FFFFFF;} 
.home small { margin-left:5px; color:#FFFFFF;}
#ondertitel{padding-bottom:5px}

#kruimels{padding-top:15px;text-transform:lowercase; clear:both; height:20px;}
#breadcrumb { position:relative; float:left;}
#sociaalMenu { position:relative; float:right;}
#breadcrumb, #terugnavi{color:#BABDC2;font-size:0.8em;clear:both;}
#breadcrumb a, #terugnavi a{text-decoration:none;font-weight:normal;}
#breadcrumb a{background-image:url(../grafiek/pijltje.png);background-repeat:no-repeat;background-position:2px 2px;padding-left:11px}
#breadcrumb #a1{background:none;padding:0}
#terugnavi{margin-top:1em;padding-bottom:2em}
#terugnavi a { background:url(../grafiek/arrow_back.png) left center no-repeat; padding-left:15px;}

#waas{position:absolute;left:0px;top:0px;height:100%;width:100%;background-color:#E8EFF7;filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;}
html>body #waas{position:fixed}

#popupwrap{position:absolute;left:0px;top:0px;width:100%;height:98%;margin-top:1%;border-collapse:collapse;z-index:1000}
#popup{display:table-cell;background-color:white;}

#bijschrift{line-height:30px;background-color:#ed7307;padding-left:10px;color:white;text-align:left}
#sluit{float:right;width:25px;height:25px;margin:3px;margin-bottom:0;display:block;background-image:url(../grafiek/sluit.gif)}

#album{clear:both;margin-right:-10px}
#album a img{padding-right:25px;margin-bottom:0.70em;margin-top:0.70em;margin-right:1.4em;background:#b6b433;background-image:url(../grafiek/icoon_foto.gif);background-position:top right;background-repeat:no-repeat;}
#album a:hover img{background-color:#414949;}

.kaal{font-weight:normal !important;text-decoration:none !important;color:#414949 !important}
.home a.kaal { display:block; clear:both !important; float:left; height:40px; height:auto; width:230px; padding:5px 0 10px 0;}

#melding{margin:2em 0;padding:2em;border:1px solid #ed7307;font-weight:bold;}


#tt{background-color:#000000;color:#FFFFFF;filter:alpha(opacity=75);}
html>body #tt{ filter:none;background: url(../grafiek/trans_back.png);}
#tt{display:none;position:absolute;z-index:250;width:auto; max-width:300px;padding:5px;font-size:0.9em;line-height:1.3em;margin-top:25px;margin-left:50px;}
body.portrettengalerij #tt { font-family:ZapfinoExtraLTOne !important; font-size:2.6em !important; padding:4px !important;}

@media print{
	embed, object, #menu, #balktekst, #imglink, #terugnavi{display:none !important}
	#main{padding:0 !important}
	#kruimels{padding-top:0 !important}
	h1 span{display:inline !important}
}

#pageflip {
   float: right;
    position: relative;
    right: 0;
    top: 0;
}
#pageflip img {
	width: 80px; height: 80px;
	z-index: 99;
	position: absolute;
	right: 0; top: 0;
	-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
	width: 80px; height: 80px;
	position: absolute;
	z-index: 50;
	right: 0; top: 0;
	background: url(../grafiek/subscribe.png) no-repeat right top;
	text-indent: -9999px;
}

#onlinekaarten {position:absolute;top:10px;left:840px;}

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
    #cboxContent{margin-top:32px; overflow:visible;}
        #cboxError{padding:50px; border:none;}
        #cboxLoadedContent{background:#000; padding:0;}
        #cboxLoadingGraphic{background:url(/grafiek/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000; display:none !important;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-22px; background:url(/grafiek/controls.png) no-repeat 0 0;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious.hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext.hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose.hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}