/** set base css **/
@font-face {
    font-family: 'QlassikBoldRegular';
    src: url('/assets/font/qlassikbold_tb-webfont.eot');
    src: url('/assets/font/qlassikbold_tb-webfont.eot?#iefix') format('embedded-opentype'),
         url('/assets/font/qlassikbold_tb-webfont.woff') format('woff'),
         url('/assets/font/qlassikbold_tb-webfont.ttf') format('truetype'),
         url('/assets/font/qlassikbold_tb-webfont.svg#QlassikBoldRegular') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'rubik';
    src: url('/assets/font/rubik-bold-webfont.woff2') format('woff2'),
         url('/assets/font/rubik-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;

}

@font-face {
    font-family: 'rubik';
    src: url('/assets/font/rubik-regular-webfont.woff2') format('woff2'),
         url('/assets/font/rubik-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;

}

* {
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box; 
}

html {overflow-y: scroll;}
a {text-decoration:none;}
form {padding:0; margin:0;}

h1, h2{font-family: 'QlassikBoldRegular';}
.ctk h2 {font-family: Verdana, Arial, Helvetica, sans-serif;}

.kopje h1, .kopje h2 {font-family: 'QlassikBoldRegular';}

.kopje {
    background-color: #37190C;
    background-image:none;;
    color: #FF9933;
    font-weight: bold;
    font-family: 'QlassikBoldRegular'; 
    font-size:1.5em; 
    letter-spacing:0.04em;
}

.container{margin: 0 auto; width: 100%; font-size:1.3em;}
.one_full,
.one_half,
.one_third,
.two_third,
.one_quarter
{
    margin: 0;
    width: 100%;
    float: left; 
    border: 0;
    background-color:white;
    box-shadow: none;
    border-radius: 0;
    position: relative;
    overflow:hidden;
}

.one_full a,
.one_half a,
.one_third a,
.two_third a,
.one_quarter a
{
    color:#ff6600;
}

.header *{
    box-shadow: none;
    border-radius: none;
}

#menu {background-color:#37190c; margin:0; float: left; width:101%; font-family: sans-serif;}
#menuend {visibility: hidden; display: none;}

/** Mobile menu **/
#dropdownmenu .slide-trigger {
  display: none; /* need this */
  cursor: pointer;
  background-color: #37190C;
  color: #fff;
  clear: both;
  margin: 0 5px;
  padding: 10px;
  border-bottom: 1px solid #fff;
}
#dropdownmenu .slide-trigger span {
  /*background-image: url("/img/dropdown-arrows.png");*/
  background-position: 0 -14px;
  display: block;
  float: right;
  margin-top: 3px;
  height: 14px;
  width: 32px;
}

#icons .flex-control-nav {
  bottom: 0 !important;
  position: relative !important;
}

#dropdownmenu .searchbox {
  border: 3px solid #37190C;
}

#dropdownmenu .navigation {
  max-width: none;
  background: #37190C;
  color: #fff;
  padding: 0;
}

#dropdownmenu .navigation-selected {
  background: #ff9900;
}

#dropdownmenu .navigation li {
  float: left;

}
#dropdownmenu .navigation li a {
  display: block;
  color: #fff;
  padding: 10px;
  padding-left: 15px;
}
#dropdownmenu .navigation li { float: none; }
#dropdownmenu .navigation li a { border-bottom: 1px solid #fff; }
#dropdownmenu .navigation li:hover {background-color:#FF9900}

#logo {
	width: 100%;
	margin: 30px 0 0 0;
	display: inline-block;
	vertical-align: top;
    background:url(/assets/img/design/logo_nl_nl.png) no-repeat center center; 
    height:50px;    
    border:0px solid white;
}
#payoff {
    min-height:40px;
    border:0px solid white;
    margin:0 10px 0px 0px; 
    float:right;
}
#payoff {
    background-image: none;
    font-family: 'QlassikBoldRegular';
    font-size: 1.3em;
    line-height: 1.1em;
    text-align: right;
    border: 0;
}
#payoff span {
    color: #ff9900;
    display: block;
}

