/* ===================== GENERAL ======================== */

body {
	color: #2e2e2e;
background-color: #ffffff;
background-position: top left;
font-family: 'Open Sans';
font-size: 15px;
line-height: 20px;
letter-spacing: 0px;
}

header {
	background-image: url("/dynamic/media/1/images/elementen/Face-to-film-header.png");
background-repeat: repeat;
border-top: 11px solid #72b62b !important;
}
#extraHeader {
	color: #444444;
background-color: #f8f8f8;
}
/* ===================== HEADINGS ======================== */

h1 {
	color: #444444;
font-size: 26px;
font-family: 'Open Sans';
font-weight: normal;
margin-bottom: 24px;
padding-left: 0px;
padding-bottom: 5px;
padding-top: 20px;
line-height: normal;
}

h2 {
	color: #444444;
font-size: 26px;
font-family: 'Open Sans';
font-weight: normal;
margin-top: 20px;
margin-bottom: 20px;
padding-left: 0px;
line-height: normal;
}

h3 {
	color: #444444;
font-size: 22px;
font-family: 'Open Sans';
font-weight: normal;
margin-top: 16px;
margin-bottom: 16px;
padding-left: 0px;
line-height: normal;
}

h4 {
	color: #9d9d9d;
font-size: 20px;
font-family: 'Open Sans';
font-weight: normal;
margin-top: 18px;
margin-bottom: 18px;
padding-left: 0px;
line-height: normal;
}

h5 {
	color: #9d9d9d;
font-size: 20px;
font-family: 'Open Sans';
font-weight: normal;
margin-bottom: 24px;
padding-left: 0px;
padding-bottom: 5px;
padding-top: 20px;
line-height: normal;
}
.error {
	color: #ff0000;
}
.siteobject_news_grid, .siteobject_specialnews_fototekst, .siteobject_specialnews_fototekst .events_info, .siteobject_specialnews_fototekst .title{
	color: #9d9d9d !important;
}
/* ===================== BREADCRUMBS ======================== */

#breadcrumbs {
	font-family: 'Open Sans';
font-size: 15px;
font-weight: normal;
color: #555555;
height: 25px;
padding-right: 15px;
padding-left: 0px;
margin-top: 0px;
background-color: #ffffff;
text-align: left;
}

#breadcrumbs a {
	font-family: 'Open Sans';
font-size: 15px;
font-weight: normal;
color: #555555 !important;
text-decoration: underline !important;
}

#breadcrumbs a:hover {
	color: #0175b0 !important;
text-decoration: none !important;
}

/* ===================== INPUTS ======================== */

input[type="checkbox"],
input[type="radio"] {
	margin: 5px 0px 0px 0px;;
font-family: 'Open Sans';
font-size: 14px;
}

input[type="text"],
input[type="file"],
input[type="password"] {
	border: 1px solid #cccbcc !important;
background-color: #f8f8f8;
color: #8e8e8e;
font-family: Arial;
font-size: 20px;
margin-right: 1px;
width: 100%;
margin-bottom: 1px;
}

.button, .btn {
	border: 1px solid #cccbcc !important;
background-color: #f8f8f8;
color: #303030;
font-family: 'Open Sans';
font-size: 14px;
text-transform: uppercase;
}

input[type="submit"]{
	border: 1px solid #7E4493 !important;
background-color: #7E4493;
color: #ffffff;
font-family: Verdana;
font-size: 20px;
height: 68px;
}

input[type="submit"]:hover{
	border: 1px solid #333333 !important;
background-color: #333333;
color: #ffffff;
}
textarea {
	border: 1px solid #cccbcc !important;
background-color: #f8f8f8;
color: #8e8e8e;
font-family: Arial;
font-size: 20px;
width: 100%;
height: 100px;
}

select {
	border: 1px solid #cccbcc !important;
background-color: #f8f8f8;
color: #8e8e8e;
font-family: Arial;
font-size: 20px;
width: 100%;
height: 22px !important;
}

/* ===================== HR'S ======================== */

hr {
	border: 0px none;
border-bottom: 1px solid #2e2e2e;
height: 1px;
}

/* ===================== SHADOWS ======================== */
#shadowtop {
	height: 0px;
}

