﻿/* Rood		#ef2842	
Oranje		#f7b200	
Grijs		#a1a1a1	
Lichtgeel	#fff9b8		(buttons)*/

html, body 
{
    color:#000;
    font-family: Trebuchet, Arial,Helvetica,Sans-Serif;
    }
body 
{
    background-image:url("/images/BgBody.gif");
    background-repeat:repeat-x;
    font-size:62.5%;
    margin:0;
	overflow-x : hidden;
	overflow-y : scroll; 
    }
h1, h2 
{
    font-size:2em;
    color:#fff;
    margin-bottom:15px;
    }
a 
{
    color:#000;
    text-decoration:underline;
    }
a:hover 
{
    color:#000;
    text-decoration:none;  
    }
	/*dotted border removal*/
a:selected
{
	outline-style: none;
}
a:focus
{
	outline-style: none;
}
.clearer
{
    clear:both;
    }
#MainContainer 
{
    font-size:1.2em;
    margin:0 auto;
    width:1003px;
    }
.header 
{
    background-image:url("/images/BgBody.gif");
    background-repeat:repeat-x;
    border-bottom:1px solid #fff;
    height:166px;
    }
#Logo
{
    height:90px;
    width:1003px;
}
.Slogan
{

}
img
{
    border:none;
}
#Sfeerbeeld
{
    color:#FFFFFF;
	float:left;
    font-weight:bold;
    font-size:1.2em;
	position:relative;
	width:1003px;
    }
.sfeerbeeld
{
    background-color:#a1a1a1;
    border-top:1px solid #fff;
    border-bottom:1px solid #fff;
    display:block;
    height:49px;
    margin-top:26px;
	width:1003px;
}
.sfeerbeeld .bijschrift
    {
    color:#fff;
    position:absolute;
    left:0;
    letter-spacing:0.2em;
	padding-left:43px;
    text-align:left;
    top:4px;
}
.tekstlinks
{
	border-left:1px solid #FFFFFF;
	display:block;
	height:44px;
	padding-left:10px;
	padding-top:5px;
	position:absolute;
	right:394px;
	top:27px;
	width:60px;
    }
.tekstlinks a
{
    color:#fff;
    font-style:italic;
    text-decoration:none;
    }
.tekstlinks a:hover
{
    text-decoration:underline;
    }
#winkelwagen{
    position:absolute;
	height:49px;
    width:209px;
	top:27px;
    right:0;
	}
#winkelwagen button
{
    background-image:url("/images/Winkelwagen.gif");
    background-position:0 0;
    background-repeat:no-repeat;
    border:0;
    border-left:1px solid #fff;
    cursor:pointer;
    height:49px;
    width:209px;
}
#winkelwagen button:hover
{
    background-image:url("/images/Winkelwagen.gif");
    background-position:0 -49px;
}
#linkerkolom
{
    background-color:#f7b200;
    float:left;
    min-height:218px;
	margin-bottom:20px;
    padding:0 0 20px 0;
    text-align:center;
    width:245px;
}
.teruglink
{
    position:absolute;
    right:225px;
    top:-37px;
}
.teruglink a
{
    background-image:url("/images/Terug.gif");
    background-position:0 0;
    color:#fff;
    display:block;
    font-size:95%;
    height:30px;
    line-height:24px;
    text-align:center;
    cursor:pointer;
    text-decoration:none;
    width:134px;
    }
