html,
body {
	font-family:"Arial";
	font-size:11px;
	color:#333333;
	height:100%;
	padding:0;
	margin:0;
}

body.home {
	background:url(images/h_bg.jpg) #29608f repeat-x;
}

body.subpagina {
	background:url(images/s_bg.png) #fff repeat-x;
}
a{
    color:#3270A6;
    outline:medium none;
}
/****************************************************************************/
/******************************** CONTAINER *********************************/
/****************************************************************************/

#container {
	position:relative;
	min-height:100%;
	margin:0 auto;
	width:100%;
}

/****************************************************************************/
/********************************** HEADER **********************************/
/****************************************************************************/

#header {
	background:url(images/header.jpg) top center no-repeat;
	position:relative;
	margin:0 auto;
	height:185px;
	width:100%;
}

#header .inner {
	padding:113px 0 0 0;
	position:relative;
	margin:0 auto;
	width:970px;
}

/****************************************************************************/
/*********************************** LOGO ***********************************/
/****************************************************************************/

h1.logo {
	background:url(images/logo.png) no-repeat;
	position:absolute;
	display:block;
	height:175px;
	bottom:-75px;
	width:212px;
	z-index:999;
	right:50px;
}

/****************************************************************************/
/********************************* WEBSITES ********************************/
/****************************************************************************/

#header .websites {
	background:url(images/websites.png) left 6px no-repeat;
	padding:0 0 0 182px;
	position:absolute;
	height:25px;
	width:185px;
	margin:0;
	top:10px;
	left:0;
}

ul#keuze_websites {
	list-style-type:none;
	line-height:normal;
	height:24px;
	padding:0;
	margin:0;
}

ul#keuze_websites table {
	border-collapse:collapse;
	margin:-1px;
	padding:0;
}

ul#keuze_websites li {
	position:relative;
	z-index:100;
	height:24px;
	padding:0;
}

ul#keuze_websites li a:hover {
	border:0;
}

ul#keuze_websites li dl {
	background:transparent;
	position:absolute;
	padding-bottom:0;
	padding:0;
	margin:0;
	left:0;
	top:0;
}

ul#keuze_websites li dl dt {
	width:191px;
	padding:0;
	margin:0;
}

ul#keuze_websites li dl dt a {
	background:url(images/websites_dropdown.png) no-repeat;
	text-decoration:none;
	padding:0 0 0 40px;
	line-height:24px;
	display:block;
	height:24px;
	width:151px;
	color:#fff;
}

ul#keuze_websites li dl dd {
	display:none;
	padding:0;
	margin:0;
}

ul#keuze_websites li dl dd a {
	text-decoration:none;
	padding:0 0 0 40px;
	cursor:pointer;
	display:block;
	width:151px;
	color:#fff;	
}

ul#keuze_websites li dl dd.t_01 a {
	background:url(images/websites_dropdown_01.png) no-repeat;
	line-height:38px;
	height:38px;
}

ul#keuze_websites li dl dd.t_02 a {
	background:url(images/websites_dropdown_02.png) no-repeat;
	line-height:34px;
	height:34px;
}

ul#keuze_websites li dl dd.t_03 a {
	background:url(images/websites_dropdown_03.png) no-repeat;
	line-height:36px;
	height:36px;
}

ul#keuze_websites li dl dd.t_04 a {
	background:url(images/websites_dropdown_04.png) no-repeat;
	line-height:32px;
	height:40px;
}

ul#keuze_websites li dl dd a:hover {

}

ul#keuze_websites li:hover dl dd,
ul#keuze_websites li a:hover dl dd {
	display:block;
}


/****************************************************************************/
/********************************** TOPMENU *********************************/
/****************************************************************************/

#header ul.topmenu {
	list-style-type:none;
	position:absolute;
	padding:0;
	margin:0;
	top:11px;
	right:0;
}

#header ul.topmenu li {
	text-indent:-6000px;
	float:left;
}

#header ul.topmenu li a {
	display:block;
	height:24px;
}

#header ul.topmenu li.home a {
	background:url(images/topmenu_home.png) no-repeat;
	width:44px;
}