#shadowleft {
	background-repeat: repeat-y;
}

#shadowright {
	background-repeat: repeat-y;
}

#shadowbottom {
	background-repeat: repeat-x;
}

/* ===================== CONTENT ======================== */

#container {
	background-color: #f8f8f8;
}

body a {
	color: #7E4493;
text-decoration: none;
}

body a:hover {
	color: #2e2e2e;
}



#headerElements {
	position: absolute;
top: 0px;
right: 15px;
}

/* ===================== SEARCH ======================== */

#searchForm {
	position: absolute;
top: 10px;
right: 10px;
}

#searchForm form #searchForm_pattern {
	background-color: #ffffff !important;
color: #555555;
border: 1px solid #eeeeee !important;
font-family: 'Open Sans';
font-size: 14px;
width: 192px;
height: 15px;
}

/* ===================== DYNAMIC FORMS ======================== */

.dynamicForm {
	color: #8e8e8e;
}

/* ===================== HORIZONTAL MENU ======================== */




.horizontal-nav {
	background-repeat: repeat-x;
}

.horizontal-nav ul.level0 {
	position: relative;
left: 0px;
}

.horizontal-nav ul.level0 li {
	}

.horizontal-nav ul.level1 li {
	}

.horizontal-nav ul.level1 li.level2 {
	}

.horizontal-nav ul.level1 li.level2  ul.level2 li {
	}

.horizontal-nav ul.level0 {
	}

.horizontal-nav ul.level1 {
	background-color: #2e2e2e !important;
width: 180px !important;
}

.horizontal-nav ul.level2, .sf-menu li.sfHover li.sfHover ul {
	background-color: #2e2e2e !important;
}

.horizontal-nav ul li.level1 a {
	color: #72b62b;
font-weight: normal;
font-family: Verdana;
font-size: 18px;
letter-spacing: 0px;
border-bottom: 0px solid #;
}

.horizontal-nav ul li.level1 a.even {
	color: #72b62b;
}
.horizontal-nav ul li.level2 a {
	width: 180px;
color: #ffffff;
background-color: #72b62b;
font-weight: normal;
font-family: Verdana;
font-size: 13px;
letter-spacing: 0px;
border-bottom: 0px solid #;
}

.horizontal-nav ul li.level2 a.even {
	color: #ffffff;
background-color: #72b62b;
}


.horizontal-nav ul li.level3 a {
	color: #ababab;
background-color: #2e2e2e;
font-weight: normal;
font-family: Verdana;
font-size: 13px;
letter-spacing: 0px;
border-bottom: 0px solid #;
}

.horizontal-nav ul li.level3 a.even {
	color: #ababab;
background-color: #2e2e2e;
}

.horizontal-nav ul li.level1:hover a.level1 {
	color: #fff;
background-color: #72b62b;
font-weight: normal;
letter-spacing: 0px;
}

.horizontal-nav ul li.level1:hover a.level1.even {
	color: #fff;
background-color: #72b62b;
}

.horizontal-nav ul li.level2:hover a.level2 {
	color: #888;
background-color: #72b62b;
font-weight: normal;
letter-spacing: 0px;
}

.horizontal-nav ul li.level2:hover a.level2.even {
	color: #888;
background-color: #72b62b;
}

.horizontal-nav ul li.level3:hover a.level3 {
	color: #fff;
background-color: #2e2e2e;
font-weight: normal;
letter-spacing: 0px;
}

.horizontal-nav ul li.level3:hover a.level3.even {
	color: #fff;
background-color: #2e2e2e;
}

.horizontal-nav ul li.level1 a.current {
	color: #fff;
background-color: #72b62b;
font-weight: normal !important;
letter-spacing: 0px;
}

.horizontal-nav ul li.level2 a.current {
	color: #888;
background-color: #72b62b;
font-weight: normal !important;
letter-spacing: 0px;
}

.horizontal-nav ul li.level3 a.current {
	color: #fff;
background-color: #2e2e2e;
font-weight: normal !important;
letter-spacing: 0px;
}

.horizontal-nav ul.level1 {
	}

.horizontal-nav ul.level2 {
	background-color: #72b62b;
}

