/* =0 Reset */
@import url('/share/styles/foundation.css');
@import url('/share/fonts/Expressway-webfont/stylesheet.css');
@import url('/share/styles/dirk.css');

/* ZIT IN DE WEG !!! */
#header #iframe {
display: none!important;
}

/* --------------------------------------------------------------------------------------------
DEFAULT CSS
----------------------------------------------------------------------------------------------- */

body, .button, div, dl, dt, dd, ul, ol, li, pre, form, fieldset, p, th, td, input, textarea {
font-family: expressway_ltregular, sans-serif;
font-weight: normal;
}
body {
background: #678 url(../images/bg/sea-tile.jpg);
padding: 20px 20px 40px 20px;
}
@media only screen and (max-width: 769px) { 
body {
padding: 10px 10px 20px 10px;
}
}
@media only screen and (max-width: 600px) { 
body {
padding: 20px 0 30px  0;
}
}

/* colors ------------------------------------------------------------- */
.orange { color: #f70; }
.blue { color: #48d; }
.lightblue { color: #4be; }
.yellow { color: #fd6; }
.white { color: #ffe; }

.bg_orange { background-color: #f70; }
.bg_blue { background-color: #48d; }
.bg_lightblue { background-color: #4be; }
.bg_yellow { background-color: #fd6; }

/*	--------------------------------------------------
	:: Links
	-------------------------------------------------- */
	a { color: #24a; text-decoration: none; line-height: inherit; }
	a:hover { color: #48d; }
	a:focus { color: #f70; outline: none; }
	p a, p a:visited { line-height: inherit; }
	p a:hover { border-bottom: 1px dotted; }

/*	
a img {
-webkit-box-shadow: 2px 2px 5px rgba(34, 51, 68, 0.6);
-moz-box-shadow:    2px 2px 5px rgba(34, 51, 68, 0.6);
box-shadow:         2px 2px 5px rgba(34, 51, 68, 0.6);
}
a img:hover {
-webkit-box-shadow: 2px 2px 7px rgba(34, 51, 68, 0.8);
-moz-box-shadow:    2px 2px 7px rgba(34, 51, 68, 0.8);
box-shadow:         2px 2px 7px rgba(34, 51, 68, 0.8);
}
*/

/*	--------------------------------------------------
	:: Lists
	-------------------------------------------------- */
	ul, ol { margin: 0 0 18px 0; font-size: 15px; font-size: 1.5rem; }
	ul { list-style: none outside; }
	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin: 0 0 0 30px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	li { margin: 0 0 3px 0; }
	ul.large li { line-height: 21px; }
	
.entry-content ul { 
margin: 0 0 18px 15px;
list-style-image: url(/share/images/aro/bullet-345.png); 
}


/*	--------------------------------------------------
    :: Typography
	-------------------------------------------------- */
	h1, h2, h3, h4, h5, h6 { color: #48d; font-weight: normal; line-height: 1; }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 36px; margin-bottom: 12px; font-family: expressway_rgbold, sans-serif;}
	h2 { font-size: 24px; margin-bottom: 9px; font-family: expressway_rgbold, sans-serif;}
	h3 { font-size: 18px; margin-bottom: 9px; font-family: expressway_rgbold, sans-serif;}
	h4 { font-size: 16px; margin-bottom: 3px; font-family: expressway_rgbold, sans-serif;}
	h5 { font-size: 15px; margin-bottom: 3px; font-family: expressway_cdbold, sans-serif;}
	h6 { font-size: 13px; margin-bottom: 3px; font-family: expressway_cd_ltregular, sans-serif;}

	h1.collapse, h2.collapse, h3.collapse, h4.collapse, h5.collapse, h6.collapse, p.collapse { margin-top: 0; margin-bottom: 0; }

	.subheader { color: #777; font-weight: 300; margin-bottom: 24px; }

	p { font-size: 15px; line-height: 1.25; margin: 0 0 18px; }
	p img { margin: 0; }
	p.lead { font-size: 18px; font-size: 1.8rem; line-height: 1.5;  }
	
	em, i { font-style: normal; font-family: expressway_ltitalic, sans-serif; line-height: inherit; }
	strong, b { font-weight: normal; line-height: inherit; }
	p strong, p b, #quickprofile strong, blockquote { font-family: expressway_rgregular, sans-serif; }
	small { font-size: 60%; line-height: inherit; }
	
	h1 small, h2 small, h3 small, h4 small, h5 small { color: #48d; line-height: 1; }
	
	h3.respect { font-family: expressway_ltregular, sans-serif; }

.caps {
text-transform: uppercase;
}
	
.ir {
text-indent: -9999px;
}

/* Blockquotes ---------------------- */
blockquote, blockquote p { line-height: 1.5; color: #48d; font-size: 18px; }

blockquote p { font-size: 15px; }

blockquote { margin: 0; padding: 20px 20px 16px 20px; border-left: none; }

blockquote cite { display: block; font-size: 13px; color: #555; }

blockquote cite:before { content: "\2014 \0020"; }

blockquote cite a, blockquote cite a:visited { color: #555; }

abbr, acronym { text-transform: uppercase; font-size: 90%; color: #222; border-bottom: 1px solid #ddd; cursor: help; }

abbr { text-transform: none; }



input[type="text"], 
input[type="password"], 
input[type="date"], 
input[type="datetime"], 
input[type="email"], 
input[type="number"], 
input[type="search"], 
input[type="tel"], 
input[type="time"], 
input[type="url"], 
textarea { 
border: none; 
-webkit-border-radius: 2px; 
-moz-border-radius: 2px; 
-ms-border-radius: 2px; 
-o-border-radius: 2px; 
border-radius: 2px; 
-webkit-box-shadow: inset 1px 2px 3px rgba(0,0,0,0.2); 
-moz-box-shadow: inset 1px 2px 3px rgba(0,0,0,0.2); 
box-shadow: inset 1px 2px 3px rgba(0,0,0,0.2); 
color: rgba(0, 0, 0, 0.75); 
display: block; 
font-size: 14px;
line-height: 1; 
margin: 0; 
padding: 5px 4px; 
height:auto;
width: 100%; 
-webkit-transition: all 0.15s linear; 
-moz-transition: all 0.15s linear; 
-o-transition: all 0.15s linear; 
transition: all 0.15s linear; 
background-color:rgba(255,255,255,0.4);
}
input[type="submit"] {
color: #f40;
margin: 0 0 0 4px;
font-size: 14px;
line-height: 1;
padding: 4px 8px;
border: 1px solid #f4b500;
background: rgba(255,187,0,0.4);
-webkit-border-radius: 2px; 
-moz-border-radius: 2px; 
-ms-border-radius: 2px; 
-o-border-radius: 2px; 
border-radius: 2px; 
-moz-box-shadow: inset 1px 2px 3px rgba(255,255,255,0.2);
-webkit-box-shadow: inset 1px 2px 3px rgba(255,255,255,0.2);
box-shadow: inset 1px 2px 3px rgba(255,255,255,0.2);
}
input, select {
vertical-align: middle;
}



.underline {
border-bottom:1px solid;
}
h1.underline {
padding: 4px 0 6px 0;
}
h1.entry-title {
margin: 30px 0 10px -2px;
}
.no-margin {
margin: 0;
}
.clear {
clear: both;
}

/* hidden text ------------------------------------------------------------- */
.assistive-text, .hidden {
/* The equivalent of 'display: none' but leaves the elements readable by some screen readers */ 
position: absolute;
overflow: hidden;
clip: rect(0,0,0,0); /* because 'height: 0' doesn't have any fun in IE5.5 */ 
height: 0!important; /* because clip doesn't have any fun in IE6 */ 
}

/* grid ------------------------------------------------------------- */
#page {
position: relative;
background: #ffe;
-webkit-box-shadow: 4px 4px 14px rgba(34, 51, 68, 0.7);
-moz-box-shadow:    4px 4px 14px rgba(34, 51, 68, 0.7);
box-shadow:         4px 4px 14px rgba(34, 51, 68, 0.7);
border-top: 3px solid #f70;
z-index: 0;
}

#main {
position: relative;
overflow: hidden;
clear: both;
padding: 0 0px 40px 0px;
width: 100%; /*  tbv ie6*/
z-index: 3;
}
.sidebar {
padding: 0px 10px 10px 20px;
margin: -1px 0px 0 0;
}
.sidebar-home {
margin: -34px 0 0 0; 
z-index: 100;
}
.sidebar-inner {
margin: 12px 30px 8px 10px;
overflow: auto;
}
@media only screen and (max-width: 769px) { 
.sidebar {
padding: 0px 10px 0px 10px;
margin: 0;
}
.sidebar-home {
margin: 0;
}
.sidebar-inner {
overflow: auto;
margin: 12px 0px 8px 10px;
}
.sidebar-item {
width: 48.5%;
}
.sidebar-item.full-width {
width: 100%;
}
}
@media only screen and (max-width: 600px) { 
.sidebar-item.fb-tw {
width: 100%;
}
}
@media only screen and (max-width: 415px) { 
.sidebar-item {
width: 100%;
}
}
@media only screen and (min-width: 770px) { 
.sidebar-item {
width: 100%;
float: left;
}
}

.fb-like-box, #twitter_stream {
margin: 0 0 20px 0;
}

h4.collapse.bg_orange, h4.collapse.bg_blue {
margin: -1px -1px 20px 0;
}

footer#colophon {
overflow: hidden;
padding: 20px 0 0 0;
}

.l30r0 {
margin: 0 -10px 0 20px!important;
}
.l30r30 {
margin: 0 20px 0 20px!important;
}
.l30r30-2 {
margin: 0 30px 0 30px!important;
}
.l0r30 {
margin: 0 20px 0 0px;
}
@media only screen and (max-width: 769px) { 
.l30r0 {
margin: 0 10px 0 10px!important;
}
.l30r30 {
margin: 0 10px 0 10px!important;
}
.l30r30-2 {
margin: 0 20px 0 20px!important;
}
}


.margin-20-left-right {
margin: 0 20px;
}
.margin-10-below {
margin: 0 0 10px 0;
}
.margin-20-below {
margin: 0 0 20px 0;
}
.margin-6-above {
margin: 6px 0 0 0;
}
.margin-6-below {
margin: 0 0 6px 0;
}
.margin-12-20 {
margin: 12px 30px 8px 10px;
}
.margin-10-left {
margin: 0 0 0 10px;
}
.padding-12-20 {
padding: 12px 20px;
}

/* rounded, shadows ------------------------------------------------------------- */
.radius {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.shadow {
-webkit-box-shadow: 2px 2px 5px rgba(34, 51, 68, 0.6);
-moz-box-shadow:    2px 2px 5px rgba(34, 51, 68, 0.6);
box-shadow:         2px 2px 5px rgba(34, 51, 68, 0.6);
}
.shadowbig {
-webkit-box-shadow: 4px 4px 14px rgba(34, 51, 68, 0.7);
-moz-box-shadow:    4px 4px 14px rgba(34, 51, 68, 0.7);
box-shadow:         4px 4px 14px rgba(34, 51, 68, 0.7);
}
.no-shadow {
-webkit-box-shadow: none;
-moz-box-shadow:    none;
box-shadow:         none;
}

.yellow_gradient {
background: #ffdd66; /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZWU5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iI2ZmZGQ2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY2JSIgc3RvcC1jb2xvcj0iI2ZmY2M0NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmRkNjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  #fe9 0%, #fd6 33%, #fc4 66%, #fd6 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fe9), color-stop(33%,#fd6), color-stop(66%,#fc4), color-stop(100%,#fd6)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #fe9 0%,#fd6 33%,#fc4 66%,#fd6 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #fe9 0%,#fd6 33%,#fc4 66%,#fd6 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #fe9 0%,#fd6 33%,#fc4 66%,#fd6 100%); /* IE10+ */

background: linear-gradient(to bottom,  #fe9 0%,#fd6 33%,#fc4 66%,#fd6 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffee99', endColorstr='#ffdd66',GradientType=0 ); /* IE6-8 */

border: 1px solid #fb0;
}

.blue_gradient {
background: #ddeeff; /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZWVmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iI2FhY2NlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY2JSIgc3RvcC1jb2xvcj0iI2JiY2NkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZGVlZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  #ddeeff 0%, #aaccee 33%, #bbccdd 66%, #ddeeff 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ddeeff), color-stop(33%,#aaccee), color-stop(66%,#bbccdd), color-stop(100%,#ddeeff)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #ddeeff 0%,#aaccee 33%,#bbccdd 66%,#ddeeff 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #ddeeff 0%,#aaccee 33%,#bbccdd 66%,#ddeeff 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #ddeeff 0%,#aaccee 33%,#bbccdd 66%,#ddeeff 100%); /* IE10+ */

background: linear-gradient(to bottom,  #ddeeff 0%,#aaccee 33%,#bbccdd 66%,#ddeeff 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddeeff', endColorstr='#ddeeff',GradientType=0 ); /* IE6-8 */

border: 1px solid #ace;
}

.border-inherit {
border: 1px solid;
border-color: inherit;
}
.border {
border: 1px solid #fb0;
}

/* header ------------------------------------------------------------- */
#branding {
position: relative;
height: 150px;
z-index: 10;
}
#logo {
position: relative;
float: none;
width: 190px; 
margin: 0 0 -74px 0;
padding: 0;
background: rgba(255, 255, 238, 0.7); 
z-index: 200; 
}
#topright {
position: absolute; 
left: 190px; right: 0; bottom: 3px;
padding: 0 20px 0 0;
}
#logo:before, #logo:after, #topright:before, #topright:after {
content: "";
display: table;
}
#logo:after {
clear:both;
}
h1#site-title {
display: block;
width: 156px;
height: 224px;
margin: 0 0 0 16px;
background: url(/share/images/branding/goedevissers-logo.png) center no-repeat;
}
#vindvisser {
position: absolute;
top: -13px; right: 30px;
width: 360px;
padding: 3px 12px;
}
#vindvisser-text {
float: left;
width: 33%;
}
#vindvisser-form {
float: left;
width: 67%;
margin: 2px 0 0 0;
}
h3.respect {
margin: 0 0 0 10px; letter-spacing: 4px;
}
@media only screen and (max-width: 769px) { 
#branding {
height: 130px;
}
#logo {
width: 140px; 
margin: 0 0 -46px 0;
}
h1#site-title {
width: 120px;
height: 160px;
margin: 20px 0 5px 10px;
background: url(/share/images/branding/goedevissers-logo-120x166.png) center no-repeat;
}
#topright {
left: 140px; right: 0; bottom: 3px;
}
#vindvisser {
top: -9px; right: 20px;
}
}
@media only screen and (max-width: 700px) { 
#branding {
height: 206px;
}
#logo {
background: none;
}
h1#site-title {
margin: 34px 0 5px 10px;
}
}
@media only screen and (max-width: 600px) { 
#branding {
height: 220px;
}
h1#site-title {
margin: 48px 0 5px 10px;
}
#vindvisser {
top: -13px;;
}
}
@media only screen and (max-width: 450px) { 
#branding {
height: 230px;
}
h1#site-title {
margin: 58px 0 5px 10px;
}
}
@media only screen and (max-width: 415px) { 
#branding {
height: 250px;
}
#logo {
width: 120px;
}
h1#site-title {
margin: 77px 0 5px 10px;
}
#vindvisser {
position: absolute;
top: -18px; left: 50%; right: auto;
width: 250px;
margin: 0 0 0 -111px;
}
#vindvisser-text {
width: 100%;
}
#vindvisser-form {
width: 100%;
margin: 2px 0 0 0;
}
h3.respect {
position: absolute;
left: -140px; top: -30px;
margin: 0;
padding: 0 10px;
text-align: center;
}
}


