/**
* Theme Name: ruigrok 2013
* Version: 1.0.0
* Author: 
* 
* Description: REF 3.5.5
* License: GNU General Public License
* License URI: license.txt     
*/  

/* Reset */

@media screen and (max-width: 640px) {
	nieuwsbrief  {
		overflow-x: auto;
		display: block;
width:60%;
	}

}


html body .kolom_full_width
{
    width:100% !important;
        min-height:500px;
}

html body.home .kolom_full_width
{
    width:96% !important;
margin-bottom:20px;

}
.overruigrok{
min-height:460px;
}
.post_image img{
margin: 3px 0px 10px 15px;
float:right;
border:solid 1px #d2d2d2;
}
.mainitem_link h1{
    display: inline;
    word-spacing:10px;
    white-space:pre-wrap;
}

.subhead{
        display: inline-block;
    padding: 0 6px;
}
body .medewerker_info h1{

text-transform: uppercase;
margin-bottom: 0px;
 font-size: 24px !important;
   line-height: 26px;
}
body .medewerker_info h2{
   color:#c3b0dd !important ;
   font-size: 13px !important;
   font-weight: normal;
   text-transform: none;
    font-family: 'open sans';
    
   
}
body .medewerker_info h3{
   font-size: 24px !important;
    font-weight: normal;
    font-family: 'open sans';
    line-height: 26px;
    margin-bottom: 15px;
   
}

body .cse input.gsc-search-button, body input.gsc-search-button
{
    border-radius:0px;
}

.gs-web-image-box-landscape img.gs-image{
max-width:70px !important;
}
input{
        border-radius:0px;
}
.mobile_only{
    display:none;
}
.socialcontent{
    margin-bottom:20px;
}
.auteur
{ color: #666666;
}
.auteurname{
    color:#4E2E7A;
}
html{color:#333;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}
body{font:13px/1.50 'Open Sans', helvetica,clean,sans-serif;  overflow-y: scroll; letter-spacing: 0px;}table{font-size:inherit;font:100%}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}
h1{font-size:21px; font-weight:bold;   }
#banner h1 { background: #c60751;font-size:24px; color:#ffffff; text-transform: uppercase; }
h2{font-size:13px; color:#333333; text-transform: uppercase; font-weight:800; }
h3{font-size:12px; color:#4e2e7a; margin-bottom: 0px;  font-weight:800;}
h4{font-size:13px; color:#c60751; background: #ffffff;  text-transform: uppercase;}
h1,h2{margin:0px 0 10px}
 

#banner h1,h1, h3 ,h2,h4,h5,h6 {font-family: 'Open Sans', sans-serif; }
abbr,acronym{border-bottom:1px dotted #000;cursor:help}
em{font-style:italic}blockquote,ul,ol,dl{margin:1em}ol,ul,dl{margin-left:2em}ol{list-style:decimal outside}ul{list-style:disc outside}dl dd{margin-left:1em}th,td{border:0px solid #000;padding:.5em}th{font-weight:bold;text-align:center}caption{margin-bottom:.5em;text-align:center}p,fieldset,table,pre{margin-bottom:1em}input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,section{display:block;}

.subsubmenu{
padding-left: 34px !important;
}
.hideit{ display:none;}
h2 span{
color:#cccccc;
}
/* Common */
html {    
    background: #fff;  
    min-width: 100%;
}

body {     

    width:100%;
}

.clearer{
 clear:both;
}
a {    
    color: #c60751;                       
    text-decoration: none;           
}

a:hover { color: #4e2e7a;     
    text-decoration: none;
}

em, i {
    font-style: italic;
    font-weight: inherit;
}

b, strong {
    font-style: inherit;
    font-weight: bold;
}  
.form.gsc-search-box {margin:5px 0px 0px 0px; height:20px;}
.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {margin-right:30px}
.input.gsc-input, .gsc-input-box { padding-bottom:2px; font-size:8px; }


input[type=button],
input[type=submit],
input[type=reset] {
   padding: 2px 20px 2px 6px;
 background: #4e2e7a url('img/pijltje.png') right 8px center no-repeat;
 border:0px;
 color:#ffffff;
 cursor:pointer;
 text-transform: uppercase;
 font-size:11px;
}       
input[type=button]:hover,
input[type=submit]:hover,
input[type=reset]:hover
{
   background: #c60751   url('img/pijltje.png') right 8px center no-repeat; 
}

#paging ul{
    list-style:none; 
    
    margin: 0px ; 
}

#paging ul li{
        display:block;
   float:left;
line-height:16px;
    padding-top:5px;
    color:#000000;
    background:#ffffff;
    
    font-size:11px;
    text-transform: uppercase;
    margin-right:1px;
    width:23px;
    height:18px;
    text-align: center;
    cursor:pointer;
}
.ajaxlink{
    cursor:pointer;
}
#paging ul li:hover, #paging ul li.active
{
    background:#4e2e7a;
    color:#ffffff;
}
input[type=text],
textarea {
    border: 1px solid #ccc;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;

    padding: 5px;
    width: 75%;
    height:100px;
}   
.required{
    border:solid 1px red !important;
}
#post_item .avatar 
{
    float:left;
    margin-right:20px;
}

#post_item .inner_author_con input{
margin-bottom:0px;
margin-top: 14px;
}
#post_item .inner_author_con .wp-post-image
{
	float:left;
	margin:3px 15px 0px 0px;
}
#opdrachtgevers .wp-post-image{
    border:1px solid #E5E5E5;
}
#post_item input, #post_item textarea
{
    margin-bottom:15px;
}
.the_post_date{
   color:#4e2e7a;
}
#post_item .wp-post-image
{
      
      border:1px solid #E5E5E5;
	float:right;
	margin:3px 0px 10px 15px;
}
#list_posts_archief .wp-post-image
{
    float:left;
    margin-right:15px;
    border:solid 1px #e5e5e5;
    
}
#list_posts_archief .title{
    color:#4e2e7a;
    font-size: 14px;
     font-family: 'Open Sans', sans-serif;
     font-weight: bold;
}
.toonartikelen input{
    float:left;
    margin-right:5px;
}
.toonartikelen ul{
    list-style:none; 
    
    margin: 0px ; 
}
.toonartikelen h2{
    margin-left:15px;
     margin-bottom:15px;
}
.toonartikelen ul li {
    display:block;
    clear:both;
line-height:16px;
    padding:0px 17px 10px 15px;
    color:#666666;
    font-size:11px;
    text-transform: uppercase;
}