.teruglink a:hover
{
    background-image:url("/images/Terug.gif");
    background-position:0 -30px;
}
/*Menu*/
#menu
{
    font-size:14px;
    float:left;
}
#menu ul 
{
    list-style: none;
    margin-left:50px;
    padding:0;
}	
#menu li 
{
    position:relative;
    width:134px;
}
#menu li a 
{
    background-image:url("/images/Hoofdbutton.gif");
    background-position:0 0;
    color:#FFFFFF;
    display:block;
    font-size:80%;
    font-weight:bold;
    height:30px;
    line-height:23px;
    font-style:italic;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;
    width:134px;
}
#menu li a:hover 
{
    background-image:url("/images/Hoofdbutton.gif");
    background-position:0 30px;
    display:block;
}
#menu li a.active
{
    background-image:url("/images/Hoofdbutton.gif");
    background-position:0 30px;
    color:#FFFFFF;
    display:block;
    font-size:80%;
    font-weight:bold;
    height:30px;
    line-height:23px;
    text-align:center;
    text-decoration:none;
    width:134px;
}
#menu li.active li .active
{
    background-image:url("/images/Hoofdbutton.gif");
    background-position:0 30px;
    color:#FFFFFF;
    display:block;
    font-size:80%;
    font-weight:bold;
    height:30px;
    line-height:23px;
    text-align:center;
    text-decoration:none;
    width:134px;
}
#menu ul ul 
{
    margin-left:0;
    }
#menu li ul li
 {
   margin:0 12px;
   width:auto;
 }
 #menu li ul li a
 {
    background-image:url("/images/Subbutton.gif");
    background-position:0 0;
    color:#000;
    display:block;
    font-size:80%;
    font-weight:normal;
    height:30px;
    line-height:23px;
    text-align:center;
    text-decoration:none;
    width:134px;
    }
 #menu li li a:hover
 {
    background-image:url("/images/Subbutton.gif");
    background-position:0 30px;
    }
#submenu
 {    
    height:27px;
    }
#submenu button
{
    background-color:transparent;
    background-image:url(/images/Button_Winkelwagen.gif);
    background-repeat:no-repeat;
    border:medium none;
    cursor:pointer;
    height:34px;
    left:739px;
    position:absolute;
    top:105px;
    width:149px;
    }
/* Einde Menu*/  
/*Content*/
#content
{
	clear:right;
    float:left;
    padding:0 0 20px 54px;
    position:relative;
    width:704px;
    }
#content p{
	margin:5px 0;
}
#content h2
{
    color:#F7B200;
	width:475px;
}
.content, .newsdetail, .news{
    clear:left;
	float:left;
    width:704px;
}
.LinkAlleBerichten
{
    clear:left;
    font-family:arial;
}
.imagediv
{
    position:absolute;
    right:0;
    top:0;
}
.imagediv img
{
    border-bottom:1px solid #fff;
    border-left:1px solid #fff;
    border-top:0;
    border-right:0;
    }
.textdiv{
	width:475px;
	}
#categorie .textdiv{
	width:100%;
	}
.content .bijschrift 
{
    color:#a1a1a1;
    font-style:italic;
    display:block;
    letter-spacing:0.2em;
    text-align:center;
    }
/*Nieuws*/
.newsitem
{
    float:left;
    font-family:Arial;
    font-size:1.2em;
    padding-left:10px;
    padding-bottom:20px;
    width:457px;
    }
 .news .newsitem, .newsdetail .newsitem 
 {
    padding-left:0;
    }
.news h2{
	margin-bottom:0;
	}
 .news .newsitem h2
 {
    font-size:1.4em;
    }
 .newsitem h2
 {
    color:#F7B200;
    font-size:2em;
	margin:10px 0;
    }
.startdatum
{
    font-weight:bold;
}
.leesmeer
{
	display:block;
    font-weight:bold;
	margin-top:10px;
    text-decoration:underline;
    }
.LinkAlleBerichten a
{
    font-family:Arial;
    font-size:1.2em;
    font-weight:bold;
}
/*Banners*/
.bannre
{
    clear:left;
    float:left;
    width:536px;
}
.bannre a
{
    display:block;
    padding:0 0 0 40px;
    position:relative;
    }
.bannre .bijschrift
   {
            }

/*Footer*/
#footer
{
    background-color:#fff;
    clear:both;
    font-size:1.1em;
    font-family:arial;
    text-align:center;
    height:100px;
}
#footer a
{
    color:#a1a1a1;
    font-family:Arial;
    text-decoration:underline;
}
#footer a:hover
{
    text-decoration:none;
}
#footer img
{
    display:block;
    float:left;
    }
.footericons 
{
    margin:-30px auto 10px;
    width:280px;
    height:55px;
    }