.topslides-outside {
position: relative;
float: left;
height: 240px;
overflow: hidden;
width: 100%;
z-index: 2;
}
#topslides {
position: relative;
height: 240px;
width: 1000px;
}
/*
#topslides img.links{
	top:0;left:0;position: absolute;
}
#topslides img.rechts{
	top:0;right:0;position: absolute;
}
*/ 
#topslides div.orbit-wrapper div.timer {
display: none;
}
body #topslides div.orbit img.orbit-slide {
height: 240px!important;
width: 1000px!important;
}
@media only screen and (max-width: 769px) { 
.topslides-outside {
height: 184px;
}
#topslides {
height: 184px;
width: 769px;
}
body #topslides div.orbit img.orbit-slide {
height: 184px!important;
width: 769px!important;
}
}

/* access */
#access {
position: relative;

/*position: absolute;
left: 0px; bottom: 0px; right: 0;*/
/*background:  rgba(255, 255, 238, 0.5);*/
z-index: 3;
}
#access ul {
position: relative;
list-style: none;
/* background: rgba(255, 255, 255, 0.3); */
}
#access li {
position: relative;
float: left;
display: block;
margin-bottom: 0;
/*background: rgba(255, 255, 238, 0.5);*/
border-right: 1px solid #fb0;
}
#access li:last-child {
border-right: none;
}
#access li:last-child:hover {
border-right: 1px solid #fb0;
}
#access a {
float: left;
color: #48d/*ffd430*/;
font-family: expressway_rgbold, sans-serif;
text-transform: uppercase;
font-size: 14px;
line-height: 1.1;
padding: 4px 20px 0 10px;
border-bottom: none;
}
#access a.main {
height: 40px;
max-width: 140px;
}
@media only screen and (max-width: 415px) { 
#access li {
width: 100%;
border-right: none;
border-left: 1px solid #fb0;
margin: 4px 0 0 0;
}
#access a {
padding: 0px 20px 0 10px;
}
#access a.main {
height: 36px;
}
#access li:last-child:hover {
border-right: none;
}
}
#access a:hover {
color: #f40;
/*background: #fd6;*/
}
#access li:hover {
background: none;
}
#access li.current a {
color: #f70;
background: #ffe;
}
#access li.current a:after { /* css arrow */
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-top-color: #ffe;
	border-width: 16px;
	left: 23px;
	margin-left: -16px;
}
#access li#main1_home.current a {
background: none;
}
#access ul ul {
display: none;
position: absolute;
left: -1px;
top: 38px;
width: 130px;
background: #f90;
border-left: 1px solid #f90;
border-right: 1px solid #f90;
}
#access ul ul li {
border-top: 1px solid #ffe;
width: 130px;
border-left: none;
background: none;
margin-left: 0;
}
#access ul ul a {
display: block;
float: none;
color: #ffe;
font-size: 13px;
line-height: 1;
text-shadow: none;
padding: 6px 10px 6px 10px;
}
#access ul ul a:hover {
color: #f40;
}
#access li.current ul li a {
color: #ffe;
}
#access li.current ul li.current a {
color: #46c;
}
#access li.current ul li a:hover {
color: #f40;
}
/*
#access ul li:hover > ul {
display: block;
z-index: 998;
}
*/