.post_date, .post_cat, .post_reply, .post_views {
    display:inline-block;
    text-indent: 20px;
    font-size: 12px;
    margin-bottom:3px;
}

body .post_views {

    background:url('img/view.png') no-repeat left top 3px;
    margin-right:20px;
     text-indent: 25px;

}
.post_date{
    background:url('img/icoon_klok.png') no-repeat left top;
    margin-right:20px;
}
.post_reply{
    background:url('img/icoon_reply.png') no-repeat left top;
        cursor:pointer;
    color:#4e2e7a;
    margin-right: 20px;
  
}
.post_cat{
    background:url('img/icoon_cat.png') no-repeat left top;
    cursor:pointer;
    color:#4e2e7a;
       margin-right:20px;
}

.reactie{
    margin-top:23px;
}
.reactie .the_post_date{
color:#c60751;
}
hr{
    height:1px;
    border:0px;
    background:#e5e5e5;
    margin-top: 0px;
}
span.thema
{
    background:#999999;
    padding: 2px 6px 2px 6px;
    line-height: 11px;
    font-size: 10px;
    color:#ffffff;
    display:inline-block;
    text-transform: uppercase;
    margin-top:2px;
    top:58px;
    position:absolute;
}

input[type=text] {
    height: 1.0em;
    line-height: 1.0em;
}     

/* specific ########################################################## */
#main_outer_container{
    max-width:1920px;
    width:100%;
    display:block;

    margin: 0px auto;
}

.active_nav #nav .the_eye
{
    width:142px;

}
.active_nav #search-widget
{
   width:125px;
}
.the_eye
{
    margin:0px auto;
   position:relative;
   margin-top:-34px;
   width:0px;
}
.active_nav #nav .the_eye, #nav .the_eye{
       
-webkit-transition: all 0.2s ease-out;  
   -moz-transition: all 0.2s ease-out;  
     -o-transition: all 0.2s ease-out;  
        transition: all 0.2s ease-out;   
}

.active_nav #nav #tussenli, #nav #tussenli
{
    
-webkit-transition: all 0.7s ease-out;  
   -moz-transition: all 0.7s ease-out;  
     -o-transition: all 0.7s ease-out;  
        transition: all 0.7s ease-out;  
}
#tussenli
{
    width:0px;
max-width:0px;
padding:0px !important;
margin:0px !important;
}
.active_nav #nav #tussenli
{
    width:80px;
max-width:80px;    
}
.active_nav #nav{
    position:  fixed; 
    top:0px;
  
}
#nav{
    height:35px;
    background:#4e2e7a;
    color:#ffffff;
    text-transform: uppercase;
    width:100%;
     max-width:1920px;
    text-align:center;
    z-index:1000;
}
 a#pull
 {
     display:none;

 }
