/* GENERAL STYLES */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, img {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	
}
html, body {
	height: 100%;
	min-height:768px;
	min-width:980px;
}
a{color:#C40038}
body{font-family:Tahoma, Arial;font-size:0.8em;line-height:1.5em;background-image:url('/grafiek/backRegioCanons.png'); background-repeat:repeat-y;}
/*Home page*/
body.home{background:#a5cbda url(/grafiek/backHome.png) no-repeat center center;text-align:center; font-size:13px;}


#floater	{float:left; height:50%; margin-bottom:-384px; width:100%;}
#contentHome	{clear:both; height:768px; position:relative; width:978px; margin-left:auto;margin-right:auto; text-align:left; color:#005f7b;font-size:0.9em;}
#contentHome h1 span { display:none;}
#contentHome h2 {font-size:1.1em;font-weight:bold; color:#ed1b2f; padding:0 0 2px 0;}
#contentHome a {text-decoration: underline;color:#005f7b;}
#contentHome a:hover {text-decoration: none;}

#contentHome ul { margin:5px 0 0 0; list-style:none; line-height:1em; }
#contentHome ul li {color:#bf3d00; display:block; width:287px; padding:5px 3px 8px 0px; margin:0 0 3px 0;}

#infoHome {position:absolute; left:0px; top:84px; margin:15px 15px 15px 15px; width:290px; height:190px;}
#recentHome {position:absolute; left:0px; top:397px; margin:15px 15px 15px 15px; width:293px; height:190px;}
#logoHome {display:block; width:310px; height:45px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/grafiek/logo-regiocanonsHome.png',sizingMethod=crop);position:relative; left: 0px; top: 20px; cursor:pointer;}
#logoHome img {
visibility:hidden;
}	
html>body #logoHome img {
visibility:visible;
}	
html>body #logoHome {
filter:none;
}		
.home #logoHome {cursor:auto}


#logoEnToenNu {position:absolute; left:15px; top:587px;}
#zoekHomeContainer {position:absolute; left:688px; top:84px; margin:15px 0px 15px 15px; width:263px; height:190px;}
#zoekHomeContainer h2 {color:#FFFFFF;}
#zoekHome {width:251px; height:31px;background: url('/grafiek/backZoekFormHome.png') no-repeat; margin-top:20px;}
#zoekHome button{width:31px; height:31px;background: url('/grafiek/icon_zoekHome.png') no-repeat; border:0; float:right; position:relative; cursor:pointer;}
#zoekHome input {width:194px;height:24px;background-color:#FFFFFF;border:0;margin:0;padding:7px 4px 0px 4px;font-size:1.2em;color:#005f7b; float:left;position:relative; margin:0 0 0 15px;}
#tijdbalkHome {position:absolute; left:688px; top:397px; margin:15px 0px 15px 15px; width:283px; height:260px;}
#tijdbalkImage {display:block;width:285px;height:186px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/grafiek/tijdbalkHome.png',sizingMethod=crop);position:relative;left: 0px;top: 0px;cursor:pointer;}
#tijdbalkImage img {visibility:hidden;}	
html>body #tijdbalkImage img {visibility:visible;}	
html>body #tijdbalkImage {filter:none;}
#tijdbalkHome img { margin:8px 0 0 0;}
#iconInfoHome { width:28px; height:28px; display:block; position:absolute; top:27px; right:0px;}
#iconInfoHome span {display:none;}
#kaartjeHome {position:absolute; left:320px; top:140px;}
#googleMapsHome { width:160px; height:28px; line-height:28px; display:block; position:absolute; top:550px; left:430px; padding:0 0 0 32px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/grafiek/icon_kaart.png',sizingMethod=crop);}
html>body #googleMapsHome {
filter:none;
background-image:url('/grafiek/icon_kaart.png'); background-repeat:no-repeat;
}

/* end Home page*/


#content { margin-left:160px; background-color:#FFFFFF;line-height:1.7em; width:800px; padding-bottom:40px;}
.overpag #content{width:750px}
.overpag #content, .zoekslinger #content, .slingerpag #content{margin-top:-60px}
.zoekslinger #content .alle{color:white}
.zoekslinger #content #slinger{margin-top:35px}
#content p {margin: 15px 0 15px 0;}
#content ul {list-style-type: disc; list-style-position:outside; margin:0 0 0 1em;}
#content .canonlink{color:#005F7B;text-decoration:none}
#content .canonlink:hover{text-decoration:underline}

