/*
Theme Name: milanvanbruggen.nl
Theme URI: http://www.milanvanbruggen.nl/mvb_theme
Description: Het thema van milanvanbruggen.nl
Version: 2.0
Author: Milan van Bruggen
*/

* { outline: none; }

/* Fonts 

@font-face {
	font-family: 'Hand Of Sean';
	src: url('fonts/handsean.eot');
	src: local('Hand Of Sean'), local('Hand Of Sean'), url('fonts/handsean.woff') format('woff'), url('fonts/handsean.ttf') format('truetype');
}

@font-face {
	font-family: 'Rockwell Bold';
	src: url('fonts/rockwell_bold.eot');
	src: local('Rockwell Bold'), local('Rockwell Bold'), url('fonts/rockwell_bold.woff') format('woff'), url('fonts/rockwell_bold.ttf') format('truetype');
}

*/

#content h1,
#content h2,
ul#menu li a,
#caseOverzicht .case a span.title { font-family: Arial, Helvetica, sans-serif; }

img.alignleft { float: left; padding: 0 10px 0 0; }
img.alignright { float: right; padding: 0 0 0 10px; }
img.aligncenter { text-align: center; padding: 0 10px; }

a {	color: #333; text-decoration: underline; }
a:visited { color: #333; }
a:hover { text-decoration: none; cursor: pointer; cursor: hand; color: #f78c22; }

body { font-family: Tahoma, Geneva, sans-serif; background: white; color: #333; margin: 0; padding: 0; font-size: 13px; line-height: 160%; }

#wrapper { margin: 0px auto; width: 873px; }

/* Sucky browsers */

#wrapper #your_browser_sucks { display: none; color: #666; background: #F2F2F2; padding: 10px; }
#wrapper #your_browser_sucks a { color: #666; }

/* Loading... */

#loading { display: block; position: absolute; z-index: 1111; top: 0px; left: 0px; right: 0px; bottom: 0px; background: white; }


#wrapper #container { float: left; width: 873px; position: relative; }

#wrapper #container .toTop { display: none; position: absolute; z-index: 1000; top: 20px; right: -45px; height: 25px; width: 25px; text-indent: -9999px; background: url(images/slider_sprite.png) no-repeat; } 
#wrapper #container .toTop { background-position: 0px -152px; }
#wrapper #container .toTop:hover { background-position: -25px -152px; width: 114px; }

#wrapper #container ul#menu { float: left; width: 873px; padding: 20px 0; background: url(images/hr.gif) no-repeat bottom center; }
#wrapper #container ul#menu li { float: left; display: inline; padding-right: 10px; }
#wrapper #container ul#menu li a { float: left; display: block; padding: 10px; text-decoration: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
#wrapper #container ul#menu li a span.main { float: left; font-size: 30px; font-weight: bold; line-height: 30px; letter-spacing: -2px; }
#wrapper #container ul#menu li a span.sub { clear: both; float: left; font-size: 15px; line-height: 15px; color: #999; letter-spacing: -1px; }

#wrapper #container #foto_milan { position: absolute; z-index: 100; top: 20px; right: 0px; }

/* Menu kleuren */

body.page-template-home-php #wrapper #container ul#menu li.page-template-home-php a,
body.page-template-mijn-werk-php #wrapper #container ul#menu li.page-template-mijn-werk-php a,
body.category-mijn-werk #wrapper #container ul#menu li.page-template-mijn-werk-php a,
body.page-template-static-php #wrapper #container ul#menu li.page-template-static-php a { background: #333333; }

body.page-template-home-php #wrapper #container ul#menu li.page-template-home-php a span.main,
body.page-template-home-php #wrapper #container #content h1 { color: #f78c22; }

body.page-template-mijn-werk-php #wrapper #container ul#menu li.page-template-mijn-werk-php a span.main,
body.category-mijn-werk #wrapper #container ul#menu li.page-template-mijn-werk-php a span.main,
body.page-template-mijn-werk-php #wrapper #container #content h1,
body.category-mijn-werk #wrapper #container #content h1 { float: left; color: #ff3399; }

body.page-template-static-php #wrapper #container ul#menu li.page-template-static-php a span.main,
body.page-template-static-php #wrapper #container #content h1 { color: #999; }

body.page-template-home-php #wrapper #container ul#menu li.page-template-home-php a span.sub { color: white; }
body.page-template-mijn-werk-php #wrapper #container ul#menu li.page-template-mijn-werk-php a span.sub,
body.category-mijn-werk #wrapper #container ul#menu li.page-template-mijn-werk-php a span.sub { color: white; }
body.page-template-static-php #wrapper #container ul#menu li.page-template-static-php a span.sub { color: white; }

#wrapper #container ul#menu li.page-template-home-php a:hover { color: #f78c22; }
#wrapper #container ul#menu li.page-template-mijn-werk-php a:hover { color: #ff3399; }
#wrapper #container ul#menu li.page-template-static-php a:hover { color: #999; }

/* Case overzicht */

#wrapper #container #content #caseOverzicht { position: relative; width: 833px; clear: both; float: left; padding: 20px; background: #f2f2f2; margin: 0 auto 50px auto; background: url(images/overzicht_bg_repeat.png) repeat-y 0px -20px; display: none; }
#wrapper #container #content #caseOverzicht .caseOverzichtTop { display: block; position: absolute; z-index: 1; height: 20px; width: 873px; top: 0px; left: 0px; background: url(images/overzicht_bg_top.png) no-repeat top left; }
#wrapper #container #content #caseOverzicht .caseOverzichtBottom { display: block; position: absolute; z-index: 1; height: 20px; width: 873px; bottom: 0px; left: 0px; background: url(images/overzicht_bg_bottom.png) no-repeat bottom left; }
#wrapper #container #content #caseOverzicht .case { position: relative; display: block; float: left; width: 150px; height: 150px; margin: 68px 28px 48px 28px; } 
#wrapper #container #content #caseOverzicht .case a { text-decoration: none; }
#wrapper #container #content #caseOverzicht .case a span.title { text-align: center; padding: 10px; position: absolute; top: -62px; z-index: 2; width: 134px; font-size: 16px; line-height: 18px; color: white; font-weight: bold; }
#wrapper #container #content #caseOverzicht .case a span.image { position: absolute; top: 20px; }
#wrapper #container #content #caseOverzicht .case a span.case_thumb { display: block; width: 180px; height: 200px; position: absolute; top: -15px; left: -15px; z-index: 1; background: url(images/case_thumb.png) no-repeat; }

/* Foto lijstjes */
#wrapper #container #content #caseOverzicht .case a span.case_thumb.variant_01 { background-position: 0px 0px; }
#wrapper #container #content #caseOverzicht .case a:hover span.case_thumb.variant_01 { background-position: 0px -200px; }

#wrapper #container #content #caseOverzicht .case a span.case_thumb.variant_02 { background-position: -190px 0px; }
#wrapper #container #content #caseOverzicht .case a:hover span.case_thumb.variant_02 { background-position: -190px -200px; }

#wrapper #container #content #caseOverzicht .case a span.case_thumb.variant_03 { background-position: -380px 0px; }
#wrapper #container #content #caseOverzicht .case a:hover span.case_thumb.variant_03 { background-position: -380px -200px; }

#wrapper #container #content #caseOverzicht .case a span.case_thumb.variant_04 { background-position: -570px 0px; }
#wrapper #container #content #caseOverzicht .case a:hover span.case_thumb.variant_04 { background-position: -570px -200px; }

#wrapper #container #content .expandOverzicht { float: left; margin: 14px; display: block; height: 25px; width: 25px; background: url(images/slider_sprite.png) no-repeat; text-decoration: none; width: 200px; } 
#wrapper #container #content .expandOverzicht span { margin-left: 30px; font-weight: bold; line-height: 25px; }
#wrapper #container #content .expandOverzicht { background-position: -232px 0px; }
#wrapper #container #content .expandOverzicht:hover { background-position: -232px -24px; color: #ff3399; }
#wrapper #container #content .expandOverzicht.expanded { background-position: -232px -48px; }
#wrapper #container #content .expandOverzicht.expanded:hover { background-position: -232px -72px; }

/* Slider controls */

#wrapper #container .arrow.back,
#wrapper #container .arrow.forward { position: absolute; z-index: 999; display: block; width: 486px; height: 351px; }
#wrapper #container .arrow.back { left: -50px; }
#wrapper #container .arrow.forward { right: -50px; }

#wrapper #container .arrow.back span,
#wrapper #container .arrow.forward span { display: block; margin-top: 128px; width: 50px; height: 98px; background: url(images/slider_sprite.png) no-repeat; text-indent: -9999px; }
#wrapper #container .arrow.back span { float: left; background-position: 0px -51px; }
#wrapper #container .arrow.forward span { float: right; background-position: -119px -51px; }
#wrapper #container .arrow.back:hover span { background-position: -59px -51px; } 
#wrapper #container .arrow.forward:hover span { background-position: -178px -51px; }

#wrapper #container #thumbNav { position: absolute; top: -45px; left: 0px; }
#wrapper #container #thumbNav a { display: block; float: left; margin-right: 10px; height: 25px; width: 25px; background: url(images/slider_sprite.png) no-repeat 0px 0px; text-indent: -9999px; }
#wrapper #container #thumbNav a.cur,
#wrapper #container #thumbNav a.cur:hover { background-position: -24px 0px; }
#wrapper #container #thumbNav a:hover { background-position: 0px -24px; }

/* Content */

#content { clear: both; float: left; width: 873px; padding: 30px 0 60px 0; position: relative; }
#content .page_title { position: relative; float: left; padding-top: 0px; }
#content .page_title h1 { padding-bottom: 20px; }
#content #top_column { width: 821px; height: 192px; padding: 30px; background: url(images/post-it_bg.jpg) no-repeat 0px -10px; }
#content .page ul { margin-bottom: 10px; }
#content .page li { padding-left: 15px; width: 100%; background: url(images/list_item.gif) no-repeat 0px 9px; }

/* Disqus */

#disqus_thread {
	padding: 5px 20px; margin: 0;
	border: 1px solid #F2F2F2;
	moz-border-radius: 3px;
	border-radius: 3px;
}

#freelance {
	float: left;
    height: 61px;
    margin: 0 auto;
    padding-left: 245px;
    padding-top: 40px;
    width: 380px;	
}

#freelance_status {
	padding-top: 20px;
	font-weight: bold;
}

#freelance_status span.text {
	float: left;
	display: inline-block;
	line-height: 38px;
	margin-right: 10px;
}