nav ul li a{
color:#ffffff;
}
nav ul li a:hover{
    text-decoration:none;
    color:#c60751;
}
nav ul{
    list-style-position: inside;
    list-style:none; 

 margin: 0px auto;

}
nav ul li{
    margin:0px 0 0 0;
}
nav ul {
   padding: 11px 0 0;
   line-height:12px;
}

nav ul li a {
    color: #FFFFFF;
    padding: 8px 10px 9px;
}
 .kolom  img
   {
       max-width: 610px !important;
   }
nav ul li a:hover {
    background-color: #715895;
    color: #FFFFFF;
    text-decoration: none;
}

nav ul li {
     padding:0px;
display:inline-block;
}

#header{
 height:121px;
overflow:hidden;
}

#logo{
width:350px;
height:81px;
 margin: 0px auto;
 margin-top:30px;
 display:block;
}

#keurmerk{
width:183px;
height:22px;
float:right;
margin-top:-60px;
margin-right:0px;
display:block;
}
.home  .active_nav #maincontainer
{
   margin-top:452px; 
}
.active_nav #maincontainer
{
   margin-top:235px; 
}
.home #maincontainer
{
    margin-top:417px;
}
#maincontainer
{
background:url('img/raster_grijs.png');
margin-top:200px;
min-height:300px;
}
.main_containers, #header, #nav #nav_innercontainer {
    max-width:976px;

     margin:0px auto;
}
.main_containers{
    
    width:100%;
   
    padding:12px;
    z-index:10;
    position: relative;
    top:0px;
} 
#footer{
    background:#4e2e7a url('img/footerOog.png') center bottom no-repeat;
    height:308px;
    border-top:2px solid #c60751;
}



#banner div.kolom ul li, .kolom {
width:270px;
}
.kolom {
background:#ffffff;
padding:17px;
margin-right:32px;
float:left;
margin-bottom:12px;
}
.inner_author_con{
    padding:13px;
    width:582px;
    background:#f6f6f6;
}
.inner_author_con input[type="button"]
{
    margin-top:10px;
}
.inner_author_con img{
    float:left;
    margin-right:13px;
}

.innerkolom{
    width:318px;
    float:left;
}
.innerkolom.right{
    width:271px;
}
.innerkolom.left{
   margin-right:17px;
}
.kolom.fulllength
{
    padding:17px 0px 17px 0px;
    width:304px;
}

.kolom.fulllength.innerpadding hr{
    margin-top:8px;
    margin-bottom:8px;
}
.kolom.fulllength.innerpadding
{
    padding:17px 17px 17px 17px;
    width:270px; 
}
.kolom.koloms_2.fulllength
{
    width:640px;
    overflow:hidden;
}
#map-canvas
{
    
   height: 300px;
   margin: 0px;
   padding: 0px
}
.kolom.koloms_3.fulllength.innerpadding
{
    width:942px;
}
.kolom.koloms_3.fulllength
{
    width:976px;
}
.kolom.fulllength h2, .kolom.fulllength .kolom.menu h2{ padding-left:17px;}
.kolom.fulllength .kolom h2{ padding-left:0px;}

.kolom.fulllength.menu a  {
    display:block;
    color:#333;
    padding:6px 17px 3px 17px;
    text-transform: uppercase;
    font-size:11px;

}
.med_tekst a, .medewerker_info a{
 color:#ffffff;
 text-decoration:underline;
}
.sociable
{

    margin-right:0px;
    margin-top:-6px;
    float:right;

}
.med_tekst
{
    width:273px;
    margin-right:0px;
    margin-top:-6px;
    float:right;

}
.med_table
{
    width:274px;
    float:left;
    margin-top:-1px;
    /*margin-right:14px;
    margin-top:-20px;
    margin-bottom:200px;*/
}
.med_table td{
padding:0px;
}
.med_table .col.last
{
    text-align: right;
}
.med_table .col {
    width:137px;
    padding-top:4px;
}

.medewerker img{
filter: url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'><filter%20id='grayscale'><feColorMatrix%20type='matrix'%20values='0.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
filter: gray; /* IE6+ */
filter: grayscale(100%); /* Current draft standard */
-webkit-filter: grayscale(100%); /* New WebKit */
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%); 
-o-filter: grayscale(100%);
}

