@charset "ISO-8859-2";
/* CSS Document */

* {outline:none;}
html, body{height:100%; margin:0; padding:0;}
img, a{border:0;}
a{color:#666;}
a:hover{color:#999; text-decoration:none;}

body{font:normal 11px/16px Arial, sans-serif; background:#020202 url(../images/body.png) right top no-repeat fixed; color:#fff;}
h1,h2,h3,h4,h5,h6, p, ul, li{margin:0; padding:0;}
ol{margin:0; padding:0 0 0 20px; color:#666}
p{padding:7px 0 3px 0; font:normal 14px/16px Arial, sans-serif; line-height:20px}
#middlePane ul { font:normal 14px Arial, sans-serif; padding-left: 15px; padding-top:0px; margin:0px } 
#middlePane li { line-height:20px } 

h1{font:normal 36px/36px Arial, sans-serif; text-transform:none; margin-bottom:10px;}
h2{font:normal 24px/26px Arial, sans-serif; text-transform:uppercase; margin:10px 0;}
h3{font:normal 16px/18px 'Trebuchet MS', Arial, sans-serif; margin:7px 0;}
br.clear{clear:both; font:0; line-height:0; height:0;}

/* logo */
#logo{width:185px; height:150px; position:fixed; top:0px; left:-15px; background:url(../images/logo-Antwerpen-Hogerop2.png) right top no-repeat; z-index:5}
#logo a{display:block; float:left; width:100%; height:100%;}
#logo a span{display:none;}

/* background */
#background{position:fixed; top:0; left:0; z-index:-10; width:100%; height:100%; display:none;}
#container{position:absolute; left:0; top:0; z-index:10; width:100%; height:100%;}
#container_cms{width:1360px !important;min-height:1024px;}

/* Left */
.spacerHeight20{height:20px; width:100%; }
#leftPane{position:fixed; left:-10px; top:150px; width:180px; padding:0px; text-align:right; z-index:5}
#leftMenu{min-height:320px; position:relative;background:url(../images/sidePane.png) left -10px no-repeat; }
.leftPaneTop{color:#666; text-transform:uppercase; font-size:10px; border-bottom:dotted 1px #666; padding:20px; text-align:right;background:url(../images/sidePane.png) no-repeat; }
.leftPaneLock{float:left; position:relative; background:url(../images/sidePane.png) left bottom; width:180px; height:20px;}

#leftPane ul, #leftPane li{list-style:none;}

/* Right */
#rightPane{position:fixed; right:-10px; top:150px; width:180px; padding:0px; text-align:left; z-index:5}
#rightMenu{min-height:320px; position:relative;background:url(../images/sidePane.png) left -10px no-repeat;}
.rightPaneTop{color:#666; text-transform:uppercase; font-size:10px; border-bottom:dotted 1px #666; padding:20px; text-align:left;background:url(../images/sidePane.png) no-repeat; }
.rightPaneLock{float:left; position:relative; background:url(../images/sidePane.png) left bottom; width:180px; height:20px;}

#leftPane ul, #leftPane li , #rightPane ul, #rightPane li{list-style:none;}

/* middle */
.spacerHeight150{height:35px; width:150px; float:left;}
#middlePane{margin:0 auto 20px auto; width:636px; color:#666; position:relative; z-index:5;}
#middleHead{background:url(../images/middleHead.png); height:95px; width:636px; position:relative; float:left;}
#breadcrumb{position:absolute; top:20px; left:20px; text-transform:uppercase; font-size:9px;}
#breadcrumb a{border-bottom:dotted 1px #aaa; text-decoration:none; padding-bottom:3px;}
#breadcrumb a:hover{border-bottom:dotted 1px #bbb; text-decoration:none; padding-bottom:2px;}
#breadcrumb img{margin:0 5px;}
#middleHead h1{text-align:left; font-size:36px; padding:53px 10px 0 20px; text-transform:none;}

#boxMap{width:636px; height:485px; float:left; position:relative; background: url(../images/boxMap.png) left bottom no-repeat; overflow:hidden !important;}
#boxMap img{position:absolute; top:3px; left:3px;}

.overlayMiddle{width:636px; float:left; background:url(../images/overlayMiddle.png) repeat-y; padding:20px 0 40px 0;color:white;}
.overlayMiddle a {color:#ffffff; text-decoration:underline;}
.overlayBottom{width:636px; height:16px; float:left; background:url(../images/overlayBottom.png) repeat-y;}

a#btnClose_NL{background:url(../images/btnClose_nl.png) no-repeat; width:64px; height:24px; display:block; position:absolute; right:10px; top:15px;}
a#btnClose_NL:hover{background:url(../images/btnClose_nl.png) left bottom no-repeat;}

#positionKiesUwProject{float:left; padding-left:40px; width:260px}
#positionLegende{float:left; padding-left:80px;}

.addPadding{padding:0 40px 0 50px;}
.addPadding_minimal{padding:0 20px;}
/* Legende */
ul.legende, ul.legende li{list-style:none;}
ul.legende li{clear:both;}
ul.legende a{ padding-left:30px; font-size:12px; line-height:18px; display:block; float:left; height:30px;}
.iconOrange{background:url(../images/iconOrange.png) no-repeat;}
.iconBlue{background:url(../images/iconBlue.png) no-repeat;}
.iconGreen{background:url(../images/iconGreen.png) no-repeat;}
.iconPurple{background:url(../images/iconPurple.png) no-repeat;}
.iconRed{background:url(../images/iconRed.png) no-repeat;}

/* Pointing */
a.pointOrange,a.pointGreen,a.pointBlue,a.pointPurple,a.pointRed,a.pointLargeOrange,a.pointLargeGreen,a.pointLargeBlue,a.pointLargePurple,a.pointLargeRed{z-index:50;position:absolute;color:white; text-align:center; font-size:30px; line-height:21px; width:56px; height:36px;text-decoration:none; display:block; padding-top:18px;line-height:21px; letter-spacing:-0.03em}
a.pointOrange:hover,a.pointGreen:hover,a.pointBlue:hover,a.pointPurple:hover,a.pointRed:hover,a.pointLargeO	range:hover,a.pointLargeGreen:hover,a.pointLargeBlue:hover,a.pointLargePurple:hover,a.pointLargeRed:hover{font-weight:bold; color:white;}

a.pointOrange{background:url(../images/iconOrange.png) no-repeat;}
a.pointGreen{background:url(../images/iconGreen.png) no-repeat;}
a.pointBlue{background:url(../images/iconBlue.png) left top no-repeat;}
a.pointPurple{background:url(../images/iconPurple.png) no-repeat;}
a.pointRed{background:url(../images/iconRed.png) no-repeat;}

a.pointLargeOrange{background:url(../images/pointOrange.png) no-repeat;}
a.pointLargeGreen{background:url(../images/pointGreen.png) no-repeat;}
a.pointLargeBlue{background:url(../images/pointBlue.png) left top no-repeat;}
a.pointLargePurple{background:url(../images/pointPurple.png) no-repeat;}
a.pointLargeRed{background:url(../images/pointRed.png) no-repeat;}


/********************************
documenten
**********************************/
ul.downloads{list-style:none;margin:0; margin-bottom: -30px; padding:0;}
ul.downloads li{ height: 35px}
ul.downloads a{ padding:10px 40px;}
a.pdf{background: url(../images/iconPDF.png) no-repeat;}
a.doc{background: url(../images/iconDOC.png) no-repeat;}
a.zip{background: url(../images/iconZIP.png) no-repeat;}
a.ppt{background: url(../images/iconPPT.png) no-repeat;}
a.xls{background: url(../images/iconXLS.png) no-repeat;}

.large_image{width:100%; margin:10px 0 20px 0; }

/* cufon */
.cufon-loading h1, .cufon-loading .title, .cufon-loading h2 { /* for Cufon.replace('h1') */
	visibility: hidden !important;
}

/* draggable */
.handle {
	cursor: move;
	}

.active {
	/* background-color: #fff; */
	}
.active .bar {
	/* background-color: #fff; */
	}
	
	
/* OVERLAY OVERVIEW */
#overlayOverview{width:100%; height:100%; margin:auto; z-index:2; position:absolute;}
#tblValignMiddle{width:100%; vertical-align:middle; height:100%; float:none; position:relative;}
#tblValignMiddle td{vertical-align:middle; height:100%; text-align:center;}
#putImageHere{width:1365px; height:1024px; margin:auto;}
#needThisForAnchor{position:relative; width:1365px; height:1024px; margin:auto}

/*************************
 foto titel tekst
 ************************/
.clearer {height: 1px; overflow: hidden; margin-top: -1px; clear: both;}

.box_left {float:left; width:100%;padding-top:20px ;}
.box_left img  {display:block; float:left; margin-right:10px;}
.right_textblock{float:right; clear:none !important;width:350px;margin-right:10px;text-align:justify}
 
 .box_right {float:left; width:100%;padding-top:20px ;}
 .box_right img  {display:block; float:right; margin-right:10px;}/*
.left_textblock{float:left;  width:350px;margin-right:10px;text-align:justify}*/

/*** extra open bij rechtermenu ***/
.box_closed{width:12px; height:12px; line-height:20px;font-size:15px; margin-left:5px; background: url('../images/box_open.png') no-repeat;display:inline; }
.box_open{width:12px; height:12px; line-height:20px; font-size:15px; margin-left:5px; background: url('../images/box_closed.png') no-repeat;display:inline; }





.floatLeft{float:left; margin-right: 15px}
.floatRight{float:right; margin-left: 5px }

ul.paging{ float:right; list-style:none; margin:0; padding:0; }
ul.paging li{display:block; float:left; margin:0; padding-bottom:5px;}
ul.paging li a {padding:3px 7px; color:#666666; font-family: Verdana; font-size: 8pt; text-decoration:none }
ul.paging li a.active{background:#C0C0C0; color:#000000; font-family: Verdana; font-size: 8pt; text-decoration:none }