*{
   outline: none;
   behavior: url(../iepngfix.htc);    
}

body {
	margin: 0px;
	padding: 0px;
	background: url(../img/header_bg.gif) repeat-x #000000;
	
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 18px;
}

h1 {
	color: #FFF;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 24px;
	font-weight: 100;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
	line-height: 24px;
	text-align: left;	
}

h2 {
	color: #FFF;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;	
	text-align: left;
}

h3 {
	color: #FFF;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 18px;
	line-height: 18px;
	font-weight: 100;
	margin: 2px 0px 10px 0px;	
	text-align: left;	
}

h4 {
	color: #838484;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: 100;
	padding: 10px 0px 20px 0px;
	margin: 0px;	
}

p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 18px;
	margin-top: 10px;
	padding: 0px;
}

td {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
}

.hr {
	width: 680px;
	height: 1px;
	overflow: hidden;
	background: url(../img/hr.gif);
	margin: 0px 0px 10px 0px;
}

#feedback {
	float: left;
	width: 920px;
	padding: 10px;
	margin: 20px 0px 20px 0px;
	border: 1px solid #666;
	background: #000;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
}

#feedback_small {
	float: left;
	width: 698px;
	padding: 10px;
	margin: 20px 0px 20px 0px;
	border: 1px solid #666;
	background: #000;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
}

#wrapper {
	float: none;
	width: 980px;
	margin: auto;
}

#header {
	float: left;
	width: 980px;
	height: 143px;
}

#logo {
	position: relative;
	float: left;
	width: 390px;
	height: 100px;
	margin: 20px 0px 0px 0px;
	z-index: 999999999;
}

#beeldmerk {
	float: left;
	width: 100px;
	height: 100px;
}

#txtlogo {
	float: left;
	width: 290px;
	height: 100px;
}

#logo_tekst {
	float: left;
	width: 290px;
	height: 63px;
	background: url(../img/logo_tekst.gif);
}

#logo_hr {
	float: left;
	width: 37px;
	height: 21px;
	background: url(../img/logo_hr.gif);
}

#logo_payroll {
	float: left;
	width: 88px;
	height: 21px;
	background: url(../img/logo_payroll.gif);
}

#logo_finance {
	float: left;
	width: 94px;
	height: 21px;
	background: url(../img/logo_finance.gif);
}

#logo_ssc {
	float: left;
	width: 71px;
	height: 21px;
	background: url(../img/logo_ssc.gif);
}

#group {
	float: left;
	width: 290px;
	height: 80px;
}

#hr {
	float: left;
	width: 25px;
	height: 30px;
	margin: 0px 0px 0px 5px;
}

#payroll {
	float: left;
	width: 80px;
	height: 30px;
	margin: 0px 0px 0px 10px;
}

#finance {
	float: left;
	width: 80px;
	height: 30px;
	margin: 0px 0px 0px 10px;
}

#ssc {
	float: left;
	width: 40px;
	height: 30px;
	margin: 0px 0px 0px 15px;
}

#contact_link {
	float: right;
	padding: 0px 0px 5px 0px;
}

#zoekveld {
	position: relative;	
	text-align: right;
	float: left;
	width: 300px;
	padding: 20px 0px 0px 0px;
	margin: 0px 0px 0px 290px;
	z-index: 999999999;	
}

#zoeken {
	float: left;
	width: 205px;
	background: #FFF;
	height: 16px;
	border: 2px solid #dadada;
	padding: 1px;
	margin: 0px 0px 0px 88px;
}

#zoeken_form {
	float: left;
	margin: 0px;
	padding: 0px;
}

#zoeken_submit {
	float: right;
	margin: 0px;
	padding: 0px;
}

#zoeken .input_text {
	border: 0px;
	height: 16px;
	width: 165px;
	background: url(../img/input_bg.gif) repeat-x;
	padding: 0px;
	margin: 0px;

}

#zoeken .input_submit {
	border: 0px;
	height: 16px;
	width: 38px;
	background: url(../img/submit_zoek.gif);
	padding: 0px;
	margin: 0px;
}

#navigatie {
	float: left;
	width: 980px;
	height: 44px;
	background: url(../img/navigatie_bg.gif) repeat-x;
}

#navigatie ul {
	float: left;
	width: 980px;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#navigatie ul li {
	float: left;
	color: #FFF;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding: 15px 20px 0px 31px;
	cursor: pointer;
}

#navigatie ul li:hover {
	color: #999;
	cursor: pointer;
}

#navigatie ul li .active {
	color: #999;
	cursor: pointer;
}

#balk {
	float: left;
	width: 980px;
	height: 6px;
	background: url(../img/balk_bg.gif) repeat-x;
}