#header ul.topmenu li.info a {
	background:url(images/topmenu_info.png) no-repeat;
	width:37px;
}

#header ul.topmenu li.contact a {
	background:url(images/topmenu_contact.png) no-repeat;
	width:59px;
}

#header ul.topmenu li.safety-test a {
	background:url(images/topmenu_safetytest.png) no-repeat;
	width:75px;
}

#header ul.topmenu li.sitemap a {
	background:url(images/topmenu_sitemap.png) no-repeat;
	width:56px;
}

#header ul.topmenu li.jobs a {
	background:url(images/topmenu_jobs.png) no-repeat;
	width:36px;
}

#header ul.topmenu li a:hover, #header ul.topmenu li.current a{
	background-position:left bottom;
}

/****************************************************************************/
/*********************************** MENU ***********************************/
/****************************************************************************/

#header .menu {
	padding:1px 0 0 5px;
	height:71px;
	width:639px;
}

body.home #header .menu {
	background:url(images/h_menu.png) no-repeat;	
}

body.subpagina #header .menu {
	background:url(images/s_menu.png) no-repeat;	
}

#header .menu ul.hoofd {
	list-style-type:none;
	padding:0;
	margin:0;
}

#header .menu ul.hoofd li {
	text-indent:-6000px;
	float:left;
}

#header .menu ul.hoofd li a {
	display:block;
	height:46px;
}

#header .menu ul.hoofd li.sectionale_poorten a {
	background:url(images/menu_sectionale_poorten.png) no-repeat;
	width:156px;
}

#header .menu ul.hoofd li.kantelpoorten a {
	background:url(images/menu_kantelpoorten.png) no-repeat;
	width:124px;
}

#header .menu ul.hoofd li.zonweringen a {
	background:url(images/menu_zonweringen.png) no-repeat;
	width:113px;
}

#header .menu ul.hoofd li.voorzetrolluiken a {
	background:url(images/menu_voorzetrolluiken.png) no-repeat;
	width:147px;
}

#header .menu ul.hoofd li.garagebox a {
	background:url(images/menu_garagebox.png) no-repeat;
	width:95px;
}

#header .menu ul.hoofd li.current a,
#header .menu ul.hoofd li a:hover {
	background-position:left bottom;
}

#header .menu ul.sub {
	list-style-type:none;
	padding:0;
	margin:0;
}

#header .menu ul.sub li {
	text-indent:-6000px;
	float:left;
}

#header .menu ul.sub li a {
	display:block;
	height:25px;
}

#header .menu ul.sub li.toonzaal a {
	background:url(images/submenu_toonzaal.png) no-repeat;
	width:75px;
}

#header .menu ul.sub li.plan a {
	background:url(images/submenu_plan.png) no-repeat;
	width:43px;
}

#header .menu ul.sub li.opendeur a {
	background:url(images/submenu_opendeur.png) no-repeat;
	width:73px;
}

#header .menu ul.sub li.fotos a {
	background:url(images/submenu_fotos.png) no-repeat;
	width:53px;
}

#header .menu ul.sub li.downloads a {
	background:url(images/submenu_downloads.png) no-repeat;
	width:87px;
}

#header .menu ul.sub li.ons_team a {
	background:url(images/submenu_ons_team.png) no-repeat;
	width:72px;
}

#header .menu ul.sub li.info a {
	background:url(images/submenu_info.png) no-repeat;
	width:41px;
}

#header .menu ul.sub li.gratis_folder a {
	background:url(images/submenu_gratis_folder.png) no-repeat;
	width:96px;
}

#header .menu ul.sub li.gratis_offerte a {
	background:url(images/submenu_gratis_offerte.png) no-repeat;
	width:95px;
}

#header .menu ul.sub li a:hover,
#header .menu ul.sub li.current a {
	background-position:left bottom;
}

/****************************************************************************/
/*********************************** BODY ***********************************/
/****************************************************************************/

#body {
	padding:24px 0 0 0;
	position:relative;
	margin:0 auto;
	width:970px;
}

body.home #body {
	padding-bottom:530px;
}

body.subpagina #body {
	padding-bottom:460px;
}