ul.subnavlist{
position: absolute;
left: 200px; right: 0; bottom:0;
margin: 0;
background: #48d;
z-index: 4;
}
@media only screen and (max-width: 769px) { 
ul.subnavlist{
left: 0px;
background: none; 
}
}
ul.subnavlist li{
position: relative;
display: block;
float:left;
list-style:none;
margin:0;
border-right: 1px solid #ffe;
}
@media only screen and (max-width: 769px) { 
ul.subnavlist li{
margin: 1px 0 0 0;
}
}
ul.subnavlist a{
float:left;
font-family: expressway_rgbold, sans-serif;
text-transform: uppercase;
font-size: 14px;
line-height: 25px;
padding: 0px 20px 0px 10px;
color: #ffe;
background: #48d;
border-bottom: none;
}
@media only screen and (max-width: 769px) { 
ul.subnavlist a{
padding: 6px 20px 6px 10px;
}
ul.subnavlist li:first-child a{
padding: 6px 20px 6px 20px;
}
}
ul.subnavlist a:hover {
background: #f70;
}
ul.subnavlist li:last-child{
border-right: none;
}
ul.subnavlist li:last-child:hover{
border-right: none;
border-right: 1px solid #ffe;
}
ul.subnavlist li.current a {
color: #f70;
background: none;
}
ul.subnavlist li.current a:hover {
color: #f70;
background: #4be;
}
@media only screen and (max-width: 769px) { 
ul.subnavlist li.current a {
background: #48d;
}
}
ul.subnavlist li.current a:after, ul.newsnav li.current a:after { /* css arrow */
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-top-color: #48d;
	border-width: 8px;
	left: 16px;
	margin-left: -8px;
}
@media only screen and (max-width: 769px) { 
ul.subnavlist li:first-child.current a:after, ul.newsnav li:first-child.current a:after { /* css arrow */
	left: 26px;
}
}
ul.subnavlist li.current ul a:after { /* css arrow */
	border: none;
}
ul.subnavlist li ul{
position: absolute;
left: 0px; bottom: 25px;
width: 360px;
line-height: 1;
margin:0;
}
.subnav2 {
display: none;
}

