@charset "UTF-8";
/* CSS Document */

@media only screen and (max-width: 1280px) {
#container{max-width:960px;}
header #logocontainer.ten{width:100%;}

.home #header-image .image_container{min-height:250px;}
#header-image .image_container img{margin:-5% 0px; /*min-height:447px;*/}
#header-image .image_caption{width:50%}

#header-image .image_caption.nothome{width:27%; left:4%;}
#header-image .image_caption.nothome h2{font-size:3.0rem; /*min-height:447px;*/}
nav ul.nav-bar li a{font-size:1.9rem !important;}

/* Download logo*/
#downloadlogo{max-width:960px;}

/* home */
section div.ten.columns.wrapper{width:100%;}


#wie-zijn-wij ul li span.cijfer{font-size:5.0rem; line-height:23px;}

/* overons */
#collegas ul li{width:20%; margin:0 6.5% 0 0;}
#photostream .event:last-of-type{padding-left:0px;}
#photostream .next{margin-right:0px;}
#photostream .prev{margin-left:0px;}


/* collegas */
.author #content,
.authorposts .ten.columns.wrapper{padding:20px 5%;}

li.meercollegas span.cijfer{font-size:5.0rem;}

/* single */
#content.icon{background-size:9%;}
.single #content{padding-top:30px;}
h3.reactie{margin-left:0px;}
h3.reactie.ui-state-active{padding:0 0 0 0;}
/* zoeken */
.search #gezochtop h2{max-width:60%;}

.pagescroller{margin:0; width:135%;}
.pagescroller .image-container{width:524px;}

.page-template-page-think_make_learn-php #tml_driefases .wrapper{background:none;} 
.page-template-page-think_make_learn-php #tml_driefases .tmlelement{margin:0 auto 80px; float:none;}

}


