/*
    Theme Name: Snow
    Theme URI: http://snow.nl
    Description: Snow customized theme
    Version: 1.2
    Author: Erwin Vrolijk/Tom Scholten
    Author URI: http://snow.nl/
    */


@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 300;
    src: local('Nunito-Light'), url(fonts/Nunito-Light.ttf) format('truetype');
}

html, body {
    margin: 0px;
    padding: 0px;
    font-family: Avenir-light, Avenir, Nunito, sans-serif, ArialMT, Arial;
    color: #584D4D;
    font-size: 15px;
    line-height: 20px;
}
.page-nieuws .node img.voorpagina {margin-bottom: 25px;}
a img {border: none;}
a { color: #584D4D; }

tbody { border-top: none; }

//#containerext {
//    width: 960px;
//    margin: 0px auto;
//    position: relative;
//}
//
// Hide links to archive, only displaying the drop-down selection

.hideArchive {
	display: none;
	text-align: left;
}
.hideArchive {
	display: none;
	text-align: left;
}


// Hide weird border on vertical tabs
//div.vertical-tabs ul li.vertical-tab-button { outline:none; }

//#sidebar-first, #sidebar-second {
//	width: 150px;
//	display: inline;
//	float: left;
//	position: relative;
//}

#container {
    width: 630px;
    margin: 0px auto;
    position: relative;
}

#bannercontainer{
    clear:both;
    overflow:hidden;
}

#banner{
    float:left;
    width: 70px;
    min-height: 184px;
//    min-height: 750px;
    //background-color: #fff; 
    //background-attachment: fixed; 
    background-image: url(snow-logo-small90.png); 
    background-repeat: no-repeat; 
    //background-repeat: repeat-y; 
    background-position: 50% 0;
//    padding-bottom: 32767px;
//    margin-bottom: -32767px;
}
#nonbanner{
//    float:right;
    width:560;
    margin-left: 10px;
}
#endbanner{
    clear: both;
}


#header {
    float: left;
    width: 100%;
    border-bottom: 1px solid black;
    margin-bottom: 18px;
}
#subheader {
    float: left;
    width: 100%;
    border-bottom: 1px solid black;
    margin-bottom: 5px;
}
#content,#infobar, #footer {clear: both;}


/**
    menu styles
 **/
.menu,.submenu { 
    clear:left; float:left;
    list-style:none;
    margin:0; padding:0;
    position:relative; left:50%;
    text-align:center;
}
.menu li {
    display:block; float:left;
    list-style:none;
    margin:0; padding:15px 12px 14px 12px;
    position:relative; right:50%;
}
ul.menu li {
    margin:0;
}
.submenu li { 
    display:block; float:left;
    list-style:none;
    margin:0; padding:0px 12px 0px 12px;
    position:relative; right:50%;
}
.menu li a {
    display:block;
    font-size: 16px; text-decoration:none; color: #584D4D;
}
.submenu li a {
    display:block;
    font-size: 14px; text-decoration:none; color: #584D4D;
}
.page-nieuws .menu .first a,
.menu .active a,
.menu li.current_page_item a,.submenu li.current_page_item a {
    color: #463C3C; font-weight: bold;
}
.menu li a:hover,
.submenu li a:hover,
#archivelist li a:hover {
    color: #463C3C; text-decoration: none;
}


#archives { 
    clear:left; float:left;
    list-style:none;
    margin:0; padding:0;
    position:relative; left:50%;
    text-align:center;
    top: -15px;
}
#archivelist li { 
    display:block; float:left;
    list-style:none;
    margin:0; padding:0px 5px 0px 5px;
    position:relative; right:50%;
}
#archivelist li a {
    display:block;
    text-decoration:none; color: #584D4D;
}
.page-testzoek .title h1,
.page-testzoek2 .title h1,
.page-testzoek3 .title h1,
.page-artikelenarchief .title h1,
.page-archief .title h1,
.paged .page-title{ clear: both; text-align: center;}

