/**
 * Base
 */

body { background:#235b22 url(../../gfx/body_bg.jpg) no-repeat scroll center top; }

body, h1, h2, h3, p, a, ul, ol, li, textarea { line-height:18px; font:11px arial; color:#597b7b;}
div.spacer { clear:both; font-size:1px; }
h1 { font:bold 13px arial; margin-bottom:40px; color:#597b7b; text-transform:uppercase; }
h2 { font:11px arial; color:#597b7b; text-transform:uppercase; margin-bottom:4px;}

h3 {}
p { font:11px arial; color:#597b7b; word-spacing:0px; margin-bottom:15px; text-align:justify; line-height:18px;}
a { color:#ffffff; font:11px arial; text-decoration:none; outline:none; }
em { font-style:italic; }
a em { display:none; font-style:italic; outline:none;}
#content ul { list-style-type:disc; padding-left:22px; margin:0px;}
ol { padding-left:25px; margin:0px;}
#content li { padding-left:10px; font:12px arial; color:#000000; line-height:18px; }
p a { font:11px arial; color:#597b7b; text-decoration:underline; }

/**
 * Logo
 */
 
#logo { position:absolute; top:57px; left:50px; }
#logo_tree { position:absolute; top:3px; left:-60px; z-index:-1;}
#logo_tree1 { position:absolute; top:3px; left:-120px; z-index:-1;}

/**
 * Structure
 */
 
div#wrapper { position:relative; margin:0px auto; padding:0px; width:720px; }
div#content { position:absolute; top:320px; left:0px; margin:0px; padding:71px 93px 20px 93px; width:534px;  min-height:179px; height:auto !important; height:179px; background-color:#ffffff; }
img#top { position:absolute; top:180px; left:0px; margin:0px; padding:0px; z-index:-1; }

/**
 * Navigation
 */
 
/* Head */
div#navigation { z-index:1; position:absolute; width:725px; left:0; top:143px; }
#navigation ul { float:left; width:100% }
#navigation li { list-style-type:none; float:left; position:relative; height:30px; display:inline; cursor:pointer; margin-right:6px; }
#navigation em { display:none; }
#navigation li a { display:block; width:139px; height:100%; }
#navigation li a#activiteiten { background:url('../../gfx/sm/activiteiten.gif') no-repeat center 0; }
#navigation li a#activiteiten_sel { background:url('../../gfx/sm/activiteiten.gif') no-repeat center -30px; }

#navigation li a#voorstellen { background:url('../../gfx/sm/voorstellen.gif') no-repeat center 0; }
#navigation li a#voorstellen_sel { background:url('../../gfx/sm/voorstellen.gif') no-repeat center -30px; }

#navigation li a#tarieven { background:url('../../gfx/sm/tarieven.gif') no-repeat center 0; }
#navigation li a#tarieven_sel { background:url('../../gfx/sm/tarieven.gif') no-repeat center -30px; }

#navigation li a#contact { background:url('../../gfx/sm/contact.gif') no-repeat center 0; }
#navigation li a#contact_sel { background:url('../../gfx/sm/contact.gif') no-repeat center -30px; }

#navigation li a#links { background:url('../../gfx/sm/links.gif') no-repeat center 0; }
#navigation li a#links_sel { background:url('../../gfx/sm/links.gif') no-repeat center -30px; }

#navigation li a.selected,
#navigation li a:hover { background-position:0 -30px; }

/* Sub */
#navigation ul ul { position:absolute; background:url('../../gfx/blank.gif'); display:none; width:200px; padding:10px 0 0 30px; }
#navigation ul ul li { clear:left; margin:1px 0 0 0; height:25px; }
#navigation ul ul li a { color:#fff; background:#476060; width:auto; height:15px; white-space:nowrap; padding:3px; font:14px corbel;}
#navigation ul ul li a:hover { color:#d7df21; background:#476060; width:auto;   white-space:nowrap; }
#navigation ul ul li a.selected { color:#d7df21; background:#476060; width:auto; white-space:nowrap; }

/**
 * Tarief
 */
 
table.tarief {padding:0px; margin:5px 0px 30px 0px; width:100%; }
table.tarief td {padding:5px; margin:0px; font:11px arial; color:#597b7b; }
h2 span { background-color:#d4dfdf; padding:4px; }

/**
 * Contact
 */
 
table.contact { padding:0px; margin:5px 0px 30px 0px; width:100%; }
table.contact th { font:11px arial; color:#597b7b; vertical-align:top; margin:0px; padding:0px; }
table.contact td { vertical-align:top; margin:0px; padding:0px; }
table.contact .inputter { font:11px arial; color:#597b7b; margin-bottom:5px; border:1px solid #597b7b; width:340px;}
table.contact .msg { font:11px arial; color:#597b7b; width:340px; height:115px; margin-bottom:3px; border:1px solid #597b7b;}
.subm { float:right; margin-right:60px;}
p.result_msg { margin-bottom:10px; }

/**
 * Content 
 */
#content ul { margin-bottom:15px; }
#content ul li { font:11px arial; color:#597b7b; padding:3px 0px 3px 0px;}

#content ol { margin-bottom:15px; }
#content ol li { font:11px arial; color:#597b7b; padding:3px 0px 3px 0px;}

#content table {margin-bottom:20px; line-height:18px;}
#content table td a {font:11px arial; color:#597b7b;}

#content .fade_pics {margin-bottom:25px;}