.Twitter 
{
    margin-top:17px;
    margin-right:20px;
    }
.naam{
    line-height:75px;
        }
/* Gegevens-Formulieren*/
#gegevens
{
    border:none;
	float:left;
	padding:0pt;
	margin-top:10px;
    width:707px;
    }
#gegevens label
{
    float:left;
    width:175px;
    }
#gegevens textarea{
    display:block;
    margin-bottom:5px;
    width:211px;
}
#gegevens h3
{
    margin:30px 0;
    }
#gegevens .memo label
{
    }
#gegevens .kaartje
{
	font-weight:bold;
    margin-bottom:24px;
    position:relative;
    }
#gegevens .kaartje textarea
{
    border:1px solid #696969;
    display:block;
    height:140px;
    left:185px;
    margin:0 0 15px 0;
    overflow:hidden;
    position:absolute;
    top:55px;
    width:145px;
    }
#gegevens .geslacht input
{
    margin:3px 10px 0 10px;
    }
#gegevens .geslacht label
{
    float:left;
    width:50px;
    }
.bezorgdatum, .memo
{
	clear:left;
	float:left;
    margin-top:20px;
}
.bestelformulier
{
    padding:30px 0;
    }
#gegevens .verzendbutton
{
    background-color:Transparent;
    background-image:url("/images/BestellingVersturen.gif");
    background-position:0 0;
    border:none;
	clear:left;
	float:left;
    cursor:pointer;
    height:25px;
    margin-left:175px;
    margin-top:30px;
    width:221px;
    }
#gegevens .verzendbutton:hover
{
    background-color:Transparent;
    background-image:url("/images/BestellingVersturen.gif");
    background-position:0 -25px;
}
.afrekenbutton
{
	background-color:transparent;
	background-image:url(/images/afrekenen.gif);
	background-position:0 0;
	border:medium none;
	cursor:pointer;
	height:23px;
	margin-top:30px;
	width:153px;
    }
.afrekenbutton:hover
{
	background-position:0 -23px;
	}
textarea
    {
   font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:12px;
}
#gegevens input
{
    display:block;
    margin-bottom:5px;
    height:20px;
    width:211px;
    }
#factuuradres{
	clear:left;
	float:left;
}
.factuuradres
{
    margin-top:20px;
    }
.bezorgadres
{
    height:20px;
    line-height:20px;
    width:100%;
    }
table{
	border-collapse:collapse;
	}
td{
	padding:0;
	}
#ctl00_Main_Bedrag{
	font-weight:bold;
	margin-left:5px;
	}
#bezorgadres{
	clear:left;
	float:left;
	}
#gegevens .factuuradres input, #gegevens .bezorgadres input
{
	clear:left;
    float:left;
    height:20px;
    line-height:20px;
    margin:0 5px;
    padding:0;
    width:14px;
    }
#gegevens .factuuradres label, #gegevens .bezorgadres label
{
    width:400px;
    }
.opmerking{
	float:left;
	clear:left;
	}
.validationerror
{
    color:Red;
    }
    /*Categorie*/
#categorie
{
    margin:30px;
    }
#categorie .imagediv
{
    display:none;
    }
/*ProductDetail*/
#producten
{
    margin:30px;
    }
/*bestelling*/
.winkelmand td
{
    border-bottom:1px solid #ccc;
    padding:5px;
}
.winkelmand img
{
    border: 1px solid #999;
}
.strong
{
    font-weight:bold;
    width:300px;
}
.verzendkosten
{
    width:300px;}   
    
/*Tellafriend*/
.tellafriend
{
clear:both;
    float:left;
	margin-bottom:30px;
	width:707px;
}
.tellafriend label
{
clear:left;
    float:left;
    width:200px;
}
.tellafriend .field
{
float:left;
margin:8px 0pt;
width:417px;
}
.tellafriend input
{
    float:left;
    margin-top:5px;
    width:211px;
}
.tellafriend textarea
{
    width:211px;
}
.tellafriend .submitbutton 
{
    background-color:Transparent;
    background-image:url("/images/Verstuur.gif");
    background-position:0 0;
    border:none;
	clear:left;
	float:left;
    cursor:pointer;
    height:23px;
	margin-top:30px;
    width:221px;
    }