#freelance_status.druk {
	color: #F60;
}

#freelance_status.niet-beschikbaar {
	color: #C00;
}

#freelance_status.beschikbaar {
	color: #1caa00;
}

a.button {
	float: left;
	display: block;
	height: 39px;
	width: auto;
	line-height: 39px;
	color: white;
	text-decoration: none;
}

a.button span {
	background: url(images/buttons_sprite.png) no-repeat top left;
}

a.button span.left {
	float: left;
	display: block;
	width: 5px;
	height: 39px;
}

a.button span.middle {
	float: left;
	display: block;
	padding: 0 10px;
	background-position: 0px -45px;
	background-repeat: repeat-x;
	line-height: 37px;
	height: 39px;
	font-weight: bold;
	text-shadow: 1px 1px 0px #0b6e00;
	-moz-text-shadow: 1px 1px 0px #0b6e00;
	-webkit-text-shadow: 1px 1px 0px #0b6e00;
}

a.button span.right {
	float: left;
	display: block;
	background-position: -9px 0px;
	width: 5px;
	height: 39px;
}

a.button:hover span.left {
	background-position: 0px -90px;
}

a.button:hover span.middle {
	background-position: 0px -135px;
}

a.button:hover span.right {
	background-position: -9px -90px;
}

/* Grey button */