@media only screen and (max-width: 767px) {

.twotextcolumns{-moz-column-count: 1; -webkit-column-count: 1; column-count: 1;}


/* home */
#header-image.links .image_container img{float:left;}
#header-image.midden .image_container img{margin:0% -12%; float:left;}
#header-image.rechts .image_container img{float:right;}
#header-image .image_container{min-height:inherit;}
#header-image .image_container img{width:100%; min-width:120%; min-height:inherit; overflow:hidden; margin-left:-15%;}
#header-image .image_caption{left:3%;}
#header-image .image_caption h2{font-size:2.9rem; line-height:35px;}
#header-image .image_caption a:last-of-type{display:none;}	

#caseleft,
#caseright,
#highlightblogs .wrapper .four,
#workflow .wrapper .four{padding:0px;}

#highlightcases .six.columns{width:48% !important; display:table !important;}
#highlightcases #caseleft{float:left;}
#highlightcases #caseright{float:right;}
#highlightcases img{overflow:hidden;}

#highlightblogs .top-wrapper div.wrapper{padding:30px 15px;}
#highlightblogs h4{ min-height:inherit; margin:14px 0;}

#blogartikelen .six.columns,
#tools .six.columns{padding:0px;}
#blogartikelen .blogafbeelding{float:inherit; overflow:hidden; margin-bottom:15px;}
.blogafbeeldingwrapper{max-width:100%;}

#tools #toolsimage{overflow:hidden;}
#tools img{width:60%; margin:0 auto; display:table;}

#wie-zijn-wij #unitid-video{padding-right:0px;}
#medewerkers ul{margin:20px auto; display:block; width:481px;  padding:0 15px;}
#wie-zijn-wij ul li{margin:0 20px 20px 0; width:30%;}
#wie-zijn-wij ul li a{width:137px;}

#contact .wrapper .five{width:100px; float:left; padding:0 30px 0 0;}
#contact .contactgegevens p{max-width:inherit;}

/* overview */
.page-template-page-tag-php #header-image .image_container,
.page-template-page-contact-php #header-image .image_container{min-height:inherit;}
.page-template-page-tag-php #header-image .image_container img,
.page-template-page-contact-php #header-image .image_container img{margin:0 -180px; width:150%; max-width:150%;}

#blogcategories ul li{width:25%;}
#blogcategories ul li.separator{display:none;}

.blogtext h2{margin: 20px 0px}

.wrapper.columns article .blogafbeelding{padding:0px;}
.page-template-page-overview-php .vanuitunitid{top:70px;}
.six.columns{width:100%; float:inherit;}
.six.columns.blogafbeelding{width:100% !important; padding:0px;}

/* over ons */
#collegas ul li{width:23%; margin:0 2% 0 0; height:250px;}
#collegas ul li.rechts{margin:0 2% 0 0;}
#collegas ul li.medewerker p{line-height:1.7rem; margin-top:5px;}

#photostream .event:last-of-type{padding-left:0px;}

/* collegas */
.anderecollegas li.medewerker, .anderecollegas li.meercollegas{width:18%;}
.anderecollegas li.medewerker.vijf{display:none;}
.anderecollegas li.meercollegas span.cijfer{font-size:6.0rem;}

.blogafbeelding{float:inherit; overflow:hidden;}
.blogafbeeldingwrapper{margin:-70px 0px;}

/* single */
#content.icon{background-size:11%;}
.single .sidebar .sidebar_row{width:100%; float:left; display:block;}
.single .sidebar .sidebar-item{width:50%; padding:15px 15px 15px 0; float:left;}
.single .sidebar .sidebar-item#tap_downloadurl,
.single .sidebar .sidebar-item#tap_new{min-height:100px;}
.single .sidebar .sidebar-item#tap_downloadurl h4{width:100%;}
.single #content article .entry-content img.big{min-width:100%;}

.single .sidebar.guestwriter{position:relative; margin-top:0 !important;}

.single .sidebar.guestwriter h4,
.single .sidebar.guestwriter p{display:none;}
.single .sidebar.guestwriter p.quote{display:none;}
.single .sidebar.guestwriter img{max-width:48%; float:left;}
.single .sidebar.guestwriter div.tablet{display:block; position:absolute; bottom:0; left:50%; margin-left:10px; float:left; max-width:50%; width:100%; border-top:1px solid #CCC; border-bottom:1px solid #CCC; padding:0 0 0 10px; height:100%;}
.single .sidebar.guestwriter.nophoto div.tablet{position:relative; width:100%; max-width:100%; margin-left:0; left:0; padding:0;}
.single .sidebar.guestwriter div.tablet h4,
.single .sidebar.guestwriter div.tablet p{display:block;}

#relatedposts div.four a{max-width:300px; display:table; margin:0 auto 20px auto;}


/* werk */
.cases article.case{max-width:450px; margin:0 auto 30px;}
.cases article.case h2{font-size: 2.5rem;}
.post-box .four.columns{width:33% !important; float:left;}
.post-box .four article{padding: 0 7px; min-height: 260px;}


/* contact */
.contactinfo .afbeelding{text-align:center;}
.contactinfo .afbeelding img{width:50%; margin:0 auto;}

/* zoeken */
.search a.opnieuwzoeken{width:40%;}
.search article.author .blogafbeeldingwrapper{margin:0px; padding:0px;}
.search article.author .blogafbeeldingwrapper img,
.search article.author .blogafbeeldingwrapper.midden img,
.search article.author .blogafbeeldingwrapper.rechts img{margin-left:0px; max-width:100%;}

/* tag */
.page-template-page-tag-php .four.columns h4{text-align:center;}
.page-template-page-tag-php .four.columns p{text-align:center;}

/*event kalender */
.page-template-page-events-php .sidebar{width:100%; float:none; border-bottom:1px solid #CCC; margin-bottom:25px;}
.page-template-page-events-php div.filter{width:50%; display:table; float:left;}
.page-template-page-events-php div.filter h3{ font-size:2.7rem; font-family: 'proxima nova regular', "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif; }
.page-template-page-events-php div.filter.costs{clear:both;}
.page-template-page-events-php div.filter.upcomingevents{clear:right;}
.page-template-page-events-php .sidebar .filterbutton{display:table; width:100%;}
.page-template-page-events-php .sidebar .filterbutton span{width:100%; float:left; cursor:pointer; text-align:center; color:#362f34; border:1px solid #CCC; background:#fcfcfc; padding:8px 0; font-family: 'proxima nova bold', "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif; font-size:2.4rem; margin-bottom:20px;}

/* page scroller */
.pagescroller{margin:0; width:100%;}
.pagescroller .image-container{height:467px;margin:0 auto; width:100%;}	
.pagescroller .nav{width:100%; text-align:center; position:absolute; top:inherit; margin-top:20px;}
.pagescroller .browserbottom{ margin-bottom:80px;}

/* tml */
.page-template-page-think_make_learn-php #tml_driefases img{width:100%;}
.page-template-page-think_make_learn-php #tml_driefases .tmlelement{margin:30px 0; padding:70px 0 0 0; text-align:center; background-position:center top; background-size:70px;}
.page-template-page-think_make_learn-php #tml_dedriefases .wrapper{background:none;}

.archive #tml_fase_what .four{min-height:inherit;}
.archive #tml_fase_what .four.tml_cirkel{display:none;}
.archive #tml_fase_what .four .tml_bottom{position:inherit;}
.archive #tml_fase_onzemethodes .four{display:inherit;}

.single #tml_uitleg .wrapper{background:none;}
.single #tml_uitleg img{width:100%; margin-top:-92px;}
.single #tml_uitleg .wrapper .uitleg{margin:30px 0; padding-left:0; padding-top:70px; background-position:center top;}
.single #tml_meermethodes .four{margin:0 auto 30px; max-width:285px;}
.single #tml_meermethodes img{width:100%;}

.single #tml_top p{margin-bottom:75px;}
.single #tml_uitleg .wrapper .uitleg.count_1{margin-top:50px;}
.single #tml_uitleg .wrapper .uitkomst{text-align:left;}

/*Apple Watch*/
.postid-14571 #sfeerbeeld_top_1{height:350px !important; background-size:cover !important;}
.postid-14571 #sfeerbeeld_2{height:350px !important; background-size:cover !important;}


}

@media only screen and (max-width: 479px) {
html{font-size: 56.3%;}
li{font-size:1.6rem;}

#quote h1{line-height:30px; font-size:2.4rem; margin: 40px 0;}

.home #header-image .image_container{max-height:200px;}

#header-image.links .image_container img{float:left;}
#header-image.midden .image_container img{margin:0 -52%; float:left;}
#header-image.rechts .image_container img{float:right;}

#header-image .image_container img{width:200%; max-width:200%; overflow:hidden; height:auto; max-height:auto;}
#header-image .image_container.rechts img{margin:-17% -60%;}
#header-image .image_caption{width:60%;left:5%;}
#header-image .image_caption h2{font-size:25px; line-height:30px;}
#header-image .image_caption span{display:none;}
.single #header-image .image_container{min-height:inherit;}
div.secondnav{margin-bottom:50px;}


/* home */
#highlightblogs .wrapper .four{padding-left:20px; background:url(../images/list-arrows.png) no-repeat 0 15px;}
@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio: 2),only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (min-device-pixel-ratio: 2) {#highlightblogs .wrapper .four{padding-left:20px; background:url(../images/list-arrows@2x.png) no-repeat 0 15px; background-size: 12px;} }
#highlightcases img{margin:0px; overflow:hidden;}
#highlightcases #caseleft{margin-bottom:30px; display:block;}
#highlightblogs h4{font-size:2.0rem;}
#highlightblogs p{display:none;}
.home #header-image .image_container{min-height:inherit;}

#tools img{margin:-10px 0px;}


#medewerkers ul{width:100%;}
#wie-zijn-wij ul li, #wie-zijn-wij ul li een{width:50%; margin:0px; max-width:inherit;}
#wie-zijn-wij ul li{margin:0px 10px 15px 0;}

.page-template-page-tag-php #header-image .image_container,
.page-template-page-contact-php #header-image .image_container{min-height:inherit;}
.page-template-page-tag-php #header-image .image_container img,
.page-template-page-contact-php #header-image .image_container img{margin:0 -220px; width:250%; max-width:250%; height:auto; max-height:auto;}

#contact .wrapper .five{width:70px; float:left; padding:0 10px 0 0;}
#contact .wrapper .five img{width:100px;}
#contact .wrapper .seven{width:100%; padding:0px;}
#contact .wrapper .seven h2{font-size:150%;}
#contact .columns .amsterdam .contactadam,
#contact .columns .denhaag .contactdenhaag{float:left; width:60%;}

.footer-nav{width:95%; margin:0px auto 20px;}
.footer-nav li{padding:10px 17px;}
.footer-nav li.menuspacer{display:none;}
ul#social li a img{margin:10px 10px;}
ul#themas {margin-bottom: 60px;}
ul#themas .thematitle{width:100%; display:block;}
/* over ons */
.author .expert_topics a{width:100%; display:table;}
#collegas ul li, #collegas ul li.rechts{width:50%; padding:15px; margin:0; min-height:200px;}
#collegas ul li.medewerker p{line-height:1.7rem; margin-top:5px;}
li.medewerker span.medewerkerfoto .hover h6{margin:25% 0;}

#photostream .bigimage{width:49%; height:49%; min-width:100px; margin:0 1% 0 0;}
#photostream .smalltopimage{width:49%; height:49%; margin:0 0 0 0;}
#photostream .smallbottomimage{display:none;}

/* collega */

.anderecollegas li.medewerker, .anderecollegas li.meercollegas{width:31%;}
.anderecollegas li.medewerker.drie, .anderecollegas li.medewerker.vier,  .anderecollegas li.medewerker.vijf{display:none;}
.anderecollegas li.meercollegas span.cijfer{font-size:6.0rem;}
.authorposts article{margin:20px 0;}

/* overview */
.blogafbeeldingwrapper{margin:-20px 0;}
#blogcategories ul li{margin:5px 5px; width:40%; padding: 4px 25px;}
#blogcategories .separator{display:none;}

.six.columns.blogafbeelding{float:left;}
.six.columns.blogtext{float:left; padding-bottom:30px;}
.six.columns.blogtext a.more-link{float:left; width:100%;}
.ten.columns.wrapper.overview{margin:30px auto;}
div.post-box article{margin:0;}
.blogafbeeldingwrapper{margin:0px; padding:3px;}
.page-template-page-overview-php .vanuitunitid{top:0; right:0;  width:109px; height:109px;}
.page-template-page-overview-php .vanuitunitid .vanuitlabel{ background-size:75%;   width:109px; height:109px;}

/* single */

.single .sidebar .sidebar_row{width:inherit; float:left; display:block;}
.single .sidebar .sidebar-item{width:100%; padding:15px 15px 15px 0; float:left;}
.single .sidebar .sidebar-item p,
.single .sidebar .sidebar-item li{font-size:1.6rem;}
.single ul li{font-size:1.6rem;}
div#respond{width:95%;}
li.comment div.avatar{width:60px; margin:0 15px 15px 0;}
li.comment .commenttext{margin:0px; float:none; width:100%;}
li.comment .commenttime{display:none;}
li.comment .commenttime.mobile{display:block;}

#content.icon{background-size:14%;}

.single .sidebar.guestwriter h4{display:block; margin-top:50px;}
.single .sidebar.guestwriter p{display:block;}
.single .sidebar.guestwriter p.name{margin-top:10px;}
.single .sidebar.guestwriter div.tablet{display:none;}
.single .sidebar.guestwriter img{width:100%; max-width:100%; float:none;}

/* tools */
.pageinfo p{-moz-column-count:auto; -webkit-column-count:auto; column-count:auto;}

/* werk */
.ten.columns.wrapper.cases{margin:20px 0;}
.wrapper article.project{min-height:inherit;}
.wrapper article.project h2{font-size:2.0rem; margin:15px 0 30px;}
.post-box .four.columns{width:270px !important; margin:0 auto 30px auto; float:none;}
div.six.columns.rechts article.case,div.six.columns.links article.case{padding:0px; margin-bottom:30px;}


/* contact */
.locaties .six .amsterdam, .locaties .six .denhaag{padding:0px;}

/* zoeken */
.search #gezochtop h2{width:100%; max-width:100%; margin:40px 0;}
.search a.opnieuwzoeken{display:none;}

/* tag */
	.page-template-page-tag-php p.quote,
	.page-template-page-tag-php p.inleiding{width:100%;}
	.page-template-page-tag-php .four.columns{padding:0px;}
	.page-template-page-tag-php .project_container .below_portfolio div{width:100%; padding:0 15px;}


/*event kalender */
.page-template-page-events-php .searchtag h2{font-size:2.7rem;}
.page-template-page-events-php .searchtag a{clear:both; display:table; margin:10px 0;}
.page-template-page-events-php .sidebar div.filter{width:100%; margin-bottom:0;}
.page-template-page-events-php div.filter h3{width:100%; background:url(../images/arrow_down.jpg) no-repeat center right; /*padding-left:25px;*/}
.page-template-page-events-php div.filter h3.active{background:url(../images/arrow_up.jpg) no-repeat center right;}
.page-template-page-events-php div.filter ul{display:none;}
.page-template-page-events-php .sidebar .filterbutton{padding-top:20px;}

.page-template-page-events-php .event_date_wrapper{width:25%;}
.page-template-page-events-php div.post-box article{margin:0 0 20px; padding-bottom:20px;}
.page-template-page-events-php article .event_day{font-size:1.9rem;}
.page-template-page-events-php article .event_month{font-size:1.5rem;}
.page-template-page-events-php article .event_moreinfo span{display:table; margin:0 auto; float:none;}

.page-template-page-events-php article .event_text{padding:0px; width:70%; float:right;}
.page-template-page-events-php article h2{font-size:2.7rem;}
.page-template-page-events-php article .event_location{background:none;}
.page-template-page-events-php article .event_location span{margin:0px;}
.page-template-page-events-php article .event_costs{float:none; width:100%; margin:0px;}

/* page scroller */
.pagescroller .image-container{height:317px;}	
.pagescroller .nav{width:100%; text-align:center; top:inherit; margin-top:20px;}

/* TML */
.single #tml_meermethodes .four{max-width:285px; text-align:center;}

/*Apple Watch*/
.postid-14571 #sfeerbeeld_top_1{height:160px !important; background-size:cover !important;}
.postid-14571 #sfeerbeeld_2{height:160px !important; background-size:cover !important;}

}

/* menu */


@media only screen and (max-width:599px){
#logo{height:100%; width:180px !important; float:left;}
#logo a{height:82px;}
#logo a img{padding:14px 22px 10px 15px; width:100%;}
p.menu{float:right; margin-top:25px;}
p.menu a{display:block; font-size:18px; padding:3px 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius:3px; font-family:'proxima nova bold', "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif; color:#362f34; text-decoration:none;  -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
p.menu a.arrowdown{background:#FFF; border:1px solid #FFF;}
p.menu a.arrowup{background:#f8f8f8; border:1px solid #dddddd;}
p.zoeken{width:50px; margin-top:25px; float:right; display:block;}
p.zoeken a{width:38px; height:38px; padding:11px; float:left; text-align:center;}
p.zoeken img{margin:0px; float:left; border:0px;}

header.columns{padding:0px;}
.ten.columns.wrapper{padding:0px;}
#main-navigation nav{background:#CCC;}
nav ul.nav-bar{text-align:center; width:80%; max-width:100%;}
nav ul.nav-bar li{font-size:2.0rem; display:inline-table; margin-bottom:10px;}
nav ul.nav-bar li a{padding:10px 15px; font-size:2.3rem;}
nav ul.nav-bar li span{display:none;}
nav a.zoekmenu{display:none;}
	
	
/* dropdown menu */
#main-navigation{float:left; width:100% !important; padding:0;}
nav.dropdown, .dropdown p, .dropdown ul { margin:0px; padding:0px; }
		
nav.dropdown{position:relative; float:none;}

nav.dropdown p{display:block;}
nav.dropdown p a{font-size:2.2rem; display:block; text-align:left; padding:7px 17px; color:#362F34; font-family:'proxima nova regular', "Trebuchet MS", Arial, Helvetica, sans-serif;}
nav.dropdown p a:hover, .dropdown p a:focus {background:#DDD; text-decoration:none;}
nav.dropdown p a span {cursor:pointer; display:block;}


nav.dropdown ul {color:#C5C0B0; display:none; padding:0px; float:left; width:100%; list-style:none; position:relative; top:inherit; right:inherit;}
nav.dropdown ul li{width:230px; border-bottom:1px solid #dddddd;}
nav.dropdown ul.nav-bar{border-bottom:0px; border-top:1px solid #dddddd; overflow:hidden; display:none; float:left; width:100%; }
nav.dropdown ul.nav-bar.visible,
nav.dropdown ul.top-nav-bar.visible{overflow:visible; display:table;}
nav.dropdown ul.top-nav-bar{top:inherit; border-top:0px; display:none; float:left;}

nav.dropdown ul.nav-bar li,
nav.dropdown ul.top-nav-bar li{width:100%; text-align:left; margin:0px; background:#f8f8f8;}

nav.dropdown ul li a, nav.dropdown ul li a:visited{display:block; color:#362F34; font-family:'proxima nova bold', "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.8rem; font-weight:100; padding:7px 15px;}
nav.dropdown ul li.active{}
nav.dropdown ul li.active a{color:#f93c05;}
nav.dropdown ul li span{display:none;}

nav.dropdown ul.nav-bar li a:hover,
nav.dropdown ul.top-nav-bar li a:hover{background-color:#DDD; color:#362F34; text-decoration:none;}
nav.dropdown ul.nav-bar li.active a:hover,
nav.dropdown ul.top-nav-bar li.active a:hover{color:#f93c05;}

div.zoekformulier form#searchform{padding-left:0px;}
div.zoekformulier form#searchform input[type=text]{margin-left:0px;width:56%;}
div.zoekformulier form#searchform a.closesearch{display:block;}
div.zoekformulier .meestgezocht{padding-left:0px;}
div.zoekformulier .meestgezocht ul{margin-right:50px;}
div.zoekformulier .meestgezocht p {margin: 0 10px;}

/*zoek formulier */
div.zoekformulier{margin-top:-84px;}

html #wpadminbar{position:fixed;}
}

@media only screen and (min-width:600px) and (max-width:959px){

/* header */
header.twelve{padding:0;}
header.twelve #logocontainer{width:100%;}

#logo{width:100%; float:none;}
#logo a{width:100%; float:left; text-align:center;}
#top-nav{text-align:center; margin:10px 0px; color:#999;}
#top-nav a{color:#999;}	
#logocontainer{padding:0px;}

#main-navigation{width:100%;}


nav ul.nav-bar li a{padding:5px 5px;}
nav ul.nav-bar li span{margin:0;}

nav[role=navigation]{margin:0 auto 20px auto; display:table !important; float:none;}
nav ul.nav-bar{margin:0px auto; display:table; float:left; position:inherit;}
nav ul.nav-bar li{display:inline; float:inherit;}
nav ul.top-nav-bar{display:table; float:none; margin:-58px auto 20px; position:inherit;}
nav ul.top-nav-bar li,
nav ul.top-nav-bar li a{color:#999;}

div.zoekformulier .meestgezocht .meestgezochtlijst{width:100%;}
div.zoekformulier form#searchform input[type=text]{margin-left:20px; width:68%;}
div.zoekformulier .meestgezocht p{margin:0 20px;}
div.zoekformulier .meestgezocht ul li{padding:0 32px 0 0;}
}


@media only screen and (min-width:600px){nav.dropdown ul.nav-bar{display:table !important;}}


@media only screen and (device-width: 320px){#sb-overlay {height: 117%;}}
@media only screen and (device-width: 320px) and (orientation: landscape) {#sb-overlay {height: 129%;}}


@media only screen and (max-width: 358px) {#wie-zijn-wij ul li img{width:95%;} #wie-zijn-wij ul li, #wie-zijn-wij ul li.drie, #wie-zijn-wij ul li.meercollegas, #wie-zijn-wij ul li.vier, #wie-zijn-wij ul li.vijf{margin:0 0 10px 0;}}
@media only screen and (min-width: 359px) and (max-width: 479px) {#wie-zijn-wij ul li{width:30%;}}
@media only screen and (max-width: 359px) {#wie-zijn-wij ul li.one, #wie-zijn-wij ul li.two{display:none;}}
@media only screen and (min-width: 424px) and (max-width: 479px) {.footer-nav{width:80%;}}

@media only screen and (min-width: 479px) and (max-width: 526px) {#medewerkers ul{width:445px;} #wie-zijn-wij ul li{margin:0 10px 10px 0;} #wie-zijn-wij ul li{width:30%;} li.comment div.avatar{width:60px; margin:0 15px 15px 0;}}
@media only screen and (max-width: 550px) {#highlightcases .six.columns{width:100% !important; display:table !important;} #highlightcases #caseleft{float:left;} #highlightcases #caseright{float:right;} #highlightcases img{max-height:none;}}
@media only screen and (min-width: 479px) and (max-width: 618px) {div.six.columns.rechts article.case,div.six.columns.links article.case, .locaties .six .amsterdam, .locaties .six .denhaag{padding:0px; margin-bottom:30px;}}
@media only screen and (min-width: 479px) and (max-width: 650px) { #collegas ul li{width:31%; margin:0 2% 0 0; height:250px;} .anderecollegas li.medewerker, .anderecollegas li.meercollegas{width:23%;} .anderecollegas li.medewerker.vier, .anderecollegas li.medewerker.vijf{display:none;} .post-box .four.columns{width:50% !important; float:left;} .wrapper article.project h2{font-size:2.2rem;}}
@media only screen and (min-width: 479px) and (max-width: 790px) {.portfoliowerk .four.columns{width:50% !important; float:left;} .portfoliowerk .columns:after{clear:none;}}


@media only screen and (min-width: 566px) and (max-width: 767px) {#photostream .bigimage{width:30%; min-width:100px; margin:0px 1%; height:30%;} #photostream .smalltopimage{width:30%; height:30%; margin:0px 1%;} #photostream .smallbottomimage{width:30%;  height:30%; margin:0px 1%;}}
@media only screen and (min-width: 479px) and (max-width: 585px) {#header-image .image_caption span{display:none;}}
@media only screen and (min-width: 619px) and (max-width: 767px) {.cases .six.columns, .locaties .six.columns{width:50% !important; float:left; padding:0px;}}

@media only screen and (min-width: 650px) and (max-width: 960px) {#photostream .event:last-of-type{padding-left:1%;} .wrapper article.project h2{font-size:2.6rem;}}

@media only screen and (min-width: 767px) and (max-width: 890px) {header #logocontainer{width:100%;} #header-image .image_caption{left:3%; width:55%;} #header-image .image_caption h2{font-size:30px;} }
@media only screen and (max-width: 890px) {
	#header-image .image_caption.nothome{width:100%; left:0px; position:inherit; background-color:inherit !important;}
	#header-image .image_caption.nothome .vertical{padding:25px;}
	
	.page-template-page-overview-php #header-image.withtext .image_container img,
	.page-template-page-werk-php #header-image.withtext .image_container img,
	.page-template-page-tag-php #header-image.withtext .image_container img,
	.page-template-page-contact-php #header-image.withtext .image_container img{margin:0 -2%; width:150%; max-width:150%; float:right;}
}

@media only screen and (min-width: 767px) and (max-width: 885px) {
	
	#photostream .bigimage{width:55%; height:55%; margin:0 10px 30px 0;}
	#photostream .smalltopimage{width:110px; height:110px; margin:0 0 5px 0;}
	#photostream .smallbottomimage{width:110px; height:110px; margin:0 0 0 0;}
	
	#blogcategories ul li{width:25%;}
	#blogcategories ul li.separator{display:none;}
	
	.archive #tml_fase_onzemethodes .methodcolumns{display:inline;  float:none;}
	.archive #tml_fase_onzemethodes .four{width:49%;}
	}
	
/* ONLY IPAD */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
	li.medewerker:hover span.medewerkerfoto .hover{display:none;}
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
  	li.medewerker:hover span.medewerkerfoto .hover{display:none;}
}
@media handheld, only screen and (max-width: 480px), only screen and (max-device-width: 480px)
{li.medewerker:hover span.medewerkerfoto .hover{display:none;}}
	

@media only screen and (min-width: 768px) and (max-width: 872px){
	#wie-zijn-wij ul li.meercollegas .toptext{top:3px; font-size:16px;}
	#wie-zijn-wij ul li.meercollegas .bottomtext{bottom:0px; font-size:16px;}
	#wie-zijn-wij ul li.meercollegas .bottomtext span{font-size:16px;}
}

@media only screen and (min-width: 479px) and (max-width: 767px){
	#wie-zijn-wij ul li a{width:auto;}
	#wie-zijn-wij ul li.meercollegas .toptext{top:3px; font-size:20px;}
	#wie-zijn-wij ul li.meercollegas .bottomtext{bottom:3px; font-size:20px;}
	#wie-zijn-wij ul li.meercollegas span.cijfer{font-size:6.0rem;}
}

@media only screen and (min-width: 358px) and (max-width: 479px){
	#wie-zijn-wij ul li a{width:auto;}
	#wie-zijn-wij ul li.meercollegas .toptext{top:3px; font-size:16px;}
	#wie-zijn-wij ul li.meercollegas .bottomtext{bottom:3px; font-size:16px;}
	#wie-zijn-wij ul li.meercollegas span.cijfer{font-size:5.5rem;}
}

@media only screen and (max-width: 358px){
	#wie-zijn-wij ul li a{width:100%;}
	#wie-zijn-wij ul li.meercollegas .toptext{top:3px; font-size:20px;}
	#wie-zijn-wij ul li.meercollegas .bottomtext{bottom:3px; font-size:20px;}
	#wie-zijn-wij ul li.meercollegas span.cijfer{font-size:5.5rem;}
}

@media screen and (max-width: 872px){ 
 input[type=text]#s{
 font-size: 16px;
  }
 }