/* MKB SERVICEDESK */
body { font-family:Arial,sans-serif; }
#myframe {width:100%;padding:0;margin:0;border:0;overflow:hidden;}
	
a:hover  {
	text-decoration : none;
	color : #f60;
	}


p {
	margin: 5px 0 5px 0;
	}

h1 {
	font-size: 1.4em;
	line-height: 1.3em;
	font-weight: bold;
	}

h2 {
	font-size: 1.3em;
	line-height: 1.2em;
	font-weight: bold;
	}

h3 {
	font-size: 1.2em;
	line-height: 1.23em;
	font-weight: bold;
	}

h4 {
	font-size: 1em;
	line-height: 0.9em;
	font-weight: bold;
	}

h5 {
	font-size: 0.9em;
	line-height: 0.9em;
	font-weight: bold;}

h1, h2, h3, h4, h5 { 
	margin: 0.1em 0;
	font-family: "Lucida Grande", Arial, sans-serif;
	color:#ee7f00;
	}


#wrapper, body{font-size:13px;padding:0;margin:0}
/* -- START ORIGINAL
#wrapper{width:1100px;background:url('/media/3568/bg.gif') top left repeat-y;}
-- END ORIGINAL */

/* -- START NEW -- */
/*body {background: #F58426 url('http://www.mkbservicedesk.nl/gfx/bg_totaal.gif') repeat-y scroll center top }*/
#wrapper{width:980px;margin:0px auto;}
/* -- END NEW -- */

#header{background:white;text-align:center;height:77px; }
div.centered{width:789px;text-align:left;margin:auto;}
#header img.logo{float:left;border:0;clear:none;padding-top:0px;}
/* niet gebruikt
#header div.headerlinks {float:right;clear:right;color:white;padding:15px 0px 10px 0px;font-size:11px;height:10px;}
#header div.headerlinks a{color:white;text-decoration:none;}
#header div.headerlinks ul{padding:0;margin:0;}
#header div.headerlinks li{list-style-type:none;float:left;margin:0;padding:0;}
#header div.headerlinks li a {padding-right:5px;margin-right:5px;background:url('/media/2462/white.gif') center right no-repeat ;}
#header div.headerlinks li a.last{background:none;padding-right:0;margin-right:0}
*/
#header div.headertel {font-weight:bold;font-size:16px;float:right;clear:right;color:black;padding:10px 0px 0px 10px;margin:0;height:20px;width:210px;text-align:right;}
#header div.headertel span{color:#000;}
#header div.headertext {color:white;font-size:12px;float:left;text-align:center;clear:none;padding-top:20px; padding-left:10px;}
div#menu{padding-top:4px;border-bottom:1px solid #a09f9f;margin:0; background:#4b96ad;}
/* not applicable anymore!
ul#mainmenu {list-style-type:none;padding:0px 0px 0px 0px;margin:0;}
ul#mainmenu li{float:left;padding-right:5px;margin-right:5px;background:url('/media/2462/black.gif') 100% 3px no-repeat ;}
ul#mainmenu li a {text-decoration:none;font-size:16px;font-weight:bold;color: white;}
ul#mainmenu li.current a {text-decoration:underline;}
ul#mainmenu li.last{background:none;margin:0;padding:0;width:200px;}
ul#mainmenu li a:hover{color:#ccc;}
*/
/* -- START ORIGINAL
div#mainmenu ul {list-style-type:none;padding-left:0;margin-left:0;text-indent:0;}
div#mainmenu ul li{display:block;padding-top:10px;}
div#mainmenu ul li li{display:block;padding-top:0px;}
div#mainmenu ul ul {list-style-type:none;padding-left:10px;margin-left:0;text-indent:0;}
div#mainmenu ul li a{color:#3a434f;text-decoration:none;font-size:14px;font-weight:bold;}
div#mainmenu ul li a:hover{color:#FF6600;font-weight:bold;}
div#mainmenu ul ul li a{color:#1455a1;padding-left:10px;font-size:12px;font-weight:normal;background:url('/media/3568/arrow.gif') 0px 6px no-repeat;}
div#mainmenu ul li.current a {color:#FF6600;font-weight:bold;}
div#mainmenu ul li.current li a {color:#1455a1;font-weight:normal;}
div#mainmenu ul li.current li a:hover {color:#FF6600;font-weight:bold;}
-- END ORIGINAL -- */

