﻿/* CSS Document */
@font-face{
    font-family: 'Helvetica Neue Thin';
    src: url( 'fonts/helveticaneueltstd-th.eot' );
    src: local( 'HelveticaNeueLTStdThinRegular' ), url( 'fonts/helveticaneueltstd-th.woff' ) format( 'woff' ), url( 'fonts/helveticaneueltstd-th.ttf' ) format( 'truetype' ), url( 'fonts/helveticaneueltstd-th.svg#' ) format( 'svg' );
}

@font-face{
    font-family: 'Helvetica Neue Light';
    src: url( 'fonts/helveticaneueltstd-lt.eot' );
    src: local( 'HelveticaNeueLTStdLightRegular' ), url( 'fonts/helveticaneueltstd-lt.woff' ) format( 'woff' ), url( 'fonts/helveticaneueltstd-lt.ttf' ) format( 'truetype' ), url( 'fonts/helveticaneueltstd-lt.svg#' ) format( 'svg' );
}

body,html {height:100%}
body { margin: 0px; background: #000 url(images/banner.jpg) top center repeat-x; }

body,td,th {font-family: Arial; font-size:14px; color:#fff;}
a, a:link, a:visited, a:active, a:hover {font-family: Arial; font-size:14px; color:#ed217a;}

.wrapper
{
    width:100%;
    height: 100%;
    background: url(images/bgWrapper.jpg) bottom left repeat-x;
}

.divContainer
{
	width: 1200px;
	margin: 0 auto;
}

.divLogo{
    text-align: center;
}

.divTalenkeuze
{
    float: right;  
	margin: 36px 20px 0 0;
	color: #fff;
    font-family: 'Times New Roman';
}

.divTalenkeuze a:link, .divTalenkeuze a:active, .divTalenkeuze a:visited, .divTalenkeuze a:hover
{
    text-decoration: none;
	color: #fff;
    font-family: 'Times New Roman';
}

.divTalenkeuze a:hover, .divTalenkeuze .selected:link, .divTalenkeuze .selected:active, .divTalenkeuze .selected:visited, 
.divTalenkeuze .selected:hover
{
    text-decoration: underline;
}

.clear{
    clear: both;
}

.menuNL, .menuFR, .menuEN
{
	height: 20px;
    text-align: center;
}

.menuNL{
	margin: 190px 0 0 40px;
}

.menuFR{
	margin: 190px 0 0 10px;
}

.menuEN{
	margin: 190px 0 0 80px;
}

.menuNL ul, .menuFR ul, .menuEN ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}

.menuNL ul li, .menuFR ul li, .menuEN ul li
{
	display: block;
	float: left;
}

.menuNL ul li a:link, .menuNL ul li a:active, .menuNL ul li a:visited, .menuNL ul li a:hover,
.menuFR ul li a:link, .menuFR ul li a:active, .menuFR ul li a:visited, .menuFR ul li a:hover,
.menuEN ul li a:link, .menuEN ul li a:active, .menuEN ul li a:visited, .menuEN ul li a:hover

{
	display: block;
	float: left;
	font-family: "Times New Roman", Times, serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	font-size: 14px;
	margin: 0 8px;
}

.menuNL ul li a:hover, .menuNL ul li .selected:link, .menuNL ul li .selected:active, .menuNL ul li .selected:visited, 
.menuNL ul li .selected:hover,
.menuFR ul li a:hover, .menuFR ul li .selected:link, .menuFR ul li .selected:active, .menuFR ul li .selected:visited, 
.menuFR ul li .selected:hover,
.menuEN ul li a:hover, .menuEN ul li .selected:link, .menuEN ul li .selected:active, .menuEN ul li .selected:visited, 
.menuEN ul li .selected:hover
{
	color: #0b5ea9;
}

.divVlakken{
    margin: 76px 0 0 0;
    padding: 0 0 20px 0;
}

.divGoedeDoel
{
	float: left;
    margin: 0 0 0 64px;
}

.divCeramics, .divPhotography, .divIpad, .divPaintings, .divPopup, .divCollections
{
    margin: 101px 0 0 64px;
    float: left;
}

.divCeramics{
    margin: 101px 0 0 0;
}

.tdBottom{
    height: 45px;
    background-color: #231f20;
}


.divWebdesign
{
	text-align: center;
	color: #fff;
	padding: 25px 0;
    font-family: 'Times New Roman';
}

.divWebdesign a:link, .divWebdesign a:active, .divWebdesign a:visited, .divWebdesign a:hover
{
	text-decoration: none;
	color: #fff;
    font-family: 'Times New Roman';
}

.divMoreInfo
{
    width:100%;
    text-align:center;
    padding:10px 0 0 0;
}

.divMoreInfo a, .divMoreInfo a:link, .divMoreInfo a:active, .divMoreInfo a:visited, .divMoreInfo a:hover
{
    text-decoration:none;
    border:1px solid #fff;
    padding:5px 15px;
    display: block;
    height: 18px;        
    width: 200px;
    color: #fff;
    margin: 0 auto; 
}

.DIVtekst {
    width: 1200px;
    overflow: hidden;
    color: #fff;
}

/* contact */
.validator {color: #fff;}
.validatortext {color: #fff;}

.sumlist{display:inline-block;}
.sumlist ul{list-style:none;margin:0;padding:0;}

input.stylebutton { font-size: 14px; color: #0b5ea9; background-color:#fff; border:solid 1px #fff; width:75px; padding: 2px 0 1px 0; text-align:center}
textarea, input, select { font-size: 14px; font-family: Arial; color: #fff; background-color:transparent; border:solid 1px #fff; width:550px;padding: 3px 4px;}
textarea {overflow: auto; width:654px; height: 150px;}

.tblContact td {height:24px;}
.tblContact .tdAdres{width: 100px;text-align:right;}
.tblContact .contactBedrijf{color: #fff;}

.divArtwavesKalender{
    margin: 25px 0 0 0;
    position: relative;
    height: 180px;
}

.divBenefietavond{
    position: relative;
    height: 180px;
}


.divGastronomieEvent{
    position: relative;
    height: 150px;
}

.divPrijs{
    position: absolute;
    top: 0;
    right: 0;
}

.divTitle{
    padding: 10px 0 10px 15px;
    margin: 8px 0;
    width: 785px;
    background-color: #941c80;
    font-size: 18px;
}

.spnVanaf{
    margin: 0 0 0 63px;
}

.divOpties{
    margin: 0 0 12px 23px;
}

.divOptie1, .divOptie2, .divOptie3, .divOptie4{
    margin: 0 0 7px 0;
}

.divOptie1 input, .divOptie2 input, .divOptie3 input, .divOptie4 input{
    text-align: center;
    width: 50px;
}

.divBestellen{
    margin: 15px 0 0 0;
    text-transform: uppercase;
    color: #fdb717;
    font-weight: bold;
}

.divSubtitle{
    margin: 0 0 8px 23px;
}

.divVerzenden input{
    width: 85px;
    padding: 4px 0 3px 0;
    background-color: #fff;
    border: 1px solid #fff;
    font-family: Arial;
    font-size: 14px;
}

.divLeft{
    float: left;
    margin: 0 0 25px 0;
}

.divRight{
    float: right;
}

.spnGeel{
    color: #fdb717;
}

.divBestellingsformulier{
    font-size: 20px;
    font-weight: bold; 
    text-transform: uppercase;
    padding: 0 0 20px 0;
    border-bottom: 1px solid #fff;
    color: #ffc000;
    margin-bottom:20px;
}

.divInfo{
    padding: 0 0 10px 63px;
}

.tdRadio input {
    width: 20px;
}

.lnkFoto, .lnkFoto:link, .lnkFoto:active, .lnkFoto:visited, .lnkFoto:hover {
    width: 550px;
    float: left;
    margin-left: 25px;
    display:block;
    text-align:center;
    text-decoration: none;
}

.lnkFoto img {
    max-width: 550px;
    display: inline-block;
}

.lnkFoto:first-child {
    margin-left: 0;
}

.lblTitel {
    display: block;
    width: 100%;
    text-align: center;
    padding: 0 0 30px 0;
    font-size: 28px;
    color: #ed217a;
    text-transform: uppercase;
}

.lblNaam {
    display: block;
    color: #fdb717;
    padding-top: 12px;
    font-family: 'Times New Roman', Arial;
    text-transform: uppercase;
    padding-bottom: 15px;
    font-size: 15px;
}

.lblAfmetingen, .lblPrijs {
    display: block;
    color: #fff;
    font-family: 'Times New Roman', Arial;
    padding-bottom: 5px;
}

.lblKopen {
    display: inline-block;
    text-align: center;
    padding: 5px 35px 4px 35px;
    color:#fff;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 25px;
}

.dvLeftForm {
    float: left;
    width: 550px;
    padding-right: 50px;
}

.dvRightForm {
    float: left;
    width: 550px;
}

.imgKunstwerk {
    padding-bottom: 20px;
}

.lnkTerugDetail, .lnkTerugDetail:link, .lnkTerugDetail:active, .lnkTerugDetail:visited, .lnkTerugDetail:hover {
    display: block;
    padding-top: 25px;
}

.tdBezorging {
    color: #ed217a;
    font-weight: bold;
    text-transform: uppercase;
}

