/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { font: 11px Tahoma, Arial; color: #373737; }
input, select, textarea { font: 11px Tahoma, Arial; color: #000000; }
body { background: #06709b url('/images/bodyBg.gif') left top repeat-x; }
img { border: 0px;}
p { padding: 0px 0px 10px 0px ; line-height: 16px; }
p .dark { font-weight: bold; }
h1 { padding: 0px 0px 0px 0px; font: bold 14px Tahoma, Arial; color: #373737; }
a { color: #7f7f7f; text-decoration: none; }
a:hover { color: #000; }
img {float: left; margin: 3px 5px 5px 5px;}
hr {margin-bottom: 10px;}

/* ### GLOBAL CLASSES ### */
.clear { clear: both; height: 0px; }
.dark { font-weight: bold; }
ul { list-style-type: square; padding-left: 15px; }
il { list-style-type: square; }
#breadcrumbs {padding: 0px;}

/* ### body ### */
#container { padding: 0px 0px 0px 0px; width: 100%; border-bottom: 10px solid #2d2c2c; background: url('/images/wrapperBg.png') center top no-repeat; height: 100%;}

/* ### Header ### */
#header { padding: 0px 0px 0px 0px; margin: 0px auto; width: 815px; }
.zoekmachine { float: right; padding: 0px 60px 0 0; margin: 0px; display:inline;}

/* ### HEADER CONTAINER ### */
#mainheader { padding-top: 20px; position: relative; height: 270px; overflow: hidden; }
#mainheader h2 { padding: 53px 0px 0px 227px; float: left; }
#mainheader h2 a { display: block; width: 224px; height: 78px; text-indent:-9999px; background: url('/images/logo.png') left top no-repeat; }
#mainheader a.email { padding: 0 32px 0 0; position: absolute; top: 8px; right: 0px; color: #fff; font-size: 10px; text-decoration: none; background: url('/images/contactImg.gif') right top no-repeat; }
		
/* ### MAK BOX ### */
.info { padding: 20px 15px 15px 15px; position: absolute; top: 64px; right: 0px; width: 175px; height: 111px; background: url('/images/headerContentBg.gif') no-repeat; }
.info h3 { padding: 0px 0px 10px 0px; font: bold 14px 'Myriad Pro', Tahoma; display: block; color: #074c52; }
.info a.button { position: absolute; bottom: 0px; right: 0px; width: 59px; height: 42px; text-indent: -9999px; background: url('/images/meer2.gif') no-repeat; }

/* ### MENU CONTAINER ### */
#menuCntr { position: absolute; top: 249px; width: 815px; }
#menuCntr ul { list-style: none; padding: 0px; text-transform: uppercase;}
#menuCntr ul li { display: inline; float: left; }
#menuCntr li a { padding: 0px 10px 0px 0px; display: block; float: left; cursor: pointer; height: 42px; font: bold 11px Tahoma, Arial; color: #454545; background: url('/images/menuR.png') right 10px no-repeat; }
#menuCntr li a span { padding: 20px 10px 0px 20px; display: block; float: left; height: 22px; cursor: pointer; background: url('/images/menuL.png') left 10px no-repeat; }
#menuCntr li a:hover, #menuCntr li a.selected { color: #fff; background-position: right bottom; }
#menuCntr li a:hover span, #menuCntr li a.selected span { background-position: left bottom; }
#menuCntr ul ul { margin-left: -1px; padding: 5px 0px 5px 0px; position: absolute; top: 41px; z-index: 25; display: none; clear: both; width: auto; border: 1px solid #000; background: #fff; }
#menuCntr ul ul li { display: block; float: none; height: 20px; line-height: 20px; }
#menuCntr ul ul li a { padding: 0px 10px 0px 20px; display: block; height: 20px; line-height: 20px; float: none; background: none; }
#menuCntr ul ul li a:hover { text-decoration: none; color: #fff; background: #c40000; }
	
/* ### CONTENT CONTAINER ### */
#maincontent { padding-bottom: 11px; width: 815px; background: url('/images/contentBottom.gif') left bottom no-repeat; }
#maincontent div.content { width: 815px; background: url('/images/contentCntrBg.jpg') left top repeat-y; }
#maincontent div.grey { background: url('/images/greyCorner.jpg') no-repeat; }
		
/* ### titlebar ### */
.titlebar h1 { padding-top: 26px; font: bold 14px Tahoma; text-transform: uppercase; color: #fff; }
.titlebar h1 a { padding-top: 22px; font: bold 14px Tahoma; text-transform: uppercase; color: #fff; }
.titlebar {float: left; padding: 10px 20px 0px 15px; height: 71px; color: #000; background: url('/images/greyCorner.jpg') left top no-repeat; width: 850px;}
.titlebar h3 { padding-top: 22px; font: bold 14px Tahoma; text-transform: uppercase; color: #fff; }
.titlebar a { color: #000; }
.titlebar a:hover { text-decoration: underline; }

/* ### titlebar pages ### */
.titlebarp h1 { padding-top: 26px; font: bold 14px Tahoma; text-transform: uppercase; color: #fff; }
.titlebarp h1 a { padding-top: 22px; font: bold 14px Tahoma; text-transform: uppercase; color: #fff; }
.titlebarp {float: left; padding: 10px 20px 0px 15px; height: 71px; color: #000; background: url('/images/contentCntrTopBg.jpg') left top no-repeat; width: 850px;}
.titlebarp h3 { padding-top: 22px; font: bold 14px Tahoma; text-transform: uppercase; color: #fff; }
.titlebarp a { color: #000; }
.titlebarp a:hover { text-decoration: underline; }


/* ### Index ### */
#index { width: 813px; background: url('/images/indexBG.png')  no-repeat; margin-left: 1px; height: auto;}
#index div.maintext { padding: 10px 10px 0 10px;}
#index h1 { padding-bottom: 10px; font: bold 18px Tahoma; color: #0f6a99; }
#index a.meer {display: block; width: 108px; height: 42px; text-align: center; font: bold 11px/42px Tahoma; text-decoration: none; color: #fff; background: url('/images/meer.gif') no-repeat; float: right; margin-bottom:  -11px;}
#index a.meer:hover { text-decoration: underline; }
#index h2 { padding-bottom: 5px; font: bold 18px Tahoma; color: #0f6a99; text-transform: uppercase; }
#index h2:hover { text-decoration: underline; color: #0f6a99; }
		
/* ### LEFT CONTAINER ### */
#left { padding: 0px 0px 15px 0px; margin: 15px 30px 0 25px; width: auto; display: block; border-top: 1px solid #d0d0d0;}

/* ### Lijst ### */
.lijst { width: auto; height: auto; margin: 0 75px 0 100px; position: relative; display: block;}
.listright { float: right;}
.listleft { float: left; }
		
/* ### TEXT BOX ### */
.textBox { padding: 5px 15px 0px 0px; }
.textBox .img { padding: 0px 17px 0px 0px; float: left; }
			
/* ### LEFT GOOGLE ADS BOX ### */
.leftGoogleAdsBox { padding: 15px; overflow: hidden; width: 485px; border: 1px solid #d0d0d0; margin-top: 20px;}
.leftGoogleAdsBox .txt { padding: 0px 5px 0px 0px; float: left; font: bold 12px Tahoma, Arial; }
.leftGoogleAdsBox .icon { float: left; }
			
/* ### RIGHT CONTAINER ### */
#right { padding: 15px 20px 15px 5px; width: 252px; float: right; display: inline;}

/* ### Right GOOGLE ADS BOX ### */
.googleBox { overflow: hidden; width: 250px; height: 250px; border: 1px solid #d0d0d0; float: right; }
	
/* ### FOOTER CONTAINER ### */
#footer { padding: 26px 0px 0px 0px; height: 40px; font: 10px Tahoma, Arial; color: #2d2c2c; }
.footerBoxRight { padding: 15px 0px 0px 10px; height: 25px; background: url('/images/footerBg.gif') left top repeat-x; }
.footerBoxLeft { padding-left: 12px; background: url('/images/footerLeftBg.gif') left top no-repeat; }	.footerBox { padding-right: 12px; background: url('/images/footerRightBg.gif') right top no-repeat; }

/* ### comments ### */
#commentform #author, #commentform #email, #commentform #url, #commentform textarea {background: #fff; border: 1px solid #333;padding: .2em;}
#commentform textarea {width: 100%;}
#commentlist li ul {border-left: 1px solid #ddd; font-size: 110%; list-style-type: none;}
#commentlist li .avatar {float: right; margin-right: 25px; border: 1px dotted #ccc; padding: 2px;}