/*  
Theme Name:loopbaan
Author:Jurriaan van Rijswijk
Author URI:http://
Description:
Version:1.0
Tags:
*/

/*------------------------------------------------------------------

                   Starting with a clean slate

------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, img, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
html {min-height:100%;height:100%; min-width:100%; width:100%;}
blockquote, q {quotes:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse;border-spacing:0;}

/*--------------- page -----------------*/

body {
	background-image:"";
	background-repeat:no-repeat;
	background-position:top center;
	background-attachment:fixed;
	background-size:cover;
	color:#000;
	font:15px "Helvetica Neue", Helvetica, Arial, sans-serif;
	height:100%;
	text-align:center;
	width:100%;}

/*homepage*/    
body.page-id-2 {
    background-image: url(../../uploads/2013/09/stepping-stones.jpg);
}
/*onzeklanten*/    
body.page-id-65 {
    background-image: url(../../uploads/2013/10/WorkplaceSmall.jpg);
}
/*onze aanpak*/
body.page-id-67 {
    background-image: url(../../uploads/2013/10/pathway-wallpaper-1.jpg);
}
/*onzediensten*/    
body.page-id-9 {
    background-image: url(../../uploads/2013/10/recruit2.jpg);
}
/*onzeagenda*/    
body.page-id-29 {
    background-image: url(../../uploads/2013/10/calendar.jpg);
}
/*gratisextras*/    
body.page-id-69 {
    background-image: url(../../uploads/2013/10/Hot-Air-Balloons_wallpapers_163.jpg);
}
/*overons*/    
body.page-id-37 {
    background-image: url(../../uploads/2013/10/5672555.jpg);
}
/*contact*/    
body.page-id-79 {
    background-image: url(../../uploads/2013/10/Contact.jpg);
}	
body.custom-background {background:none;}	

h1,h2,h3,h4,h5,h6{line-height:normal; font-family:"Helvetica Neue", Helvetica, Arial,, sans-serif; clear:both; color:#1C3068}
h1	{font-size:2em; color:##192455; font-weight:bold;}
h2	{font-size:1.25em; color:#333399; font-weight:bold;}
h3	{font-size:1.8em;}
h4	{font-size:1.6em;}
h5	{font-size:1.3em;}
h6	{font-size:1.1em;}

/* koptext-style */
a {
	color:#111;
	text-decoration:none;
	font-weight:bold;}
a:hover {
	color:#111;
	text-decoration:none;
	font-weight:bold;}

a img {border:none;}

ul, li {display:inline-block;}

/*---------------- text -----------------------*/

#wrapper{
    width: 1270px;
    margin: 0 auto;
    padding: 0;
}
#wrapperheader{
	width: 1020px;
	height: 65px;
	margin: 0 auto;
	padding: 3px 0px 2px 0px;
}
#spacing {
	height:5%;
	min-height:65px;
	width:100%;}

#finishing {
	clear:both;
	height:20%;
	min-height:0px;
	width:100%;}
    
#content1 {
	margin:0 auto;
	padding:0 2.5%;
	position:relative;
	width:95%;
	max-width:75em;
	min-width:30em;}
	
.logo1 {
	height:auto;
	margin:0 0 2.25em;
	box-shadow:1px 1px 3px #111;
	width:100%;}

.logo2 {}

.logo3 {}

.roundedborder {
	border:3px solid #4a4646;
	border-radius:6px;}
	
.rounded {border-radius:6px;}

/*------ Content -------*/

    
#content1>li {
	background:rgba(256,256, 256, .70);
	float:left;
	line-height:1.3em;
	margin:1.5em 0 0em;
	padding:2%; /*ruimte binnekant text*/
	border:0px solid #4a4646;
	border-radius:10px;
	text-align:justify;
	width:60%;}
	
#content.floatnone>li {float:none;}

#content>li h4:first-child  {margin:0 0 1.5em;}

#content>li h4:first-child a {color:#111; font-weight:normal;}

#content>li h4:first-child a:hover {color:#444;}

#content>li h4:first-child span {font-size:.6em; line-height:.9em;float:right; padding:.20em; text-align:center;}

#content>li ul, #content>li ol {float:none; list-style-type:decimal; margin:.1em 0 0 5%; width:95%;}

