@charset "utf-8";
/* Standaard HTML */
body {
	background-color: #FFFFFF;
	background-image: url(gfx/bg.jpg);
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #333333;
	margin: 0px 0px auto 0px;
	height: 100%;
}

b {
	color: #89ba36;
}

.bold_red {
	color: #FF4411;
	font-weight: bold;
}

h1 {
	margin: 0px;
	padding: 0px;
}

h2 {
	display: block;
	height: 23px;
	padding: 0px 0px 0px 15px;
	margin: 10px 0px 0px 0px;
	font-size: 15px;
	font-weight: bold;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
}

h2 a, h2 a:active, h2 a:visited {
	background-image: url(gfx/helpdesk/menu_list_item_white.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding-left: 20px;
	text-decoration: none;
	color: #2c2c2c;
}

h2 a:hover {
	text-decoration: underline;
}

h3 {
	display: block;
	height: 20px;
	padding: 0px 0px 0px 35px;
	margin: 10px 0px 0px 0px;
	font-size: 13px;
	font-weight: bold;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
}

h3 a, h3 a:active, h3 a:visited {
	background-image: url(gfx/helpdesk/menu_list_item_white.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding-left: 20px;
	text-decoration: none;
	color: #2c2c2c;
}

h3 a:hover {
	text-decoration: underline;
}

#helpdesk_artikels p {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 37px;
	font-size: 12px;
}

#helpdesk_artikels p.subcategorie_uitleg {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 55px;
}

/* Zwarte balk */
#topnav {
	height: 19px; /* 34-(12+3=15) */
	width: 878px;
	padding: 12px 0px 3px 0px;
	margin: 0px auto 0px auto;
	color: #777777;
	text-align: right;
}

#topnav #links {
	position: relative;
	margin: 0px 100px 0px 0px;
}

#topnav #links a:link, #topnav #links a:visited {
	margin: 0px 11px 0px 11px;
}

#topnav #links a:link, #topnav #links a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

#topnav #links a:hover {
	color: #8fe10c;
}

/* Bestel nu & Taalkeuze */
#lang {
	position: relative;
	margin: -17px 0px 0px 790px; /*790-80*/
}
#lang a:link, #lang a:visited {
	margin: 0px 2px 0px 0px;
	padding-top: 6px;
	text-decoration: none;
	font-weight: bold;
	color: #767676;
	width: 36px;
	height: 20px; /* 26-6 */
	display: block;
	float: left;
	text-align: center;
	background-image: url(gfx/lang/bg.jpg);
	background-repeat: no-repeat;
}

#lang a:hover, #lang a#active {
	color: #FFFFFF;
	width: 36px;
	height: 20px;
	display: block;
	background-image: url(gfx/lang/bg_a.jpg);
}

#lang a#bestel:link, #lang a#bestel:visited {
	width: 78px;
	height: 20px; /*26-6*/
	display: block;
	padding: 6px 0px 0px 0px;
	margin: 0px 3px 0px 0px;
	text-decoration: none;
	color: #000000;
	font-weight: normal;
	background-image: url(gfx/lang/bestel_bg_a.jpg);
}

#lang a#bestel:hover {
	background-image: url(gfx/lang/bestel_bg.jpg);
}


/* Menu 2 */
ul#menu2 {
	position: relative;
	float: right;
	width: 416px; /*392+24*/
	height: 23px; /*29-6*/
	background-image: url(gfx/bg_menu2.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	list-style-type: none;
	padding: 6px 24px 0px 0px;
	margin: -10px 0px 0px 0px;
	color: #696969;
	text-indent: 0px;
}

ul#menu2 a:link, ul#menu2 a:visited {
	color: #4a4a4a;
	text-decoration: none;
	margin: 0px 10px 0px 10px;
}

ul#menu2 a:hover {
	text-decoration: underline;
}

/* Content */
#content {
	width: 950px;
	margin: 11px auto 0px auto;
	background-image: url(gfx/bg_content.jpg);
	background-repeat: repeat-y;
}

#content_top {
	background-image: url(gfx/bg_content_top.jpg);
	background-position: top;
	background-repeat: no-repeat;
}

#content_bottom {
	background-image: url(gfx/bg_content_bottom.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
}

#logo {
	margin-left: 74px;
}

