/* LAY-OUT */
@font-face {
    font-family: 'merriweather_sansregular';
    src: url('fonts/merriweathersans-regular-webfont.eot');
    src: url('fonts/merriweathersans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/merriweathersans-regular-webfont.woff') format('woff'),
         url('fonts/merriweathersans-regular-webfont.ttf') format('truetype'),
         url('fonts/merriweathersans-regular-webfont.svg#merriweather_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'merriweather_sansbold';
    src: url('fonts/merriweathersans-bold-webfont.eot');
    src: url('fonts/merriweathersans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/merriweathersans-bold-webfont.woff') format('woff'),
         url('fonts/merriweathersans-bold-webfont.ttf') format('truetype'),
         url('fonts/merriweathersans-bold-webfont.svg#merriweather_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'merriweather_sansextrabold';
    src: url('fonts/merriweathersans-extrabold-webfont.eot');
    src: url('fonts/merriweathersans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/merriweathersans-extrabold-webfont.woff') format('woff'),
         url('fonts/merriweathersans-extrabold-webfont.ttf') format('truetype'),
         url('fonts/merriweathersans-extrabold-webfont.svg#merriweather_sansextrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'merriweather_sanslight';
    src: url('fonts/merriweathersans-light-webfont.eot');
    src: url('fonts/merriweathersans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/merriweathersans-light-webfont.woff') format('woff'),
         url('fonts/merriweathersans-light-webfont.ttf') format('truetype'),
         url('fonts/merriweathersans-light-webfont.svg#merriweather_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}

html, body {
    height:100%;
    margin: 0;
    padding: 0;
	color:#000;
	font-size:10pt;
	font-family: 'merriweather_sansregular', sans-serif, arial,verdana;
	text-decoration : none;
    line-height: 19px;
	background: #0b2031 url(afbeeldingen/background.jpg) no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='afbeeldingen/background.jpg', sizingMethod='scale')";
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.afbeeldingen/background.jpg', sizingMethod='scale');
}
#wrapper {
    height:100%;
    width:995px;
    display:table;
    margin-left:auto;
    margin-right:auto;
    background-repeat: repeat;
    -webkit-box-shadow:  0px 0px 20px 5px #CACACA;
    box-shadow:  0px 0px 20px 5px #817E7E;
    position: relative;
    z-index:2;
    background-color: #fff;
}
.popup #wrapper {
    width: 100%;
}
#header {
    height:240px;
    padding: 15px 0 0 10px;
    text-align: left;
    background: #fff  url(afbeeldingen/ste-header.jpg) no-repeat top
}
#search {
    margin : 180px 0px 0px 10px;	
}
.titel {
    position: relative;
	font-size : 14pt;
	text-decoration : none;
	font-weight: lighter;
	font-variant: none;
    margin : 0px 15px 0px 0px;
    color: #fff;
	float: right;
 }

.header {
    width:500px;
    height:140px;
    margin: 70px 0 0 470px;
    z-index:8 !important;
    position: absolute;
    overflow: hidden;
    border-radius: 10px;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px; 
    background-color: #58585a;
}
#menubalk {
	background-color: #0f659b;
    margin: 0px auto 0px auto;	
	width: 995px; 
	height: 35px; 
}
#hoofdmenu{ 
	width: 995px; 
	height: 35px; 
	}	