/** 
    home first post style
**/
.page-artikelen .views-row-first .node,
.page-nieuws .views-row-first .node {
    border-top: none; 
    padding-top: 0px;
}
.page-artikelen .views-row-first .node-sticky img,
.page-nieuws .views-row-first .node-sticky img { 
    float: left; margin-right: 35px;
}
.page-artikelen .views-row-first .node-sticky h2,
.page-nieuws .views-row-first .node-sticky h2 {
    text-align: center;
    font-size: 36px;
    font-weight: normal;
    margin: 0px;
    padding: 15px 0px;
}
.page-artikelen .views-row-first .node-sticky a,
.page-nieuws .views-row-first .node-sticky a { 
    text-decoration: underline;
}
.page-artikelen .views-row .node-teaser p,
.page-nieuws .views-row .node-teaser p
{
margin: 3px 200px 3px 0px;
}
.page-artikelen .views-row-first .node-sticky p,
.page-nieuws .views-row-first .node-sticky p { 
    margin: 15px 0 15px 0;
}
//.page-artikelen .node-teaser a,
//.page-nieuws .node-teaser a {text-decoration: none;}
/**
    home infobar
**/
#infobar #rss {float: left; width: 250px; text-align: left;}
#infobar #search {float: left; margin-left: auto; margin-top: 7px;}
#infobar {padding: 0px 0px 40px 0px; margin-bottom: 25px; } 
    
    
/**
    home generic post
**/
.node, div.page {
    position: relative;
    padding-top: 10px;
//    margin-top: 25px;
}
.page-testzoek .views-row,
.page-testzoek2 .views-row,
.page-testzoek3 .views-row,
.page-artikelenarchief .views-row,
.page-archief .views-row,
.paged .node,
.archive .node { margin-top: 15px; padding-top: 20px;}

.page-testzoek .views-row,
.page-testzoek2 .views-row,
.page-testzoek3 .views-row,
.page-artikelenarchief .views-row,
.page-archief .views-row,
.page-artikelen .node,
.page-nieuws .node,
.archive .node {
    clear: both;
    border-top: solid 1px black;
}
.page-artikelen .node img,
.page-nieuws .node img,
.page-archief .views-row img,
.page-testzoek2 .views-row img,
.archive .node img {
    float: right;
    margin-bottom: 10px; /* was 25px */
}

.page-testzoek h2,
.page-testzoek2 h2,
.page-testzoek3 h2,
.page-artikelenarchief h2,
.page-archief h2,
.node h2,
.page h2 {
    margin: 0px;
    padding: 0px;
}
.page-testzoek h2,
.page-testzoek2 h2,
.page-testzoek3 h2,
.page-artikelenarchief h2,
.page-archief h2,
.page-artikelen .node h2,
.page-nieuws .node h2,
.archive h2,
.paged h2 {
    font-size: 20px; 
    font-weight: normal; 
    text-decoration: none;
    text-align: left;
    padding: 0px;
}
.page-node h1,
.page-archief h1,
.not-front h1,
.page h2 {
    text-align: center;
    font-size: 36px;
    font-weight: normal;
    margin: 0px;
    padding: 15px 0px 15px 0px;
}
.page-testzoek h2 a:hover,
.page-testzoek2 h2 a:hover,
.page-testzoek3 h2 a:hover,
.page-artikelenarchief h2 a:hover,
.page-archief h2 a:hover,
.node h2 a:hover {color: black;}
.page-testzoek h2 a,
.page-testzoek2 h2 a,
.page-testzoek3 h2 a,
.page-artikelenarchief h2 a,
.page-archief h2 a,
.node h2 a {color: #797979;}

.page-testzoek .field-type-date,
.page-testzoek2 .field-type-date,
.page-testzoek3 .field-type-date,
.page-artikelenarchief .field-type-date,
.page-archief .field-type-date,
.node .field-type-date {
    font-size: 13px; font-weight: bold;
    margin: 10px 0px;
    padding: 0px;
}
.page-artikelen .node p a,
.page-nieuws .node p a {  color: #584D4D;}
.page-testzoek .field-type-date,
.page-testzoek2 .field-type-date,
.page-testzoek3 .field-type-date,
.page-artikelenarchief .field-type-date,
.page-archief .field-type-date,
.page-artikelen .field-type-date,
.page-nieuws .field-type-date {
    margin: 0px;
}
.page-node .field-type-date {
    padding: 0px 115px 0px 115px;
}
.page-artikelen .excerpt p,
.page-nieuws .excerpt p {margin: 3px 200px 3px 0px;} /* was 3px 0px; aangepast op verzoek Hans */

.node-type-snow-nieuws .content .node img { margin-bottom: 10px; }
.node-type-snow-nieuws .content .node iframe { margin-bottom: 10px; }
.page-node .content iframe { margin-bottom: 50px; display: block; position: relative; top: 25px;}
.node-type-snow-nieuws .content .node .field-type-date { margin-bottom: 10px; }
.page-node .node img,
.page img,
.archive img {margin: 0px auto; margin-bottom: 50px; display: block; }
.page-node .node .content p,
.page .node-content p {
	padding: 0px 115px 0px 115px;
	margin-top: 0px;
	margin-bottom: 15px;
}
.page-node .node .content td { padding-right: 15px; }
.page-node .node .content ul, .page-node .node .content ol {padding: 0px 115px 0px 135px;}
.page-node .node .content .vacaturetabel {width: 430px; margin-left: 115px;}
.page-node .node .content .vacatureomschrijving {margin-bottom: 0px;}
.node-content ul {margin: 0px; padding-left: 20px;}
p + ul {margin-top: -1em !important;}

#middlenavigation a {color: #584D4D;}
#middlenavigation .older {float: left;}
#middlenavigation .newer {float: right;}
#middlenavigation {padding-top: 35px;}

#footer { text-align: center; padding: 35px 0px;}


/* =Menu
-------------------------------------------------------------- */

#access {
        background: #fff; /* Show a solid color for older browsers */
        //background: -moz-linear-gradient(#252525, #0a0a0a);
        //background: -o-linear-gradient(#252525, #0a0a0a);
        //background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#252525), to(#0a0a0a)); /* older webkit syntax */
        //background: -webkit-linear-gradient(#252525, #0a0a0a);
        //-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
        //-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
        //box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
        clear: both;
        display: block;
        //float: left;	// deleted to center
        margin: 0 auto 6px;
        width: 100%;
	text-align:center; // added to center
	
}
#access ul {
/        font-size: 13px;
//        list-style: none;
//        margin: 0 0 0 -0.8125em;
//        padding-left: 0;
//	display:inline-block; // added to center
clear: left;
float: left;
list-style: none;
margin: 0;
padding: 0;
position: relative;
left: 50%;
text-align: center;
}
#access li {
//        float: left;
//        position: relative;
        font-size: 16px; text-decoration:none; color: #584D4D;