#body .home {
	background:url(images/home.png) no-repeat;
	padding:6px 20px 0 6px;
	margin:0 0 16px 0;
	line-height:20px;
	height:315px;
	width:944px;
	color:#fff;
}

#body .home img {
	margin-right:25px;
	margin-bottom:25px;
}

#body .home .tekst {
	padding:25px 0 0 0;
	width:280px;
	float:left;
}
#body .home .tekst  img{
    padding:3px;
    border:1px solid #29608F;
}

#body .home h2 {
	border-bottom:#29608f solid 1px;
	margin:0 0 15px 0;
	position:relative;
	font-size:20px;
	display:block;
	color:#73b2e9;
	height:26px;
	padding:0;
}

#body .home h2 a.lees_pdf {
	background:url(images/lees_pdf.png) no-repeat;
	text-indent:-6000px;
	position:absolute;
	display:block;
	height:24px;
	width:66px;
	right:0;
	top:-2px;
}

#body .home h2 a:hover.lees_pdf {
	background-position:left bottom;
}

#body .home p {
	margin:0 0 15px 0;
}

#body h1 {
	text-indent:-6000px;
	display:block;
	padding:0;
	margin:0;
}
#body h1.sectionale-poorten {
	background:url(images/ttl-sectionalepoorten.png) no-repeat;
	margin-bottom:22px;
	height:24px;
	width:350px;
}
#body h1.kantelpoorten {
	background:url(images/ttl-kantelpoorten.png) no-repeat;
	margin-bottom:22px;
	height:24px;
	width:260px;
}
#body h1.zonweringen {
	background:url(images/ttl-zonweringen.png) no-repeat;
	margin-bottom:22px;
	height:24px;
	width:250px;
}
#body h1.voorzetrolluiken {
	background:url(images/ttl-voorzetrolluiken.png) no-repeat;
	margin-bottom:22px;
	height:24px;
	width:350px;
}
#body h1.garageboxen {
	background:url(images/ttl-garagebox.png) no-repeat;
	margin-bottom:22px;
	height:24px;
	width:186px;
}
#body h1.toonzaal {
	background:url(images/ttl-onzetoonzalen.png) no-repeat;
	margin-bottom:22px;
	height:24px;
	width:280px;
}
#body h1.plan {
	background:url(images/ttl-plan.png) no-repeat;
	margin-bottom:22px;
	height:24px;
	width:186px;
}
#body h1.jobs {
	background:url(images/ttl-jobs.png) no-repeat;
	margin-bottom:22px;
	height:24px;
	width:186px;
}
#body h1.opendeur {
	background:url(images/ttl-opendeur.png) no-repeat;
	margin-bottom:22px;
	height:24px;
	width:186px;
}
#body h1.fotos {
	background:url(images/ttl-fotos.png) no-repeat;
	margin-bottom:22px;
	height:24px;
	width:186px;
}
#body h1.safety-test {
	background:url(images/ttl-safetytest.png) no-repeat;
	margin-bottom:22px;
	height:24px;
	width:186px;
}
#body h1.bedankt {
	background:url(images/ttl-bedankt.png) no-repeat;
	margin-bottom:22px;
	height:24px;
	width:186px;
}
#body h1.downloads {
	background:url(images/ttl-downloads.png) no-repeat;
	margin-bottom:22px;
	height:24px;
	width:250px;
}
#body h1.ons-team {
	background:url(images/ttl-onsteam.png) no-repeat;
	margin-bottom:22px;
	height:24px;
	width:186px;
}
#body h1.info {
	background:url(images/ttl-info.png) no-repeat;
	margin-bottom:22px;
	height:24px;
	width:186px;
}
#body h1.gratis-folder {
	background:url(images/ttl-gratisfolder.png) no-repeat;
	margin-bottom:22px;
	height:24px;
	width:250px;
}
#body h1.gratis-offerte {
	background:url(images/ttl-gratisofferte.png) no-repeat;
	margin-bottom:22px;
	height:24px;
	width:250px;
}
#body h1.privacy-beleid {
	background:url(images/ttl-privacybeleid.png) no-repeat;
	margin-bottom:22px;
	height:24px;
	width:250px;
}