.slingerpag #content, .regiopag #content { background-color:transparent;}
.slingerpag, .regiopag{background-image:url(/grafiek/backRegioCanons2.png); background-repeat: repeat-y;}
.overpag{background-color:white;}


.zoek, .overpag {background-image:url(/grafiek/backRegioCanonsNormalPage.png); background-repeat: repeat-y;}

.slingerpag #topVenster, .regiopag #topVenster{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/grafiek/backRegioCanonsVenster2.png',sizingMethod=crop);}
html>body.slingerpag #topVenster, html>body.regiopag #topVenster{filter:none; background-image:url(/grafiek/backRegioCanonsVenster2.png); background-repeat: repeat-y;}

#topVenster, .zoek #topVenster, .slingerlijst #topvenster{height:176px; width:auto; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/grafiek/backRegioCanonsVenster.png',sizingMethod=crop);background-repeat:no-repeat;}
html>body #topVenster, html>body.zoek #topVenster, html>body.slingerlijst #topvenster {filter:none; background-image:url(/grafiek/backRegioCanonsVenster.png);}

.mettijdbalk #topVenster {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/grafiek/backRegioCanonsVensterTijdlijn.png',sizingMethod=crop);}
html>body.mettijdbalk #topVenster {
filter:none;
background-image:url(/grafiek/backRegioCanonsVensterTijdlijn.png);
}

.overpag #topVenster { background-color:#FFFFFF !important;}

.zoekslinger, .zoekslinger .eersterij, .zoekslinger .laatsterij{background-color:#005E7A;color:white}

#tab1, #tab2 {width:90px;color:#005E7A;background-color:white;background-position:0 0;background-repeat:no-repeat;position:absolute;top:82px;left:190px;z-index:99;text-decoration:none;padding-top:1px;text-align:center;font-weight:bold;overflow:hidden;height:23px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/grafiek/tab_trans.png',sizingMethod=crop);}
html>body #tab1, html>body #tab2 { filter:none; background-image:url(/grafiek/tab_trans.png);}
#tab2{left:280px;background-color:#005E7A; color:white;height:22px}
.slingerpag #tab2, .overpag #tab1{height:35px;padding-top:5px}

#zoekfilter{position:absolute;top:110px;white-space:nowrap;left:-25px;}
#canontekst{position:absolute;top:155px; left:130px; width:550px;padding-bottom:30px;background-color:white}
.mettijdbalk #canontekst{top:185px; left:130px;}
#canontekst a strong, #canontekst strong a{font-weight:normal}

h1,h2, a{margin:0;padding:0}
h1{display:inline;font-size:20px;line-height:24px;}
h2{font-size:13px;letter-spacing:1px;}
h3, h1.canontitel {display:block;position:absolute; left:173px;top:45px;color:#005F7B;letter-spacing:1px;font-size:20px;margin:0;padding:0;line-height:24px;}
h1.canontitel a {font-size:13px;}
h4{font-size:1.1em}

#datering{white-space:nowrap}

/*#kaartje {display:block;width:125px;height:147px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./grafiek/kaart_nederland.png',sizingMethod=crop);position:absolute;left: 0px;top: 0px;cursor:pointer;	}
#kaartje img {visibility:hidden;}	
html>body #kaartje img {visibility:visible;}	
html>body #kaartje {filter:none;}*/

#stip {width:113px;height:131px;position:absolute; left:8px; top:13px;}

#canonkolom{ position:absolute; top:176px; left:720px; width:250px; z-index:3; margin-top:55px;}		
.mettijdbalk #canonkolom{ top:205px;}
#canonkolomTop {position:absolute; top:176px; left:720px; width:250px; z-index:1; height:55px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/grafiek/canonkolomTop.png',sizingMethod=crop);background-repeat:no-repeat;}
html>body #canonkolomTop {
filter:none;
background-image:url(/grafiek/canonkolomTop.png);
}
.mettijdbalk #canonkolomTop{ top:205px;}
#canonknoppen ul{list-style:none;margin:0;padding:0; position:relative; float:left;}

#canonknoppen ul li{ width:228px;}

#homehoek{position:absolute;left:0;top:0;width:150px;height:150px;}

#canonknoppen a{color: #fff;
text-decoration: none;
font-size: 1em;
font-weight:bold;
display: block;
padding: 3px 3px 3px 20px;
width: 227px;
border-bottom: 1px solid #fff;
line-height:30px;

}
#canonknoppen ul li { display:inline;}

