/*
    ------ KLEUREN ------
    roze: #DC0067;
    geel: #eebf39;
*/

/* ------ FORCE VERTICAL SCROLL ------*/
html {
    overflow: -moz-scrollbars-vertical;
    overflow-y: scroll;
}
body, html {
    height: 100%;
    font-family: Tahoma, Arial, Geneva, sans-serif;
    font-size:12px;
    margin: 0;
    padding: 0;
    line-height: 16px;
    color: #004326;
}

/* ------ FONTS ------*/
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
}

h1 { font-size: 20px; margin: 10px 0; }

h2 { font-size: 15px; margin: 0 0 10px 0;  }

h3 { font-size: 14px; margin: 0; padding: 0; }

h5 { font-size: 55px; color: #FFF; margin: 0; padding: 0; font-weight: normal; }

/* ------ ELEMENTS ------*/
* {	outline: none; }
.related 				{ clear: both; float:none;	}
.floatLeft 				{ float: left;	}
.floatRight 			{ float: right;	}
.noBorder 				{ border:none;	}
#form 					{ border: #666 dotted 1px; padding: 10px 20px 10px 20px; }
.padding				{ width: 960px; margin: 0 auto; }

a						{ color: #004326; text-decoration: none; }
a:hover					{ color: #ED6535; }
a img					{ border: none; }

.pager					{ text-align: center; margin: 10px 0 0 0; }
.pager a				{ font-size: 18px; color: #004326; text-decoration: none; }
.pager a:hover			{ color: #CCC; }
.pager a.activeSlide	{ color: #CCC; cursor: default; }
.line 					{ border-top: 1px solid #004326; width: 100%; margin: 10px 0 0 0; }
.line .block			{ background: #004326; height: 3px; width: 50px; }

.back 					{ margin: -23px 0 0 10px; position:absolute; right: 10px; background:#FFF; display:block; padding: 0 5px; font-weight:bold; }

/* ------ CLASSES ------*/
.transparent {
    -khtml-opacity: 0.35;
    opacity: 0.35;
}

.red {
    color: #F00;
}

.displayNone {
    display: none;
}

/* ------ IDs ------*/
.container {
    width: 960px;
    margin: 0 auto;
    position: relative;
}

#top {
    width: 100%;
    height: 90px;
    border-bottom: 5px solid #ED6535;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 100;
    overflow: hidden;
    background: #FFF;
}

#languages {
    position: absolute;
    top: 10px;
    left: 0px;
    width: auto;
    height: 20px;
    overflow: hidden;
    z-index: 110;
}

#languages a {
    display: block;
    overflow: hidden;
    color: #666;
}

#languages a:hover {
    color: #ED6535;
}

#languages img {
    float: left;
    height: 20px;
    border: none;
    margin: 0 0 0 5px;
}

#languages span {
    float: left;
    height: 20px;
    border: none;
    margin: 2px 0 0 5px;
    font-size: 11px;
}

#shadow {
    width: 100%;
    height: 15px;
    position: absolute;
    top: 90px;
    left: 0px;
    z-index: 99;
}

#logo {
    width: 230px;
    float: right;
    margin: 30px 0 0 0;
    cursor: pointer;
}

#languages {
    float: left;
}

#faketop {
    width: 100%;
    height: 90px;
    margin: 0 0 45px 0;
}

.noMargin { margin: 0 !important; }

#header {
    height: 350px;
    width: 100%;
    margin: 0;
    background: #D80C01;
    position: relative;
}

#content {
    padding: 0 0 10px 0;
    overflow: hidden;
    position: relative;
}

#contentHome {
    padding: 30px 0 10px 0;
    overflow: hidden;
    position: relative;
    z-index: 9990;
}

#footer {
    height: 50px;
    padding: 10px 0 0 0;
    border-top: 5px solid #EEE;
    font-size: 11px;
}

.footerLeft {
    float: left;
}

.footerRight {
    float: right;
    text-align: right;
}

.home_small {
    width: 380px;
    height: auto;
    float: left;
    margin: 0 20px 0 0;
}

.large {
    width: 100%;
    height: auto;
    overflow: hidden;
    float: left;
    margin: 20px 0;
}

.largePlusSubs {
    width: 690px;
    height: auto;
    overflow: hidden;
    float: left;
    margin: 20px 0;
}

.small {
    width: 260px;
    height: auto;
    float: left;
    margin: 0 20px 0 0;
}