/* File: /themes/Koppang/css/reset.css */

body, html{
	margin: 0px;
	padding: 0px;	
}

img{
	border:0;
}

form input:focus, form textarea:focus, form select:focus, a:focus{
	outline: none;
}

/* File: /themes/Koppang/css/default.css */

body {
	background-color: #E2F0F5;
}
.clear{
	clear: both;
}
hr {
	border: 0;
	background: #D8D0B7;
	height: 1px;
}
#social{
	position:fixed;
	background: url('/themes/Koppang/images/social-bg.png') transparent no-repeat;
	right:0px;
	top:30%;
	width:34px;
	height:121px;
	padding-left:7px;
	padding-top:5px;
	line-height:16px;
	opacity: 0.7;
}

#social:hover{
	opacity: 1;
}

#social a{
	display:block;
	margin:0;
	padding:0;
}

#breadcrumb {
	color: #396C00;
	font: normal 10px "Helvetica Neue", Helvetica, Arial, sans-serif;
	width: 400px;
	margin: 10px auto 0;
}

#wrapper{
	position: relative;
	margin: 0 auto;
	width: 940px;
}

.box{
	border: 37px solid transparent; 
	width: auto; 
	height: auto; 
	margin-bottom: 20px; 
	position: relative; 
	min-width: 100%; 
	box-sizing: border-box; 
	border-style: solid;
	border-width: 37px;
	-moz-border-image: url(/themes/Koppang/images/pattern-box.png) 37 37 37 37 repeat; 
	-webkit-border-image: url(/themes/Koppang/images/pattern-box.png) 37 37 37 37 stretch; 
	-o-border-image: url(/themes/Koppang/images/pattern-box.png) 37 37 37 37 repeat; 
	border-image: url(/themes/Koppang/images/pattern-box.png) 37 37 37 37 fill stretch;
	
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
}


@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) {

    .box{

        background-color: #eae4cc;

    }
}}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { 
	.box{
		background-color: #eae4cc;
	}
}


.box.content .inner{
	padding: 35px;
}


.box .inner{
	position: relative;
	margin-top: -37px;
	margin-left: -37px;
	margin-bottom: -37px;
	margin-right:  -37px;
	padding: 10px;
}

.shadow{
	-webkit-box-shadow:  2px 2px 4px 0px rgba(0, 0, 0, 0.15);        
    box-shadow:  2px 2px 4px 0px rgba(0, 0, 0, 0.15);
}

#columns article.column.first,#columns article.column{
	margin-right:10px;
}
#columns article.column.last{
	margin-right:0px;
}

img.border{
	border: 4px solid #FFF;
}

a.button.link-block, a:visited.button.link-block {
	background: url('/themes/Koppang/images/button-sprite.png') transparent no-repeat -10px -164px;
	color: #3F1000;
	line-height: 34px;
	height: 30px;
	bottom: 18px;
	display: block;
	width: 80px;
	position: absolute;
	right: -3px;
	/*color: #FFF !important;*/
	text-align: right;
	text-decoration: none;
	padding-right: 20px;	
}
.button.link-block:after {
	display: none;
}
a:hover.button.link-block, a:active.button.link-block{
	background-position:-9px -204px;
}
.vimeo-area {
	margin: 0 0 15px 3px;	
}
.fbtimeline .inner{
	text-align:center;
}

.fbtimeline div.fb-page {
	display:block;
	position:relative;
	margin: 0 auto;
}



/* File: /themes/Koppang/css/typography.css */

/*

	FEDRA SANS

	font-family: "Fedra Sans Book 2";
	font-style: normal;
	font-weight: normal;
	font-stretch: normal;
	
	font-family: "Fedra Sans Light 2";
	font-style: normal;
	font-weight: normal;
	font-stretch: normal;
	
	font-family: "Fedra Sans Medium 2";
	font-style: normal;
	font-weight: normal;
	font-stretch: normal;

*/

body {
	color: #3F1000;
	font-size: 12px;
	line-height: 20px;
	font-family: "Fedra Sans Book 2", "Trebuchet MS", sans-serif;
	font-style: normal;
	font-weight: normal;
	font-stretch: normal;
}