@media only screen and (max-width: 769px) { 
ul.subnavlist li ul{
display:none;
}
.subnav2 {
display: block;
width: 100%;
background: #8be;
padding: 2px 0 0 0;
}
}
ul.subnavlist li ul li{
float: left;
border: none;
margin: 0 1px 1px 0;
}
ul.subnavlist li ul li:last-child{
border-bottom: none;
}
ul.subnavlist li ul a, ul.subnavlist li.current ul a {
background: rgba(255, 255, 238, 0.7);
color: #48d;
padding: 0px 20px 0px 10px;
}
@media only screen and (max-width: 769px) { 
ul.subnavlist li ul a, ul.subnavlist li.current ul a {
padding: 9px 20px 8px 10px;
}
}
ul.subnavlist li ul a:hover, ul.subnavlist li.current ul a:hover {
background: rgba(255, 255, 238, 1);
}
ul.subnavlist li.current li.current a{
color: #f70;
}
ul.subnavlist li.current ul a{
color: #48d;
}
ul.subnavlist li.current ul li a:current{
color: #f40;
}
ul.subnavlist li.current li a{
font-weight:normal;
}
ul.subnavlist ul{
}

h1.navmelding {
font-size: inherit;
line-height: inherit;
text-transform: inherit;
margin: inherit;
color: inherit;
}


