html {height: 100%;}

body {height: 100%; margin: 0px; background-image: url("images/bg_html.jpg");}


/* DIV's */

#header {width: 815px; height: 162px; margin: 0 auto; background-image: url("images/header.jpg"); background-repeat: no-repeat; background-position: center;}

#flashcontent {float: right; width: 352px; height: 162px; margin: 0 auto;}

#main {margin-left: 15%; margin-right: 15%;}

#footer {font-family: "comic sans ms"; font-size: 0.7em; color: #fff; text-align: center;}

#left {float: left; width: 55%;}

#right {float: right; width: 40%;}

#center {width: 80%; margin: 0 auto;}

#counter {width: 100%; }



/* CLASSES */

.clear {clear: both;}
.clear_l {clear: both; height: 1px; font-size: 1px;}


.quote {height: 225px; margin-top: 20px; background: url("images/quote.jpg") no-repeat 50% 50%;}

.quote_text {position: relative; top: 35%; width: 210px; padding-right: 20px; padding-left: 10px; margin: 0 auto; text-align: center; font-family: "comic sans ms"; font-size: 1em; font-weight: bold;} 

.img_wiezijnwij {margin: 0 auto;}

.wie_left {width: 110px; float: left; font-family: "comic sans ms"; font-size: 0.8em; font-weight: bold;}
.wie_right {font-family: "comic sans ms"; font-size: 0.8em; font-weight: normal;}
.wzw_back {float: right;}

.prijs_jaar, .prijs_motto {float: left; font-family: "comic sans ms"; font-size: 0.8em;}
.prijs_jaar {width: 50px; font-weight: bold;}
.prijs_motto {width: 250px; font-weight: bold;}
.prijs {font-weight: normal; float: left;}



.song {padding: 5px 20px 20px 20px; margin: 0px 0px 10px 0px; background: url("images/bg_html.jpg") #ff00ff;}



/* ROUNDED BOXES */

.leftbox {background: url("images/bg_box.jpg") rgb(255,127,255); margin-top: 40px;}

.centerbox {background: url("images/bg_box.jpg") rgb(255,127,255); margin-top: 10px;}

.box {background: url("images/bg_box.jpg") rgb(255,127,255); margin-bottom: 15px;}

.hd {background: url("images/tl.jpg") 0 0 no-repeat;}

.hd_c {background: url("images/tr.jpg") 100% 0 no-repeat;}

.bd {padding-left: 20px; padding-right: 20px;}

.bd_c {}

.ft {background: url("images/br.jpg") 100% 100% no-repeat;}

.ft_c {background: url("images/bl.jpg") 0 100% no-repeat;}



/* IMAGES */

img {border: 0;}

#left img {margin-bottom: -40px; margin-left: 15px;}





/* LETTERTYPES */

p {font-family: tahoma; font-size: 0.8em;}
h1 {font-family: "comic sans ms"; font-size: 1.2em; font-weight: bold; color: #ffffff; margin: 0;}
h2 {font-family: "comic sans ms"; font-size: 0.9em; font-weight: bold; color: #000000; margin: 10px 0 0 0;}

.clear_l p {margin: 0px; font-size: 1px;}
.flashcontent {text-align: center; font-family: "comic sans ms"; color: yellow;}

#counter p {font-family: "comic sans ms"; color: rgb(255,127,255); margin: 15px 75px 20px;}


/* HYPERLINKS */

a:link {color: #ffffff; text-decoration: underline;}
a:active {color: #ffffff; text-decoration: underline;}
a:hover {color: #ffffff; text-decoration: underline;}
a:visited {color: #ffffff; text-decoration: underline;}

.active {text-decoration: none; color: yellow;}