p {
	padding: 0 0 20px;
	margin: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-style: normal;
	font-weight: normal;
	font-stretch: normal;	
	padding: 0 0 5px;
	margin: 0;
}

h1 {
	font-size: 20px;
	line-height: 24px;
	padding: 0 0 10px;
	margin: 0;
}

h2, th h3 {
	color: #396C00;
	font-size: 15px;
	line-height: 22px;
}

th h2 {
	color: #F1922C;	
	font-size: 20px;
	line-height: 24px;
}

.column ul, .column ol, .column dl {
	padding: 0 0 20px;
	margin: 0;
}

.column ul {
	list-style: none;	
}

.column li, .column dt, .column dd {
	padding: 0 0 5px;
	margin: 0;	
}

.column ul li {
	padding-left: 14px;
	text-indent: -14px;
	
}
.column .content ul li {
	*list-style-type: disc;
	*list-style-position: inside;
}
.column ul li:before {
	font-size: 18px;
	line-height: 12px;
	content: "\002022";
	color: #F1922C;
	padding-right: 15px;
	padding-top: 4px;
	display: block;
	float: left;
}	

.column dd {
	padding-left: 5px;	
}
.column a, .column a:visited {
	color: #0068B5;
	text-decoration: none;
}
.column a:hover, .column a:active {
	color: #3F1000;
	text-decoration:none;
}

th {
	font-weight: normal;
	border-bottom: 1px solid #D8D0B7;	
}
th, td {
	padding: 5px 5px 5px 0;
}

.asterisk {
	font-size: 11px;
	color: #5A5243;	
}

#breadcrumb a, #breadcrumb a:visited {
	color: #396C00;
	text-decoration: none;	
}
#breadcrumb a:hover, #breadcrumb a:active {
	color: #EAE4CC;	
	text-decoration: none;
}

/* File: /themes/Koppang/css/header.css */

header{
	background: url('/themes/Koppang/images/wood-structure.png') top center repeat-x;
	width: 100%;
	height: 93px;
}

header ul{
	padding: 0px;
	margin: 0px;
}

header nav#primary{
	background: url('/themes/Koppang/images/menu-bg.png') top center repeat-x;
	top: 50px;
	width: 100%;
	height: 45px;
	z-index: 1;
}

header nav#primary ul{
	width: 940px;
	margin: 0 auto;
	padding-top: 10px;
}

header nav#primary ul li{
	float: left;
	height: 26px;
	width: auto;
	list-style-type: none;
	border-left: solid 1px #688E10;
	border-right: solid 1px #95B62A;
}

header nav#primary ul li a{
	line-height: 26px;
	color: #FFF;
	padding: 0 12px;
	text-decoration: none;
	font-size: 12px;
	display: block;
}


header nav#primary ul li:nth-child(2){
	border-left: solid 1px #95B62A;
}

header nav#primary ul li:nth-child(2) a{
	border-left: solid 1px #688E10;
}

header nav#primary ul li:last-child{
	border-right: solid 1px #688E10;
}

header nav#primary ul li:last-child a{
	border-right: solid 1px #95B62A;
}


header nav#primary ul li a:hover, header nav#primary ul li.nav-path-selected a {
	background: url('/themes/Koppang/images/active_menu_bg.png') top center repeat-x;
}

header nav#primary ul li#logo{
	margin-top: -45px;
	height: auto;
	border: none;
	margin-right: 40px;
}

header nav#primary ul li#logo a:hover{
	background: none;
}

header #secondary{
	width: 940px;
	margin: 0 auto;
	z-index: 2;
	position: relative;
}

header #language{
	float: left;
	margin-left: 200px;
}
header #language a, header #language a:visited {
	color: #fff;
	font-size: 11px;
	text-decoration: none;
	float: left;
	margin-left: 10px;
}
#language .icon {
	display: block;
	float: left;
	width: 25px;
	height: 25px;
	margin-left: 5px;
}
#language .de .icon {
	background: url("/themes/Koppang/images/icon-de.png") no-repeat;
}
#language .en .icon {
	background: url("/themes/Koppang/images/icon-en.png") no-repeat;
}
#language .nl .icon {
	background: url("/themes/Koppang/images/icon-nl.png") no-repeat;
}
#language .nn .icon {
	background: url("/themes/Koppang/images/icon-no.png") no-repeat;
}