#top_img {
	float: left;
	width: 980px;
	height: 176px;
}

		#menu {
			position: relative;
			height: 200px;
			z-index: 999;
		}
			
		.flyout{
			padding: 15px 0px 0px 0px;
			color: #FFF;
			font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
			font-size: 11px;
			z-index: 999;	
		}
		
		.flyout li {
			margin: 0px 0px 10px 0px;
		}		
		
		.submenu {
			float: left;
			width: 220px;
		}
		
		.submenu ul li .active {
			color: #999;
			cursor: pointer;
		}

		.menutarget{
			background-color:#281b3a;
			display: none;
			border-left: 1px solid #000000;
			border-right: 1px solid #000000;
			border-bottom: 1px solid #000000; 
			height: 174px;
			width: 976px;
			margin: 0px 1px 0px 1px;	
		}
		
		.shadow {
			float: left;
			width: 976px;
			height: 25px;
			background: url(../img/shadow.gif);
		}
		
		.arrow {
			float: left;
			width: 31px;
			height: 12px;
			background: url(../img/arrow.gif);
		}
		
#marquee {
	float: left;
	width: 980px;
	height: 30px;
	background: url(../img/bg_marquee.gif);
	padding: 27px 0px 0px 0px;
}

    .marquee {
    	font-size: 1.4em;
      	width: 980px;
      	overflow: hidden;
      	white-space: nowrap;
		padding: 0px;
		margin: 0px;
    }

    .marquee img {
		border: 0px;
		margin: -3px 0px 0px 0px;
    }
	
    .marquee img.star {
		margin: 3px 0px 0px 0px;
    }	
	
    .marquee span {
		height: 30px;
		padding: 0px 0px 0px 10px;
    }	

.edit_marquee {
	float: left; 
	position: absolute;
	margin: -10px 0px 0px 960px;
	width: 16px;
	height: 16px;
	background: url(../img/edit.png);
}

#marqueeform {
	float: left;	
}

	#marqueeform .input {
		display: block;
		clear: both;
	}
	
	#marqueeform .input label {
		float: left;
		width: 150px;
	}	
	
	#marqueeform .input input {
		float: left;
		width: 300px;
		height: 18px;
		background: #FFFFFF;
		margin: 0px 0px 10px 0px;
	}

	#marqueeform .submitbutton {
		display: block;
		clear: both;
		padding: 0px 0px 0px 150px;
	}
	
#container {
	float: left;
	width: 980px;
	background: url(../img/content_bg.gif) no-repeat;
	margin: 10px 0px 0px 0px;
	color: #FFF;
}

#login {
	float: left;
	padding: 20px;
}

.inputveld {
	width: 120px; 
	height: 14px;
}

.button {
	width: 90px;
	height: 22px;
	background: #1d1620;
	border: 2px solid #201920;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;	
}

.button2 {
	width: 120px;
	height: 30px;
	background: #1d1620;
	border: 2px solid #201920;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;	
	margin: 10px 0px 0px 0px;
}

.button3 {
	float: right;
	width: 120px;
	height: 30px;
	background: #000000;
	border-top: 0px;	
	border-left: 1px dotted #666666;
	border-right: 1px dotted #666666;
	border-bottom: 1px dotted #666666;	
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #999999;	
	cursor: pointer;
}

#tabs {
	float: left;
	width: 980px;	
	padding: 10px 0px 0px 15px;
}

.tab {
	float: left;
	width: 230px;
    margin: 0px 10px 0px 0px;	
}

.tab_balk {
	float: left;
	width: 230px;
	height: 7px;
	background: url(../img/balk_bg.gif);
}

#tab_img_1 {
	float: left;
	width: 230px;
	height: 144px;
	background: url(../img/img1.gif);
}

#tab_img_2 {
	float: left;
	width: 230px;
	height: 144px;
	background: url(../img/img2.gif);
}

#tab_img_3 {
	float: left;
	width: 230px;
	height: 144px;
	background: url(../img/img3.gif);
}

#tab_img_4 {
	float: left;
	width: 230px;
	height: 144px;
	background: url(../img/img4.gif);
}

.tab_bg1 {
	float: left; 
	width: 230px;
	height: 162px;
	background: url(../img/tab_bg.gif);
}

.tab_bg1:hover {
	float: left; 
	background: url(../img/tab_bg_over.gif);
}

.tab_bg2 {
	float: left; 
	width: 230px;
	height: 162px;
	background: url(../img/tab_bg.gif);
}

.tab_bg2:hover {
	float: left; 
	background: url(../img/tab_bg_over2.gif);
}

.tab_bg3 {
	float: left; 
	width: 230px;
	height: 162px;
	background: url(../img/tab_bg.gif);
}