/* homepage  ------------------------------------------------------------- */
.homepage-news a.picholder {
position: relative;
display: block;
}
.homepage-news a.picholder:before {
content: 'NIEUWS';
position: absolute;
left: -6px; top: 20px;
padding: 5px 10px 4px 10px;
font-family: expressway_rgbold, sans-serif;
font-size: 24px;
line-height: 25px;
color: #ffe;
background: #f70;
z-index: 100;
}
.homepage-news .six a.picholder:before {
top: 12px;
font-size: 14px;
line-height: 14px;
padding: 4px 10px;
}

@media only screen and (max-width: 769px) { 
.homepage-news .row .six {
width: 50%!important;
float: left;
}
.homepage-news .six img {
width: 100%;
height: auto;
}
}
@media only screen and (max-width: 450px) { 
.homepage-news .row .six {
width: 100%!important;
}
.homepage-news .six img {
width: 66%;
}
}

/* news overview ------------------------------------------------------------- */
@media only screen and (max-width: 600px) { 
.block-grid.three-up > li {
width: 50%;
}
.block-grid.three-up > li:nth-child(3n+1) {
clear: none;
}
.block-grid.three-up > li:nth-child(2n+1) {
clear: left;
}
}
@media only screen and (max-width: 400px) { 
.block-grid.three-up > li {
width: 100%;
}
}

/* news more ------------------------------------------------------------- */
#news_more {

}
#news_more p.abstract {
line-height: 145%;
}
#news_more p {
line-height: 135%;
}
#news_more #slider {
float: left;
width: 66%;
margin: 0 20px 0 -10px;
}
#news_more .news-text {
margin: 0 30px 0 34%;
}
#news_more .news-navigation {
position: relative;
clear: both;
float: right;
width: 66%;
margin: 10px 0 0 0;
}
#news_more .category-title {
width: 100%; font-size: 18px; line-height: 1; text-transform: uppercase; margin: 0; color: #f70;
}
@media only screen and (max-width: 769px) { 
#news_more .news-navigation {
top: auto;
width: 100%;
margin: 0;
}
#news_more #slider {
width: 100%;
max-height: 400px;
overflow: hidden;
margin: 0 0 6px 0;
}
#news_more .news-text {
margin: 0 20px 30px 20px;
}
}

#news_more .news-navigation .category-title {
color: #ffe; background: #8be; padding: 3px 0 3px 20px; 
}