.visual .flexslider {margin:0;}
.visual .flex-control-nav {display: none; visibility: hidden;}

#tabs ul {margin:0px; padding:0px;list-style-type:none; height:40px;}
#tabs ul li {float:left; width:100%; list-style:none; margin:2px 0px 4px 0px; line-height:36px; padding:0px; border-bottom: 1px solid white;width: 13%;text-align: center;}
#tabs ul li:first-child {}
#tabs ul li:last-child {}
#tabs ul li a {display: block;padding: 0px 0.5em;color:#fff; text-decoration: none;}
#tabs ul li.languageselector a {float: left;}
#tabs ul li a:hover {color:#f93;}

input.searchfield {
    border:1px solid #957667;
    border-color: #957667 #e8a07f #e8a07f #957667;
    color:#ff6600; 
    width:150px; 
    border-radius: 15px; 
    box-shadow: inset 2px 2px 4px 0 #2C0E00;
    background:white url(/assets/img/design/search.png) no-repeat 96% 7px;  
    height:1.4em;
    padding:2px 4px;
    
}
input.searchfield:focus {color:#ff6600;}

.news a {
            text-decoration: none;
        }
.news a h1 {
            color:#2C0E00; 
            font-size:1.4em;
        }

div.flexslider {box-shadow: none; background-color:transparent; border-color: transparent; z-index:1;}
.news {height:20em; overflow:hidden;}
.news_img {width: 99%;}

.h1 {font-family: "Qlassik Bold", san-serif;}

.footer {border:none;font-family: sans-serif;}
.footer ul.footer-links {float:left; width:98%; list-style-type:none; margin:0.5%; padding:0;}
.footer ul.footer-links li {float:left; width:100%; list-style:none; font-size:0.9em; border-bottom:1px solid #999;}
.footer ul.footer-links li a {color:#666; text-decoration: none; padding:1em; line-height:3em;}
.footer ul.footer-links li a:hover {color:#ff6600; text-decoration: underline;}

.row-one,
.row-two,
.row-three,
.row-four,
.row-five {overflow:hidden;}


.bannercontainer {
    float: left; 
    z-index:200; 
    margin: 10px 0; 
    border: 1px solid #ccc;
    box-shadow: 0 5px 3px -5px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    width: 99%;
}
.bannercontainer h2, .row_banner h2  {
    margin:0 0 2em 0; 
    padding:0; 
    text-align: center;
    font-size: 0.8em;
    letter-spacing: 0.1em;
    color:#ccc;
    z-index:9999;
    width:99%;
    line-height:2em;
    border-bottom: 1px solid #ccc;
}
.bannercontainer div {float: left; }

.home-aboutus, .home-moreinfo {padding:0.5em;}
.home-aboutus h1, .home-moreinfo h1 {padding:0; margin:0 0 0.3em 0; font-weight:normal;}
.home-tree h2, .home-news h2, .newscontainer h2 {
    position:absolute;
    margin:0; 
    padding:0; 
    text-align: center;
    font-size: 0.8em;
    letter-spacing: 0.1em;
    color:#ccc;
    z-index:9999;
    width:99%;
    line-height:2em;
    background-color:rgba(255, 255, 255, 0.9);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#bbffffff, endColorstr=#bbffffff)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#bbffffff, endColorstr=#bbffffff);
    border-bottom: 1px solid #ccc;
}
.home-tree .flexslider {padding-top:1em;}
.home-news .flexslider li img {border-radius: 4px;}


.icons {text-decoration: none;}
.icons li {text-align:center; text-decoration: none;}
.icons li h1 {margin:0; padding:0; color:#4C3115; text-decoration: none;}
.icons li h1 a {color:#4C3115; text-decoration: none;}

.visual {text-align: center; border:none; box-shadow: none;}
.visual img {width:100%; margin:0 auto;}

ul.icons_be, ul.icons_nl { list-style:none;}
ul.icons_be li, ul.icons_nl li {list-style-type: none; float:left; width:90px; text-align: center;}
.icons_nl img, .icons_be img {border:none;}

.icons_be li {width:70px; margin:3px; border:1px solid #ccc;}
.icons_be li img {width:70px;}
.icons_be li div {font-size:0.7em; color:#37190c;}

#icons {
    border: none;
    line-height: 1em;
    box-shadow: none;
}

ul.overlay {border-radius: 4px;}

#icons ul {margin-bottom: 5px; padding:0;}
#icons ul li{float: left;width: 20%; padding:0;}
#icons ul.overlay, #icons ul.overlay li{display:block; width:100%; height:24px;}
#icons div {}
div[id^="overlay_"] {
    background-color: white;
    color: #f93;
    padding: 3px;
    border:1px solid gray;
}

.ui-autocomplete{max-height: 300px; overflow-y: scroll; overflow-x: hidden; }



#icons .icons_be li {width:45%; margin:0px 3px 3px 0px; border:1px solid #ccc; border-radius: 4px; padding:4px 0;}
#icons .icons_be li:hover {background-color:#f5f5f5;}
#icons .icons_be li img {width:100px; margin-right:0.5em;}
#icons .icons_be li div {padding-top:0.2em; font-size:0.9em; color:#37190c; font-family:'QlassikBoldRegular'; text-align: center;}

.footer ul.footer-links li.socfooter { padding:0.5em 0 0 1em;}
.footer ul.footer-links li.socfooter a { padding:0;}
.socfooter .facebook-sign,
.socfooter .twitter-sign,
.socfooter .linkedin-sign { font-size:1.8em; margin-right:0.2em;}
.socfooter .facebook-sign {color:#3B5998;}
.socfooter .twitter-sign {color:#00ACEE;}
.socfooter .linkedin-sign {color:#0073B2;}

/** login box **/

#login { 
	padding:40px 10px 0;
	font-family: 'rubik';
	font-weight: 400;
	font-size: 14px;
}    

#login > div {
    width: 100%;
	max-width: 414px;
    margin: 0px auto;
	padding: 25px;
    border:1px solid #ddd;
    background-color:#f8f8f7;
	border-radius: 4px;
}

#login div.error {
	width: 100%;
	margin-top: 15px;
	padding: 10px;
	display: inline-block;
	vertical-align: top;
	background: #ffa28d;
	text-align: center;
	border-radius: 4px;
}

#login div fieldset,
#login div form {
	width: 100%;
	display: inline-block;
	vertical-align: top;
}
	
#login div h1 {
    color:#333; 
    font-weight:normal; 
    padding: 0 0 10px;
    font-size: 24px; 
	font-family: 'rubik';
	font-weight: 400;
 }
    
#login div dt {
	margin-top: 15px;
	padding: 0 0 5px; 
	width: 100%; 
	text-align: left; 
	border: 0px solid #ccc; 
	color:#333;
}

#login div dt.noheight {
	height: 0px; 
	padding: 0;
}

#login div input {
	width: 100%; 
	padding: 10px; 
	color:#666; 
	font-size: 16px;
	line-height: 24px;
	border:1px solid #ddd; 
	-moz-border-radius: 2px; 
	border-radius: 2px;
}

#login div dd {
	padding:0px 0px 0px 0; 
	width: 100%; 
	border: 0px solid #ccc;
	font-family: 'rubik';
	font-weight: 400;
}

#login div dd.forgotpw {
	padding: 0; 
	width: 100%;
	border: none; 
	color:#aaa; 
	font-size: 14px;
	line-height: 22px;
}
    
