/*
Theme Name: Bikkelhart
Theme URI: 
Description: Theme build by Eskeemo | Cool Creations
Version: 1.0
Author: Emiel Nawijn-Knip
Tags: fixed width, three columns, widgets
*/



/* GLOBAL RESET
   reset for all html elements
================================================================== */
* {font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0}
html {height: 100%}
body {background:#fff;color:#000;min-height:100%;text-align:left;position:relative}
img, fieldset, abbr, acronym {border:0}
table {border-collapse:collapse;border-spacing:0;width:100%}
address, caption, cite, code, dfn, em, strong, var {font-style:normal;font-weight:normal}
caption {text-align:left}
q:before, q:after, blockquote:before, blockquote:after {content:''}
input, select, textarea, button {font-size:1em;line-height:normal;width:auto}
input, select {vertical-align:middle}
textarea {height:auto;overflow:auto}
ul, ol, li {list-style-type:none;padding:0;margin:0}
a {color:inherit;cursor:pointer}



/* MAIN STYLE
   general definitions (wrappers, fonts, tags)
================================================================== */
/* sticky footer */
html, body, #wrapper {height:100%}
body > #wrapper {height:auto;min-height:100%}
body {font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:18px;background-image:url(../images/background.jpg);background-repeat:repeat-x}
#wrapper {position:relative;margin:auto;width:960px;height:100%;z-index:10}
#container {margin:auto;width:900px}
#header {position:relative;height:70px;margin-bottom:20px;z-index:100}
#content {position:relative;padding-bottom:235px;padding-top:25px;border-top:solid 2px #dcdcd8;z-index:100}
#home {position:relative;padding-bottom:235px;z-index:100}
#footer {position:relative;margin-top:-215px;height:215px;clear:both;background-image:url(../images/footer.png);z-index:100}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix {display:inline-block}

/* Hides from IE-mac \*/
* html .clearfix {height:1%}
.clearfix {display:block}
/* End hide from IE-mac */

.contentbox {position:relative;float:left;width:266px;margin:0 25px;padding-left:4px;z-index:9999}

/* standard tags */
a {color:#ed8522;text-decoration:none}
a:hover {text-decoration:underline}
em {font-style:italic}
strong {font-weight:bold}

/* standard fonts */
h1 {font-family:Arial,Helvetica,sans-serif;font-size:18px;text-transform:uppercase;margin-bottom:10px; font-weight:normal;}
h2 {font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:normal;text-transform:uppercase;color:#fff;padding-bottom:12px}
h3 {font-family:Arial,Helvetica,sans-serif;font-size:14px;color:#ed8522;margin:0px 0 10px; font-weight:normal;}
h4 {font-family:Tahoma,Georgia,sans-serif;font-size:16px;text-transform:uppercase;padding-bottom:5px; font-weight:normal;}
h5 {font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:bold}
h6 {font-size:12px;}
p {font-size:12px;line-height:1.5em;padding-bottom:12px}

/* predefined classes */
.red {color:#ed8522;font-weight:bold}
.white {color:#fff;font-weight:bold}
.red-bullet {background:url(../images/bullet-red.png) no-repeat center left;font-weight:bold;padding-left:8px;color:#ed8522}
.white-bullet {background:url(../images/bullet-white.png) no-repeat center left;padding-left:8px;color:#fff;font-weight:bold}
.bullet {list-style-image:url(../images/bullet-open.png);margin-left:16px}
.checkmark {list-style-image:url(../images/checkmark.png);margin-left:16px}
.boldcheckmark {list-style-image:url(../images/checkmark.png);margin-left:16px;padding-top:12px;font-weight:bold}
.empty {list-style-image:none;margin-left:16px}
a.button {background:url(../images/button.png) no-repeat;float:left;width:145px;height:27px;margin-top:12px;padding:5px 0 0 21px;color:#fff}
a:hover.button {background:url(../images/button-hover.png) no-repeat;text-decoration:none}



/* HEADER SECTION
   header elements (logo, navigation, welcome, search)
================================================================== */
/* logo */
#logo {position:absolute;bottom:4px;left:0}
#logo a {cursor:pointer}

/* top navigation */
#topnav {position:absolute;top:0;right:0;background:url(../images/topnav-bg.png) no-repeat;width:138px;height:30px;padding:5px 0 10px;text-align:center}
#topnav a{font-family:Georgia,Times,serif;font-size:12px;color:#e7e7e7;padding:0 2px}
#topnav a:hover {color:#fff;text-decoration:underline}

/* main navigation */
#nav {position:absolute;bottom:0;right:0}
#nav li {float:left;list-style:none;margin-left:30px}
#nav li.back {border-bottom:2px solid #ed8522;height:17px;z-index:8;position:absolute;margin-left:0px}
#nav li a {font-family:Georgia,Times,serif;font-size:16px;color:#000;text-decoration:none;z-index:10;position:relative;display:block;height:17px}  
/*#nav li.current_page_item, #nav li.current-page-ancestor {border-bottom:2px solid #ed8522}*/



/* SIDEBAR SECTION
   sidebar elements for multiple sidebars
================================================================== */
/* left sidebar */ 
#sidebar-left {position:relative;float:left;width:170px;margin-top:8px;z-index:10}
#submenu.top {margin-top:-25px}
#submenu {margin:7px 0 30px}
#submenu li {background:#f0f0f0; margin:5px 0;}
#submenu li a {font-size:13px;color:#333;text-decoration:none;display:block;padding:5px 5px 5px 10px;}
#submenu li a:hover {background:#ed8522;color:#fff}
#submenu li.current_page_item {background:#ed8522}
#submenu li.current_page_item a {color:#ffffff}

#submenu li.level1.yes a {background:#ed8522;color:#fff}
#submenu li.level2 {margin: 0px; background: none;}
#submenu li.level2 a {font-size:12px;color:#666}
#submenu li.level2 a:hover {background:none;color:#ed8522}
#submenu li.level2.yes a {background:none;color:#ed8522}

#jobs {margin-top:3px}
#jobs li {background:#f0f0f0;padding:2px 5px 2px 10px;margin:5px 0}
#jobs li a {font-size:13px;color:#666;text-decoration:none}
#jobs li a:hover {color:#ed8522}
#jobs li.current_page_item a {color:#ed8522}

/* sidebar with quotes */
#sidebar-quotes {position:relative;float:right;margin-right:-10px;width:245px;padding:39px 0 30px}
#sidebar-quotes img {margin-left:11px}
.quotescollection_randomquote {background:url(../images/quotes-back.png) no-repeat top;margin:25px 0;padding:30px 17px 0 25px}
.quotescollection_randomquote q {background:url(../images/quotes-open.png) no-repeat left;color:#fff;padding:25px}
.quotescollection_randomquote cite {display:block;padding:10px 5px;text-align:right}
.quotescollection_author {font-style:italic;color:#ed8522}
.quotescollection_source {display:block;font-style:italic;color:#ed8522}



/* FOOTER SECTION
   footer elements (border, columns)
================================================================== */
/* general */
#border {float:left;background:url(../images/footer-border.png) repeat-x;width:100%;height:28px}
#footer p {padding:0;line-height:1.6em}
#footer img {float:left;padding-right:5px;margin:-10px -5px 10px -20px}
.twitter {background:url(../images/twitter.png) no-repeat left;padding:10px 0 7px 27px;margin-left:80px;line-height:3.5em;color:#fff}
.linkedin {background:url(../images/linkedin.png) no-repeat left;padding:10px 0 8px 27px;margin-left:10px;line-height:3.5em;color:#fff}
#footer .white-bullet {line-height:2.5em;font-weight:normal}

/* twitter feeds */
a.twitter-link {font-weight:normal;color:#000;font-style:italic}
a.twitter-link:hover {text-decoration:underline}
a.twitter-user {font-weight:normal;color:#000;font-style:italic}
a.twitter-user:hover {text-decoration:underline}
.twitter-timestamp {font-weight:normal;color:#fff;display:block}

/* jobs */
#footer h5 a {color:#fff}
#footer h6 {font-size:11px;font-weight:normal;line-height:1.0em;margin-bottom:6px}



/* PAGES SECTION
   page exclusive elements
================================================================== */
/* homepage */
#home p a {color:#ed8522}
#home p a.button {color:#fff}

/* basispagina */
#paginatekst {position:relative;float:left;margin-left:30px;width:450px;padding:10px 0 0px}
#paginatekst ul {margin:0px 0 12px} 
#paginatekst h1 {font-size:14px;color:#ed8522;padding-bottom:11px;border-bottom:solid 1px #dcdcd8}
#paginatekst h1 p {color:#000}

/* Billboard */
#billboard {background:url(../images/billboard-bg.png) center no-repeat; height:384px;width:937px;margin:0px auto 20px}
#billboard .uds-bb-slides {margin:20px 0 0 18px}
#billboard .uds-bb-description-inside h1 {font-size:24px;padding-bottom:10px}
/* see billboard.css in respective plugin folder for more css styles for the billboard */

/* nieuws */
#news {position:relative;float:left;margin-left:30px;width:450px;padding:10px 0 0px;border-top:solid 1px #dcdcd8}
#news h6 {font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:normal;color:#999;margin:-10px 0 6px}
#news a img.attachment-post-thumbnail {background:#fff;float:left;border:1px solid #dcdcd8;padding:2px;margin:2px 10px 0 0}
#archive {margin-top:30px}
.published {float:right;color:#999;font-size:12px;margin-top:-39px}
.archive {float:left;font-size:11px;color:#999}
.archives {float:right;margin-left:10px;width:130px}
.attachment-full-thumb {background:#fff;border:1px solid #dcdcd8;padding:5px;margin-bottom:12px}
#paginatekst a img {float:left;margin:0 12px 12px 0;padding:5px;border:1px solid #dcdcd8}

/* interim */
#paginatekst .interim_functie, #paginatekst .interim_functie2 {width: 212px; height: 110px; margin: 10px 25px 10px 0px; padding-bottom: 15px; border-bottom: 1px solid #dcdcd8;float: left; display: inline; }
#paginatekst .interim_functie2 {margin-right: 0px;}
#paginatekst .interim_functie p, #paginatekst .interim_functie2 p {padding-bottom: 7px;}
#paginatekst a.interim_link{font-size: 11px; color: #000; text-decoration: underline;}
#paginatekst a.interim_list{color: #000; text-decoration: underline;}
#paginatekst a.interim_link:hover, #paginatekst a.interim_list:hover{color:#ed8522;}

/* portfolio */
#overview {position:relative;float:left;margin-left: 30px;width: 700px;padding:10px 0 30px}
#overview h1 {font-size:14px;color:#ed8522;padding-bottom:11px;border-bottom:solid 1px #dcdcd8;width:700px; font-weight:normal;}
#recent {position:relative;float:left;width:220px;margin:15px 13px 0px 0;padding-bottom: 15px; border-bottom: 1px solid #ccc;}
#recent .wp-post-image {width:218px;height:133px;overflow:hidden;border:1px solid #ccc;margin-top: 10px;}
#recent .wp-post-image:hover {border:1px solid #ed8522;}
#recent h3{ font-size: 14px; font-weight: normal; margin: 0px; padding: 0px; }
#recent h4{ font-size: 12px; color:#000; margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; text-transform: none; font-weight: normal;} 

#portfolio {position:relative;float:left;width:450px;padding:10px 0 30px}
#portfolio h1 {font-size:14px;color:#ed8522;padding-bottom:11px;border-bottom:solid 1px #dcdcd8; font-weight:normal;}
#portfolio h6 {width:50%; font-size:12px;}
#portfolio p {padding:0 0 12px}
div.invoervelden {height: 65px; width: 100%; display: block;}
div.invoerveld {width:225px; display: inline; float: left; font-size: 12px;}
h6.right { font-size:12px;margin-top:-18px;padding-left:50%}
h6.right2 { font-size:12px;margin-top:-18px;padding-left:50%;padding-bottom:12px}
#portfolio a.slider-button {background:url(../images/slider-button.png) no-repeat;float:left;width:145px;height:27px;margin-top:12px;padding:5px 0 0 10px;color:#fff}
#portfolio a:hover.slider-button {background:url(../images/slider-button-hover.png) no-repeat;text-decoration:none}
#portfolio ul {margin:0px 0 12px} 
#rightbar {position:relative;float:right;padding-top:48px;z-index:10}
#rightbar a img {clear:both;float:right;margin-bottom:12px;border:1px solid #dcdcd8}

/* contact page */
#contact {position:relative;float:left;width:51%;padding-right:10px}
#mapholder {position:relative;float:left;width:416px;height:376px;background: url(../images/map-back.png) no-repeat left top;margin-left:15px}
#map {float:left;width:400px;height:360px;margin:8px}
.mapimage {width:100px;height:16px}
.mapagraph {width:150px;height:14px;font-size:11px;font-weight:bold}

/* contactform - general */
#contactform {position:relative;padding-top:0px;min-height:300px;line-height:2.0em}
* html #contactform {height:300px} /*IE6 CSS fix for min-height */
#contactform form {display:inline-block} /*in order to correctly show AJAX-features */
#contactform form p {float:left;padding-top:9px;line-height:1.3em;font-size:11px;font-weight:bold;width:125px}
#contactform label {clear:both;float:left;width:65px;font-weight:bold}
#contactform input {float:left;padding:4px 4px 4px 24px;width:200px;border:1px solid #dcdcd8;color:#ed8522;height:14px;margin-bottom:10px}
#contactform textarea {float:left;padding:4px;width:220px;height:100px;border:1px solid #dcdcd8;color:#ed8522;margin-bottom:10px}
#contactform input:hover, textarea:hover {border-color:#ed8522}
#contactform input:focus, textarea:focus {border-color:#ed8522}
#contactform input#name {background:url(../images/form-name.png) no-repeat left}
#contactform input#email {background:url(../images/form-mail.png) no-repeat left}
#contactform input#phone {background:url(../images/form-phone.png) no-repeat left}
#contactform input#Human_Check {padding-left:50px;width:40px;background:url(../images/form-check.png) no-repeat left}
#contactform input#button {clear:both;background:url(../images/form-button.png) no-repeat left;width:91px;height:27px;border:none;margin:10px 15px 0 65px}
#contactform input#button:hover {background:url(../images/form-button_hover.png) no-repeat left}
#contactform input#button-en {background:url(../images/form-button-en.png) no-repeat left;width:91px;height:27px;border:none;margin:10px 15px 0 65px}
#contactform input#button-en:hover {background:url(../images/form-button-en_hover.png) no-repeat left}

/* contactform - AJAX elements */
.FAIL {background:url(../images/form-error.png) no-repeat;height:20px;color:#ed8522;font-size:11px !important;margin-left:7px;padding:0 0 5px 20px;float:left}
.PASS {background: url(../images/form-pass.png) no-repeat;height:20px;width:16px;margin-left:7px;float:left}
.AJAX_TIMEOUT {background-color:#ed8522;padding:10px;font-weight:bold;color:#fff;margin-bottom:30px}
.AJAX_RESPONSE {font-weight:bold}
#FORM_LOAD {position:absolute;top:0;bottom:0;left:0;height:100%;width:100%;background:url(../images/EA_Form_Load.gif) no-repeat center;background-color:#fff;opacity:.55;-moz-opacity:0.55;filter:alpha(opacity=55)}

/* Zuivere koffie */
div.contact_formulier_item, div.contact_formulier_invoer {
	padding: 0px;
	margin: 0px;
	height: auto;
	border: 0px;
	float: left;
	display: inline;
	line-height: 21px;
}

div.contact_formulier_item{
	width: 156px; 
}

div.contact_formulier_invoer{
	width: 220px;
}

div.contact_formulier_omvattend{
	width: 100%;
	padding: 5px 0px 5px 0px;
	height: auto;
	float: left;
	display: inline;
}

form.contact_formulier{
 	padding: 0px 0px 10px 0px;
}

div.contact_check{
	margin: 4px 0px 0px 0px;
	width: 13px;
	height: 13px;
}

input.check{
	width: 13px;
	height: 13px;
	float: left;
	display: inline;
	margin-top: 2px;
}

input.submit {
	display: inline;
	float: left;
	width: 144px;
	height: 27px;
	margin: 5px 10px 0px 0px;
	padding: 1px 0px 0px 6p;
	border: 0px;
	cursor: pointer;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	background:url(../images/button.png);
}

select#soort, select#bericht {
	width: 100px;
}

input.submit:hover {
	background:url(../images/button-hover.png);
}

div#errors {
	margin: 0px 0px 10px 0px;
	float: left;
	display: inline;
	width: 100%;
	color: #f00;
}

input.normaal, textarea.normaal{
	border: 1px solid #aaa;
}

input.normaal, input.fout{
 	margin-right: 5px;
}

input.fout, textarea.fout{
	border: 1px solid #FF0000;
}

label.fout{
	color: #F00;
}

div.bestelling-overzicht {
	padding: 20px;
	border: 1px solid #ccc;
}