#body h1.nieuws {
	background:url(images/ttl-nieuws.png) no-repeat;
	margin-bottom:22px;
	height:24px;
	width:250px;
}

#body h1.safety-test {
	background:url(images/ttl-safetytest.png) no-repeat;
	margin-bottom:22px;
	height:24px;
	width:250px;
}

#body .content {
	padding:0 0 0 15px;
	font-size:12px;
	line-height:18px;
	color:#595959;
}

#body .content h2 {
	font-weight:bold;
	font-size:15px;
	color:#E43237;
	padding:0;
	margin-bottom:14px;
}

#body .content p {
	margin-bottom:16px;
	margin-top:0;
}

#body .content strong {
	color:#306DA3;
}

#body .content ul {
	list-style-type:none;
	margin:0 0 20px 16px;
	padding:0;
}

#body .content ul li {
	background:url(images/content_ul.png) 0 8px no-repeat;
	padding:0 0 4px 14px;
}

#body .content a {
	text-decoration:underline;
	color:#306DA3;
}

#body .content a:hover {
	text-decoration:none;
	color:#E43237;
}

#body .content .gallery a {
	text-decoration:underline;
	color:#306DA3;
}

#body .content .gallery a:hover {
	text-decoration:none;
	color:#E43237;
}

/****************************************************************************/
/********************************** FOOTER **********************************/
/****************************************************************************/

#footer {
	position:absolute;
	width:100%;
	bottom:0;
}

body.home #footer {
	background:url(images/h_footer.png) #031e36 repeat-x;
	height:520px;
}

body.home #footer .inner {
	background:url(images/h_footer_inner.png) top center no-repeat;
	height:414px;
	width:100%;
}

body.subpagina #footer {
	background:url(images/s_footer.png) #031e36 repeat-x;
	height:400px;
}

body.subpagina #footer .inner {
	background:url(images/s_footer_inner.png) top center no-repeat;
	height:250px;
	width:100%;
}

#footer .inner .wrap {
	margin:0 auto;
	width:970px;
}

#footer h5 {
	text-indent:-6000px;
	margin:0 0 20px 0;
	display:block;
	height:14px;
	padding:0;
}

#footer h5.openingsuren_sluitingstijden {
	background:url(images/h5_openingsuren.png) no-repeat;
}

#footer h5.onze_toonzalen {
	background:url(images/h5_toonzalen.png) no-repeat;
}

/****************************************************************************/
/********************************** VAKKEN **********************************/
/****************************************************************************/

#footer .vakken .vak {
	position:relative;
	margin:0 11px 0 0;
	width:316px;
	float:left;
}

#footer .vakken .vak.laatste {
	margin-right:0;
}

#footer .vakken .vak h4 {
	text-indent:-6000px;
	display:block;
	height:43px;
	width:316px;
	padding:0;
	margin:0;
}

#footer .vakken .vak h4.laatste_nieuws {
	background:url(images/h4_laatste_nieuws.png) no-repeat;
}

#footer .vakken .vak h4.huidige_acties {
	background:url(images/h4_huidige_acties.png) no-repeat;
}

#footer .vakken .vak h4.team_feryn {
	background:url(images/h4_team_feryn.png) no-repeat;
}

#footer .vakken .vak .box {
	background:url(images/footer_box.png) repeat-x;
	padding:6px 8px 0 8px;
	color:#4288c5;
	height:115px;
	width:300px;
}

#footer .vakken .vak .box p {
	margin-top:5px;
}

/****************************************************************************/
/******************************** ALLE NIEUWS *******************************/
/****************************************************************************/

#footer .vakken .vak .box ul.nieuws {
	list-style-type:none;
	margin:0 0 15px 0;
	padding:0;
}

#footer .vakken .vak .box ul.nieuws li {
	margin-bottom:6px;
}

#footer .vakken .vak .box ul.nieuws li a {
	padding:5px 10px 5px 10px;
	text-decoration:none;
	background:#042c4d;
	display:block;
	color:#fff;
}