/* news navigation, subnav2 ------------------------------------ */
ul.newsnav {
}
.newssubnav {
padding: 0 10px 0 10px;
background: #8be;
overflow: auto;
}
#news_more .newssubnav {
padding: 4px 10px 0 0px;
}
@media only screen and (max-width: 769px) { 
#news_more .newssubnav {
padding: 2px 1px 0 0px;
}
}
ul.newsnav, .newssubnav ul, .subnav2 ul {
list-style: none;
margin: 0;
line-height: 24px;
}
ul.newsnav {
position: relative;
float: left;
width: 100%;
background: #48d;
padding: 0 10px 0 10px;
}
#news_overview ul.newsnav {
margin: 0 0 20px 0;
}
#news_overview ul.newsnav:before {
content: 'NIEUWS';
position: absolute;
left: 25px; top: -38px;
font-family: expressway_rgbold, sans-serif;
font-size: 60px;
color: #f70;
z-index: 100;
}
ul.newsnav li, .newssubnav ul li, .subnav2 ul li {
float: left;
position: relative;
margin: 0;
}
@media only screen and (max-width: 769px) { 
.newssubnav ul, .subnav2 ul {
background: #8be url(/share/images/bg/subnavline.png);
overflow: auto;
}
.newssubnav ul li, .subnav2 ul li {
margin: 0 0 1px 0;
}
}
ul.newsnav li {
height: auto;
border-right: 1px solid #ffe;
}
ul.newsnav li:last-child {
border-right: none;
}
ul.newsnav a, .newssubnav ul a, .subnav2 ul a {
font-family: expressway_rgbold, sans-serif;
text-transform: uppercase;
font-size: 14px;
line-height: 24px;
color: #ffe;
float: left;
}
ul.newsnav a {
padding: 0px 20px 0px 10px;
}
ul.newsnav a:hover {
background: #f70;
}
ul.newsnav li.current a {
color: #f70;
}
ul.newsnav li.current a:hover {
background: #48d;
}
.newssubnav ul a, .subnav2 ul a {
background: url(/share/images/aro/right-ffe.png) 4px 8px no-repeat;
line-height: 24px;
padding: 0px 10px 0px 20px;
margin: 0 10px 0 0;
}
.newssubnav ul li.current a, .subnav2 ul li.current a {
color: #f70;
background: url(/share/images/aro/right-f70.png) 4px 7px no-repeat;
}
.newssubnav ul a:hover {
background: #f70 url(/share/images/aro/right-ffe.png) 4px 7px no-repeat;
}
@media only screen and (max-width: 769px) { 
#news_more .news-navigation .category-title {
padding: 3px 0 3px 20px; 
}
ul.newsnav {
padding: 0 10px 0 0px;
margin: 0;
}
.newssubnav {
padding: 0 10px 0 16px;
}
ul.newsnav a {
padding: 0px 20px 0px 10px;
line-height: 29px;
}
ul.newsnav li:first-child a {
padding: 0px 20px 0px 20px;
}
.newssubnav ul a, .subnav2 ul a  {
background: url(/share/images/aro/right-ffe.png) 6px 10px no-repeat;
padding: 0px 10px 0px 20px;
line-height: 29px;
}
.newssubnav ul li.current a, .subnav2 ul li.current a  {
background: url(/share/images/aro/right-f70.png) 6px 10px no-repeat;
}
.newssubnav ul a:hover, .subnav2 ul a:hover {
background: #f70 url(/share/images/aro/right-ffe.png) 6px 10px no-repeat;
}
#news_overview ul.newsnav:before {
left: 15px;
}
}


ul.shopnavlist{
display: block;
width: 100%;
height: 23px;
line-height: 24px;
margin: 0 0 20px 0;
background: #4be;
z-index: 4;
}
ul.shopnavlist li{
position: relative;
display: block;
float:left;
list-style:none;
margin:0;
border-right: 1px solid #ffe;
}
ul.shopnavlist a{
float:left;
font-family: expressway_rgbold, sans-serif;
text-transform: uppercase;
font-size: 13px;
line-height: 24px;
padding: 0px 20px 0px 10px;
color: #ffe;
background: #4be;
border-bottom: none;
}
ul.shopnavlist a:hover {
background: #f70;
}
ul.shopnavlist li:last-child{
border-right: none;
}
ul.shopnavlist li:last-child:hover{
border-right: none;
border-right: 1px solid #ffe;
}
ul.shopnavlist li.current a, ul.shopnavlist li.current a:hover {
color: #f70;
background: none;
}
ul.shopnavlist li.current a:after { /* css arrow */
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-top-color: #4be;
	border-width: 8px;
	left: 16px;
	margin-left: -8px;
}


/* vissers, restaurant, marktkraam ------------------------------------------------------------- */
#vissers_items {
margin: 0 10px;
}
.lt-ie9 #vissers_items li {
min-height: 234px;
/*
position:relative;
clear:none;
float:left;
width: 21%;
height: 210px;
list-style:none;
margin: 0 4% 0px 0;
*/
}

.picholder span{
font-family: expressway_rgregular, sans-serif;
line-height: 1;
}
.picholder .header{
color: #f70;
}
.picholder a:hover > .header{
color: #f40;
}
.picholder .sub-header{
white-space: nowrap;
}