display: block;
float: left;
list-style: none;
margin: 0;
padding: 15px 12px 14px 12px;
position: relative;
right: 50%;
}

#access a {
        //color: #000;
        color: #463C3C;
        display: block;
        line-height: 3.333em;
        padding: 0 1.2125em;
        text-decoration: none;
}
#access ul ul {
        -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
        -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
        box-shadow: 0 3px 3px rgba(0,0,0,0.2);
        display: none;
        float: left;
        margin: 0;
        position: absolute;
        top: 3.333em;
        left: 0;
        width: 188px;
        z-index: 99999;
}
#access ul ul ul {
        left: 100%;
        top: 0;
}
#access ul ul a {
        background: #f9f9f9;
        border-bottom: 1px dotted #ddd;
        color: #444;
        font-size: 13px;
        font-weight: normal;
        height: auto;
        line-height: 1.4em;
        padding: 10px 10px;
        width: 168px;
}
#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
        //background: #efefef;
        font-weight: bold;
}
#access li:hover > a,
#access a:focus {
        //background: #f9f9f9; /* Show a solid color for older browsers */
        //background: -moz-linear-gradient(#f9f9f9, #e5e5e5);
        //background: -o-linear-gradient(#f9f9f9, #e5e5e5);
        //background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5)); /* Older webkit syntax */
        //background: -webkit-linear-gradient(#f9f9f9, #e5e5e5);
        color: #373737;
        font-weight: bold;
}
#access ul li:hover > ul {
        display: block;
}
#access .active > a,
#access .current-menu-item > a,
#access .current-menu-ancestor > a,
#access .current_page_item > a,
#access .current_page_ancestor > a {
        font-weight: bold;
}

/* Assistive text */
.assistive-text {
        position: absolute !important;
        clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
        clip: rect(1px, 1px, 1px, 1px);
}
#access a.assistive-text:active,
#access a.assistive-text:focus {
        background: #eee;
        border-bottom: 1px solid #ddd;
        color: #1982d1;
        clip: auto !important;
        font-size: 12px;
        position: absolute;
        text-decoration: underline;
        top: 0;
        left: 7.6%;
}


.nodeimage {
}
.nodeimageleft {
	float: left;
	width: 50px;
}
.nodeimagespacertop {
	height: 140px;
}
.nodeimagelefttopcontent a {
	text-decoration: none;
}
.nodeimagecenter {
	float: none;
	margin-left: 50px;
	margin-right: 50px;
}
.nodeimageright {
	width: 50px;
	float: right;
	text-align: right;
}
.nodeimagerighttopcontent a {
	text-decoration: none;
}

.clear {
    clear: both;
}

.pagersplit {
}
.pagersplitleft {
	float: left;
	width: 125px;
}
.pagersplitcenter {
	float: none;
	margin-left: auto;
	margin-right: auto;
}
.pagersplitright {
	width: 125px;
	float: right;
}
.titlewrap a.nounderline,
#middlenavigation a.nounderline {
	text-decoration: none;
}

.titlewrap{
}
.oldertitle {
	float: left;
	width: 50px;
}
.currenttitle {
	float: none;
	margin-left: 50px;
	margin-right: 50px;
}
.titlespacertop {
	height: 15px;
}
.newertitle {
	float: right;
	width: 50px;
	text-align: right;
}