#sfmenu {
	font-size: 12pt;
	padding-left: 10px;
	padding: 0px;
}
.row {
    height:100%;
    display:table-row;
}
.cell-left {
    z-index:0 !important;
    min-height: 300px;
    float: left;
    width: 220px;
   	padding: 10px 10px 10px 10px;
}
.popup .cell-left {
    width: 95%;
}
.cell-center {
    float: left;
    width: 455px;
   	padding: 0px 0px 10px 10px;
    overflow: hidden;
}
.cell-center-breed {
    float: left;
    width: 735px;
   	padding: 0px 0px 10px 10px;
    overflow: hidden;
}
.cell-right {
    z-index:0 !important;
    min-height: 300px;
    float: left;
    width: 280px;
   	padding: 10px 0px 10px 0;
}
.snippetheader {
    color: #fff;
    font-weight: bold;
    padding: 5px;
    background: rgb(13,77,121);
    background: -moz-linear-gradient(top,  rgba(13,77,121,1) 0%, rgba(14,78,122,1) 15%, rgba(14,99,153,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(13,77,121,1)), color-stop(15%,rgba(14,78,122,1)), color-stop(100%,rgba(14,99,153,1)));
    background: -webkit-linear-gradient(top,  rgba(13,77,121,1) 0%,rgba(14,78,122,1) 15%,rgba(14,99,153,1) 100%);
    background: -o-linear-gradient(top,  rgba(13,77,121,1) 0%,rgba(14,78,122,1) 15%,rgba(14,99,153,1) 100%);
    background: -ms-linear-gradient(top,  rgba(13,77,121,1) 0%,rgba(14,78,122,1) 15%,rgba(14,99,153,1) 100%);
    background: linear-gradient(to bottom,  rgba(13,77,121,1) 0%,rgba(14,78,122,1) 15%,rgba(14,99,153,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d4d79', endColorstr='#0e6399',GradientType=0 );
    line-height: 20px;
    text-align: left;
}
.snippets-right {
    margin: 0px 0 10px 10px;
    float: left;
    width: 260px;
    min-height: 100px;
    position: relative;
    overflow: hidden;
    border: thin solid #0d4d79;
}
.snippets-right-content {
	padding: 5px;
}
.gerelateerd {
    margin: 0px 10px 10px 0px;
    float: left;
    width: 220px;
    min-height: 88px;
    position: relative;
    overflow: hidden;
    border: thin solid #0d4d79;	
}
.gerelateerdeinfo {
	padding: 5px;
}
.nieuws {
    margin: 0px 10px 10px 0px;
    float: left;
    width: 220px;
    min-height: 88px;
    position: relative;
    overflow: hidden;
    border: thin solid #0d4d79;
}
.nieuwsberichten {
    text-align: left;
    line-height: 19px;
}
.laatstenieuwsdatum {
    padding: 5px 0 0 5px;
    clear: both;
    float: left;
    width: 50px;
    overflow: hidden;
}
.laatstenieuws {
    padding: 5px 0px 0 0;
    margin: 0 5px 0 0;
    width: 285px;
    overflow: hidden;
    float: right;
    white-space: nowrap;
}
.scroller {
    margin: 0px 10px 10px 0px;
    float: left;
    width: 220px;
    height: 88px;
    position: relative;
    overflow: hidden;
    border: thin solid #0d4d79;
}
.agenda {
    margin: 0px 10px 10px 0px;
    height: 180px;
    width: 200px;
    position: relative;
    overflow: hidden;
    border: thin solid #0d4d79;
	padding-left: 20px;
}
.opkomende_evenementen {
    margin: 0px 10px 10px 0px;
    float: left;
    width: 220px;
    min-height: 88px;
    position: relative;
    overflow: hidden;
    border: thin solid #0d4d79;
}
.evenementen {
    text-align: left;
    line-height: 19px;
}
.contentframe {
    margin: 0 0 0 0;
}
#footer {
    width:995px;
    height:30px;
    color: #000;
    position: relative;
    z-index:9 !important;
}
.footertext-left {
    float: left !important;
    margin: 10px 0px 0px 10px;
    font-size: 10pt;
}
.footertext-right {
    clear: both;
    float: right !important;
    margin: 10px 0px 0px 10px;
    font-size: 10pt;
    color: #000;
	padding-right: 10px;
}
.footertext-left a{
    color: #000;
    text-decoration: none;
}

/* ALGEMENE OPMAAK */
.content,.text {
	text-align: center;
}
td, th {
	vertical-align: top;
	text-align: left;
}
a, a:hover  {
	color:#000;
	text-decoration : underline;
	font-weight: none;
}
a:hover  {
	font-style: none;
	font-weight: none;
	text-decoration : underline;
}
hr {
    border: 0;
    width: 100%;
    color: #000;
    background-color: #000;
    height: 1px;

 }
h1, h2, h3, h4 {
	font-family: 'merriweather_sansbold', sans-serif;
}
h1 {
	font-size : 18pt;
	text-decoration : none;
	font-weight: bold;
	font-variant: none;
	padding-right:0px;
}
h2 {
    clear: both;
	font-size : 14pt;
	text-decoration : none;
	font-weight: lighter;
	font-variant: none;
    margin : 15px 0px 15px 0px;
    color: #fff;
    padding: 5px 5px 5px 10px;
    background: rgb(13,77,121);
    background: -moz-linear-gradient(top,  rgba(13,77,121,1) 0%, rgba(14,78,122,1) 15%, rgba(14,99,153,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(13,77,121,1)), color-stop(15%,rgba(14,78,122,1)), color-stop(100%,rgba(14,99,153,1)));
    background: -webkit-linear-gradient(top,  rgba(13,77,121,1) 0%,rgba(14,78,122,1) 15%,rgba(14,99,153,1) 100%);
    background: -o-linear-gradient(top,  rgba(13,77,121,1) 0%,rgba(14,78,122,1) 15%,rgba(14,99,153,1) 100%);
    background: -ms-linear-gradient(top,  rgba(13,77,121,1) 0%,rgba(14,78,122,1) 15%,rgba(14,99,153,1) 100%);
    background: linear-gradient(to bottom,  rgba(13,77,121,1) 0%,rgba(14,78,122,1) 15%,rgba(14,99,153,1) 100%);
    line-height: 14pt;
    border: 0px solid #000000;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

h3 {
	font-size : 14pt;
	text-decoration : none;
	font-weight: none;
	font-variant: none;
	padding-right:0px;
}

h4 {
	font-size : 14pt;
	text-decoration : none;
	font-weight: none;
	font-variant: none;
	padding-right:0px;
}
blockquote
{
	font-style: italic;
	padding: 2px 0;
	border-style: solid;
	border-color: #8fcaf6;
	border-width: 0;
	padding-left: 20px;
	padding-right: 8px;
	border-left-width: 5px;
}
a img
{
	border: 0;
}

/* BUTTONS */
input[type="button"], input[type="submit"] {
    background: rgb(13,77,121);
    background: -moz-linear-gradient(top,  rgba(13,77,121,1) 0%, rgba(14,78,122,1) 15%, rgba(14,99,153,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(13,77,121,1)), color-stop(15%,rgba(14,78,122,1)), color-stop(100%,rgba(14,99,153,1)));
    background: -webkit-linear-gradient(top,  rgba(13,77,121,1) 0%,rgba(14,78,122,1) 15%,rgba(14,99,153,1) 100%);
    background: -o-linear-gradient(top,  rgba(13,77,121,1) 0%,rgba(14,78,122,1) 15%,rgba(14,99,153,1) 100%);
    background: -ms-linear-gradient(top,  rgba(13,77,121,1) 0%,rgba(14,78,122,1) 15%,rgba(14,99,153,1) 100%);
    background: linear-gradient(to bottom,  rgba(13,77,121,1) 0%,rgba(14,78,122,1) 15%,rgba(14,99,153,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01578b', endColorstr='#004771',GradientType=0 );
    border: 1px solid #000;
	min-width: 20px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.2) inset;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: none;
    line-height: 13px;
    margin: 2px 0;
    padding: 5px 13px 5px !important;
	cursor: pointer;
}
	input[type="button"]:hover, input[type="submit"]:hover {
    background: rgb(13,77,121);
    background: -moz-linear-gradient(top,  rgba(14,99,153,1) 0%, rgba(15,100,154,1) 15%, rgba(13,77,121,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(14,99,153,1)), color-stop(15%,rgba(15,100,154,1)), color-stop(100%,rgba(13,77,121,1)));
    background: -webkit-linear-gradient(top,  rgba(14,99,153,1) 0%,rgba(15,100,154,1) 15%,rgba(13,77,121,1) 100%);
    background: -o-linear-gradient(top,  rgba(14,99,153,1) 0%,rgba(15,100,154,1) 15%,rgba(13,77,121,1) 100%);
    background: -ms-linear-gradient(top,  rgba(14,99,153,1) 0%,rgba(15,100,154,1) 15%,rgba(13,77,121,1) 100%);
    background: linear-gradient(to bottom,  rgba(14,99,153,1) 0%,rgba(15,100,154,1) 15%,rgba(13,77,121,1) 100%);
    border: 1px solid #000;
	min-width: 20px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.2) inset;
    color: #d0ebfc;
    display: inline-block;
    font-size: 14px;
    font-weight: none;
    line-height: 13px;
    margin: 2px 0;
    padding: 5px 13px 5px !important;
	cursor: pointer;
}