#footer .vakken .vak .box ul.nieuws li a:hover {
	background:#031f36;
}

#footer .vakken .vak .box ul.nieuws li a b {
	background:url(images/dot_blauw.png) 0 6px no-repeat;
	padding:0 0 0 7px;
	color:#4288c5;
}

#footer .vakken .vak .box a.alle_nieuws {
	background:url(images/a_alle_nieuws.png) 0 4px no-repeat;
	text-decoration:none;
	padding-left:10px;
	margin-left:10px;
	font-weight:bold;
	font-size:12px;
	color:#8dbae2;
}

/****************************************************************************/
/******************************* HUIDIGE ACTIES *****************************/
/****************************************************************************/

#footer .vakken .vak .box p.meer_info {
	background:url(images/acties_meerinfo.png) no-repeat;
	padding:5px 0 0 0;
	margin:25px 0 0 0;
	font-size:12px;
	color:#8dbae2;
	display:block;
}

#footer .vakken .vak .box p.meer_info a {
	text-decoration:none;
	font-weight:bold;
	color:#fff;
}

#footer .vakken .vak .box img.actie {
	border:#021c37 solid 2px;
	margin:-5px 0 0 10px;
}

/****************************************************************************/
/********************************* TEAM FERYN *******************************/
/****************************************************************************/

#footer .vakken .vak .box ul.artikelen {
	list-style-type:none;
	margin:0 0 4px 0;
	padding:0;
}

#footer .vakken .vak .box ul.artikelen li a {
	background:url(images/footer_artikelen.png) no-repeat;
	text-decoration:none;
	padding:1px 0 0 10px;
	display:block;
	color:#4288c5;
	height:17px;
	width:148px;
}

#footer .vakken .vak .box a.pdf {
	background:url(images/a_pdf.png) no-repeat;
	text-decoration:none;
	padding:1px 0 0 20px;
	font-weight:bold;
	font-size:12px;
	color:#8dbae2;
	display:block;
	height:15px;
}

#footer .vakken .vak .tshirt {
	background:url(images/tshirt.png) no-repeat;
	position:absolute;
	height:149px;
	width:169px;
	right:-12px;
	top:12px;
}

#footer .vakken .vak .product_prijs {
	position:absolute;
	font-weight:bold;
	line-height:20px;
	font-size:27px;
	color:#4288c5;
	display:block;
	width:74px;
	right:96px;
	bottom:5px;
}

#footer .vakken .vak .product_prijs span {
	font-size:9px;
	color:#b5b5b5;
}

/****************************************************************************/
/************************** OPENINGSUREN EN TOONZALEN ***********************/
/****************************************************************************/

#footer .openingsuren {
	padding:36px 0 0 16px;
	position:relative;
	height:214px;
	width:480px;
	color:#fff;
	float:left;
}

#footer .toonzalen {
	padding:36px 0 0 0;
	position:relative;
	height:214px;
	width:440px;
	color:#fff;
	float:right;
}

#footer .openingsuren p,
#footer .toonzalen p {
	margin-top:0;
}

#footer .openingsuren b,
#footer .toonzalen b {
	font-size:12px;
}

#footer .openingsuren b span,
#footer .toonzalen b span {
	color:#fbe424;
}

#footer .openingsuren span,
#footer .toonzalen span {
	color:#3270a6;
    color:#FBE424;
    font-weight:bold;
}

#footer .openingsuren span a,
#footer .toonzalen span a {
	text-decoration:none;
	color:#3270a6;
}

#footer .toonzalen span a:hover {
	text-decoration:underline;
	color:#E43237;
}

#footer .toonzalen .belgie {
	background:url(images/belgie.png) no-repeat;
	position:absolute;
	height:152px;
	width:182px;
	right:0;
	top:30px;
}

/****************************************************************************/
/******************************** NIEUWSBRIEF *******************************/
/****************************************************************************/

#footer .nieuwsbrief {
	background:url(images/bel_ons_op.png) right center no-repeat;
	border-bottom:#03325a solid 1px;
	padding:12px 0 0 0;
	margin:0 0 0 12px;
	height:46px;
	width:946px;
}