.medewerker.actieve img, .medewerker:hover img
{
filter: none !important;
-webkit-filter: none !important;
-moz-filter:none !important;
-ms-filter: none !important;
-o-filter: none !important;
z-index:100;
}
.medewerker.actieve 
{
    height:106px; 
}
.medewerker.actieve  .med_name, .medewerker.actieve:hover  .med_name
{
    display:block;
    z-index:1000;
     background:#4e2e7a url('img/pijltjemed.png') no-repeat center bottom;
}
.medewerker:hover  .med_name
{
    background:#c60751;
     z-index:1000;
    display:block;
}
.menu.menuproducts span span span span{
    display:none;
}
.medewerker .med_name
{
    font-size:12px;
    display:none;
    position:absolute;
    top:78px;
    height:26px;
    width:134px;
     color:#ffffff;
    background:#4e2e7a url('img/pijltjemed.png') no-repeat center bottom;
    padding-left: 7px;
     padding-top: 2px;
     
   
}
#containers_more_info div.children{
    display:none;
}

#containers_more_info div.children.current_meer_info
{
    display:block;
}


.medewerker_info, .medewerker_info h1, .medewerker_info h2, .medewerker_info h3{
    color:#ffffff !important;
}
.medewerker_sluiten{
    position:absolute;
    right:10px;
    top:10px;
    cursor:pointer;
    z-index:3000;
}
.medewerker{
    cursor:pointer;
    width:141px;
    height:100px;
    float:left;
    margin-left:5px;
    margin-right:5px;
    margin-bottom:10px;
    padding:0px;
    overflow:hidden;
    position:relative;
    top:0;
    background:#C4C4C4 url('img/unknown.png') no-repeat center bottom;
}

.medewerker_info
{
    width:568px;
    padding:13px;
    background:#4e2e7a;
    color:#ffffff;
    float:left;
    margin-bottom:10px;
    margin-left:5px;
    position:relative;
}
.kolom.fulllength.menu a:hover,  .kolom.fulllength.menu .active a { background:#4e2e7a; color:#ffffff;}
.kolom.empty{
    background:none;
    padding:0px;
}

.kolom h1{ 
    margin-bottom:2px;
}

.kolom hr {
    margin-top:5px;	
}

 .home #banner #banner_container .kolom, .mainitem_link,  .home #banner #banner_container h4 {
    display:inline-block;
}
 .home #banner #banner_container h4 {
padding-left:8px;
padding-right:8px;
margin-top:2px;
    
 }
.mainitem_link {
    max-width:470px;
}
.home #banner #banner_container h1 {
    display:inline;
    
}
#banner #banner_container h1, #banner #banner_container h4, #banner #banner_container .kolom  {
    display:none;
}

#banner #banner_container .kolom{
padding:17px 0px 17px 0px;
width:304px;
}

#banner #banner_container .kolom h2{
margin-bottom:2px;
margin-top:-2px;
}
#banner #banner_container .kolom h2, #banner #banner_container .kolom input{
margin-left:17px;
}

#banner{
    background:url('img/raster_banner.png') no-repeat center center;
}
#footer .kolom,  #footer .menu li a{
background:none;
color:#c3b0dd;
}
#footer .kolom.tweets a.wit{
    margin-top:4px;
}
#footer .kolom.tweets a.wit, #footer .kolom.tweets a.social
{
   color:#ffffff;  
   display:inline-block;
   float:left;
}
#footer .kolom.tweets a{
   color:#c3b0dd; 
}
#footer .tweets hr
{
background-color:#63458C;
	background-position:initial initial;
	background-repeat:initial initial;
	border:none;
	margin-bottom:10px;
	margin-top:10px;
  
}
#footer .kolom a, #footer .kolom h2, #footer .kolom, #footer .menu li a:hover, #footer .kolom.tweets a:hover {
    color:#ffffff;
}

div.kolom.last{
margin-right:0px;
}

div.kolom.right{
float:right;
}

#search-widget .gsc-input-box, #search-widget input
{
     background:#715895 !important;
     

}
#search-widget .gsc-input-box
{
     background:#715895 !important;
    height:17px;
    padding:0px;
    border:0px;

}

#search-widget .gsib_b{display:none;}
#search-widget .gsc-search-button input{
     padding:2px !important;
    margin:5px 0px 0px 0px !important;
}
#search-widget .gsib_a, #search-widget .gstl_50, #search-widget .gsc-input, #search-widget .gsc-search-button
{
    padding:0px !important;;
    margin:0px !important;;
}
table.gsc-search-box td{
    vertical-align: top;
}
#search-widget input{
 border:0px;
    padding: 2px 5px 2px 5px;
     height:13px;
color:#ffffff;

}

#search-widget{
    
    display: inline-block;
    float:right;
    margin: -19px 0px 0 0;
    width:150px;
}
#banner div.kolom
{
    height:294px;
    margin-top:0px;
    opacity: 0.95;
}