#header {
	width: 878px;
	margin: 14px auto 0px auto;
	text-align: center;
}

#header ul#nav {
	list-style-type: none;
	margin: 0px 0px 0px 40px;
	padding: 0px;

}

#header ul#nav li {
	float: left;
}

#header ul#nav li a:link, #header ul#nav li a:visited {
	width: 110px;
	height: 20px; /*26-6*/
	display: block;
	padding: 6px 0px 0px 0px;
	margin: 0px 3px 0px 0px;
	text-decoration: none;
	color: #767676;
	background-image: url(gfx/header_nav_bg.jpg);
}

#header ul#nav li a:hover, #header ul#nav li a#active {
	background-image: url(gfx/header_nav_bg_a.jpg);
	color: #FFFFFF;
}

#footer {
	clear: both;
	text-align: center;
	width: 843px;
	height: 56px; /* 73+12-29*/
	margin: 0px auto 0px auto;
	padding-top: 29px;
	background-image: url(gfx/footer.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	color: #BBBBBB;
	line-height: 18px;
}

#footer a:link, #footer a:visited {
	color: #666666;
	text-decoration: none;
	margin: 0px 6px 0px 6px;
}

#footer a:hover {
	color: #BBBBBB;
}


/* Helpdesk */
#menu_left {
	background-image: url(gfx/helpdesk/menu_top.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	margin: 0px 0px 0px 57px;
	width: 210px;
	float: left;
}

#menu_left_title {
	font-size: 15px;
	font-family: "Tahoma", Arial, Helvetica, sans-serif;
}

#menu_left_title a, #menu_left_title a:active, #menu_left_title a:visited {
	text-decoration: none;
	padding-top: 12px;
	padding-left: 50px;
	padding-bottom: 13px;
	display: block;
	color: #666666;
}

#menu_left_title a:hover {
	text-decoration: underline;
}

#menu_left_content {
	padding-top: 10px;
	/* margin-top: 43px; */
	background-color: #f1f1f1;
	width: 185px;
	display: block;
	font-size: 11px;
}

#menu_left_bottom {
	margin-top: -15px;
	background-image: url(gfx/helpdesk/menu_bot.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	height: 20px;
	width: 185px;
}

.menu_left_item {
	background-image: url(gfx/helpdesk/menu_list_item.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	margin-left: 10px;
	padding-left: 15px;
	margin-bottom: 3px;
	margin-top: 3px;
	display: block;
	color: #CCCCCC;
}

.menu_left_item_sub {
	background-image: url(gfx/helpdesk/menu_list_item.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	margin-left: 25px;
	padding-left: 15px;
	margin-bottom: 3px;
	margin-top: 3px;
	display: block;
	color: #CCCCCC;
}

.menu_left_item a, .menu_left_item a:visited, .menu_left_item a:active {
	color: #578216;
	text-decoration: underline;
}

.menu_left_item a:hover {
	text-decoration: none;
}

.menu_left_item a#menu_active {
	text-color: #494949;
	font-weight: bolder;
	color: #4d4d4d;
}

.menu_left_item_sub a, .menu_left_item_sub a:visited, .menu_left_item_sub a:active {
	color: #578216;
	text-decoration: underline;
}

.menu_left_item_sub a:hover {
	text-decoration: none;
}

.menu_left_item_sub a#menu_sub_active {
	text-color: #494949;
	font-weight: bolder;
	color: #4d4d4d;
}

.menu_left_hr {
	padding-top: 6px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: 5px;
	margin-left: 15px;
	font-size: 12px;
	color: #649316;
	background-image: url(gfx/helpdesk/hr.jpg);
	background-x-position: center;
	background-y-position: bottom;
	background-repeat: repeat-x;
	width: 130px;
}

#menu_left p {
	padding: 5px 0px 0px 10px;
	line-height: 16px;
	width: 180px;
}

.helpdesk_content {
	width: 580px;
	float: left;
	margin-top: 0px;
}

.helpdesk_content h1 {
	display: block;
	height: 35px;
	background-image: url(gfx/bg_h2.jpg);
	background-repeat: no-repeat;

	background-position: left center;
	padding: 12px 0px 0px 35px;
	margin: 0px 0px 0px 0px;
	font-size: 150%;
	font-weight: bold;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	color: #89ba36;
}
hr {
	border-style: dotted;
	border-color: #d1d1d1;
}