a.button.grey {
	color: #333333;
}

a.button.grey span.left {
	background-position: 0px -180px;	
}

a.button.grey span.middle {
	background-position: 0px -225px;
	text-shadow: 1px 1px 0px #cccccc;
	-moz-text-shadow: 1px 1px 0px #cccccc;
	-webkit-text-shadow: 1px 1px 0px #cccccc;
}

a.button.grey span.right {
	background-position: -9px -180px;	
}

a.button.grey:hover span.left {
	background-position: 0px -270px;
}

a.button.grey:hover span.middle {
	background-position: 0px -315px;
}

a.button.grey:hover span.right {
	background-position: -9px -270px;
}

#wrapper #container #content #left_column { float: left; width: 430px; }
#wrapper #container #content #left_column h2 { padding-top: 0; }
#wrapper #container #content #left_column div.image { position: relative; margin: 20px 0; height: 173; width: 430px; }
#wrapper #container #content #left_column div.image a .overlay { display: block; width: 430px; height: 173px; position: absolute; top: 0px; left: 0px; background: url(images/home_thumb_overlay.png) no-repeat 0px 0px; }
#wrapper #container #content #left_column div.image a:hover .overlay { background-position: 0px -173px; }
#wrapper #container #content #left_column h3 { padding: 20px 0 10px 0; }