.block-grid .picholder img {
border: 1px solid #fb0;
}
.block-grid h3.item-name {
margin-top: 4px; margin-bottom: 4px
}

@media only screen and (max-width: 600px) { 
.block-grid.four-up > li {
width: 50%;
}
.block-grid.four-up > li:nth-child(4n+1) {
clear: none;
}
.block-grid.four-up > li:nth-child(2n+1) {
clear: left;
}
}
@media only screen and (max-width: 400px) { 
.block-grid.four-up > li {
width: 100%;
}
.block-grid.four-up > li:nth-child(4n+1) {
clear: none;
}
.block-grid.four-up > li:nth-child(2n+1) {
clear: left;
}
}

/* profielen (visser, restaurant, marktkraam, eigenverkoop) ------------------------------------ */
.profieltitel {
display: table-cell; 
vertical-align: bottom; 
height: 80px;
padding: 10px 0 0 168px;
line-height: 0.9
}
.profieltitel h1 {
font-size: 30px; 
}
.visserprofiel .profieltitel h1 {
margin: 0;
}
.visserprofiel .profieltitel h2 {
margin: 0 0 11px 1px;
}
.restaurantprofiel .profieltitel h2 {
margin: 0 0 0 1px;
}
.restaurantprofiel .profieltitel h1 {
margin: 0 0 12px 0;
}

.profiel .sidebar {
margin: 6px 0 0 0;
}
.profiel .sidebar .column {
float: right;
padding: 0;
width: 100%;
margin: -1px -1px 0 0;
padding: 0 0 10px 0;
}
.profiel h4.collapse.bg_orange, .profiel h4.collapse.bg_blue {
margin: -1px 0 0 -1px;
}
.profiel #quickprofile {
margin: 0;
}
.profiel .sidebar-inner {
overflow: hidden;
margin: 12px 30px 6px 10px;
}
.profiel .yellow_gradient .sidebar-inner {
border: 1px solid #fb0;
}
.profiel .blue_gradient .sidebar-inner {
border: 1px solid #ace;
}
.profiel #quickprofile .profiletext {
margin: 0 10px 0 10px;
}
.profiel #quickprofile .profiletext .leftcol {
float:left;
width: 40%;
}
.profiel #quickprofile .profiletext .rightcol {
float:left;
width: 60%;
}
.profiel ul.random-more {
padding: 5px 20px 5px 10px;
margin: 0;
}

.profielfotoos .foto {
float: left;
width: 50%;
padding: 0 10px;
}

@media only screen and (max-width: 769px) { 
.profiel .sidebar {
margin: 10px 0 0 0;
}
.profiel .sidebar .column {
float: left;
margin: 0;
width: 49%!important;
}
.profiel .sidebar .column.more {
margin: 0 0 0 2%;
}

}



/* shop (?) ------------------------------------------------------------- */
.items {
 	padding: 10px 0;
 	overflow: hidden
 }
.news_items .item {
 	float: left;
 	clear: none;
 	margin-right: 9px;
 	margin-bottom: 9px;line-height: 120%;	
 	width:290px; height: 285px;
 }
#news_more iframe{
 	width: 100%;height: 400px
 }
.boven{
padding: 10px;
overflow:  hidden;
clear: both;
 

}  .checkoutblok h3 {
  font-size: 1.335em;
  line-height: 10px;
  padding: 5px;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
}
iframe#iframe {
  border: medium none;
  height: 0;
  padding: 0;
  position: absolute;
  width: 0;
  z-index: 33;
}
a.readmore {
padding: 0 0px 0 14px;
margin: 0 0 0 6px;
text-decoration: none;
color: #f70;
background: url(/share/images/aro/right-f70.png) 0px 5px no-repeat;
white-space: nowrap;
}
a.readmore:hover {
border-bottom: 1px dotted;
}
   
/* widgets ------------------------------------------------------------- */
.randomwidget {
	position: relative;
	overflow:hidden;
}
@media only screen and (max-width: 769px) { 
.randomwidget.evenement {
float: left;
width: 30%;
margin: 0 3% 0 0;
}
.randomwidget.with-picture {
padding: 0 10px 0 0;
}
.randomwidget img {
width: 100%;
height: auto;
}
}
@media only screen and (max-width: 450px) { 
.randomwidget.evenement {
width: 100%;
}
}
.randomwidget img{
  display: block;
}

a.random-all {
position: relative;
clear: both;
display: block;
color: #ffe;
text-transform: uppercase;
padding: 3px 0 3px 24px;
background: url(/share/images/aro/right-ffe.png) 10px 6px no-repeat;
border-bottom: none;
z-index: 300;
}
a.random-all:hover {
color: #fd6;
background: url(/share/images/aro/right-fd6.png) 10px 6px no-repeat;
}

