/* Generated by Font Squirrel (http://www.fontsquirrel.com) on November 28, 2011 */

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

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

/** THICKBOX **/
#TB_window{font:12px Arial, Helvetica, sans-serif;position:fixed;background:#fff;z-index:102;color:#000;display:none;border:4px solid #525252;text-align:left;top:50%;left:50%;}
#TB_secondLine{font:10px Arial, Helvetica, sans-serif;color:#666;}
#TB_window a:hover{color:#000;}
#TB_overlay{position:fixed;z-index:100;top:0;left:0;height:100%;width:100%;}
.TB_overlayMacFFBGHack{background:url(/_images/macFFBgHack.png) repeat;}
.TB_overlayBG{background-color:#000;filter:alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;}
#TB_window img#TB_Image{display:block;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-top:1px solid #666;border-left:1px solid #666;margin:15px 0 0 15px;}
#TB_caption{height:25px;float:left;padding:7px 30px 10px 25px;}
#TB_closeWindow{height:25px;float:right;padding:11px 25px 10px 0;}
#TB_closeAjaxWindow{margin-bottom:1px;text-align:right;float:right;padding:7px 10px 5px 0;}
#TB_ajaxWindowTitle{float:left;margin-bottom:1px;padding:7px 0 5px 10px;}
#TB_title{background-color:#e8e8e8;height:27px;}
#TB_ajaxContent{clear:both;overflow:auto;text-align:left;line-height:1.4em;padding:2px 15px 15px;}
#TB_ajaxContent.TB_modal{padding:15px;}
#TB_ajaxContent p{padding:5px 0;}
#TB_load{position:fixed;display:none;height:13px;width:208px;z-index:103;top:50%;left:50%;margin:-6px 0 0 -104px;}
#TB_HideSelect{z-index:99;position:fixed;top:0;left:0;background-color:#fff;border:none;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;height:100%;width:100%;}
#TB_iframeContent{clear:both;border:none;margin-bottom:-1px;margin-top:1px;_margin-bottom:1px;}
#TB_window a:link,#TB_window a:visited,#TB_window a:active,#TB_window a:focus{color:#666;}
* html #TB_overlay,* html #TB_HideSelect{position:absolute;height:expression(document.body.scrollHeight>document.body.offsetHeight?document.body.scrollHeight:document.body.offsetHeight+'px');}
* html #TB_window,* html #TB_load{position:absolute;margin-top:expression(0-parseInt(this.offsetHeight/2) 0 (TBWindowMargin=document.documentElement&&document.documentElement.scrollTop||document.body.scrollTop) 0 px);}

/** MAIN STYLES **/

* { font-family : Arial,"Lucinda Grande",Verdana,Lucinda; color : #000000;font-size : 12px; margin:0;padding:0; }
HTML, BODY { height : 100%;	margin : 0px; padding : 0px; overflow : auto; overflow : none; }
BODY { 	background-color : #FFFFFF; margin : 0px; padding : 0px; }

H1 { font-size : 110%; color : #000000; margin:0px; margin-bottom : 8px; font-weight : bold; }
H2 { font-size : 110%; font-weight : bold; color : #000000; padding : 0px; margin: 0px; }
H3 { font-size : 100%; color: #000000; margin : 0px; font-weight : bold; }

TEXTAREA { border : 1px solid #006633; overflow : auto; }
FORM { margin:0px; }
TD IMG { padding : 0; margin : 0; display: block; }
IMG { border : 0; }
A, A:link, A:visited, A:active { color : #000000; text-decoration : underline; }
A:hover { color : #000000; text-decoration : none; }
P { margin: 0px; padding-bottom : 10px; }
HR { border : 1px solid #8c8c8c; height : 1px; }
TABLE TD { vertical-align : top; text-align : left; }
P { margin-bottom : 5px; }
UL { margin-left : 20px; padding-bottom : 20px; }

.input { border : 1px solid #aaa69f; width : 178px; height : 16px; background-color : #ffffff; margin-bottom : 4px; }
#body { height : 100%; }

#headermenu { margin-left:auto; margin-right:auto; text-align:right; width : 960px; height : 22px; padding-top : 3px;  }

#fill { background-image : url(/_images/background.jpg); background-repeat : repeat-x; height : 100%; width : 100%; }
#main { margin-left:auto; margin-right:auto; text-align:left; width : 1012px; height : 100%; background-position : 0 0; }
#maintable { width : 1012px; }
#menubar { background-image : url(/_images/menubalk.jpg); height : 33px; background-repeat : repeat-x; }
#menu { padding-left : 33px; height : 33px; overflow : hidden; }

#menu .menuitem,
#menu .menuitem:hover,
#menu .menuitem:active,
#menu .menuitem:visited
{
	float: left;
	height : 33px;
    font-family : LucidaSansRegular; 
	padding-top : 10px;
	font-size : 12px;
	font-weight : normal;
	text-decoration : none;
	padding-left : 6px;
	padding-right : 5px;
}

#menu .menuitem:hover,
#menu .active
{
	background-color : #FFF;
}

#menu .spacer
{
	float: left;
	height : 33px;
	width : 15px;
	background-image : url(/_images/bullet.jpg);
	background-repeat : no-repeat;
	background-position : top center;
}
 
.colspacer
{
	width : 26px;
	background-image : url(/_images/menubalk_schaduw.jpg);
	background-repeat : repeat-x;
	height : 198px;
}

#contentcontainer
{
	width : 480px;
}

#contentcontainer h1 { display : block; font-size : 24px; font-family : LucidaSansRegular; color: #49494a;margin : 0; padding : 0; width: 456px; height: 44px; background : transparent url(/_images/titel.png) no-repeat; font-weight : normal; padding-top : 15px;  padding-left: 25px; }

#content
{	
	padding : 20px;
	line-height : 16px;
}

#content IMG
{
	padding-left : 10px;
	padding-bottom : 10px;
}


.pink
{
	background-color : #f9efe6;
}

.leftline
{
	border-left: 1px solid #d0d1d6;
}

.rightline
{
	border-right: 1px solid #d0d1d6;
}

#submenu
{
	padding : 0px;
	margin : 0px;
}

#submenu .submenuitem,
#submenu .submenuitem:hover,
#submenu .submenuitem:active,
#submenu .submenuitem:visited
{
	height : 24px;
	padding-left : 18px;
	text-decoration : none;
	padding-top : 5px;
	width : 220px;
	display : block;
}

#submenu .submenuitem:hover,
#submenu .active
{
	background-color : #FFF;
	background-image : url(/_images/submenubul.png);
	background-position : 5px 8px;
	background-repeat : no-repeat;
	display : block;
}


#personeellijst { width : 100%; }
#personeellijst DIV IMG { margin : 0 auto; }
#personeellijst DIV { width : 220px; text-align: center; padding-bottom : 20px; float : left; height : 300px;  }

#tarievenlijst { border-collapse: collapse; border-spacing: 0; width : 100%; }
#tarievenlijst td.header { background-color : #FFF !important; padding-bottom : 10px; }
#tarievenlijst tr.odd td { background-color : #EEE; }
#tarievenlijst td, #tarievenlijst th { vertical-align: top; padding : 3px; }
#tarievenlijst th { color : #FFF; background-color : #777; }
#tarievenlijst .bedrag { text-align: right; width : 50px; }
#tarievenlijst td A { font-weight : bold; text-decoration: none; }
A.kopje { background : transparent url(/_images/arrow_down.jpg) no-repeat; background-position : right 5px; padding-right : 15px;  }
A.kopjeup { background : transparent url(/_images/arrow_up.gif) no-repeat !important; background-position : right 5px !important; padding-right : 15px !important;  }
DIV.bedragtekst { display : none; }

#vvokeurmerk { padding-top : 20px; margin : 0 auto; }

.antwoorden { padding-top : 5px; padding-bottom : 15px; }

form .something-temporary {
color: #aaa;
font-style: italic;
}

form :-moz-placeholder {
color: #aaa;
font-style: italic;
}

form ::-webkit-input-placeholder {
color: #aaa;
font-style: italic;
}


/* ADMIN */
#admindiv { background-color:#eeeeee; filter:alpha(opacity=75); -moz-opacity:.75; opacity:.75; position:absolute; border:1px solid #000; width : 250px;top : 10px; right : 10px; z-index: 1000; }
#admindiv .header { padding:2px; background-color:#e32322; color:#FFF; font-weight:bold; background-image : url(/_images/generic/sitemanager.png); background-repeat : no-repeat; background-position : 232px 0px; height : 15px;border-bottom : 1px solid #000; }
#admindiv .header SPAN A { color:#FFF; font-weight:bold; text-decoration : none; }
#admindiv .body { padding:4px; }
#admindiv .body A { color : #000; font-weight : bold; }
#admindiv .body LI { list-style: none; }

/* ==|== non-semantic helper classes ======================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important;  }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