#content>li ul li, #content>li ol li {width:100%; text-align:left; margin:.1em 0 0;}

#content>li ul li {list-style-type:circle;}

#content>li ol li {list-style-type:decimal-leading-zero;}

.tag {float:left; font-size:.8em; margin:1em 0 0; width:100%;}

.tag p {margin:0;}

/*-------------------- Sidebar & Widgets ----------------------*/
	
li#sidebar {
	background: rgba(256,256,256, .0); /*kleur sidebar*/
	border:none;
	/*box-shadow:-1px -1px 2px #111;*/
	color:#cccbc4;
	float:left;
	font-size:.95em;
	margin:0 3em 0em 2em;
	text-align:left;
	width:20%;} /*grootte*/
	
#sidebar li, #sidebar ul {width:100%; list-style:none; overflow:hidden;}

#sidebar input {width:60%;}
#sidebar input#searchsubmit {width:35%; margin:0;}

/* --------------------------------------------------------------- FIX THIS ONCE THE THEME STARTS WORKING ------------------------------------------------------------------------------------------------ */
#sidebar li ul li ul li {padding:0 10%; width:90%;}

#sidebar a {color:#FFFFFF;} /*tekstkleur*/

#sidebar a:hover  {color:#f0b600;} /*tekstkleur*/
	
#sidebar h2 {border-bottom:2px solid #FFF; color:#FFF; font-weight:bold; margin:.9em 0 .5em;}

.screen-reader-text {display:none;}

------------------------------------------------------------------

                   Displaying Comments

------------------------------------------------------------------

#content>li .commentbox, #content>li .commentlist {margin:0; padding:0; text-align:justify; width:100%;}
.comment-body {
	border-radius:.2em;
	float:left;
	padding:1.5em 2%;
	position:relative;
	width:96%;}
.odd .comment-body .children {margin:.5em 0 0; width:100%;}
.comment img.avatar {
	float:left;
	margin:-.6em 1em .5em 0;
	border-radius:50%;
	-webkit-border-radius:0%;/* chrome sucks */
	border:4px solid #FFF;
	box-shadow:2px 2px 2px rgba(0, 0, 0, 0.2);}
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {.comment img.avatar {border-:none;}/* Opera too */}
.comment-author {max-width:50%;}
.comment-meta {
	font-size:.8em;
	margin:1.8em 1% 0 0;
	position:absolute;
	right:0;
	top:0;}
.comment-meta a{color:#111;}
.comment-meta a:hover{color:#555;}
.comment.parent ul {border-left:.25em solid rgba(0, 0, 0, 0.3); margin:0;}
#content>li .commentbox .children {width:94.5%;}
.reply {background:url(images/reply.png) top left no-repeat; margin-left:80%; padding-left:1.5em;float:right;}

/* Step ladder of alternating comments so every other one is shaded (got a smaller solution?)*/
.comment-body {background:none;}
.comment.alt .comment-body, .pingback.alt .comment-body {background:rgba(0, 0, 0, 0.05);}
.comment.alt .comment .comment-body {background:none;}
.comment.alt .comment.alt .comment-body {background:rgba(0, 0, 0, 0.05);}
.comment.alt .comment.alt .comment .comment-body {background:none;}
.comment.alt .comment.alt .comment.alt .comment-body {background:rgba(0, 0, 0, 0.05);}
.comment.alt .comment.alt .comment.alt .comment .comment-body {background:none;}
.comment.alt .comment.alt .comment.alt .comment.alt .comment-body {background:rgba(0, 0, 0, 0.05);}
.comment.alt .comment.alt .comment.alt .comment.alt .comment .comment-body {background:none;}
.comment.alt .comment.alt .comment.alt .comment.alt .comment.alt .comment-body {background:rgba(0, 0, 0, 0.05);}
.comment.alt .comment.alt .comment.alt .comment.alt .comment.alt .comment .comment-body {background:none;}
.comment.alt .comment.alt .comment.alt .comment.alt .comment.alt .comment.alt .comment-body {background:rgba(0, 0, 0, 0.05);}
.comment.alt .comment.alt .comment.alt .comment.alt .comment.alt .comment.alt .comment .comment-body {background:none;}
.comment.alt .comment.alt .comment.alt .comment.alt .comment.alt .comment.alt .comment.alt .comment-body {background:rgba(0, 0, 0, 0.05);}
.comment.alt .comment.alt .comment.alt .comment.alt .comment.alt .comment.alt .comment.alt .comment .comment-body {background:none;}
*/
/*------------------------------------------------------------------

                   		Footer/kop!#jurr

------------------------------------------------------------------*/

#footer { height:1.75em; overflow:hidden; font-size:.8em; width:96%; padding:0 2%; background:#111; color:#DDD; text-align:center; visibility:visible;}

#footer p{ padding:0; margin:.25em 0; text-shadow:none;}
/* #jurr
------------------------------------------------------------------

                   		Menu

------------------------------------------------------------------*/
#header {
    position: fixed;
	z-index: 100;
	width: 100%;
	min-width: 850px;
	height: 50px;
    padding: 10px 0 5px;
    margin: 0 0 0;
    top:0;
    left:0;
    text-align:center;
    clear: both;
	background: #f0b600;
}
#header-widget {
  float: left;
  width: 275px;
  margin-left: 0px; 
  text-align: left;
  font-size:13px;
  }
  