.horizontal-nav ul.level3 {
	background-color: #2e2e2e;
}

.horizontal-nav ul li.horizontalseperator {
	background-repeat: no-repeat;
width: 2px;
}

.horizontal-nav ul li.first {
	border-left: 0px none;
}

.horizontal-navborder {
	background-repeat: repeat-x;
}

/* ===================== VERTICAL MENU ======================== */

#verticalmenu {
	font-family: Arial;
font-size: 15px;
padding-top: 0px;
width: 220px;
padding-bottom: 0px;
    margin-bottom: 40px;
}



/* How to handle the submenu from the vertical menu */
	#verticalmenu ul li ul.level1 {
		display				:	none;
	}

	#verticalmenu ul li ul.level2 {
		display				:	block;
	}

#verticalmenu ul li.level1 {
	padding: 0px 0px;
padding-left: 20px;
}

#verticalmenu ul li.level2 {
	padding: 0px 0px;
padding-left: 20px;
}

#verticalmenu ul li.level3 {
	padding: 0px 0px;
}

#verticalmenuborder {
	background-repeat: repeat-y;
}

#verticalmenu ul li.level1 a {
	color: #b4b5b5;
font-family: Arial;
font-size: 15px;
font-weight: normal;
letter-spacing: 0px;
}

#verticalmenu ul li.level1 a.even {
	color: #b4b5b5;
}

#verticalmenu ul li.level2 a {
	color: #708fc3;
font-family: Arial;
font-size: 15px;
font-weight: normal;
letter-spacing: 0px;
}

#verticalmenu ul li.level2 a.even {
	color: #708fc3;
}

#verticalmenu ul li.level3 a {
	color: #009fd6;
font-family: Arial;
font-size: 13px;
font-weight: normal;
border-bottom: 0px solid #d9eaf3;
padding-left: 5px;
letter-spacing: 0px;
}

#verticalmenu ul li.level3 a.even {
	}

#verticalmenu ul li.level1 a:hover {
	color: #708fc3;
font-weight: normal;
letter-spacing: 0px;
}

#verticalmenu ul li.level1 a.even:hover {
	color: #708fc3;
}

#verticalmenu ul li.level2 a:hover {
	color: #b4b5b5;
font-weight: normal;
letter-spacing: 0px;
}

#verticalmenu ul li.level2 a.even:hover {
	color: #b4b5b5;
}

#verticalmenu ul li.level3 a:hover {
	color: #ffffff;
font-weight: normal;
letter-spacing: 0px;
}

#verticalmenu ul li.level3 a.even:hover {
	}

#verticalmenu ul li.level1 a.selected {
	color: #708fc3;
font-weight: bold;
letter-spacing: 0px;
}

#verticalmenu ul li.level2 a.selected {
	color: #b4b5b5;
font-weight: normal;
letter-spacing: 0px;
}

#verticalmenu ul li.level3 a.selected {
	color: #ffffff;
font-weight: normal;
letter-spacing: 0px;
}

#verticalmenucontent
{
	padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}

/* ===================== FOOTER ======================== */

#bottommenu ul li.horizontalseperator {
	background-repeat: no-repeat;
width: 0px;
}


#footercontainer {
	clear				: 	both;
	z-index				:	1;
	margin				:	0px auto;
}


footer {
	font-family: 'Open Sans';
font-size: 14px;
color: #2e2e2e;
background-color: #fff;
}



footer a {
	color: #2e2e2e;
text-decoration: none;
}

footer a:hover {
	color: #2e2e2e;
}

#leftFooter {
	text-align: center;
margin-left: 15px;
margin-right: 15px;
width: 450px;
}

#rightFooter {
	text-align: left;
margin-left: 15px;
margin-right: 15px;
width: 430px;
}

body p
{
	margin-top: px;
margin-bottom: px;
}

#bottomEnd {
	background-image: url("/dynamic/media/1/images/elementen/Face-to-film-bottom.png");
background-repeat: repeat;
background-color: #ffffff;
border-top: 11px solid #c91819 !important;
    background-size: auto 100%;
    background-position: center;
}



@media(max-width: 767px){
    
    header {
        border-top: 0px none !important;
border-bottom: 11px solid #72b62b !important;
    }
}