div#twitter_stream {
}
#twitter_stream .header{
background-color:#00a6fc;
color:#ffe;
padding: 8px 8px 7px 8px;
font-family: expressway_rgbold, sans-serif;
text-transform: uppercase;
}
#twitter_stream .header  a{
color:#fff;
text-decoration:none
}
#twitter_stream .header img{
float:right;
height:16px;
margin: -2px 0 0 0;
}
div#twitter_results{
height:270px;
overflow:auto;
padding: 4px 6px 0 8px;
font-size: 13px;
border: 1px solid #aaa;
}
div#twitter_results a img{
float:left;
margin: 4px 6px 0px -42px;
}
p.tweet_result {
font-size: 13px;
margin: 6px 0 0 42px;
padding: 0 0 8px 0;
border-bottom: 1px solid #eee;
}
@media only screen and (min-width: 770px) { 
#twitter_results {
border-right: none;
}
}

/* evenement ------------------------------------------------------------- */
div.sidebar-inner.evenement:before {
content: 'GOEDE VISSERS ZIJN BIJ:';
display: block;

font-family: expressway_rgbold, sans-serif;
color: #48d;
font-size: 18px;
}
#event_more div.sidebar-inner.evenement:before {
content: 'MEER EVENEMENTEN:';
}

.evenementtitel {
display: table-cell; 
vertical-align: bottom; 
height: 80px;
padding: 0px 0 0 178px;
line-height: 0.9
}
.evenementtitel h1 {
font-size: 30px; 
}
.evenementtitel h1:before {
content: 'GOEDE VISSERS ZIJN BIJ'; 
font-family: expressway_rgbold, sans-serif;
color: #f70;
display: block;
font-size: 20px; 
}
#event_more .slider {
float: left;
width: 66%;
padding: 0 20px 0 0;
}
#event_more .highslide img {
border: none;
width: 100%;
height: auto;
}
#event_more .socialbookmarks {
clear: both;
}

/* footer ------------------------------------------------------------- */
.footer-content {
margin: 0; 
background: #cde; 
border-top: 1px solid #ace;
padding: 0 0 10px 0;
}
.sponsorlinks, .cookielaw, .gv-logo  {
float: left;
}
.sponsorlinks {
width: 50%;
height: auto;
}
.eu-fonds {
float: left;
margin: 4px 20px 10px 0;
}
.eu-fonds p {
font-size: 12px;
}
.waddengoud, .slowfish {
float: left;
margin: 0 20px 0 0;
}

/* cookiewet */
.cookielaw {
margin: 6px 0 0 0;
font-size: 13px;
width: 33.33%;
}
a#privacypolicy, a#nocookies, a#okcookies {
font-size: 12px;
line-height: 24px;
}
a#privacypolicy {
float: left;
margin: 3px 0 0 0;
white-space: nowrap;
}
a#nocookies, a#okcookies {
float: left;
font-size: 12px;
line-height: 20px;
background: #ffe;
border: 1px solid #ace;
margin: 4px 10px 0 -2px;
padding: 0 10px;
-webkit-border-radius: 3px;
border-radius: 3px; 
}

/* footerlogo */
.gv-logo {
width: 16.667%;
margin: 10px 0 0 0;
text-align: right;
}

@media only screen and (max-width: 769px) { 
.sponsorlinks {
width: 100%;
}
.cookielaw {
width: 60%;
}
.gv-logo {
width: 40%;
}
}

/* inlogblok */
div.inlogblok {
float: right;
margin: -10px -1px 10px 0;
padding: 0px 12px;
}
@media only screen and (max-width: 450px) { 
div.inlogblok {
float: none;
margin: -10px auto 10px auto;
overflow: auto;
}
}
div.inlogblok form {
margin: 0;
}
div.inlogblok input[type="text"],
div.inlogblok input[type="password"],
div.inlogblok input[type="submit"] {
display: inline; 
}
div.inlogblok input[type="text"],
div.inlogblok input[type="password"] {
margin: 5px 3px 5px 0;
position: relative;
}
div.inlogblok input[type="submit"] {
float: right;
margin: 5px 0 5px 3px;
}
label.overlabel-apply {
color: #999999;
position: absolute;
right: 5px;
top: 3px;
color: #3a4999;
z-index: 2;
}
input#username-field, input#password-field {
width: 10em;
}
option {
font-size: 1em;
border: none;
padding: 3px;
margin: 0 0 0 4px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background-color: rgba(255, 255, 255, 0.4);
-moz-box-shadow: inset 1px 2px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 1px 2px 3px rgba(0,0,0,0.2);
box-shadow: inset 1px 2px 3px rgba(0,0,0,0.2);
}

.no-ie8compat div#vindvisser-form input.code {
	width: 132px !important;
	background-color: #fe9;
	border-top: #fb0 2px solid;
	border-left:#fb0 2ps solid;
}
/* Wotan4: pager (ul#browser) under news/events/vissers lists — was unstyled on the front end */
#browser { clear: both; margin: 24px 0 8px; padding: 0; text-align: center; }
#browser li { display: inline-block; list-style: none; margin: 0 6px; vertical-align: middle; }
#browser a { text-decoration: none; }
#browser a img { border: 0; vertical-align: middle; }
#browser .minibutton, #browser .minibuttonactive { display: inline-block; min-width: 1.6em; margin: 0 2px; padding: 2px 6px; border-radius: 3px; }
#browser .minibuttonactive { font-weight: bold; text-decoration: underline; }