#header-widget5 {
  float:left;
  width: 400px;
  margin-left: 69px;
  }

#header-widget2 {
  float:left;
  width: 200px;
  margin-left:69px;
  }

#header-widget3 {
  float:right;
  margin:0 0 10px;
	background: rgba(256,256,256, .70); /*kleur sidebar*/
	border-radius:10px;
	color:#111;
    padding:5px 5px 5px;
	font-size:.95em;
	margin:0 3em 0em;
	text-align:left;
	width:20%;} /*grootte*/

#header-widget4 {
  float:left;
  margin:0px 0 0px;
	background: rgba(256,256,256, .70); /*kleur sidebar*/
	border-radius:10px;
	color:#111;
    padding:5px 5px 5px;
	font-size:.95em;
	text-align:left;
	width:20%;} /*grootte*/
    


/*ondertitel
#navi h1 {
	color:#FF00FF;
    display:block;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:15px;
	line-height:.9em;
    margin:25px 0 10px;
	padding:0;
	overflow:hidden;
	font-variant:small-caps;}
	
#navi h1 i{
	bottom:.4em;
    display:block;
	font-family:Comic Sans, Comic Sans MS, cursive;
	font-style:italic;
	font-style:normal;
    font-variant:small-caps;
	font-weight:bolder;
	font-size:.3em;
	line-height:1.3em;
	padding:0 0 0 25%;
	position:relative;
	-moz-transform:rotate(-2deg);
	transform:rotate(-2deg);
	text-shadow:-1px -1px 0 #111;}
*/	


/*------------------------------------------------------------------

                   Standard Stuff

------------------------------------------------------------------*/

address {font-weight:bold;}
blockquote {
background:rgba(0, 0, 0, 0.1);
border-left:.5em solid #555;
border-left:.5em solid rgba(0, 0, 0, 0.6);
border-radius:.2em;
margin:1em 2%;
padding:1em;
quotes:"\201C""\201D""\2018""\2019";}
blockquote blockquote {background:none;}
blockquote:before {
color:#000;
content:open-quote;
font-size:4em;
line-height:.1em;
margin-right:.25em;
vertical-align:-.4em;}
blockquote p {display:inline;}
blockquote p cite {
	font-weight:300;
	letter-spacing:0.05em;
	margin:1em 0 0;
	text-transform:uppercase;}
blockquote cite:before {content:"- ";}
.sd-content ul li {width:auto;}
dt, dd {width:90%;}
dt {margin:0 5%;font-weight:bold;}
dd {margin:0 5% 1em;}
abbr, acronym, dfn {
	border-bottom:1px dotted #111;
	cursor:help;}
#wpadminbar {text-align:left;}
.left{float:left;}
.right, #cancel-comment-reply-link{float:right;}
.aligncenter {
	clear:both;
	display:block;
	margin-left:auto;
	margin-right:auto;}
.alignleft {text-align:left;}
.alignright {text-align:right;}
img.alignleft {
	float:left;
	margin:.5em 2% .5em 0;}
img.endleft{ margin:0 0 1% 0;}
img.alignright {
	float:right;
	margin:.5em 0 .5em 2%;}