#banner div.kolom ul{
    list-style:none; 
    margin: 0px ; 
}
#banner div.kolom input{
 margin-top:3px;
 
}
#banner div.kolom ul li {
    display:block;
    clear:both;
line-height:16px;
    padding:10px 17px 10px 17px;
    position:relative;
}
#banner div.kolom ul li:hover{
    background:url('img/raster_grijs.png');
}
#banner div.kolom ul a{
font-weight:normal;
color:#333333;
}
#banner div.kolom ul img{
 border:solid 1px #ccc;
 float:left;
 margin-right:10px;

}
div.kolom.koloms_2
{
    width:606px;
}

.top {
    margin:25px 0px 25px 0px;
    float:right;
}
.home .getleft, .home .getright{
        top:350px;
}
.getleft, .getright
{
    width:19px;
    height:20px;
    display:inline-block;
    position:absolute;
    top:140px;

}
.getleft { background: url('/wp-content/themes/ruigrok2013/img/pijl-l.png');
              left:10px;
}
.getright {
   
     background: url('/wp-content/themes/ruigrok2013/img/pijl-r.png');
       left:40px;
}

.getleft:hover{background: url('/wp-content/themes/ruigrok2013/img/pijl-l-mo.png'); }
.getright:hover{background: url('/wp-content/themes/ruigrok2013/img/pijl-r-mo.png'); }

.home #banner, .home #bannerbg, .home #bannerbgback, .home #banneroog {
    height:741px;
}
#banneroog
{
     background:url('img/oog_animatie.gif') no-repeat center 120px;
}
#banner, #bannerbg, #bannerbgback, #banneroog{
   height:400px;
   min-height:400px;
   max-width:1920px;
   width:100%;
  
   position:absolute;
   top:156px;
   z-index: 0;
    background-repeat: no-repeat;

}
#banner h1{
line-height:30px;
}
#banner h1, #banner h4{
max-width:420px;
display:inline-block;
padding:1px 0 1px 0px;
margin:0px;
}

#banner #banner_container
{
 margin-top:24px;
 padding-left:0px;
  max-width: 988px;
}




#matrix
{
    background:url('img/matrix_bg.jpg') no-repeat;
    width:606px;
    height:206px;
}
#matrix img{
    height:81px;
    width:81px;
    opacity:0.8;
filter:alpha(opacity=80);
float:left;
margin-right:13px;
}
#matrix img:hover{
opacity:1;
filter:alpha(opacity=100);
}

#matrix img.last{
    
  margin-right:0px;
}
#matrix img.secondrow{
    margin-top:44px;
}
#matrix img.third{
margin-right: 68px;
}

#footer .menu{
    padding:0px;
    margin:0px 0px 0px 14px;
}
.social { display:inline-block; width:22px; height:22px; margin-right:6px; }

.linkedin { background:url('img/icon_linkedin_l.png'); }
.linkedin:hover { background:url('img/icon_linkedin.png');}
.fb { background:url('img/icon_fb_l.png');}
.fb:hover { background:url('img/icon_fb.png'); }
.tw { background:url('img/icon_tw_l.png');}
.tw:hover { background:url('img/icon_tw.png'); }
.gp { background:url('img/icon_gp_l.png');}
.gp:hover { background:url('img/icon_gp.png'); }

#opdrachtgevers a{
   float:left;
   display:inline-block;
   margin-top:5px;
   margin-bottom:5px;
}

#opdrachtgevers a:nth-child(odd)
{
     margin-right:10px;
}
#footer .menu li
{
float:left;
width:125px;
list-style-image: url('img/pijltje_purple.png');
padding:3px 0px 3px 0px;
}
#producten .refresh, #onderzoek .refresh{
    float:right;
}
.titel_balk{
    text-transform:uppercase;
    font-size:12px;
}
.titel_balk, .kolom_item{
 display:block;
padding: 2px 7px 1px 9px;
 cursor:pointer;

}
.kolom_item
{
    background:#f3f3f3;
    margin-bottom:14px;
    min-height: 54px;
}
#onderzoek .titel_balk{
background:#c60751;
 color:#ffffff;
}
#producten .titel_balk{
background:#4e2e7a;
 color:#ffffff;
}


#templateBody img{
max-width:360px !important;
}


#mobile-footer
{
    display:none;
    text-align:center;
}

#zoekmobile
{
    display:none;
}

#templateContainer p {
	margin:0;
}

#language {margin-top:-100px;float:right;}
img.flag {width:23px; height:15px;}