/* -- START NEW -- */
div#mainmenu { text-align:center;clear:both;padding:5px 0px;height:50px; }
div#mainmenu ul {list-style-type:none;margin:0px;padding:0px;padding-left:250px;text-align:center;text-indent:0;}
div#mainmenu ul li{float:left;margin:0px 10px;}
div#mainmenu ul li li{float:left;margin:0px;padding:5px 0px;background:#f0f0f0;width:120px;border-bottom:1px solid #666666;}
div#mainmenu ul ul {list-style-type:none;width:120px;padding-top:10px;padding-left:0px;margin-left:0;text-indent:0;text-align:left;position:absolute;display:none;}
div#mainmenu ul li:hover ul,div#mainmenu ul li.sfhover ul {position:absolute;display:block;padding-top:10px; }
div#mainmenu ul li a:hover ul,div#mainmenu ul li a.sfhover ul  {position:absolute;display:block;padding-top:10px; }
div#mainmenu ul li:hover ul:hover {position:absolute;display:block;padding-top:10px;}
div#mainmenu ul li a:hover ul:hover {position:absolute;display:block;padding-top:10px;}
div#mainmenu ul li a{color:#3a434f;text-decoration:none;font-size:14px;font-weight:bold;}
div#mainmenu ul li a:hover{color:#FF6600;font-weight:bold;}
div#mainmenu ul ul li a{color:#1455a1;padding-left:10px;font-size:12px;font-weight:normal;background:url('/media/3568/arrow.gif') 0px 6px no-repeat;}
div#mainmenu ul li.current a {color:#FF6600;font-weight:bold;}
div#mainmenu ul li.current li a {color:#1455a1;font-weight:normal;}
div#mainmenu ul li.current li a:hover {color:#FF6600;font-weight:bold;}
/* -- END NEW -- */

/* -- START ORIGINAL --
div.headerlinks ul {list-style-type:none;padding-left:0;margin-left:0;text-indent:0;}
div.headerlinks ul li a{color:#1455a1;padding-left:10px;font-size:12px;font-weight:normal;text-decoration:none;background:url('/media/3568/arrow.gif') 0px 6px no-repeat;}
div.headerlinks ul li a:hover {color:#ff6600;font-weight:bold;}
div.headerlinks ul li a.current{color:#ff6600;font-weight:bold;}
-- END ORIGINAL -- */

