@import url(Opmaak.css);
@import url(Menu.css);
@import url(Sitemap.css);
@import url(Lijst.css);
@import url(Producten.css);

/*load fonts*/
@font-face {      
    font-family:'Boris';
    src: url('/fonts/Boris.ttf');
    font-weight: normal;
    font-style: normal;
}/*when using Boris the minimum size must be 22 for fluently display*/

body {height: 100%;}
body {background-color: #fff;}
#Body{background-color: #003867;}

.clear {clear:both;}


/*fontfamily*/
section#header #slogan,
.container .content h1,
#Venster h2,
#Venster h1 {font-family:'Boris', Arial, Sans-Serif;}

body,
body *,
#hoverhoofdmenu,
#hoverhoofdmenu *,
.container .content p {font-family:Arial, Sans-Serif;}


/*NOT REQUIRED DUE TO padding #Venster h2 {margin-bottom: 7px;*/ /*required for ck and empty p-tags*/}
#Venster .Paragraaf { clear: both; } /*required for ck */
#Venster p {margin-bottom: 5px; /*required for ck and empty p-tags*/}

/*fontcolor*/
.content p,
.container .content h1,
section#overzichthome h2, 
#Venster h2 {color:#003867; padding: 10px;}

section#overzichthome h1,
section#overzichthome .overzichtright .Paragraaf,
section#productenoverzicht #Zoekresultatenlijst,
section#productenoverzicht #Zoekresultatenlijst a {color:#fff;}

section#overzichthome .overzichtleft .btndeken a,
section#overzichthome .overzichtleft .btnblusser a {color:#AF2B1E;}
section#overzichthome h2, #Venster h2 {color:#00afa6;}

section#header {background:#f2f2f2;height:110px;}
section#header div {margin:auto;width:980px;height:110px;}

section#header div #slogan {color:#003867;width:825px;float:left;padding:15px 0 0 250px}

section#header div #vebonlogo {
    height:63px;
    width:200px;
    margin-top:20px;
    background-image:url('https://federatieveilignederland.nl/img/logo.png');
	background-size: cover;
	position:absolute;
}

/*one pic - sprite*/
figure#pictop {background:url(../JPG/pic.jpg) no-repeat center 0;height:240px;margin:0;}