#footer .nieuwsbrief form {
	background:url(images/nieuwsbrief.png) 0 11px no-repeat;
	padding:0 0 0 110px;
	position:relative;
	width:195px;
}

#footer .nieuwsbrief form label {
	background:url(images/nieuwsbrief_input.png) no-repeat;
	display:block;
	height:31px;
	width:162px;
}

#footer .nieuwsbrief form label input {
	padding:8px 0 0 10px;
	font-family:"Arial";
	background:none;
	font-size:11px;
	width:142px;
	border:none;
	color:#555;
}

#footer .nieuwsbrief form input.button {
	background:transparent url(images/nieuwsbrief_button.png) no-repeat;
	position:absolute;
	overflow:hidden;
	cursor:pointer;
	border:none;
	height:31px;
	width:31px;
	margin:0;
	right:0;
	top:0;
}

#footer .nieuwsbrief form input.button:hover {
	background-position:left bottom;
}

/****************************************************************************/
/********************************** COPYRIGHT *******************************/
/****************************************************************************/

#footer .copyright {
	margin:7px 0 0 10px;
	line-height:16px;
	color:#4288c5;
	float:left;
}

#footer .copyright span {
	font-size:12px;
	color:#fff;
}

#footer .copyright a {
	text-decoration:none;
	color:#4288c5;
}

#footer .copyright a:hover {
	text-decoration:underline;
	color:#4288c5;
}

/****************************************************************************/
/********************************** CREATED BY ******************************/
/****************************************************************************/

#footer .created {
	margin:7px 14px 0 0;
	line-height:16px;
	text-align:right;
	font-size:12px;
	float:right;
	color:#fff;
}

#footer .created b {
	color:#4288c5;
}

#footer .created a {
	text-decoration:none;
	color:#fff;
}

#footer .created a:hover {
	text-decoration:underline;
	color:#fff;
}
/****************************************************************************/
/******************************** FORMULIER *********************************/
/****************************************************************************/
input.textbox_01{
    height:20px;
    border:1px solid #3270A6;
}
textarea.textarea_01{
    border:1px solid #3270A6;
}
/****************************************************************************/
/*********************************** OVERIG *********************************/
/****************************************************************************/

.clear {
	clear:both;
}
.llink a{
    color:#157FC8;
    text-decoration:none;
}
.llink a:hover{
    color:#157FC8;
    text-decoration:underline;
}
.rlink a{
    color:#E73C44;
    text-decoration:none;
}
.rlink a:hover{
    color:#E73C44;
    text-decoration:underline;
}
.verstuur{
    background:transparent url(images/verstuur.jpg) no-repeat;
    width:112px;
    height:36px;
    border:0px solid #FFFFFF;
    text-indent:-6000px;
    cursor:pointer;
}
#slider{
    float:left;
    margin:0px;
    padding:0px;
    height:309px;
    width:662px;
}
.photo-album{
    text-align:center;
    float:left;
    margin-right:10px;
    height:164px;
    width:180px;
}
.photo-album a{
    text-decoration:none;
}
.photo-album a img{
    border:2px solid #306DA3;
}
.photo-album a:hover img{
    border:2px solid #E43237;
}
.photo-img{
    border:2px solid #306DA3;
    margin:6px;
}
a:hover .photo-img{
    border:2px solid #E43237;
    margin:6px;
}
.gallery a{
    text-decoration:none;
}
/****************************************************************************/
/********************************** NIEUWS **********************************/
/****************************************************************************/
.news-item{
    display:none;
    margin-top:5px;
    margin-bottom:20px;
    padding-bottom:10px;
    border-bottom:1px dashed #3270A6;
}
/****************************************************************************/
/********************************** OPENDEUR ********************************/
/****************************************************************************/
.opendoor-item{
    margin-top:5px;
    margin-bottom:20px;
    padding-bottom:10px;
}
/****************************************************************************/
/******************************** DOWNLOADS *********************************/
/****************************************************************************/
.download-pic{
    float:left;
    width:300px;
}
.download-file{
    float:right;
    width:600px;
}
.download-img{
    border:0px solid #FFFFFF;
}