header #alternative{
	float: right;
}


header #secondary{
	padding-top: 10px;
}

header #alternative ul, header #alternative li{
	list-style: none;
}

header #alternative li{
	float: left;
	margin-right: 10px;
}

header #alternative li a {
	color: #FFF;
	text-decoration: none;
	line-height: 30px;
}

header #alternative li a span{
	float: left;	
	display: block;
	height: 30px;
	cursor: pointer;
}

header #alternative li a span.left{
	background: url("/themes/Koppang/images/menu_alter_left.png");
	width: 20px;
}

header #alternative li a span.middle{
	width: auto;
	background: url("/themes/Koppang/images/menu_alter_middle.png") repeat-x;
}

header #alternative li a span.right{
	background: url("/themes/Koppang/images/menu_alter_right.png");
	background-position: right top;
	width: 20px;
}

header #alternative li a{
	height: 30px;
	display: block;
}

header #secondary form{	
	float: right;
}
header #secondary form input{
	background: url("/themes/Koppang/images/search.png");
	height: 18px;
	width: 90px;
	border: none;
	line-height: 18px;
	padding: 2px 10px 2px 25px;
	margin-top: 3px;
}

header nav#secondary #anwb-logo{
	border: none;
	position: absolute;
	right: -110px;
	top: 35px;
}
@media only screen and (device-width: 768px) {
  /* For general iPad layouts */
  header nav#secondary #anwb-logo {
	width: 75px;
	right: -10px; 
	top: 40px;
  }
}

/* File: /themes/Koppang/css/fish-species.css */

table td {
	vertical-align: top;	
}
table td img {
	border: 4px solid #FFF;
	-webkit-box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.15);
	margin: 5px 10px 10px 0;
}

/* File: /themes/Koppang/css/columns.css */

#columns{
	width: 940px;
	margin-top: 80px;
}

#columns .column{
	float: left;
	margin-right: 20px;
}

#columns .column.last{
	float: left;
	margin-right: 0px;
}


/** Home **/
#columns .home{
	
}

#columns.home .first{
	margin-right: 30px;
	width: 280px;
	
}

#columns.home .last{
	width: 630px;
}


/** 2 columns **/
#columns.two-columns .first{
	width: 220px;
}

#columns.two-columns .last{
	width: 700px;
}

/** 3 columns **/
#columns.three-columns .first{
	width: 220px;
}

#columns.three-columns .second{
	width: 460px;
	position: relative;
}

#columns.three-columns .last{
	width: 220px;	
}

/** Right sidebar **/
#columns.right-sidebar .first{
	width: 700px;	
	
}
#columns.right-sidebar .first .inner{
padding: 25px;
}

#columns.right-sidebar .last{
	width: 220px;
}


/* File: /themes/Koppang/css/pagelist.css */

.pagelist.box .inner {
	padding: 20px;	
}
.pagelist nav h2 {
	color: #3F1000;
	font-size: 16px;
	padding: 0 0 10px;
}
.pagelist nav ul {
	padding: 0 0 20px;
}
.pagelist nav ul li {
	padding-left: 0;
	text-indent: 0;
}
.pagelist nav ul li:before {
	display: none;
}
.pagelist nav a, .pagelist nav a:visited {
	color: #3F1000;	
	text-decoration: none;
}
.pagelist nav a:hover, .pagelist nav a.active {
	color: #F1922C;	
	text-decoration: none;
}

.pagelist nav ul ul {
	margin-left: 10px;
	margin-top: 5px;
}

/* File: /themes/Koppang/css/blocks/default.css */

article.block{
	cursor: pointer;
	margin-bottom: 20px;
}

article.block a.button {
	display:block;
	position:absolute;
	background: url('/themes/Koppang/images/button-sprite.png') transparent no-repeat -10px -280px;
	width: auto;
	color: transparent;
	height: 0px;
	bottom: 5px;
	right:-2px;
	text-decoration:none;
	line-height:25px;
	padding: 0 18px 0 30px;
	font-size:11px;
	
	*zoom: expression( 
        this.runtimeStyle.zoom="1",
        this.appendChild( document.createElement("small") ).className="after"
     );
}