#canonknoppen ul li.last {display:block; height:18px; width:230px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/grafiek/tabonder.png',sizingMethod=crop); padding:48px 0 0 20px;}
html>body ul li.last {
filter:none;
background-image:url(/grafiek/tabonder.png); background-repeat:no-repeat;
}
#mediavak{padding:0;height:250px; padding-left:33px;}
#mediavak a{display:block;width:95px;height:70px; border:0;margin-right:11px;margin-bottom:11px;text-decoration:none;float:left;background-repeat:no-repeat;background-position:center}

.vager{	-moz-opacity: .6; opacity: .6; filter: alpha(opacity=60);}

#canontekst.media{width:690px;position:absolute;background:white;padding-right:30px;padding-bottom:100px}



/* ORG
#icoon{width:251px;}
#iconen{position:absolute;left:170px;top:80px;height:84px;overflow:hidden}
#iconen img{border:4px solid white;margin-right:22px}
*/

#icoon{width:250px;margin-left:0px;margin-bottom:0px}
#iconen{position:absolute;left:190px;top:80px;height:64px;overflow:hidden; white-space:nowrap; width:758px;}
#iconen img{border:3px solid white;margin-right:22px;width:50px;height:50px}
#iconen img.laatsteicoon {margin-right:0;}

#slinger{ width:780px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/grafiek/slinger.png',sizingMethod=crop); padding:0 0 0 0;}
html>body #slinger {
filter:none;
background:url(/grafiek/slinger.png) repeat-y;
}

#slinger img{border:4px solid white;margin:0 0 0 38px; width:65px; height:65px; background-color:#FFFFFF;float:left}
#slinger .png{border:0;width:73px;height:73px;background:none}
#slinger span{width:73px;height:52px;margin:0 0 0 38px;float:left;color:white;font-weight:bold;text-align:center;font-size:13pt;padding-top:21px;font-family:Verdana}