/*  Helpdesk ul's */
ul.helpdesk_list {
	margin: 0px 20px 10px 30px;
	list-style-image: url(gfx/helpdesk/menu_list_item_white_deep.jpg);
}
ul.helpdesk_list li {
	padding-left: 7px;
	margin-top: 5px;
}

.helpdesk_list_link, .helpdesk_list_link:visited, .helpdesk_list_link:active {
	margin-top: 5px;
	color: #4d4d4d;
	text-decoration: underline;
}

.helpdesk_list_link:hover {
	text-decoration: none;
}

.meerlezen, .meerlezen:visited, .meerlezen:active {
	color: #8abe1b;
	text-decoration: none;
	padding-left: 15px;
}

.meerlezen:hover {
	text-decoration: underline;
}

.alleartikels, .alleartikels:visited, .alleartikels:active {
	color: #8abe1b;
	text-decoration: none;
	padding-left: 5px;
}

.alleartikels:hover {
	text-decoration: underline;
}

.inline_code {
	padding-left: 5px;
	width: 550px;
	background-color: #f4f4f4;
	border: 1px dotted #cecece;
	font-size: 12px;
	overflow-x: auto;
	overflow-y: hidden;
	margin-top: 7px;
	margin-bottom: 7px;
	text-align: left;
}

.helpdesk_inline_img {
	margin-top: 15px;
	margin-bottom: 15px;
	border: 1px dotted #cecece;
	display: block;
	width: 580px;
	text-align: center;

	padding-top: 10px;
	padding-bottom: 10px;
}

.artikel_intro p {
	font-style: italic;
	font-size: 12px;
	text-align: justify;
	margin-bottom: 15px;
	width: 300px;
	float: left;
}

.artikel_gegevens {
	margin-top: 0px;
	float: right;
	width: 230px;
	background-color: #f4f4f4;
	border: 1px dotted #cecece;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
}

.artikel_content h3 {
	display: block;
	height: 20px;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	font-size: 13px;
	font-weight: bold;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-style: normal;
}

.artikel_content {
	text-align: justify;
	line-height: 140%;
}

.artikel_content a, .artikel_content a:visited, .artikel_content a:active {
	color: #5c8615;
	font-weight: bolder;
	text-decoration: none;
}

.artikel_content a:hover {
	color: #5c8615;
	font-weight: bolder;
	text-decoration: underline;
}

.artikel_related_items {
	text-align: justify;
}

.artikel_related_items h3 {
	display: block;
	height: 20px;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	font-size: 13px;
	font-weight: bold;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-style: normal;
}

.artikel_attachments {
	text-align: justify;
}

.artikel_attachments h3 {
	display: block;
	height: 20px;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	font-size: 13px;
	font-weight: bold;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-style: normal;
}

.artikel_intro h3 {
	display: block;
	height: 20px;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	font-size: 13px;
	font-weight: bold;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
}

acronym {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: black;
}

.search_field {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: inset;
	border-right-style: inset;
	border-bottom-style: inset;
	border-left-style: inset;
	border-top-color: #eeeeee;
	border-right-color: #eeeeee;
	border-bottom-color: #eeeeee;
	border-left-color: #eeeeee;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	font-family: "Tahoma",Arial,Helvetica,sans-serif;
	font-size: 12px;
}

.artikel_content ul  {
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 30px;
}

.artikel_content li  {
	margin-bottom: 0px;
	margin-top: 5px;

	padding-bottom: 0px;
	padding-top: 0px;
	padding-left: 5px;
	line-height: 110%;
}

/* ########################################
   #
   #
   # Helpdesk login
   #
   #
   ######################################*/

.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.40;
	opacity: .40;
	filter: alpha(opacity=40);
}

.white_content {
	display: none;
	position: absolute;
	top: 25%;
	left: 25%;
	width: 550px;
	height: 190px;
	padding: 2px;
	padding-left: 12px;
	padding-top: 0px;
	border: 0px solid green;
	background-color: white;
	z-index: 1002;
	overflow: auto;
}

.loginform {
	margin-top: 25px;
}

.loginform th {
	text-align: left;
	padding-bottom: 15px;
}