img.endright{ margin:0 0 1% 0;}
img.aligncenter {
	margin:2% auto 2%;
	text-align:center;
	display:block;
	max-width:100% !important; height:auto}
img.alignnone {
	display:block;
	margin:.5em 0;}
img#wpstats {display:none;}
.wp-caption{
	border-radius:.2em;
	background:rgba(0, 0, 0, 0.2);
	box-shadow:1px 1px 1px rgba(0, 0, 0, 0.1);
	margin:1em 2%;
	max-width:93%;
	padding:1.5%;
	text-align:center;}
.wp-caption.alignright {float:right;}
.wp-caption.alignleft {float:left;}
.wp-caption img {margin:0 auto;}
.wp-caption-text {color:#111; font-family:Georgia, "Bitstream Charter", serif; text-align:center;}
pre {background:rgba(255, 255, 255, 0.6); overflow:scroll; padding:.5em 5%;}
ins { color:#dc1111;}
img {max-width:100% !important; height:auto !important;}
iframe, embed {max-width:100% !important;} 
.gallery { float:left;width:100%; padding:0; margin:1em 0;}
.gallery-item {float:left;}
.gallery-caption {font-size:.7em; color:#333; text-align:center;}
.gallery-columns-2 .gallery-item {width:47%; margin:0 1% 3% 2%;}
.gallery-columns-3 .gallery-item {width:30%; margin:0 1% 3% 2%;}
.gallery-columns-4 .gallery-item {width:22%; margin:0 1% 3% 2%;}
.gallery-columns-5 .gallery-item {width:18%; margin:0 .5% 3% 1.5%;}
.gallery-columns-6 .gallery-item {width:14.6%; margin:0 .5% 3% 1.5%;}
.gallery-columns-7 .gallery-item {width:12.27%; margin:0 .5% 3% 1.5%;}
.gallery-columns-8 .gallery-item {width:11.5%; margin:0 .25% 2% .75%;}
.gallery-columns-9 .gallery-item {width:10.1%; margin:0 .25% 2% .75%;}
.gallery-columns-10 .gallery-item {width:9%; margin:0 .25% 2% .75%;}
.gallery-item img {width:100%; height:auto;}
sup, sub {
	font-size:.8em;
	height:0;
	line-height:1em;
	position:relative;
	vertical-align:baseline;}
sup {bottom:.3em;}
sub {top:.3em;}
.video-container, .embed-youtube {
	margin:0 0 2.5%;
	padding:0 0 56.25%;
	position:relative;
	width:100%;}
.video-container iframe, .embed-youtube iframe, .video-container object, .video-container embed {
	height:100%!important;
	left:0!important;
	position:absolute!important;
	top:0!important;
	width:100%!important;}
.sticky{}
.bypostauthor{}

/*------------------------------------------------------------------

                  Screen Sizing

------------------------------------------------------------------*/

@media only screen and (max-width:55em) {
#content>li, li#sidebar {
	float:none;
	margin:1.5% 2%;
	padding:2%;
	width:80%;}
	
.logo1 {
	float:none;
	margin:0 2% 1.5%;
	width:84%;}
	
#navi li:hover ul {display:none;}

#content>li .commentbox .children {width:94%;}

.comment-meta {display:none;} }

@media only screen and (min-width:80em) {

#content {padding:0 2.5% 0 12.5%; width:85%;}

#content.floatnone {padding:0 2.5%;} }

/* Resizing Based on How Many Letters You can Fit on Screen
-------------------------------------------------------------- */
@media only screen and (max-width:100em) { body {font:normal 104%} }
@media only screen and (max-width:82em) { body {font:normal 101%} }
@media only screen and (max-width:70em) { body {font:normal 98%} }
@media only screen and (max-width:50em) { body {font:normal 95%} }
@media only screen and (max-width:35em) { body {font:normal 91%}









/*frontpage*/

body1 {
	background-image:url(http://www.eenloopbaandiewerkt.nl/wp-content/themes/loopbaan/images/75.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-attachment:fixed;
	background-size:cover;
	color:#000;
	font:15px "Helvetica Neue", Helvetica, Arial, sans-serif;
	height:100%;
	text-align:center;
	width:100%;}