.tab_bg3:hover {
	float: left; 
	background: url(../img/tab_bg_over3.gif);
}

.tab_bg4 {
	float: left; 
	width: 230px;
	height: 162px;
	background: url(../img/tab_bg.gif);
}

.tab_bg4:hover {
	float: left; 
	background: url(../img/tab_bg_over4.gif);
}

.tab_txt {
	float: left;
	width: 205px;
	height: 100px;
	overflow: hidden;
	padding: 15px 15px 0px 15px;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #cbc8d0;
	line-height: 14px;
}

.tab_titel {
	height: 38px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}

.verder {
	float: right;
	width: 70px;
	height: 21px;
	background: url(../img/verder.png);
	padding: 1px 0px 0px 13px;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;	
	margin: 18px 10px 0px 0px;
}

#logo1 {
	float: left;
	width: 28px;
	height: 28px;
	background: url(../img/logo1.png) no-repeat;
	padding-right: 8px;
}

#logo2 {
	float: left;
	width: 28px;
	height: 28px;
	background: url(../img/logo2.png) no-repeat;
	padding-right: 8px;	
}

#logo3 {
	float: left;
	width: 28px;
	height: 28px;
	background: url(../img/logo3.png) no-repeat;
	padding-right: 8px;	
}

#logo4 {
	float: left;
	width: 28px;
	height: 28px;
	background: url(../img/logo4.png) no-repeat;
	padding-right: 8px;	
}

#submenu {
	float: left;
	width: 200px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;	
	padding: 0px 10px 10px 10px;
	line-height: 22px;
	margin: 45px 0px 0px 10px;
	border-right: 1px dotted #FFFFFF;
}

#submenu ul {
	list-style: none;
	margin: 0px 0px 0px 20px;
	padding: 0px;
}

.subitem {
	float: left;
	width: 180px;
	border-bottom: 1px dotted #666666;	
}

#submenu ul li .subitem:hover {
	background: #211828;
}

.subitem_active {
	float: left;
	width: 180px;
	border-bottom: 1px dotted #666666;	
	background: #211828;	
}

#content {
	float: left;
	width: 940px;
}

	#content.padding {
		float: left;
		width: 940px;		
		padding: 20px;
	}
	
.submit {
	float: left;
	width: 140px;
	height: 19px;
	background: url(../img/button.png) top;
	border: 0px;
	
	color: #FFFFFF;
	padding: 10px;
	text-align: center;
}

.submit:hover {
	background-position: bottom;
	color: #FFFFFF;
	text-decoration: underline;
}

#contactformulier {
	float: left;
}

.spacing {
	float: left;
	padding: 30px 20px 20px 20px;	
}

#content_pagina {
	float: left;
	width: 700px;
	padding: 30px 20px 20px 20px;
}

#content_pagina ul {
	list-style: none;
	margin: 0px;
	padding: 0px;	
	text-align: left;
}

#content_pagina ul li {
	list-style: none;	
	margin: 0px;
	padding: 0px 0px 0px 15px;
	background: url(../img/bullet.gif) no-repeat;
	
	
}


#content_pagina .contactveld {
	height: 16px;
	width: 300px;
	background: url(../img/input_bg.gif) repeat-x;
	margin: 0px;
	padding: 0px;
	border: 2px solid #FFFFFF;

	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #000000;
}

#content_pagina .contactveld_klein {
	height: 16px;
	width: 180px;
	background: url(../img/input_bg.gif) repeat-x;
	margin: 0px;
	padding: 0px;
	border: 2px solid #FFFFFF;

	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #000000;
}

#content_pagina textarea{
	width: 450px;
	height: 120px;
	background: url(../img/textarea_bg.gif) repeat-x #FFFFFF;
	background-position: bottom;
	border: 2px solid #FFFFFF;	
	
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #000000;	
}

.kolom1 {
	float: left;
	width: 47%;
	padding: 0px 20px 0px 0px;
}

.kolom2 {
	float: left;
	width: 47%;
	padding: 0px 20px 0px 0px;	
}

#foot {
	float: left;
	position: relative;
	bottom: 0px;
	width: 980px;
	height: 105px;
	background: url(../img/foot.png);
}

#footer {
	float: left;
	position: relative;
	bottom: 0px;
	width: 980px;
	background: url(../img/footer_bg.gif) #000000;
	color: #FFFFFF;
	padding: 30px 0px 20px 0px;
}

#icon_telefoon {
	float: left;
	width: 19px;
	height: 18px;
	background: url(../img/icon_telefoon.gif) no-repeat;
	padding-right: 10px;
}