#wrapper #container #content #right_column { float: right; width: 430px; }
#wrapper #container #content #right_column h2 { padding-top: 0; }
#wrapper #container #content #right_column ul,
#wrapper #container #content #right_column ol { }
#wrapper #container #content #right_column ul li { padding-left: 15px; width: 100%; background: url(images/list_item.gif) no-repeat 0px -10px; }

/* Homepage */
body.home #wrapper #container ul#menu { background: none; }

/* Page */
div.page p { padding-bottom: 15px; }

/* Styling standaard elementen */

h1, h2, h3, h4, h5, h6, div.title { font-weight: bold; }
h1 { font-size: 46px; padding-bottom: 20px; letter-spacing: -2px; }
body.home h1 { padding-bottom: 20px; }
h2 { font-size: 28px; padding: 20px 0; letter-spacing: -1px; }
h3, div.title { font-size: 20px; padding: 20px 0; letter-spacing: -1px; }

/* Anything Slider */
#wrapper #container #carouselWrapper { clear: both; float: left; padding-top: 45px; } 
#wrapper #container #carouselWrapper .anythingSlider { width: 873px; position: relative; }
#wrapper #container #carouselWrapper .anythingSlider .wrapper { width: 873px; overflow: auto; position: absolute; top: 0; margin-bottom: 20px; }
#wrapper #container #carouselWrapper .anythingSlider .wrapper .ul { width: 99999px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; }
#wrapper #container #carouselWrapper .anythingSlider .wrapper .ul li,
#wrapper #container #carouselWrapper .anythingSlider .wrapper .ul li.cloned { display: block; float:left; padding: 0px; width: 873px; }
#wrapper #container #carouselWrapper .anythingSlider .wrapper .ul li a img { display: block; }

/* Quick jump */
#quick_jump { position: absolute; z-index: 999; top: -70px; left: 250px; }
#quick_jump a.quick_jump { position: relative; display: block; font-size: 13px; text-decoration: none; width: 246px; height: 39px; line-height: 39px; background: url(images/dropdown_sprite.png) no-repeat -5px -108px; padding: 0 15px; }
#quick_jump a.quick_jump span.text { position: absolute; z-index: 2; top: 0px; left: 15px; color: white; }
#quick_jump a.quick_jump span.shadow { position: absolute; z-index: 1; top: 1px; left: 16px; color: #666666; }
#quick_jump a.quick_jump:hover span.text { color: #ff3399; }
#quick_jump a.quick_jump:hover span.shadow { color: #cccccc; }
#quick_jump a.quick_jump.first { background-position: -5px -5px; height: 44px; line-height: 49px; }
#quick_jump a.quick_jump.last { background-position: -5px -159px; height: 44px; line-height: 34px; }
#quick_jump a.quick_jump.active { background-position: -5px -54px; }