.container {background:url(../JPG/patroon.jpg) repeat-x top #FFF;}
.content {margin: 0 auto;width:980px;}
.content p {line-height:20px;}

.Paragraaf_Titel {padding-bottom:15px;width:690px;}
.Paragraaf_Tekst {padding-bottom:10px;}
                                          
#TopLink {display: block; float: left; color:#00afa6;}
#AfdrukLink {float: right; color: #00afa6;}
#AfdrukTop {width: 100%; color: #00afa6;}

/*leveranciers*/
#Leverancierlijst div{width:100%;float:left;}
#Leverancierlijst div A{float:left;}
#Venster #Leverancierlijst div .bedrijfsnaam{width:350px;}
#Venster #Leverancierlijst div .activeerbeheer{width:90px;}
#Venster #Leverancierlijst div .apparaatbeheer{width:130px;}

/*OVERZICHT OP HOME*/
section#overzichthome h1 {line-height:50px;margin-bottom:50px;}
section#overzichthome {background:url(../png/shade.png) #003867 repeat-x top;min-height:570px;width:100%;}
section#overzichthome .wrapper {padding:60px 0 0 0;margin:0 auto;width:980px;}
section#overzichthome .overzichtleft{width:460px;float:left;margin-right:60px;}
section#overzichthome .overzichtright{width:460px;float:left;}
section#overzichthome .overzichtleft .btndeken {margin-bottom:65px;}
section#overzichthome .overzichtleft .btndeken,
section#overzichthome .overzichtleft .btnblusser {background-color:#fff;border-radius:4px;width:460px;height:100px;display:block;position:relative;padding:20px 0 0 30px;}
section#overzichthome .overzichtleft .btndeken a,
section#overzichthome .overzichtleft .btnblusser a {text-decoration:none;}
section#overzichthome .overzichtleft .btndeken .icon,
section#overzichthome .overzichtleft .btnblusser .icon {position:absolute;left: 305px;top: -36px;width:135px;height:160px;}
section#overzichthome .overzichtleft .btndeken .icon {background:url(../png/icondeken.png);}
section#overzichthome .overzichtleft .btnblusser .icon {background:url(../png/iconblusser.png);}
section#overzichthome .overzichtright .Paragraaf {line-height:20px;}
section#overzichthome .overzichtright .Paragraaf .Paragraaf_Titel {display:none;}

/*test*/
#Venster #pic-wrap {z-index: 10;}
#Venster #pic-wrap .btnblusser a {text-decoration:none;}
#Venster #pic-wrap .btnblusser .icon {background:url(../png/iconblusser.png);}
#Venster #pic-wrap .btnblusser .icon {position:absolute;left: 205px;top: -216px;width:135px;height:160px;}
#Venster #pic-btnblusser {position:absolute;}
/*end test*/

/* POSITIONERING FOOTER TOV INHOUD-VASTE HOOGTE */
footer {height:160px;background-color:#00A4A7;}
footer #Footer {margin:auto;width:980px;}
footer #Footer span {margin-top:30px;float:left;}

footer div {position:relative;width:980px;margin:auto;}
footer div .facebook,
footer div .twitter {display:block;width:57px;height:57px;position:absolute;top:12px;}
footer div .facebook {background:url(../png/iconfacebook.png);right:0;}
footer div .twitter {background:url(../png/icontwitter.png);right: 62px;}

#Venster span.Label {display: inline-block; font-size: 15px;}

#Venster input[type=url], 
#Venster input[type=date], 
#Venster input[type=email], 
#Venster input[type=text], 
#Venster input.btn, 
#Venster button.btn, 
#Venster a.btn {
    padding: 0 10px 0 10px; margin: 1px 0 14px 0; border-radius: 5px; float: left; text-decoration: none;  
    line-height: 25px; font-size: 15px; disabled-background: #1f1f1f; height: 30px;}

#Venster a.btn {color: #fff;}

#Venster a.btn {background-color:rgb(0, 164, 167);}
#Venster a.btn:hover,
#Venster input[type=submit]:hover {cursor:pointer; background-color:#c91414;}
/*TODO, LATER: http://danielneumann.com/blog/how-to-style-dropdown-with-css-only/*/
#Venster select {padding: 0 10px 0 10px; margin: 1px 0 14px 0; border-radius: 5px; text-decoration: none; color: #fff; 
    line-height: 25px; font-size: 15px; background: #1f1f1f; height: 30px;}
#Venster input.tekstregel, 

#Venster #FormulierBeheren input[type=text],
#Venster select, 
#Venster div span.Groep {display: block; width: 100%;}

#Venster #FormulierBeheren {
    width: 600px;
    clear: both;
}
#Venster #FormulierBeheren .downloadlink,
#Venster #FormulierBeheren .uploadlink,
#Venster #FormulierBeheren .verwijderlink {padding: 0 10px 0 10px; margin: 1px 0 14px 0; border-radius: 5px; float: left; text-decoration: none; color: #fff; line-height: 25px; font-size: 15px; background: #1f1f1f; height: 26px;}
#Venster #FormulierBeheren .downloadlink:hover,
#Venster #FormulierBeheren .uploadlink:hover,
#Venster #FormulierBeheren .verwijderlink:hover, 
#Venster #FormulierBeheren a.btn:hover,
#Venster #FormulierBeheren input[type=submit]:hover {cursor:pointer; background-color:#c91414;} /*a90606*/

#Venster .Inactief,
#Venster .Inactief a { color: #c91414; }

.A50 #Venster #reqknoppen {
    position: fixed;
    top: 170px;
    left: 30px;
}