/* -- START NEW -- */
div.headerlinks { text-align:center; clear:both; }
div.headerlinks ul {list-style-type:none;padding:5px 0px;margin:0;text-indent:0;}
div.headerlinks ul li {display:inline;margin:0px 20px;}
sdiv.headerlinks ul li a{color:#1455a1;padding-left:10px;font-size:12px;font-weight:normal;text-decoration:none;background:url('/media/3568/arrow.gif') 0px 6px no-repeat;}
div.headerlinks ul li a:hover {color:#ff6600;font-weight:bold;}
div.headerlinks ul li a.current{color:#ff6600;font-weight:bold;}
/* -- END NEW -- */

/*div.bottomblack{background:black;height:20px;color:white;width:100%;padding:0;margin:0;}*/


div.titlebox {
float:left;width:580px;
}
div#right{padding-left:10px;width:200px;border-left:1px solid #8c98a9;float:left;}


div#plantje{position:relative;top:-244px;}
div#plantje img{position:absolute;}
div.breadcrumbs span {float:left;clear:none;height:20px;}
div.breadcrumbs {height:20px;}
ul#breadcrumbs {display:block;float:left;clear:none;list-style-type:none;margin:0;padding:0;}
ul#breadcrumbs li {list-style-type:none;float:left;padding-left:15px;background:url('/media/common/breadcrumb.gif') 0px 1px no-repeat;}
ul#breadcrumbs li a {text-decoration:none;color:#3d5ba9;}
ul#breadcrumbs li.current a {color:#ed2024;}
div#spacerplantje {height:244px;padding:0;margin:0;width:167px;clear:both;float:left;}
div#middletop{height:27px; background:#b9d4de;}
div#middletop div.left{width:167px;border-left:1px solid  #a09f9f;border-right:1px solid  #a09f9f;height:27px;margin:0;padding:0;clear:left;float:left}
/*div#middletop div.breadcrumbs{width:610px;padding-left:9px;padding-top:5px;border-right:1px solid  #a09f9f;height:22px;margin:0;float:left;}*/
div#middle{margin:0;padding:0;}
div#middle div.centered{border-left:1px solid #a09f9f;border-right:1px solid #a09f9f;width:787px;background:url('/media/2462/pixel.gif') 167px 0 repeat-y;}
div#fixcol{clear:both;}

/* -- START ORIGINAL -- 
div#left {width:167px;margin:0;padding:0 0 0 10px;float:left;background:#f3f2f2}
 -- END ORIGINAL -- */

/* -- START NEW -- */
div#left {clear:both;border-bottom:3px solid #4A96AD;}
/*-- END NEW -- */

/* -- START ORIGINAL -- 
div#left {height:100%}
 -- END ORIGINAL -- */
div#right {height:100%}
div#main {height:100%}

div#left div#inloggen {margin:0 0 27px 0;border-top:1px solid  #a09f9f;border-bottom:1px solid  #a09f9f;height:240px;}
div#left div#inloggen h2{background:#ffcd33;color:black;font-weight:bold;margin:0;padding:5px 20px 5px 20px;border-bottom:1px solid #a09f9f;font-size:14px;}
div#left div#inloggen h3{background:#ffcd33;color:black;font-weight:bold;margin:0;padding:5px 20px 5px 20px;border-bottom:1px solid #a09f9f;font-size:14px;}
div#left div#inloggen label.inpEmail{padding:15px 20px 0px 20px;font-weight:bold;display:block;clear:both;}
div#left div#inloggen label.inpPassword{padding:15px 20px 0px 20px;font-weight:bold;display:block;clear:both;}
div#left div#inloggen input{float:left;padding:0px;margin-left:20px;display:inline;width:120px;}
div#left div#inloggen div#divBtnlogin input{width:130px;margin-top:15px;}
div#left div#inloggen a {display:block;float:left;padding-left:20px;padding-top:0;clear:both;}
div#inloggen div#divMelding {display:block;float:left;clear:both;}

div#main div#inloggen {margin:0 0 27px 0;border-top:1px solid  #a09f9f;border-bottom:1px solid  #a09f9f;height:240px;}
div#main div#inloggen h2{background:#f26921;color:white;font-weight:bold;margin:0;padding:5px 20px 5px 20px;border-bottom:1px solid #a28d86;font-size:14px;}
div#main div#inloggen h3{background:#ffcd33;color:black;font-weight:bold;margin:0;padding:5px 20px 5px 20px;border-bottom:1px solid #a09f9f;font-size:14px;}
div#main div#inloggen label.inpEmail{padding:15px 20px 0px 20px;font-weight:bold;display:block;clear:both;}
div#main div#inloggen label.inpPassword{padding:15px 20px 0px 20px;font-weight:bold;display:block;clear:both;}
div#main div#inloggen input{float:left;padding:0px;margin-left:20px;display:inline;width:120px;}
div#main div#inloggen div#divBtnlogin input{width:130px;margin-top:15px;display:block;clear:both;margin-bottom:20px;}
div#main div#inloggen a {display:block;float:left;padding-left:20px;padding-top:0;clear:both;}
 

div#left div#klantenservice {margin:0;border-top:1px solid  #a09f9f;border-bottom:1px solid  #a09f9f;}
div#left div#klantenservice h2{background:#ffcd33;color:black;font-weight:bold;margin:0;padding:5px 20px 5px 20px;border-bottom:1px solid #a09f9f;font-size:14px;}
div#left div#klantenservice span.telnummer {color:#ed2024;display:block;text-align:center;font-size:21px;font-weight:bold;padding-top:10px;}
div#left div#klantenservice span.open {display:block;text-align:center; font-weight:bold;}
div#left div#klantenservice a {display:block;text-align:center; }

div#main {float:left;padding-right:9px;padding-left:9px;width:601px;border-left:1px solid  #a09f9f;padding-bottom:10px;overflow:hidden;}
div#main h1.title {text-align:center;font-size:24px;display:block;height:27px;margin-top:5px;margin-bottom:5px;border:0;background:none;padding:0;color:black;}
div#main h2.aantallen {font-weight:normal;text-align:center;color:black;font-size:14px;display:block;height:20px;margin-top:5px;margin-bottom:5px;}
div#main h1.title strong {color:#4A96AD ;}
div#main h2.aantallen strong {color:#cb6615;}
div#main h2 {font-size:14px;} 
 

a.bericht {text-decoration:underline;color:blue;}

div#main img.homepic {display:block;padding:0;margin:0;width:200px;clear:none;float:left;}
a.smallish{font-size:11px;}
div.knop {padding-left:30px;background:url('/media/2462/knop-hoog.gif') top left no-repeat;height:30px;float:left;margin-top:10px;}
div.knop a {float:left;display:block;padding-right:15px;background:url('/media/2462/knop-hoog.gif') top right no-repeat;height:20px;padding-top:5px;padding-bottom:5px;text-decoration:none;color:black;font-weight:bold;}


div#footer{background:black;height:55px;}
div#footer div.centered{width:787px;border-left:1px solid white;border-right:1px solid white;height:55px;}
div.footercontent{margin-left:167px;border-left:1px solid white;text-align:center;height:50px;color:white;font-size:10px;padding-top:10px;}
div.footercontent a {color:white;text-decoration:none;}
div.homeboxspacer {width:21px;float:left;}
div.homebox {width:289px;float:left;}
div.homebox.wide {width:599px;}
div.homebox div.title{text-align:left;background:#f26921;border:1px solid #c88670;}
div.homebox div.title.blue{background:#4a96ad;border:1px solid #a28d86;}
div.homebox.helpdesk {text-align:center;height:150px;}
div.homebox div.title a {padding-left:15px;padding-top:5px;padding-bottom:5px;text-decoration:none;display:block;color:white;font-weight:bold;font-size:13px;}
div.padder {padding:0px 20px;}

h3{color:#ee7f00;font-weight:bold;margin-bottom:0px;padding-bottom:0px;font-size:15px;}
div.contactleft{
width:348px;
float:left;
margin-right:12px;
}
p{padding-top:0px;margin-top:0px;}
div.contactright{
width:239px;
float:left;
}
div.contactright img{
border:0;
float:left;
padding-right:10px;
position:relative;
}
span.telrood{
  font-size:15px;
  font-weight:bold;
  color:#e2001a;
  position:relative;
}
div.borderboxyellow {
	border:1px solid #ed1e24;
	background:#fcf9cf;
	padding:10px;
}
div.borderboxyellow  h4{
	margin-top:0px;
	padding-top:0px;
	padding-bottom:5px;
	border-bottom:1px solid #ed1e24;
	font-size:14px;
	position: relative;
}
div.borderboxgrey {
	border:1px solid #9c9c9c;
	background:#ecebea;
	padding:10px;
	margin-bottom:12px;
	position:relative;
}
div.borderboxgrey  h4{
	margin-top:0px;
	padding-top:0px;
	padding-bottom:5px;
	border-bottom:1px solid #9c9c9c;
	font-size:14px;
	margin-bottom:10px;
	position:relative;
}
h2.leftmenuheader{
	display:block;
	font-size:13px;
	border-top:1px solid #a09f9f;
	border-bottom:1px solid #a09f9f;
	background:#ffcd33;
	height:22px;
	font-weight:bold;
	padding-left:20px;
	padding-top:5px;
	margin:0;
}
ul#leftmenu {
	list-style-type:none;
	margin:0;
	padding:0;
	margin-bottom:27px;
}
ul#leftmenu li{
	padding-top:5px;
	padding-left:20px;
	margin:0;
	display:block;
	height:22px;
	border-bottom:1px solid #a09f9f;	
	font-weight:bold;
	}
ul#leftmenu li a{	
	text-decoration:none;
	color:black;
	}
ul#leftmenu li.current a{		
	padding-left:10px;
	background:url('/media/2462/arrow.gif') 0px 4px no-repeat;
}
div.contactleft div.padded{
padding:0px 10px 0 10px;
}
div.contactleft label{
position: relative;
}
div.contactleft label.simple{
	width:80px;
	display:block;
	float:left;
	position: relative;
}
div.contactleft input{
	width:200px;
	margin-bottom:10px;
}
select#onderwerp{
	margin-top:10px;margin-bottom:20px;
}
textarea#opm{
	width:300px;
	height:175px;
}
button.yellowwhite{
margin-top:10px;
height:27px;
width:175px;
font-weight:bold;
font-family:"arial";
font-size:14px;
float:right;
clear:both;
background:url('/media/2462/knop-hoog.gif') top left no-repeat;
border:none;
margin-bottom:0;
}
div.spacer{clear:both;height:1px;font-size:1px;}
div.contactright{
	font-size:11px;
}
ul#tablist{display:none;}
div#main h1, div#right h1{background:#4a96ad;color:white;border:1px solid #a09f9f;display:block;padding-top:5px;height:22px;font-size:13px;margin-top:0px;padding-left:10px;font-weight:bold;clear:both;}
div#main h1.orange, div#right h1.orange {color:white;background:#F26921;border:1px solid #a09f9f;display:block;padding-top:5px;height:22px;font-size:13px;margin-top:0px;padding-left:10px;font-weight:bold;clear:both;}
#sitemap ul {  padding-top:5px;}
#sitemap li { font-weight:bold; padding-bottom:5px;}
#sitemap ul li   { font-weight:normal;}