/* Case columns */
#wrapper #container #carouselWrapper .anythingSlider .wrapper .caseImage { float: left; }
#wrapper #container #carouselWrapper .anythingSlider .wrapper .leftColumn { clear: both; float: left; width: 383px; margin-top: 20px; }
#wrapper #container #carouselWrapper .anythingSlider .wrapper .leftColumn p { clear: both; }
#wrapper #container #carouselWrapper .anythingSlider .wrapper .leftColumn ul,
#wrapper #container #carouselWrapper .anythingSlider .wrapper .leftColumn ol { width: 100%; }
#wrapper #container #carouselWrapper .anythingSlider .wrapper .leftColumn ul li { padding-left: 15px; width: 100%; background: url(images/list_item.gif) no-repeat 0px 9px; }
#wrapper #container #carouselWrapper .anythingSlider .wrapper .leftColumn .bekijk_project { clear: both; float: left; padding-top: 10px; }

#wrapper #container #carouselWrapper .anythingSlider .wrapper .rightColumn { float: right; width: 460px; background: #f2f2f2; margin-top: 20px; }
#wrapper #container #carouselWrapper .anythingSlider .wrapper .rightColumn h2 { margin: 0 20px; }

#wrapper #container #carouselWrapper .anythingSlider .wrapper .rightColumn .extraImage { float: left; position: relative; margin: 0 0 20px 20px; }
#wrapper #container #carouselWrapper .anythingSlider .wrapper .rightColumn .extraImage a .overlay { display: block; width: 200px; height: 150px; position: absolute; top: 0px; left: 0px; background: url(images/thumb_overlay.png) no-repeat 0px 0px; }
#wrapper #container #carouselWrapper .anythingSlider .wrapper .rightColumn .extraImage a:hover .overlay { background-position: 0px -150px; }

/* Footer */
#footer { overflow: hidden; background: #F2F2F2; width: 833px; padding: 20px; }
#footer .listLeft { float: left; }
#footer .listRight { float: right; width: 380px; }
#footer div.title { padding: 0 0 10px 0; color: #666; }
#footer ul li a { color: #666666; }

/* Gforms */
.gform_body { padding-top: 10px; }

.gform_body li { padding-left: 0 !important; background: none !important; }
.gform_body input,
.gform_body select,
.gform_body textarea { font-family: Tahoma, Geneva, sans-serif; font-size: 13px; width: 300px !important; padding: 5px !important; }

.gform_body input,
.gform_body textarea { border: 2px solid #CCC; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.gform_body input:focus,
.gform_body textarea:focus { border: 2px solid #555555; background: #F3F3F3; }

.gform_body .gfield.gfield_error { background: none !important; border: none !important; padding: 0px !important; }
.gform_body .gfield.gfield_error input,
.gform_body .gfield.gfield_error textarea { border: 2px solid #790000; }

.gform_body #input_1_10 { background: url(images/euro_bg.png) no-repeat 2px 2px; padding-left: 20px !important; width: 284px !important; }

.validation_error { display: none; }
.gform_wrapper { padding: 0px !important; margin: 0px !important; }
.gform_wrapper h3.gform_title { padding: 0 0 10px 0 !important; margin: 0px; !important }

#gform_submit_button_1 { background: #333333; color: white; border: 0px; padding: 10px; font-weight: bold; font-size: 16px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

#gform_heading { padding: 0px !important; margin: 0px !important; }


/*****************************************
 ******           Widgets           ******
 *****************************************/
 
.widget.widget_srssfetcher { /* background: url(images/bg_heeftstijl_repeat.gif) repeat-y top center; position: relative; min-height: 418px; */ }
.widget.widget_srssfetcher h2 { display: block; width: 370px; /* background: url(images/bg_heeftstijl_top.gif) no-repeat top center; */ padding: 30px 30px 10px 30px; }
.widget.widget_srssfetcher p.description { padding: 0px 30px 10px 30px; }
.widget.widget_srssfetcher ul { /* background: url(images/bg_heeftstijl_bottom.gif) no-repeat bottom center; */ line-height: 200%; padding: 10px 30px 0; /* position: absolute; width: 370px; bottom: 0px; */ }