#login div dd button {
	width: 100%;
	margin: 0 0 20px;
	display: inline-block;
	vertical-align: top;
    font-size: 16px;
	line-height: 16px;
    padding: 12px; 
    border: none; 
    color:#fff;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border:1px solid #e78422;
    background: #ff9933;
	cursor:pointer;
}
    
#login div dd button:hover {
    background: #ffa245;
}

/** responsive **/

@media all and (min-width:320px) {
    

}
@media all and (min-width:480px) {

    .container{ width: 460px; } 
    .h2 {font-size: 1.8em;} 
    .h3 {font-size: 1.8em;}   

}    
@media all and (min-width:640px) {
    .container{ width: 640px;} 
    .h2 {font-size: 1.6em;} 
    .h3 {font-size: 1.6em;}   

        
        .news_img {width: 99%;}
        .news a {
            text-decoration: none;
        }
        .news a h1 {
            color:#2C0E00; 
            font-size:1.2em;
        }
}    
@media all and (min-width:768px) {
    #icons ul li{float: left;width: 10%; padding:0;} 
    .home-overons h1, .home-meerweten h1 {font-size:1.6em; margin-bottom: 0.1em}
    .news {height:33em;}
    #logo {background-position: center}
    #payoff {background-position: right center;}
    
    .container{ 
        width: 766px;
    } 
    .h2 {font-size: 1.4em;} 
    .h3 {font-size: 1.4em;} 
        .one_full{
            width: 765px;
	}

	.one_half{
            width: 373px;
            margin:4px 0px; 
	}
    .one_half+.one_half {margin-left: 16px;}

	.one_third{
            width: 242px;
            margin:4px 0px; 
	}
    .one_third+.one_third {margin-left: 17px;}

	.two_third{
            width: 503px;
            margin:4px 0px;
	}
    .two_third+.one_third {margin-left: 17px;}
    
	.one_quarter{
            width: 177.5px;
            margin:4px 0px;
	}
    .one_quarter+.one_quarter {margin-left: 16px;}
        
        .news_img, .news {width: 295px; height:221px;}
        .news a {
            text-decoration: none;
            z-index: 30;
            float:left;
        }
        .news a h1 {
            color:#2C0E00; 
            text-decoration: none; 
            font-size:1.0em;
            z-index: 50;
            height:35px;
            background-color:#ffffff;
            background-color:rgba(255, 255, 255, 0.7);
            -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#bbffffff, endColorstr=#bbffffff)";
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#bbffffff, endColorstr=#bbffffff);
            width: 340px;
            overflow:hidden;
            padding:5px;
            position: relative;
            top: -70px;
        }
        .row-one {}
        .row-two {height:24em;}
        .row-two-be {height:32em;}
        .row-three {height:17em;}
        .row-four {}
        .row-five {height:22em;}
        
        div.bannercontainer {
            float:right;
            width: 120px;
            margin-top:4px;
            margin-right:2px;  
            background-color: white;
            min-height: 658px;
            border: 1px solid #ccc;
            border-radius: 4px 4px 4px 4px;
            box-shadow: 0 5px 3px -5px rgba(0, 0, 0, 0.2);
            
        }
        div.texttobanner {float:left; width:630px; overflow:hidden;}
        div.texttobanner .one_half {
            width: 303px;
        }
        div.texttobanner .one_full{
            width: 624px;
        }
        
        #icons .icons_be li {width:45%; margin:0px 3px 3px 0px; border:1px solid #ccc; border-radius: 4px; padding:4px 0;}
        #icons .icons_be li:hover {background-color:#f5f5f5;}
        #icons .icons_be li img {width:100px; margin-right:0.5em; float:left;}
        #icons .icons_be li div {padding-top:0.2em; font-size:1em; color:#37190c; font-family:'QlassikBoldRegular'; text-align: left; line-height:60px;}

}    
@media all and (min-width:1024px) {

    #dropdownmenu {display: none}
    #menu {
        border:1px solid white; 
        margin-left:-3px; 
        margin-right:-5px; 
        background:url(/assets/img/design/menu.gif) no-repeat top left; 
        height:42px;
        width: 1002px;
    }

    #menuend {
        display: block;
        visibility: visible;
        float:right; 
        width:6px; 
        background:url(/assets/img/design/menu.gif) right -42px; 
        height:42px;
    }
    #tabs ul {padding-left: 5px;}
    #tabs ul li {float:left; list-style:none; margin:2px 0px 4px 0px; line-height:36px; border-left:1px solid black; border-right:1px solid #9D7E70; border-bottom:0px solid white;}
    #tabs ul li:first-child {border-left:0px solid black;}
    #tabs ul li:last-child {border-right:0px solid black;}
    
    .searchbox form {margin: 0px;}
    
    li.languageselector a.activelang {}
    .footer ul.footer-links {float:left; width:19%; list-style-type:none; margin:0.4%; padding:0;}
    .footer ul.footer-links li {border:none;}
    .footer ul.footer-links li a {color:#666; text-decoration: none; padding:1em; line-height:2em;}

    .container{
        width: 998px;
    }
    
    .one_full,
	.one_half,
	.one_third,
	.two_third,
	.one_quarter
    {
        width: 100%;
    }
    
    .h2 {font-size: 1.2em;} 
    .h3 {font-size: 1.2em;} 
        .one_full {
            width: 994px;

        }

	.one_half {
            width: 486px;
            margin:6px 0px;  
	}
    .one_half+.one_half {margin-left: 20px;}

	.one_third {
            width: 317px;
            margin:6px 0px;
	}
    .one_third+.one_third{margin-left: 20px;}

	.two_third {
            width: 656px;
            margin:6px 0px; 
	}
    .two_third+.one_third {margin-left: 20px;}

	.one_quarter {
            width: 232px;
            margin:6px 0px;
	}
    .one_quarter+.one_quarter {margin-left: 20px;}
        .news_img, .news {width: 418px; height:314px;}
        .news a {
            text-decoration: none;
            z-index: 30;
            float:left;
        }
        .news a h1 {
            color:#2C0E00; 
            text-decoration: none; 
            font-size:1.2em;
            z-index: 50;
            height:40px;
            background-color:#ffffff;
            background-color:rgba(255, 255, 255, 0.7);
            -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#bbffffff, endColorstr=#bbffffff)";
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#bbffffff, endColorstr=#bbffffff);
            width: 430px;
            overflow:hidden;
            padding:10px;
            position: relative;
            top: -90px;
        }
        .row-one {}
        .row-two {height:20em;}
        .row-two-be {height:26em;}
        .row-three {height:25em;}
        .row-four {}
        .row-five {height:22em;}
        
        div.bannercontainer {
            margin-top:6px;
            margin-right:2px;  
            min-height: 734px;
        }
        div.texttobanner {float:left; width:866px; overflow:hidden;}
        div.texttobanner .one_half {
            width: 414px;
        }
        div.texttobanner .one_full{
            width: 850px;
        }
         div.texttobanner .one_quarter {
            width: 196px;
        }
        #icons .icons_be li {width:82px; margin:0px 3px 8px 3px; border:1px solid #ccc; border-radius: 4px; padding:4px 0;}
        #icons .icons_be li:hover {background-color:#f5f5f5;}
        #icons .icons_be li img {width:100%;}
        #icons .icons_be li div {padding-top:0.2em; font-size:0.7em; color:#37190c; font-family:'QlassikBoldRegular'; text-align: center; line-height: 2em;}

}    
@media all and (min-width:1280px) {

    .container { 
        width: 1254px;

    }
    #menu { width: 100%;}
    .h2 {font-size: 1.2em;} 
    .h3 {font-size: 1.2em;} 
        .one_full {
            width: 1246px;
        }

        .one_half {
            width: 608px;
            margin:10px 0px 10px 4px;
        }
        .one_half+.one_half {margin-left: 28px;}
        
        .one_third {
            width: 395px;
            margin:10px 0px 10px 4px;
        }
        .one_third+.one_third {margin-left: 28px;}
        
        .two_third {
            width: 820px;
            margin:10px 0px 10px 4px;
        }
        .two_third+.one_third {margin-left: 28px;}
        
        .one_quarter {
            width: 289px;
            margin:10px 0px 10px 4px;
        }
        .one_quarter+.one_quarter{margin-left: 28px;}
        
        .news_img, .news {width: 523px; height:402px;}
        .news a {
            text-decoration: none;
            float:left;
        }
        .news a h1 {
            position: relative;
            top: -90px;
            width: 505px;
            color:#2C0E00; 
            text-decoration: none; 
            font-size:1.4em;
            height:50px;
            background-color:#ffffff;
            background-color:rgba(255, 255, 255, 0.7);
            -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#bbffffff, endColorstr=#bbffffff)";
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#bbffffff, endColorstr=#bbffffff);
            overflow:hidden;
            padding:10px;
        }

        #icons .icons_be li {width:105px; margin:0px 3px 8px 3px; border:1px solid #ccc; border-radius: 4px; padding:4px 0;}
        #icons .icons_be li:hover {background-color:#f5f5f5;}
        #icons .icons_be li img {width:100%;}
        #icons .icons_be li div {padding-top:0.2em; font-size:0.8em; color:#37190c; font-family:'QlassikBoldRegular';}
        
        div.bannercontainer {
            min-height: 792px;
            margin-top:10px;
            
        }
        div.bannercontainer div {margin-bottom: 2em;}
        div.texttobanner {float:left; width:1102px; overflow:hidden;}
        div.texttobanner .one_half {
            width: 532px;
        }
        div.texttobanner .one_full {
            width: 1094px;
        }
        div.texttobanner .one_quarter {
            width: 251px;
        }
        .row-one {}
        .row-two {height:20em;}
        .row-two-be {height:20em;}
        .row-three {height:28em;}
        .row-four {}
        .row-five {height:21em;}
}    
@media all and (min-width: 1600px) {
   
       
}    