.tellafriend .submitbutton:hover 
{
    background-image:url("/images/Verstuur.gif");
    background-position:0 -23px;
    }
.verplichtlegenda{
	clear:left;
	float:left;
	}
/*ERRORPAGINA'S*/

.Error .header
{
    height:190px;
    }
.Error #presentatie
{
    margin:0 90px;
    width:700px;
    }
/*Betaalmethodes IDEAL en PAYPAL*/
.PayContainer 
{
    margin-left:10px;
    }
.PayContent .imagediv
{
    float:right;
    }
.PayContent .textdiv 
{
    margin-left:10px;
    }
.KiesBetaal 
{
    color:#6EA21A;
    font-size:140%;
    line-height:150%;
    font-weight:bold;
    margin-bottom:8px;
    }
.PayContainer input 
{
    margin:0 10px 0 0;
    }
.Keuzes 
{
    margin-bottom:30px;
    }
.KeuzeIdeal 
{
    margin-right:70px;
    }
.PayContainer table 
{
    position:absolute;
    left:144px;
    }
.PayContainer .afrekenbutton 
{
    float:right;
    margin-top:-20px;
    }
#methodeideal 
{
    width:580px;
    }
#methodeideal .contentbase 
{
    padding:0;
    height:17px
    }
#methodeideal .textdiv 
{
    padding:0;
    }
#methodeideal .paragraph1 
{
    margin:0;
    }
#methodeideal imagecontainer 
{
    position:relative;
    }
#bestelling .AnderBord{
    background-color:Transparent;
    background-image:url("/images/Kiesnogeen.gif");
    background-position:0 0;
    border:none;
    cursor:pointer;
	display:block;
    height:25px;
    margin:10px 0 20px 453px;
    width:221px;
}
#bestelling .AnderBord:hover 
{
    background-image:url("/images/Kiesnogeen.gif");
    background-position:0 -25px;
    }
/* Fotoalbum*/
.fotocontainer{
	float:left;
	margin-top:20px;
	width:470px;
	}
.fotoalbum .fotocontainer{
	width:485px;
	}
.fotoalbumoverzicht, .fotoalbum{
	float:left;
	margin:0 0 5px 0;
}
.fotoalbumoverzicht .foto, .fotoalbum .foto{
	border:1px solid #F7B200;
	float:left;
	height:125px;
	margin-right:5px;
	padding:5px;
	text-align:center;
	text-decoration:none;
	width:139px;
}
.fotoalbum .foto{
	border:1px solid #A1A1A1;
	height:188px;
	margin-bottom:5px;
	width:225px;
}
.fotoalbumoverzicht .foto img{
	height:104px;
	width:139px;
}
.fotoalbumoverzicht  .bijschrift, .fotoalbum  .bijschrift{
	display:block;
	margin-top:5px;
	text-decoration:none;
	text-align:center;
}
/*Sitemap*/
.SitemapKop{
	font-weight:bold;
	padding-top:10px;
}
.SitemapMenuTekst{
padding-left:15px;
}
/* Video / Film */
a.Player {
	width: 450px;
	height: 300px;
	display: block;
}

.PlayerHolder {
	position:absolute;
	text-align: left;
	width: 450px;
	margin-left: auto;
	margin-right: auto;
	z-index: 50;
	top : 100px;
	left : 0;
	right: 0;
}

.PlayerHolder.hidden{
	display:none;
}

.PlayerClose {
	z-index: 100;
	background-image: url("/images/Sluiten.gif");
	width: 21px;
	height: 21px;
	display:block;
	float: right;
	right: 0;
}

#PlayerOverlay {
	position:absolute;
	left: 0;
	top: 0;
	height:100%;
	opacity:0.8;
	width:100%;
	background-color: #000;
	z-index: 25;
}

.PlayButton {
	background-image:url("/images/playButton.png");
	display:block;
	height:54px;
	left:200px;
	position:relative;
	top:-170px;
	width:54px;
	z-index:20;
}