div.boxproc{width:280px;float:left;padding-left:10px;height:120px;}

.stagezoeken label {
display:block;
float:left;
width:250px;}

.stagezoeken input { margin-bottom:5px; }

#zoekenStageTitle {
background:#E2E4E6 ;
padding-top:5px; padding-bottom:5px;
width:100%;
}
a.titel {font-size:16px; }
.resultnr { font-size:14px; font-weight:bold; color:red;}
#zoekenStageOmschr {padding:10px; }
.zoekenStageSpecs {padding-left:10px;font-size:11px;  }
.zoekenStageSpecs img { display:block;}

.button,.button a {text-decoration:none;height:22px;display:inline;color:#000;font-weight:bold;padding-right:7px}
.button a:hover {color:#F30}
.buttonLeft {display:inline;padding-top:1px;padding-bottom:3px;padding-left:17px;width:22px;height:25px; background:url('/media/common/button_left.gif') no-repeat 0 0}
.buttonLeftVorige {display:inline;padding-top:1px;padding-bottom:3px;padding-left:17px;width:22px;height:25px; background:url('/media/common/button_left_vorige.gif') no-repeat 0 0}
html>body .buttonLeftVorige {padding-left:13px}
html>body .buttonLeft {padding-left:13px}
.buttonMid {display:inline;background:url('/media/common/button_mid.gif') repeat-x;padding-top:1px;padding-bottom:3px;padding-left:5px;margin-left:-3px;height:25px}
.buttonRight {display:inline;background:url('/media/common/button_right.gif') no-repeat 0 0;padding-top:1px;padding-bottom:3px;padding-right:5px;margin-left:-3px;height:19px}
.button img {border:0}

.tdcenter {text-align:center;}
tr.g {background:#f2f8fa;}

h2.stap span{color:red;}
h2.stap {border-bottom:1px solid red;}
div.spacer20px{height:20px;clear:both;}
li.personal {background:#ffed78}

span.chatopen {color:green;text-decoration:underline;font-size:12px;font-weight:bold;}
span.chatdicht {color:red;}





/* uit inschrijven vacaturepakket */
 
.stapBoxOrange {width:450px;}
.stapBoxTitelOrange {background:#FF7300 url('/media/corner_r.gif') no-repeat top right;float:left; width:100%; } 
.stapBoxTitelOrange h2 {padding-left:10px;background: url('/media/corner_l.gif') no-repeat 0px 0px;float:left; color:#fff;}
.stapBoxContentOrange {height:130px; border-left:1px solid #FF7300;border-right:1px solid #FF7300; border-bottom:1px solid #FF7300;padding-bottom:15px;}
.stapBoxContentBoxOrange {width:50%; float:left; height:100%;}
.stapBoxContentBoxOrange h2 {padding-left:9px;padding-top:9px;color:#F30}
.stapBoxContentBoxOrange p {padding-left:9px;}
.stapBoxBottomOrange {width:100%; margin:0px;}
.stapBoxBottomOrange p{padding:0px;margin:0px 0px 0px 4px; height:20px;}
.vacatures td.grey {background:#D1DADE;}
.vacatures {width:275px;text-align:center;border-collapse:collapse;}
.vacatures td,.vacatures th{border:0;padding:0;height:24px;margin:0px;background:#fff;}
.stapBoxTitel h2 {}
.stapBoxBottom{width:100%; margin:0px;}
.stapBoxBottom p{padding:0px;margin:0px 0px 0px 4px; height:20px;}
.bedrijfsgegevens td {  font-size:14px; padding-bottom:10px; }
.bedrijfsgegevens { padding-left:10px; }
.bedrijfsgegevens h3  {  font-size:14px; padding-top:10px; }
.question { border:0; vertical-align:top; padding-left:10px; }
#aantal { border:1px solid black; color:#000; background:#fff; font-size:16px; font-weight:bold; padding:2px; text-align:center; width: 30px;}
.nawgegevens td {vertical-align:top;}
.butbetaal { border:0; vertical-align:middle; padding-left:115px; }
.asterisk  { border:0; vertical-align:middle; padding-left:5px; position:relative; top:-4px; }