/* CSS Document */
* { margin:0; padding:0;}
html, body { height:100%; }
body {font-size:100%; line-height:1.125em; background:url(../img/bg1.gif) repeat-x 0 3px #fff}
html, input, textarea	{	font-family: Arial, Helvetica, sans-serif; color:#4f4f4f; }	

input, textarea { border:1px solid #A9A9AC; padding: 5px; font-size: larger;}
input[type=radio], input[type=checkbox] { border: none; }
select { font-size:larger; color:#2d3331; height:25px; padding: 0;	font-family:Tahoma;}
textarea { width: 500px; } 
ol {margin: 0 0 0 18px }

.alignMiddle{ vertical-align: middle;}
.alignCenter{ text-align: center;}
.container1{ width:100%}
object { vertical-align:top; outline:none}
.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}
div.container {	overflow:hidden; width: 100%;}
img {border: none;}
a.img{border:none; }
a{color:#4f4f4f; text-decoration:underline; outline:none} 
a:hover{text-decoration:none}

.link{ color:#ed1c24; background:url(../img/marker1.gif) top left no-repeat; padding-left:25px; background-position:0 0; font-weight:bold  }
.link1{ color:#ed1c24; font-weight:bold}
.link2{ color:#504f53; background:url(../img/vinkje16.png) top left no-repeat; padding-left:25px; background-position:0 0; font-weight:bold;}
.link3, .screencast{ color:#ed1c24; font-weight:bold; float: right; margin: 5px;}
.link4{ font-weight: bold; color: #ed1c24; cursor: pointer;}

/* Buttons */
.button{margin: 10px 0 0 0;}
.button:hover {text-decoration:none; }
.importantButton{color:#FFF; width: 180px; height: 45px; background:url(../img/buttonred.gif) top left no-repeat; font-size: 13pt; font-family: arial; padding:0; border: none !important; }

a.button{ background:url(../img/button.gif); display:block; color:#555555; font-weight:bold; height:30px; line-height:29px; margin-bottom:14px; text-decoration:none; width:191px;}
a:hover.button{color:#ed1c24;}
/* classes for button */
.add{background:url(../img/icons/add.png) no-repeat 10px 8px; text-indent:30px; display:block; }
.delete{background:url(../img/icons/bin.png) no-repeat 10px 8px; text-indent:30px; display:block; }
.back{background:url(../img/icons/arrow_left.png) no-repeat 10px 8px; text-indent:30px; display:block; }
.markread{background:url(../img/icons/tick.png) no-repeat 10px 8px; text-indent:30px; display:block; }

/* lists */ 
#content ul, #content dl{margin:0; padding:0; list-style:none;}
#content ul li, #content dl dt {background:url(../img/vinkje16.png) top left no-repeat; background-position:0 11px; margin:0; padding-left:25px; }
#content ul li a, #content dl dt {color:#ed1c24; text-decoration: underline; line-height:2.75em; font-weight:bold} 
#content ul li a:hover { text-decoration:none; }

#content .ul li{background:url(../img/marker.gif) top left no-repeat; background-position:0 9px; margin:0; padding-left:12px; }
#content .ul li a{color:#efefef; text-decoration: underline; line-height:1.91em; font-weight:normal} 
#content .ul li a:hover { text-decoration:none; }
#content .ul1 li{background:url(../img/marker2.gif) top left no-repeat; background-position:0 9px; margin:0; padding-left:12px; }
#content .ul1 li a{color:#504f53; text-decoration: underline; line-height:1.91em; font-weight:normal} 
#content .ul1 li a:hover { text-decoration:none; }
.ul2 li { line-height:2.3em; font-weight:bold; padding-top: 5px;}

.link-1 { display:block; float:left; background:url(../img/link_bg.gif) left top repeat-x; color:#ffffff; text-decoration:none; }
.link-1 em { display:block; background:url(../img/link_left.gif) no-repeat left top; font-size:1.5em}
.link-1  b { display:block; background:url(../img/link_right.gif) no-repeat right top; padding:10px 15px 13px 18px;  font-style:normal;}
.link-1:hover{ text-decoration:none; color:#000000}

.link-2 { display:block; float:left; background:url(../img/link_bg1.gif) left top repeat-x; color:#FFF; text-decoration:none; }
.link-2 em { display:block; background:url(../img/link_left1.gif) no-repeat left top; font-size:1.5em}
.link-2  b { display:block; background:url(../img/link_right1.gif) no-repeat right top; padding:10px 15px 13px 18px;  font-style:normal;}
.link-2:hover{ text-decoration:none; color:#000000}

.link-3 { display:block; float:left; background:url(../img/link_bg2.gif) left top repeat-x; color:#ffffff; text-decoration:none; }
.link-3 em { display:block; background:url(../img/link_left2.gif) no-repeat left top; font-size:1.5em}
.link-3  b { display:block; background:url(../img/link_right2.gif) no-repeat right top; padding:13px 15px 12px 44px;  font-style:normal;}
.link-3:hover{ text-decoration:none; color:#000000}

.link-4 { display:block; float:left; background:url(../img/link_bg2.gif) left top repeat-x; color:#ffffff; text-decoration:none; }
.link-4 em { display:block; background:url(../img/link_left3.gif) no-repeat left top; font-size:1.5em}
.link-4  b { display:block; background:url(../img/link_right2.gif) no-repeat right top; padding:13px 15px 12px 18px;  font-style:normal;}
.link-4:hover{ text-decoration:none; color:#000000}


/*header*/
#header {font-size:0.6875em; color:#ed1c24 }
#header .logo{ width: 380px; margin: -1px 0 0 0; position:absolute; }
#header .block{ margin:123px 0 0 0; position:absolute; background:url(../img/vakman1.gif) no-repeat /*top right*/ 680px 20px; height:290px; width:980px;}
#header .menu{ margin:58px 0 0 421px; position:absolute; width:560px;}
#header .indent{margin:11px 0 0 0px; position:absolute; right: 0px; width:350px; text-align: right; }
#header .slogan{margin:45px 0 0 0px}
#header a{color:#ed1c24; font-weight:bold; text-decoration:none;} 
#header a:hover{text-decoration:underline}

#header h1 {color:#fff; height: 100px; font-size:3.18em; margin-bottom:13px; line-height:1.2em; padding: 0;  }
#header h1 a{color:#fff; text-decoration:none  }
#header h1 a:hover{text-decoration:none  }

#header ul{margin:0; padding:0; list-style:none;}
#header ul li{ margin:0; display:inline}
#header ul .last{background:none}
#header ul li a{background:url(../img/bg_menu.gif) top left no-repeat; color:#fff; text-decoration:none; width:112px; text-align:center; display:block; float:left; font-weight:bold; padding:15px 0 23px 0; font-size:1.63em} 
#header ul li a:hover { text-decoration:none; background:url(../img/bg_menu-act.gif) top left no-repeat;}
#header ul li .current{ text-decoration:none; background:url(../img/bg_menu-act.gif) top left no-repeat;  }
#header ul li a.test{background:url(../img/bg_menu-act.gif) top left no-repeat; color:#fff; text-decoration:none; width:112px; text-align:center; display:block; float:left; font-weight:bold; padding:15px 0 23px 0; font-size:1.63em} 

.reference {width:735px; height: 250px; background: url(../img/homeGardener.png) no-repeat; margin: 1px 1px 3px 0; }

/*Home*/
.homeBox {background: url('/img/postit.jpg') no-repeat; width: 200px; height: 200px; padding: 25px; margin: 5px 0 0 0; float:left; cursor:pointer; }
.homeText {padding: 10px 20px 10px 0px ; width: 190px; float:left;} 

/*content*/
#content .block h1 {color:#343434; font-size: 3.3em; margin: 35px 0 20px 0; line-height:1.2em; padding: 0;}
#content h1 strong{color:#ed1c24;}
#content{ font-size:0.75em; width:100%; text-align:left;}
#content .indent-main{padding:0 0 50px 2px}
#content .indent-col{padding:5px 0 0 0}
#content .indent-col1{padding: 45px 0 0 0}
#content .title{  margin-bottom:16px}
/*#content .../img-left{ float:left; margin:0 20px 6px 0}
#content .../img-indent{ margin:0 0 16px 0}*/
#content p{ margin:0 0 17px 0}
#content .p{ margin:0}
#content .p1{ margin:0 0 17px 0}
#content h4{color:#ed1c24; font-size:1em; }
#content h2{color:#000000; font-size:1.83em; margin-bottom:20px; line-height:1em; font-weight:normal;  }
#content h2.infoSubcategory {margin: 20px 0 10px 0;}
#content h2.seo {color:#ed1c24; font-size: 1.2em; margin-bottom: 0px; } 
#content h2 strong{color:#ed1c24; font-size:1.045em; }
#content .tail{ background:url(../img/tail.gif) repeat-x bottom; padding-bottom:25px; margin-bottom:25px}
#content .tailHome {background: url(../img/tail.gif) repeat-x bottom; padding-bottom:25px; height:190px;}
#content .tail h3 { line-height:24px;} 

#content .indent{padding:0 0 0 0}
#content .indent-1{margin:-27px 0 0 30px; position: absolute}
#content .indent-2{margin:-27px 0 0 30px; position: absolute; width:200px}
#content .indent1{padding: 0 0 25px 0}

/*box*/
.boxHolder {width: 300px; } 
.box{ background:#161616; width:100%; color:#efefef /*color:#989d9f*/}
.box .border-top {background:url(../img/border_top.gif) repeat-x top;}
.box .corner-top-left {background:url(../img/corner_top_left.gif) no-repeat left top;}
.box .corner-top-right {background:url(../img/corner_top_right.gif) no-repeat right top;}
.box .corner-bottom-left {background:url(../img/corner_bottom_left.gif) no-repeat left bottom;}
.box .corner-bottom-right {background:url(../img/corner_bottom_right.gif) no-repeat right bottom; width:100%; }
.box .indent-box{ padding:35px 20px 52px 30px; }
#content .box h2{color:#ed1c24; font-size:1.5em; margin-bottom:23px; line-height:1.22em; font-weight:normal  }
#content .box h2 strong{color:#fff; font-size:1.33em; }

/*box1*/
.box1{ background:#d5d9db; width:100%;}
.box1 .border-top {background:url(../img/border_top1.gif) repeat-x top;}
.box1 .corner-top-left {background:url(../img/corner_top_left1.gif) no-repeat left top;}
.box1 .corner-top-right {background:url(../img/corner_top_right1.gif) no-repeat right top;}
.box1 .corner-bottom-left {background:url(../img/corner_bottom_left1.gif) no-repeat left bottom;}
.box1 .corner-bottom-right {background:url(../img/corner_bottom_right1.gif) no-repeat right bottom; width:100%; }
.box1 .indent-box{ padding:35px 20px 55px 30px; color:#000; }
#content .box1 h2{color:#000; font-size:1.5em; margin-bottom:18px; line-height:1.22em; font-weight:normal  }
#content .box1 h2 strong{color:#000; font-size:1.33em; line-height:.83em }
#content .box1 h3, #content .box1 h3 a {font-weight:bold; color:#000; text-decoration:none;} 
#content  h3 a {font-size: 11pt; text-decoration: none;}
#content  h3 a:hover{text-decoration: underline;}
#content .box1 a {color:#000;}
#content .box1 a:hover {text-decoration: none;}
#content .box1 .ul li{background:url(../img/icons/film.png) top left no-repeat; background-position: 0 4px; margin: 0; padding-left:19px; }

/*box2*/
.box2{ background:#f3f5f6; width:100%; line-height:1.16em; color:#161616}
.box2 .border-top {background:url(../img/border_top2.gif) repeat-x top;}
.box2 .border-bottom {background:url(../img/border_bottom2.gif) repeat-x bottom;}
.box2 .border-left {background:url(../img/border_left2.gif) repeat-y left;}
.box2 .border-right {background:url(../img/border_right2.gif) repeat-y right;}
.box2 .corner-top-left {background:url(../img/corner_top_left2.gif) no-repeat left top;}
.box2 .corner-top-right {background:url(../img/corner_top_right2.gif) no-repeat right top;}
.box2 .corner-bottom-left {background:url(../img/corner_bottom_left2.gif) no-repeat left bottom;}
.box2 .corner-bottom-right {background:url(../img/corner_bottom_right2.gif) no-repeat right bottom; width:100%; }
.box2 .indent-box{ padding:26px 20px 45px 22px; }
.box2 .indent-box1{ padding:36px 20px 45px 22px; }
#content .box2 h2{color:#161616; font-size:1.5em; margin-bottom:18px; font-weight:bold }
#content .box2 h3{color:#161616; font-size:1.3em; margin-bottom:25px; font-weight:bold }

/*footer*/
#footer { color:#181818; font-weight:bold; font-size:0.75em; background:url(../img/bot.gif) repeat-x top ; clear:both;}
#footer .indent-footer{ padding:17px 0 0 0;}
#footer .indent-footer1{ margin:38px 0 0 831px; position:absolute}
#footer a {color:#181818; text-decoration:none}  
#footer a:hover {  text-decoration:underline}

#footer ul{margin:0; padding:0; list-style:none;}
#footer ul li{ margin:0; display:inline; background:url(../img/bg_li.gif) center left no-repeat; float:left}
#footer ul li a{color:/*#bababa*/ #ed1c24; text-decoration:none; display:block; float:left; padding:2px 10px 2px 10px; font-weight:normal; text-transform:uppercase; font-size:.83em} 
#footer ul li a:hover { text-decoration:none; }
#footer ul .first{background:none;}
#footer ul .first a{ padding-left:0}
#footer ul li .current{ text-decoration:none; background:url(../img/bg_menu.gif) top left no-repeat;  }

.jamp{ width:40px; margin-left:6px}

.h{ height:29px}
.block-contact span{ float:right; margin-right:20px}

/*searchfield Zoek uwVakman*/
#header .searchHolder{ width: 300px; margin: 10px 0 0 100px;}
.searchHolder input{ font-size: larger; width: 180px; margin: 10px 0 0 0; color:#4f4f4f; font-family:Tahoma; border:1px solid #CCC; padding: 5px;} 
.searchHolder select{ font-size: larger; width: 190px; color:#4f4f4f; font-family:Tahoma; border:1px solid #CCC; height:35px; padding: 5px;} 
.searchHolder .button{ background:url(../img/buttonred.gif) top left no-repeat; font-weight: bold; padding: 0; height: 45px; border: none; color: #fff; font-family: arial; font-size: 13pt;}

/*Zoekresultaten pagina*/
.companyInfo { width: 500px; margin: 0 0 10px 0; padding: 3px; background: url(../img/tail.gif) repeat-x bottom; padding-bottom: 10px;}
.companyInfo span.companyInfoLink { float:right; margin: -16px 5px 0 0}
.companyInfo a.companyInfoLink:hover { text-decoration: underline;}
.companyInfo a { margin: 0 0 0 5px;}

/*GoogleMap*/
.sidebarMap { width: 250px; height: 230px; border: 1px solid #ccc;}
.bigMap { width: 500px; height: 650px; float: left; margin: 0 0 20px 0;}

/*Sponsors*/
.sponsorHolder {width: 250px;}
.sponsorHolder img {width: 100%; margin: 10px 0 10px 0; border: 1px solid #ccc; display: block; }
.landingRight .sponsorHolder img { width: 85% }

/*Formulieren*/
label { display: block; cursor:pointer; margin: 10px 0 0 0;}
select,label,.pointer { cursor:pointer; }
.fieldLabel { width: 150px;}
.proposalForm .textField { height: 18px; width: 260px;}
.proposalForm h4 { margin: 5px 0 5px 0;}
.orderTextarea { height: 150px; padding: 5px;}

.companyForm .textField, .companyForm select  { margin-bottom: 15px; width: 600px; color: #2d3331; font-family:Tahoma; font-size: 1.2em; }
.companyForm .textField {width: 300px; }
.companyForm select {width: 300px; margin-bottom: 15px;}
.companyForm fieldset {width: 400px; border: 1px solid #ccc }

.formFieldInline {float:left; margin: 0 10px 10px 0; } 

legend { color:#ed1c24; font-size:1.5em; font-weight: bold; }
fieldset {padding: 5px;}

p.info { color: #ed1c24;}

/* Loginform */
.login {width: 370px; text-align:center; border: 1px solid #ccc; padding: 10px; margin: 40px auto 40px auto; background:#F3F5F6;}
.login div.submit {text-align: center; margin: 20px 0 20px 0;}

/*Subscriptions page*/
table.subscriptions { width: 100%; margin-bottom: 5px;}
.subscriptions th { width: 200px; height: 40px; text-align:center;}
.subscriptions td { text-align: center; height: 25px;}
th.feature { text-align: left;}
td.feature { text-align: left;}
table.subscriptions a { color: #ed1c24; text-decoration: none; font-weight: bold;}
table.subscriptions a:hover { text-decoration: underline;}

/*Call to action Headers */
.actionHeader {text-align: center; margin: 0 0 20px 0;}

/*adverteren page */
table.adverteren { width: 50%; margin-bottom: 20px; font-size: 100%;}
.adverteren th { text-align: left; color: #ed1c24;}

/*Dashboard*/
#content .ul li{background:url(../img/marker.gif) top left no-repeat; background-position:0 9px; margin:0; padding-left:12px; }
#content .ul li a{color:#000; text-decoration: underline; line-height:1.91em; font-weight:normal} 
#content .ul li a:hover { text-decoration:none; }
#content .ul1 li{background:url(../img/marker2.gif) top left no-repeat; background-position:0 9px; margin:0; padding-left:12px; }
#content .ul1 li a{color:#504f53; text-decoration: underline; line-height:1.91em; font-weight:normal} 
#content .ul1 li a:hover { text-decoration:none; }
#content .ul1 {margin: 0 0 15px 0; }

.userAction {width: 305px; height: 185px; margin: 5px 5px 5px 0px; padding: 7px 5px 0 7px; background: url("/img/userActionHolder.png") no-repeat; float: left;}
.userAction img {border: 1px solid #efefef; margin: 10px 0 5px 0; }


/* This is the notification bar */
.message { width: 100%; position: fixed; left: 0; top: 0; padding: 5px; text-align: center; font-weight: bold; background: url("../img/link_bg.gif") repeat-x; color: #FFFFFF; z-index: 300;}

/* This class is for form validation errors */
.error-message { color: red;}

/* Navigatie zoekresultaten */
.searchresultsNav { color: #ed1c24; text-transform:uppercase; font-size: 1em; margin-right: 20px;}
.searchresultsNav a:hover {text-decoration: none; } 

/**** Proposalrequest Voor Vakman gedeelte *****/
.proposalIndex, .proposalView { width: 90%;}
.proposalView th, .proposalIndex th { width: 200px; height: 40px; color: #ed1c24; text-align: left;}
.proposalIndex .created { width: 70px;}
.proposalIndex .unread td { font-weight: bold; color:#2d3331}
tr.alternate, tr.unreadalternate {background: #efefef;}
tr.unreadalternate, tr.unreadregular {font-weight: bold; }
table.proposalIndex a {margin-right: 15px; }

/*websitebeheer voor vakman*/
#tabnav {font-size:0.6875em; color:#FFFFFF; border-bottom: 3px solid #ABBF30; margin: 0 0 15px 0; }
#tabnav ul{margin:0; padding:0; list-style:none;}
#tabnav ul li{ margin:0; display:inline; background: none;}
#tabnav ul .last{background:none}
#tabnav ul li a{background:url(../img/bg_menu.gif) top left no-repeat; color:#fff; text-decoration:none; width:112px; text-align:center; display:block; float:left; font-weight:bold; /*padding:15px 0 23px 0;*/ font-size:1.63em} 
#tabnav ul li a:hover { text-decoration:none; background:url(../img/bg_menu-act.gif) top left no-repeat;}
#tabnav ul li .current{ text-decoration:none; background:url(../img/bg_menu-act.gif) top left no-repeat;  }

/* Gallery */
.gallery .picture {
	height: 150px;
}

.gallery .picture .canvas {
	float: left;
	width: 200px;
	padding-left: 30px;
	text-align: center;
}

/* This class is for autocomplete */
.ac_results ul { position: absolute; top: 0px; left: 0px; background: #FFF; width: 100%; border: 1px solid #4F4F4F}
.ac_results li { list-style-type: none; padding: 0 0 0 5px;}
.ac_results li:hover {background: #ed1c24 ; color: #FFFFFF;}

/* register pages */
form#UserAddForm { border:1px solid #EFEFEF; padding:1em;}
.subscriptionHolder {width: 95%; padding: 20px 10px 20px 10px; border: 1px solid #ccc; margin-top: 15px; margin-bottom: 5px; background: #F3F5F6;}
fieldset.register {width: 300px; float: left; margin: 0 0 10px 0; border: none;}
fieldset.subscriptions {width: 590px; float: left; margin: 0 0 10px 0; border: none; }
fieldset.subscriptions h3 {margin-bottom: 10px }
div.submit {text-align: right;}
div.submitLeft {text-align: left; margin: 10px 0 10px 0}
td.accountname {text-align: left; }
td.features {height: 145px; text-align: left; vertical-align: top;  }
td.price {color: #ed1c24; font-weight: bold;}

/* breadcrumb */
.breadcrumb {margin-bottom: 10px; }

/* screencasts */
.screencastHolder {margin: 0 0 20px 0; text-align: center;} 

/* search landingpage*/
.searchPanel { width: 400px; float: right; padding: 20px 0; color: #4f4f4f;} 
.searchPanel input, .searchPanel select { font-size: larger;  border:1px solid #4f4f4f; padding: 5px; width: 340px} 
.searchPanel select { width: 352px; height: 33px; margin: 0 0 5px 0;}
.searchButton {background: #ed1c24; color: white; font-weight: bold;}

.searchPanel .companyInfo { width: 400px; }
.searchPanel span.companyInfoLink { margin: 0; }

/* vakman landingpage */ 
/*.actionButton { background: #ed1c24; color: white; font-weight: bold; margin-right: 150px; height: 40px;} */
.actionButton {	display:block; width:250px; height:30px; padding: 20px 50px 0 0; float: left; color: white;}
.actionButton a { display:block; width:100%; height:35px; background:url(/img/action_button.png) no-repeat top left; outline:none; color: white; text-decoration: none; font-weight: bold; font-size: 12pt; text-align: center; padding: 15px 0 0 0; }
.actionButton a:hover { background-position:0 -50px;}
.spacer {width: 100%; clear:both; height: 25px; background: #ed1c24;}
.productinfo { font-size: 11pt; padding: 10px 0 0 0; line-height: 1.5;} 
.productHolder {width: 82%; padding: 20px 10px 0 10px; border-bottom: 1px solid #efefef; margin: 15px 25px 5px 0; float: left;}
.video {width: 320px; height: 122px; margin: 10px; padding: 7px 5px 0 7px; background: url("/img/image_holder.png") no-repeat; float: left;} 
.video img {border: 1px solid #efefef; } 

/* aanbiedingen van vakmannen onderdeel en klusonderdeel*/
.offer { width: 200px; height: 200px; margin: 0; padding: 25px; float:left; background: url("/img/postit.jpg") no-repeat; position: relative; }
.offerLink { position: absolute; top: 200px; left: 10px; width: 200px; z-index: 100; text-align: right; }
h3.postit { font-size: 1.3em; margin: 0 0 15px 0; line-height: 150%; color: #000; overflow:hidden; }
h3.postit a {color:#000}
.postitDetails {position: absolute; top: 130px; left: 25px; width: 200px;}
a.offerDetails { font-family: georgia;}
.offerDetails { width: 50%; margin: 20px 0 20px 0;}
.offerDetails h4 { margin: 15px 0 0 0; }

.filterControls {margin: 0 0 15px 0; }
.filterControls select { margin: 0 0 10px 0; width: 175px;}

.filter { height: 30px; color: #ed1c24}
.filter li { float: left; margin: 0 10px 0 0; list-style-type: none;}
.filter a{color:#ed1c24; font-weight:bold; text-decoration:none; margin: 0 5px 0 5px;}
.filter a:hover{text-decoration:underline}

.indent-bulletinBoard {padding: 25px 20px 55px 20px; }

/* plaatsen van aanbieding */
.offerIndex { width: 80%; margin: 5px 0 40px 0;}
.offerIndex th, .offerPrices th { height: 30px; color: #ed1c24;}
.offerIndex .created { width: 100px;}
.offerIndex .unread td { font-weight: bold; color:#2d3331}

.offerPrices { width: 50%; margin: 20px 0 0 0;}

/* Klussen portaal */ 
.job { width: 201px; height: 200px; margin: 0; padding: 25px; float:left; background: url("/img/postit.jpg") no-repeat;}
a.jobDetails { font-family: georgia;} 
.jobDetails { width: 50%; margin: 20px 0 20px 0;} 
.jobDetails h4 { margin: 15px 0 0 0; clear: left;} 
.jobOffer h3 { margin: 20px 0 10px 0;}

.jobOffer textarea { width: 340px;}
.jobOffer input {width: 340px; } 
.jobOfferBid input {width: 300px; }

fieldset.jobOffer { width: 45%; float: left; margin: 0 0 10px 0; border: none;}
fieldset.jobUser { width: 45%; float: left; margin: 0 0 10px 0; border: none;}
fieldset.jobPreview { width: 45%; float: left; margin: 0 0 10px 0; border: none;}
fieldset.jobOfferBid {border:none; width: 45%; }

.jobDetails {float: left; width: 42%; margin: 0 50px 30px 0; }
.jobDetails p {text-align: justify;}
.jobPicture {float: left; width: 105px; height: 85px; margin: 10px; padding: 2px; border: 1px solid #efefef;}

/* formulier voor gegevens consument plaats een klus onderdeel */
.jobUser input {width: 190px; } 
.jobUserVoorletters, .jobUserTussenvoegsel, .jobUserHuisnummer {float: left; margin: 0 20px 0 0 }
.jobUserVoorletters input {width: 55px; } 
.jobUserTussenvoegsel input {width: 80px; } 
.jobUserHuisnummer input {width: 70px; }

.jobUserNAW {clear:both;} 
.jobUserHolder { width: 200px; height:30px; margin: 0 10px 0 0; float: left;}

table.jobOffers { width: 65%; margin-bottom: 30px; border:1px solid #efefef;}
.jobOffers th { width: 200px; height: 25px; text-align:left; background: #efefef;}
.jobOffers td { text-align: left; height: 25px;}
th.jobOffers { text-align: left;}
td.jobOffers { text-align: left;}
table.jobOffers a { color: #ed1c24; text-decoration: none; font-weight: bold;}
table.jobOffers a:hover { text-decoration: underline;}

/*Informatieportaal  */
.categoryHolder {height: 145px; width: 405px; float: left; margin: 10px; padding: 6px 10px 10px 10px; background: url("/img/categoryHolderGrey.png") no-repeat; position:relative;}
.categoryHolder a {color: #FFF; font-weight: bold; text-decoration: none; margin: 0 0 10px ;}
.categoryHolder a:hover {text-decoration: underline; }
.categoryHolder h3 {margin: 0 0 10px 0; }
.categoryHolder .link3 {color: #4f4f4f; font-weight:bold; float: right; margin: 5px;}
.answers {position: absolute; width: 200px; right: 10px; bottom: 10px; }

/* Map layout */
body#map { background-position: 0 -25px; height: 100%;}
body#map div#header { height: 97px; padding: 0 5px 0 5px}
body#map div#header .logo img { background-image: none; border: 0; width: 182px; height: 50px; padding: 10px; }
body#map div#header .indent { margin: 0; float: right; width: auto; right: 10px; }
body#map div#header .menu { margin:0; right: 10px; top: 30px} 
body#map .main { width: 100%; height: 100%; }
body#map .indent-main { padding: 0; }
body#map .bigMap {
	position: absolute;
	top: 97px;
	left: 435px;
	right: 0px;
	bottom: 30px;
	width: auto;
	height: auto;
	margin: 0;
	float: none;
}
body#map div#footer .indent-footer {
	margin:0;
	position: absolute;
	bottom: 0px;
	left: 10px;
	right: 10px;
}

body#map .searchPanel { 
	position: absolute;
	left: 10px;
	padding: 20px 0 0 0;
	float: none;
	width: 425px;
	top: 97px;
	bottom: 30px;
	overflow: auto;
}
body#map input.importantButton {
    width: 180px;
    font-weight: bold;
}
input.importantButton {margin: 5px 0 10px 0; width: 180px; }