/*
yellow text #EDCE6B
red: #cc0000
dark green (html background color): #002a1e
*/

/* General */

html {background-image:url("../images/html_bg_3.jpg"); background-repeat:repeat-x;}

html.popup {background-image:url("../images/bg.jpg");}
html.afdrukversie {background-image: none}


html.afdrukversie div{margin-bottom: 1em;}

/* General */
h1 {font-size: 140%; font-weight: bold;}
h2 {font-size: 120%; font-weight: bold; margin-bottom: 1em; margin-top: 1em}
h3 {font-size: 100%; font-weight: bold;}
h4 {font-size: 90%; font-weight: bold;}
h5 {font-weight: bold;}

body {font-family: verdana, Arial, Sans-Serif; font-size: 80%;}
body.index{text-align: center;}

hr {margin-top: 2em; margin-bottom: 2em;}

a {color: #000000; text-decoration: none;}			
a:hover {color: #cc0000;}
a.underline {text-decoration: underline}

p {margin-bottom: 1em;}

img {border: 0px; vertical-align: middle;}
img.arrow {height: 15px; width: 15px;}

/* doc */
#doc {width: 780px; background-color: #ffffff;}
#doc {background-color: #f5e7dc; background-image: url("../images/doc_bg.jpg"); background-repeat: no-repeat; background-position: right top; }


/* hd */
/* #hd {height: 50px; background-color: #002a1e;  color: #ffffff; padding: 10px; font-size: 120%; background-repeat:repeat-x; margin-top: 25px} */
#hd {height: 50px; margin-top: 25px}
#hd .popup {border: solid 1px gray;}

/* bd */
/*#bd {border-top: 0px; padding: 20px; padding-left: 60px; padding-right: 60px; background-color: #ffffff; background-image:url("../images/bd_bg.jpg");} */
#bd {border-top: 0px; padding: 20px; padding-left: 60px; padding-right: 60px;}

/* ft */
/* #ft {padding: 10px; text-align: center; font-style: italic; height: 45px;  background-image:url("../images/ft_bg.jpg"); background-position: bottom center} */
#ft {padding: 10px; text-align: center; font-style: italic; height: 45px; background-position: bottom center}
#ft2 {padding: 10px; text-align: center; font-style: italic; color: #002a1e; font-size: 80%}
#ft2 a {color: #002a1e; text-decoration: underline}


/* Massage */
#msg {margin-top: 20px; margin-bottom: 15px; color: #ffffff}

/* Back link */
#back_link {margin-top: 15px; margin-bottom: 15px;}

/* layout issues */
#bd div{margin-bottom: 1em;}
#bd div.print{text-align: left; font-size: 85%; margin-bottom: 3em}
#bd div.text{width: 35em}
#bd div.text table.vragen{margin-bottom: 1em; width: 100%}
#bd div.text table.vragen td{border: solid 1px #c0c0c0; padding: 5px;}
#bd div.text table.vragen td.left{background-color: #880000; color: #ffffff; font-weight: bold; width: 5%}
#bd div.text table.vragen td.left a{color: #ffffff;}

#bd div.num{color: #cc0000; font-weight: bold;}

#bd div.nieuwe_scherm{text-align: left; color: #cc0000; margin-top: 4em}
#bd div.nieuwe_scherm_aanbod{text-align: left; color: #cc0000; margin-top: 1em}
#bd div.nieuwe_scherm a{color: #cc0000}
#bd div.sponsors{text-align: right; margin-bottom: 0em; margin-top: 2em}
#bd table td{vertical-align: top; padding-right: 0px; padding-left: 0px; padding-top: 5px; padding-bottom: 5px;}
#bd input[type=submit]{width: 70px; padding: 3px; background-color: #cc0000; color: #ffffff; border: 0px}

div.email_title{color: #EDCE6B}
#email_form label{font-weight: bold;}

#kerst_profiel {color: green; font-size: 85%; font-style: italic}
#alle_profielen, #steden {color: #cc0000; line-height: 1.5em}
#alle_profielen a, #steden a {color: green}
#alle_profielen a:hover, #steden a:hover {color: #cc0000;}
#aanbod {padding-right: 1em; padding-bottom: 0,5em;}
#aanbod .datum_tijd {color: #cc0000; font-size: 87%;}
.display_aanbod h3 {color: #cc0000	}


div.aanbod_link {color: red; border: solid 1px #cccccc; padding: .5em; width: 20em;}
div.aanbod_link a{text-decoration: underline; color: green} 
div.aanbod_link a:hover {color: #cc0000;}
div.red_text_block {margin-top: 2em; font-style: italic; color: #cc0000;}

.footnote {padding: 10px; text-align: center; font-style: italic; color: #002a1e; font-size: 80%}
.footnote a {text-decoration: underline; color: #002a1e}
.print img{vertical-align: middle}
div.print {border-bottom: dotted 2px green; padding-bottom: 20px}