article.block:hover a.button{
	color: #FFF;
	height: 20px;
}

article.block a.button:after, article.block a.button .after {
	content: "";
	background: url('/themes/Koppang/images/button-sprite.png') transparent no-repeat -10px -299px;
	position: absolute;
	width: 100%;
	height: 6px;
	bottom: -6px;
	left: 0;
}

/*article.block a:hover.button {
	background-position:-10px -244px;
}

article.block a:hover.button:after {
	background-position:-10px -263px;
}*/

article.block p {
	color: #5B5243;
	font-size: 12px;
	padding:0;
	margin-bottom:15px;
	margin-top:5px;
}

article.block.default img {
	max-width: 100%;
}

aside.column.last article.block.default img {
	max-width: 200px;
}

/* File: /themes/Koppang/css/blocks/wood.css */

article.block.wood{
	border-image: url("/themes/Koppang/images/block-bg-wood.jpg") 37 37 37 37 fill stretch stretch;
	width: 220px;
	height: 177px;
	margin-bottom: 30px;
}

article.block.wood section.inner h1{
	font-size: 14px;
	color: #5A5243;
	padding: 5px 5px 0;
	line-height:20px;
}

article.block.wood section.inner p{
	color: #10060A;
	font-size: 13px;
	padding-left:5px;
	padding-right: 5px;
}

article.block.wood a.button{
	background: url('/themes/Koppang/images/button-sprite.png') transparent no-repeat -10px -116px;
	color:#3F1000;
	width: auto;
	height: 38px;
	font-size: 14px;
	line-height: 42px;
	bottom:-43px;
	right:-43px;
	padding: 0 22px 0 40px;
	text-align:center;	
}

article.block.wood a.button:after, article.block.wood a.button .after {
	display: none;
}
article.block.wood a:hover.button, article.block.wood:hover a.button {
	background-position:-9px -67px;
}

/* File: /themes/Koppang/css/blocks/wood-green.css */

article.block.wood.green{
	border-image: url("/themes/Koppang/images/block-bg-wood-green.jpg") 37 37 37 37 fill stretch stretch;
}

/* File: /themes/Koppang/css/slider.css */

/*
	Default
*/
.slider.shadow.box {
	-webkit-box-shadow: none;
	box-shadow: none;
}
section.column section.slider ul,section.column section.slider ul li{
	padding:0;
	margin:0;
}

section.column section.slider ul.bjqs li{
	list-style-type:none;
	position: relative;
	text-indent: 0;
}

section.column section.slider ul.bjqs li img{
	display:block;
	width:100%;
	height:100%;
	cursor:default;
	z-index: 101;
}
section.column section.slider ul.bjqs li hgroup{
	color: #d8d0b7;
	font-size: 11px;
	background: rgba(91, 82, 67, 0.75);
	padding: 5px 2.5%;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 95%;
	z-index: 102;
}

section.column section.slider ul.bjqs li:before, section.column section.slider ul.bjqs-controls li:before{
	content: "";
	padding:0;
	margin:0;
}



section.column section.slider.double li{
	max-width: 250px !important;
}


section.column section.slider.double li img{
	height: auto !important;
}


/*
	Controls
*/
section.column section.slider ul.bjqs-controls{
	padding:0;
	margin:0;
}

ul.bjqs-controls li.bjqs-prev a, ul.bjqs-controls li.bjqs-next a {
	/*background: url('/themes/Koppang/images/slideshow-left.png') transparent no-repeat;*/
	background: url('/themes/Koppang/images/button-sprite.png') no-repeat -116px -10px;
	display:block;
	width: 26px;
	height: 47px;
	overflow:hidden;
	text-indent:-100px;
	position:absolute;
	top:50%;
	margin-top: -23px;
}
ul.bjqs-controls li.bjqs-prev a:hover, ul.bjqs-controls li.bjqs-next a:hover {
	background-position: -45px -10px;
}

ul.bjqs-controls li.bjqs-prev a{
	left: -16px;
}