/** responsive **/
@media all and (max-width: 1004px) {

    #dropdownmenu input.searchfield {width: 95%}
    #menu {display: none}
    #dropdownmenu .slide-trigger { display: block; }
    #dropdownmenu .no-js .slide-trigger { display: none; }
    #dropdownmenu .navigation { display: none; }
    #dropdownmenu .no-js .navigation { display: block; }
    #dropdownmenu .navigation { margin: 0 15px; }
    
}


img {border: 0;}

@font-face {
	font-family: 'fontawesome';
	src:url('/assets/font/fontawesome.eot');
	src:url('/assets/font/fontawesome.eot?#iefix') format('embedded-opentype'),
		url('/assets/font/fontawesome.woff') format('woff'),
		url('/assets/font/fontawesome.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

.icon {
    font-family: 'fontawesome';
    speak: none;
    font-style: normal;
    font-weight: normal !important;
    line-height: 1em;
    text-align: center;
    display:inline-block;
    -webkit-font-smoothing: antialiased;
    background-color: transparent;
}

.icon.reorder:before {content: "\f0c9";}
.icon.spinner:before {content: "\f110";}
.icon.search:before {content: "\f002";}
.icon.user:before {content: "\f007";}
.icon.cog:before {content: "\f013";}
.icon.camera:before {content: "\f030";}
.icon.lock:before {content: "\f023";}
.icon.time:before {content: "\f017";}
.icon.circle-arrow-left:before {content: "\f0a8";}
.icon.circle-arrow-right:before {content: "\f0a9";}
.icon.circle-arrow-up:before {content: "\f0aa";}
.icon.circle-arrow-down:before {content: "\f0ab";}
.icon.plus-sign:before {content: "\f055";}
.icon.minus-sign:before {content: "\f056";}
.icon.remove-sign:before {content: "\f057";}
.icon.ok-sign:before {content: "\f058";}
.icon.question-sign:before {content: "\f059";}
.icon.info-sign:before {content: "\f05a";}
.icon.chevron-right:before {content: "\f054";}
.icon.chevron-left:before {content: "\f053";}
.icon.arrow-left:before {content: "\f060";}
.icon.arrow-right:before {content: "\f061";}
.icon.arrow-up:before {content: "\f062";}
.icon.arrow-down:before {content: "\f063";}
.icon.thumbs-down:before {content: "\f088";}
.icon.thumbs-up:before {content: "\f087";}
.icon.comments:before {content: "\f086";}
.icon.facebook-sign:before {content: "\f082";}
.icon.twitter-sign:before {content: "\f081";}
.icon.chevron-down:before {content: "\f078";}
.icon.chevron-up:before {content: "\f077";}
.icon.comment:before {content: "\f075";}
.icon.calendar:before {content: "\f073";}
.icon.eye-open:before {content: "\f06e";}
.icon.eye-close:before {content: "\f070";}
.icon.linkedin-sign:before {content: "\f08c";}
.icon.phone:before {content: "\f095";}
.icon.bookmark-empty:before {content: "\f097";}
.icon.phone-sign:before {content: "\f098";}
.icon.twitter:before {content: "\f099";}
.icon.facebook:before {content: "\f09a";}
.icon.unlock:before {content: "\f09c";}
.icon.list-ul:before {content: "\f0ca";}
.icon.envelope-alt:before {content: "\f0e0";}
.icon.linkedin:before {content: "\f0e1";}
.icon.comment-alt:before {content: "\f0e5";}
.icon.comments-alt:before {content: "\f0e6";}
.icon.google-plus:before {content: "\f0d5";}
.icon.google-plus-sign:before {content: "\f0d4";}
.icon.group:before {content: "\f0c0";}
.icon.link:before {content: "\f0c1";}
.icon.lightbulb:before {content: "\f0eb";}
.icon.plus-sign-2:before {content: "\f0fe";}
.icon.desktop:before {content: "\f108";}
.icon.laptop:before {content: "\f109";}
.icon.tablet:before {content: "\f10a";}
.icon.mobile:before {content: "\f10b";}
.icon.angle-right:before {content: "\f105";}
.icon.angle-left:before {content: "\f104";}
.icon.double-angle-down:before {content: "\f103";}
.icon.double-angle-up:before {content: "\f102";}
.icon.double-angle-right:before {content: "\f101";}
.icon.double-angle-left:before {content: "\f100";}
.icon.angle-up:before {content: "\f106";}
.icon.angle-down:before {content: "\f107";}
.icon.envelope:before {content: "\f003";}
.icon.trash:before {content: "\f014";}
.icon.home:before {content: "\f015";}
.icon.th:before {content: "\f00a";}
.icon.pencil:before {content: "\f040";}
.icon.map-marker:before {content: "\f041";}
.icon.youtube:before {content: "\f03d";}



a.social{
    display: table;
    font-size: 3em;
    margin: 0.22em auto;
    padding:4px 8px; 
    border-radius: 8px;
    background: #ff6600;
    width:120px;
    line-height:1em;
    background: #ff9933; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffb76b 0%, #ffa73d 50%, #ff7c00 51%, #ff7f04 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb76b), color-stop(50%,#ffa73d), color-stop(51%,#ff7c00), color-stop(100%,#ff7f04)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=0 ); /* IE6-9 */
    color:white;
    box-shadow: 0 5px 3px -5px #000,0 1px 0 0 #FCE0BD inset;
    border:1px solid #ff7c00;
    text-shadow: 0.03em 0.03em 0.05em #BA5E0E;
} 

a.social:hover{
    color:white;
    background: #37190c; /* Old browsers */
    background: -moz-linear-gradient(top,  #f0b7a1 0%, #895a48 50%, #752201 51%, #bf6e4e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0b7a1), color-stop(50%,#895a48), color-stop(51%,#752201), color-stop(100%,#bf6e4e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f0b7a1 0%,#895a48 50%,#752201 51%,#bf6e4e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f0b7a1 0%,#895a48 50%,#752201 51%,#bf6e4e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f0b7a1 0%,#895a48 50%,#752201 51%,#bf6e4e 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f0b7a1 0%,#895a48 50%,#752201 51%,#bf6e4e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0b7a1', endColorstr='#bf6e4e',GradientType=0 ); /* IE6-9 */
    box-shadow: 0 5px 3px -5px #fff,0 1px 0 0 #A58274 inset;
    border:1px solid #752201;
    text-shadow: 0.03em 0.03em 0.05em #752201;
}  

.right{ float: right; }
/*.right:after {font-family: 'fontawesome';content: "\00a0\00a0\00a0\f101\00a0";}*/
.right:after {font-family: 'fontawesome';content: "\f0a9"; margin:0 0.5em;}
.right.nieuws{position: relative;top: -50px; z-index:10;}

.disclaimer{
     width:100%;
     text-align:center; 
     font-size: 12px; 
     color:#666; 
     border-top:0px solid #ccc;
     border-right:0px solid #fff;
     border-bottom:0px solid #fff;
     border-left:0px solid #fff;
     border-radius: 0px; 
     line-height: 2em;
     box-shadow:none;
}