#icon_fax {
	float: left;
	width: 19px;
	height: 18px;
	background: url(../img/icon_fax.gif) no-repeat;
	padding-right: 10px;	
}

#icon_email {
	float: left;
	width: 19px;
	height: 18px;
	background: url(../img/icon_email.gif) no-repeat;
	padding-right: 10px;	
}

a:link, a:visited, a:active {
	color: #FFF;
	text-decoration: none;
}

a:hover {
	color: #999;
}

.footlist {
	float: left;
	width: 210px;
	color: #838484;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 10px;
	padding: 0px 0px 0px 30px;
}

.footlist ul {
	list-style: none;	
	margin: 0px;
	padding: 0px;
}

.footlist ul li {
	height: 25px;	
	color: #838484;	
}

.foot_link {
	color: #838484;	
}

.foot_link:hover {
	color: #FFFFFF;	
}

.titel_input {
	height: 16px;
	width: 500px;
	background: url(../img/input_bg.gif) repeat-x;
	margin: 0px;
	padding: 0px;
	border: 2px solid #FFFFFF;
	
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #000000;
}

.meta_input {
	height: 16px;
	width: 300px;
	background: url(../img/input_bg.gif) repeat-x;
	margin: 0px;
	padding: 0px;
	border: 2px solid #FFFFFF;
	
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #000000;
}

.meta_textarea {
	width: 450px;
	height: 120px;
	background: url(../img/textarea_bg.gif) repeat-x #FFFFFF;
	background-position: bottom;
	border: 2px solid #FFFFFF;	
	
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #000000;	
}

.tekens {
	width: 25px;
	background: #000;
	color: #666;
	font-weight: bold;
	border: 0px;
}

.grijs {
	color: #666; 
}

#layer {
	position: absolute;
	float: left;
	width: 100%;
	left: 0px;
	top: 390px;
	height: 312px;
	background: #000000;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
	z-index: 999;
}

#edit_tab {
	float: none;
	width: 950px;
	height: 116px;
	padding: 210px 0px 0px 27px;
	margin: auto;
	z-index: 9999;	
	border-top: 1px dotted #666666;
	border-right: 1px dotted #666666;
	border-bottom: 0px;
	border-left: 1px dotted #666666;	
	overflow: hidden;
}

#edit_tab textarea {
	width: 200px;
	height: 50px;	
	z-index: 9999;	
	background: #000000;
	overflow: hidden;
	
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #cbc8d0;
	line-height: 18px;	
	
	border: 0px;
}

#edit_tab .areaspace {
	margin: 0px 38px 0px 0px;

}

.wijzigen {
	float: right;
	padding: 5px 20px 0px 0px;
}
	
.datum {
	float: left;
	width: 120px;
	padding: 0px 0px 0px 5px;
	background: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #1d1d1d;
}

.datum_klein {
	float: left;
	width: 100px;
	padding: 0px 0px 0px 5px;
	background: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #1d1d1d;
	margin: 0px 10px 0px 0px;
}

.datum_small {
	float: left;
	width: 35px;
	padding: 0px 0px 0px 5px;
	background: #FFFFFF;
	margin: 0px 10px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #1d1d1d;
}

.paars {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #917f9b;
}

.donkerpaars {
	color: #1e142f;
}

.lichtpaars {
	color: #806d8a;
}

#headlines {
	float: left;
	margin: 20px 0px 0px 200px;
	padding: 0px 0px 0px 24px;
	background: url(../img/transparant_bg.png);	
	width: 380px;
	height: 138px;
}

#lines {
	float: left;
	margin: 0px 0px 5px 0px;
	width: 600px;
}

#headlines_wrapper {
	float: left;
	width: 360px;
}

.nieuws_line {
	float: left;
	width: 350px;
	padding: 2px;
	background: url(../img/transparant.png);
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;		
	margin: 0px 0px 5px 0px;
	overflow: hidden;
}

.nieuws_line:hover {
	float: left;
	background: url(../img/transparant_over.png);
	color: #FFFFFF;
}

div.tooltip {
	width: 200px;
	color: #fff;
	text-align: center;
}
 
div.tooltip h4 {
	color: #fff;
	font-weight: bold;
	text-shadow: 2px 2px 1px #222;
	margin: 0;
	padding: 13px 10px 5px;
	background: url(img/balloon.png) top left no-repeat !important;
	background: url(img/balloon.gif) top left no-repeat;
	font-size: 11px;
}
 
div.tooltip p {
	margin: 0;
	padding: 0 10px 15px;
	text-shadow: 2px 2px 1px #222;
	background: url(img/balloon.png) bottom left no-repeat !important;
	background: url(img/balloon.gif) bottom left no-repeat;
	font-size: 10px;
}