ul.bjqs-controls li.bjqs-next a {
	/*background: url('/themes/Koppang/images/slideshow-right.png') transparent no-repeat;*/
	background-position: -81px -10px;
	right:-16px;
}
ul.bjqs-controls li.bjqs-next a:hover {
	background-position:-10px -10px;
}

section.column section.slider a.magnifier{
	/*background: url('/themes/Koppang/images/slideshow-magnifier.png') transparent no-repeat;*/
	background: url('/themes/Koppang/images/button-sprite.png') no-repeat -278px -10px;;
	width:32px;
	height:26px;
	display:block;
	position:absolute;
	right:-32px;	
	bottom:-32px;
	z-index:103;
}
section.column section.slider a:hover.magnifier{
	background-position:-194px -10px;
}

/* Basic jQuery Slider essential styles */
ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
/*ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}*/
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}

/* File: /themes/Koppang/css/colorbox.css */

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:visible;} /* Gewijzigd van overflow:hidden naar visible om knoppen buiten box weer te geven */
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{outline:0;}
    #cboxContent{margin-top:20px;background: #EAE4CC;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:10px solid #EAE4CC; background:#EAE4CC;margin: 0px;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-5px; right:20px; color:#EAE4CC;font-size:10px;}
        #cboxLoadingGraphic{background:url(/themes/Koppang/images/colorbox/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
        
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:-15px; margin-top:-32px; background:url(/themes/Koppang/images/button-sprite.png) no-repeat -116px -10px; width:26px; height:47px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-45px -10px;}
        #cboxNext{position:absolute; top:50%; right: -15px; margin-top:-32px; background:url(/themes/Koppang/images/button-sprite.png) no-repeat -81px -10px; width:25px; height:47px; text-indent:-9999px;}
        #cboxNext:hover{background-position: -10px -10px;}
        #cboxClose{position:absolute; bottom:5px; right:5px; display:block; background:url(/themes/Koppang/images/button-sprite.png) no-repeat -236px -10px; width:32px; height:26px; text-indent:-9999px;}
        #cboxClose:hover{background-position: -152px -10px;}

/* File: /themes/Koppang/css/footer.css */


footer {
	background: url("/themes/Koppang/images/footer.png") repeat-x;
	height: 209px;
	width: 100%;
	margin-top: 20px;
	padding-top: 20px;
	clear: both;
	position: absolute;
	bottom: 0px;
	display:none;
}
#footer-links {
	font-size: 10px;	
	width: 940px;
	/*height: 125px;*/
	margin: 0 auto;
	min-width: inherit;
}

#footer-links .inner {
	position: relative;
	margin-top: -37px;
	margin-left: -37px;
	margin-bottom: -37px;
	margin-right:  -37px;
	padding: 10px;
}

#footer-links ul {
	list-style: none;
	float: left;
	margin: 0 10px 0;
	padding: 0;
	width: 105px;
	height: 100px;
}
#footer-links li {
	width: 110px;
	margin: 0;
	float: left;
}
#footer-links li:first-child a {
	color: #396C00;
	text-decoration: none;
}
#footer-links li a {
	color: #3F1F00;
	text-decoration: none;
}
/*#footer-links ul:last-child,*/
#footer-links ul ~ ul ~ ul ~ ul ~ ul {
	width: 395px;
	/**width: 395px;*/
}
#footer-links ul ~ ul ~ ul ~ ul ~ ul li {
	width: 135px;
}
/*#footer-links  ul:last-child*/
#footer-links ul ~ ul ~ ul ~ ul ~ ul li:first-child {
	width: 360px;
}
#footer-links ul li:nth-child(2), #footer-links ul li:nth-child(5), #footer-links ul li:nth-child(8), #footer-links ul li:nth-child(11) {
	padding-right: 18px;	
}
#footer-links ul li:nth-child(3), #footer-links ul li:nth-child(6), #footer-links ul li:nth-child(9), #footer-links ul li:nth-child(12) {
	width: 100px;	
}
#footer-logos {
	display: table;
	width: 940px;
	margin: 5px auto 0;	
}
#footer-logos ul {
	display: table-row;
	width: 100%;	
	padding: 0;
	margin: 0;
}
#footer-logos li {
	text-align: center;
	list-style: none;
	display: table-cell;
	*display: inline;
	vertical-align: middle;
}