.evenrij{clear:both;margin-right:64px; height:92px;}
.onevenrij{clear:both; height:92px;}
#slinger .evenrij img, #slinger .evenrij span{float:right;}
.eersterij {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/grafiek/slingerTop.png',sizingMethod=crop);}
html>body .eersterij {
filter:none;
background-image:url(/grafiek/slingerTop.png); background-repeat: no-repeat;
}
.laatsterijrechts {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/grafiek/slinger-laatsterij-rechts.png',sizingMethod=crop);}
html>body .laatsterijrechts {
filter:none;
background-image:url(/grafiek/slinger-laatsterij-rechts.png); background-repeat: no-repeat;
}
.laatsterijlinks {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/grafiek/slinger-laatsterij-links.png',sizingMethod=crop);}
html>body .laatsterijlinks {
filter:none;
background-image:url(/grafiek/slinger-laatsterij-links.png); background-repeat: no-repeat;
}

#slingerTop {width:50px; height:92px; float:left;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/grafiek/slingerTop.png',sizingMethod=crop);}
html>body #slingerTop {
filter:none;
background-image:url(/grafiek/slingerTop.png); background-repeat: no-repeat;
}

#slingerBottom{width:550px;position:relative; height:31px;float:none; clear:both;}

.regiopag{color:white}
.regiopag, .regiopag a{color:white;}

.regiopag ul {width:800px; list-style:none; margin:0 !important;}
.regiopag li{ float:left;font-weight:bold; list-style:none; padding:0; margin:0; padding:0 0 0 0px; margin:0 20px 20px 0px; display:block; width:240px; height:240px; text-align:center;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/grafiek/kaderCanons.png',sizingMethod=crop);}
.regiopag li.onderwijscanon{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/grafiek/kaderCanons_onderwijs.png',sizingMethod=crop);}
.regiopag li.onderwijscanon span { text-indent:-2000px;}

html>body.regiopag li {
filter:none;
background-image:url(/grafiek/kaderCanons.png); background-repeat: no-repeat;
}
html>body.regiopag li.onderwijscanon {
filter:none;
background-image:url(/grafiek/kaderCanons_onderwijs.png); background-repeat: no-repeat;
}

.regiopag li a{ float:left;display:block; width:240px; height:240px; text-decoration:none; overflow:hidden;}
.regiopag li a span{ display:block;padding:5px 0 5px 0; margin:4px 0 4px 0; font-weight:bold;}


#regiolink{display:none}
.slingerpag #regiolink{display:inline;position:absolute;top:70px;right:25px;}



#topMenu { position:absolute; left:683px; top:15px; width:305px; height:28px;}
/*#topMenuIcons {height:28px; width:auto; float:left;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/grafiek/icoontjes.png',sizingMethod=crop);}*/

/*html>body #topMenu {
filter:none;
background-image:url('/grafiek/icoontjes.png'); background-repeat:no-repeat;
}*/

.geentopMenu #topMenu {display:none}
#topMenu span {display:none;}
#topMenu a, #iconInfoHome {display:block; float:left;height:28px; width:28px; margin:0 5px 5px 0; padding:0; cursor:hand;}

#iconInfoHome {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/grafiek/icon_info.png',sizingMethod=crop);}
html>body #iconInfoHome {
filter:none;
background-image:url('/grafiek/icon_info.png'); background-repeat:no-repeat;
}

#iconInfo {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/grafiek/icon_info.png',sizingMethod=crop);}
html>body #iconInfo {
filter:none;
background-image:url('/grafiek/icon_info.png'); background-repeat:no-repeat;
}
#iconKaart {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/grafiek/icon_kaart.png',sizingMethod=crop);}
html>body #iconKaart {
filter:none;
background-image:url('/grafiek/icon_kaart.png'); background-repeat:no-repeat;
}
#iconTijdlijn {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/grafiek/icon_tijdlijn.png',sizingMethod=crop);}
html>body #iconTijdlijn {
filter:none;
background-image:url('/grafiek/icon_tijdlijn.png'); background-repeat:no-repeat;
}

#iconHome {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/grafiek/icon_home.png',sizingMethod=crop);}
html>body #iconHome {
filter:none;
background-image:url('/grafiek/icon_home.png'); background-repeat:no-repeat;
}

#logo { position:absolute; left:23px; top:196px;height:350px; width:50px;}

#bovenbocht{height:25px;width:auto;position:absolute; top:160px; left:110px; z-index:0;}
#bovenbocht span{background:#BBE1EC;background:#FFDFBF;display:block;height:12px;margin-left:221px;width:21px;position:absolute; z-index:1;}
#tijdbalk{margin-left:20px;height:25px;width:418px;background:url(/grafiek/tijdbalk_blauw.gif) no-repeat;position:absolute; top:0px; left:0px; z-index:0;}
#label_onderwijscanon {height:105px;width:242px; background-repeat:no-repeat; position:absolute; top:144px; left:545px; z-index:2;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/grafiek/label_canonindeklas.png',sizingMethod=crop);}
html>body #label_onderwijscanon {
filter:none;
background-image:url('/grafiek/label_canonindeklas.png'); ;
}
#ZoekForm{ float:left; margin:0 5px 0px 0; padding:0; width:165px; height:28px;background-image:url('/grafiek/backZoekForm.png'); background-repeat: no-repeat;}

#ZoekForm button {width:28px; height:28px;background: url('/grafiek/icon_zoek.png') no-repeat; border:0; float:right; position:relative; cursor:pointer;}

#ZoekForm input {width:120px;height:23px;background-color:#FFFFFF;border:0;margin:0;padding:5px 2px 0 2px;font-size:1em;color:#005f7b;float:left;margin:0 0 0 12px;}

.breadcrumb { padding:8px 0 8px 0; margin:0 !important;}
.slingerpag .breadcrumb a, .regiopag .breadcrumb a{color:white}
.slingerpag .breadcrumb, .regiopag .breadcrumb{color:white;margin-bottom:10px !important}

