/* 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;}
textarea { width: 500px; } 

.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%;}
a ../img{ border:0}
../img{ vertical-align:top;  }

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;}

.button{color:#2d3331 */color:#f8f7f3;*/ background:url(../img/button.gif) top left no-repeat; font-weight:bold; padding:1px 8px 5px 9px; text-decoration:none; }
.button:hover{text-decoration:underline }

#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; }

.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: 3px 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 800px; position:absolute; width:200px}
#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; background:url(../img/logo.gif) no-repeat top left; padding:5px 0 10px 47px  }
#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;  }

/*searchfield Zoek uwVakman*/
#header .searchHolder{ width: 300px; margin: 10px 0 0 100px;}
.searchHolder input{ font-size: larger; width: 99%; margin: 10px 0 0 0; color:#4f4f4f; font-family:Tahoma; border:1px solid #4f4f4f; padding: 8px;} 
.searchHolder select{ font-size: larger; width: 105%; color:#4f4f4f; font-family:Tahoma; border:1px solid #4f4f4f; height:35px; padding: 5px;} 
.searchHolder .button{ background:url(../img/button.gif) top left no-repeat; font-weight:bold; padding:1px 8px 5px 9px; text-decoration:none; width: 200px; height: 30px; border: none;}
.searchHolder .button:hover{ text-decoration:underline; }

/*content*/
#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 strong{color:#ed1c24; font-size:1.045em; }
#content .tail{ background:url(../img/tail.gif) repeat-x bottom; padding-bottom:25px; margin-bottom:25px}
#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*/
.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/marker2.gif) top left no-repeat; background-position:0 9px; margin:0; padding-left:12px; }*/
#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 ; }
#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}
select{font-size:1.2em; color:#2d3331; height:22px; padding: 1px 0 2px 0;	font-family:Tahoma;}

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

/*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;}

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

/*Formulieren*/

label { width: 150px; display: block; margin: 10px 0 0 0;}
.fieldLabel { width: 150px;}
.proposalForm .textField { height: 18px; width: 260px;}
.proposalForm h4 { margin: 5px 0 5px 0;}
.orderTextarea { height: 150px; padding: 5px;}
.sendButton, .backButton { margin: 30px 0 0 0;}
.sendButton, .backButton, .subscriptionButton, .companyButton { color:#2d3331; background:url(../img/button.gif) top left no-repeat; font-weight:bold; padding:1px 8px 5px 9px; text-decoration:none; width: 200px; height: 30px; border: none;  }
.companyForm .textField, .companyForm select  { margin-bottom: 15px; width: 400px; color: #2d3331; font-family:Tahoma; font-size: 1.2em;}
.companyForm .select {font-size: 1.1em;}
legend { color:#ed1c24; font-size:1.5em; font-weight: bold; }
fieldset {padding: 5px; width: 100%;}

p.info { color: #ed1c24;}


/*Subscriptions page*/
table.subscriptions { width: 100%; margin-bottom: 30px;}
.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;}

/*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; }

/* 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:.83em; margin-right: 20px;}
.searchresultsNav a:hover {text-decoration: none; } 

/**** Proposalrequest Voor Vakman gedeelte *****/
.proposalIndex, .proposalView { width: 80%;}
.proposalView th, .proposalIndex th { width: 200px; height: 40px; color: #ed1c24;}
.proposalIndex .created { width: 200px;}
.proposalIndex .unread td { font-weight: bold; color:#2d3331}

/*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}
#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;  }

/* This class is for autocomplete */
.ac_results ul { position: absolute; top: 0px; left: 0px; background: #FFF; width: 100%;}
.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 #efefef; margin-top: 15px; margin-bottom: 5px;} 
fieldset.register { width: 48%; height: 320px; float: left; margin: 0 0 10px 0; border: none;}
div.submit {text-align: right;}
.registerButton { background: #ed1c24; color: white; font-weight: bold;}

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

/* screencasts */
.screencastHolder {margin: 0 0 20px 0; }