#naarlinks, #naarrechts{display:none;position:absolute;top:82px;left:167px;color:white;text-decoration:none;font-weight:bold;width:15px;height:14px;background:url(/grafiek/pijltjes.png) repeat-x; cursor:pointer;}

#naarrechts{left:956px;background-position:15px 0;}

#tt{display:none;position:absolute;z-index:250;width:auto; max-width:300px;background:white;padding:5px;font-size:0.9em;line-height:1.3em;margin-top:25px;margin-left:50px;border:1px solid #005f7b;color:#005f7b}

#canontekst .woordverklaring, #canontekst a[href='#']{cursor:help;text-decoration:none;border-bottom:1px dashed #005f7b;color:#005f7b}

#postform{margin:0}
#postform label{display:block;padding-top:7px;clear:both}
#postform input, #postform textarea{display:block;float:left;width:400px}
#postform p{margin:0;padding:10px 0 0 27%;clear:both}
.ndp{display:none !important}
.reactie{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid silver}
.reactie h4{margin-bottom:0}


#algWrapper { height:28px; width:260px; background:url(/grafiek/algWrapperBack.png) no-repeat; position:relative; float:left;}
#alg{display:block;background:url(/grafiek/icons2.png) no-repeat;height:16px;margin:10px 0 30px 0;float:left;width:250px;clear:both;overflow:hidden;}
.regiopag #alg {margin-top:50px}
.slingerpag #alg, .overpag #alg {margin:6px 0 0 5px;} /*IE 6 */
html>body.slingerpag #alg, html>body.overpag #alg {margin:6px 0 10px 10px !important;}


#alg span{display:none;}
#alg a{width:24px;height:16px;overflow:hidden;display:block;float:left;background:white;text-decoration:none;filter:alpha(opacity=40);-moz-opacity:.4;opacity:.4}
#alg a:hover {filter:alpha(opacity=10);-moz-opacity:.1;opacity:.1}

#embedLink { display:block; height:28px; width:180px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/grafiek/icon_embed.png',sizingMethod=crop); position:relative; float:left; margin-left:10px; padding:2px 0 0 35px; text-decoration:none; color:#005F7B;}
html>body #embedLink {filter:none;background:url(/grafiek/icon_embed.png) no-repeat;}
#embedLink:hover { text-decoration:underline;}


#lijst p{clear:both;min-height:70px}
#lijst img{float:left;padding:3px;background:white;margin-right:15px;border:1px solid silver;width:65px;height:65px;}

#timerimeSWF{margin-left:-53px;}

.gmnoprint{margin-top:-3px !important;margin-left:-3px !important}
#map{background-color:#E5E3DF;height:700px;left:104px;position:absolute;top:115px;width:866px;border-bottom:10px solid white}
#tooltip{background:white;font-size:8pt;line-height:15pt;visibility:hidden;position:absolute;z-index:201;padding:3px}
#maphoek{width:161px;height:170px;position:absolute;top:0;left:0;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/grafiek/backRegioCanonsVenster2.png',sizingMethod=crop)}
html>body #maphoek{filter:none;background:url(/grafiek/backRegioCanonsVenster2.png);}


.onderwijsversie{background:url(/grafiek/onderwijsversie.gif) !important;text-indent:-1000px}
#derooij{float:left;margin:-3px 6px 0 0}


#colorbox form{background:white;padding:20px;margin:0;border:5px solid #339ABA;color:black}
#colorbox input, #colorbox textarea{width:400px}
#colorbox .auto{width:auto}

/* ColorBox  */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:visible;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:visible;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
#cboxOverlay{background:#fff;}
#colorbox{}
	#cboxContent{margin-top:0;}
		#cboxLoadedContent{background:none;}
		#cboxLoadedContent{margin-bottom:20px;}
                #cboxLoadingGraphic{background:url(/grafiek/loading.gif) center center no-repeat;}
                #cboxLoadingOverlay{background:none;}
                #cboxTitle{display:none !important;position:absolute; bottom:0; left:0;overflow:visible;font-size:0.9em}
                #cboxCurrent{position:absolute; margin-top:20px; right:205px; text-indent:-9999px;}
                #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(/grafiek/controls.png) 0 0 no-repeat;}
                #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;}


@media screen and (max-device-width: 1024px) {body.home{background-image:url(/grafiek/backHomeSmall.png)}
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */