* {margin:0;padding:0}
p,h1,h2{margin:0 0 1em 0}

body {
background-image: url("afbeeldingen/background.gif");
color: #000000;
font-family: times, serif;
}


#outer-wrapper
{
text-align: center;
width: 100%;
}

#outer{
margin-top: 5px;
margin-left: auto;
margin-right:  
auto;
text-align: left;
height: 575px;
width: 965px;
color: #000000;
font-size: 13px;
background: url("afbeeldingen/background-content.jpg") no-repeat;
}

#outerfoto{
margin-top: 5px;
margin-left: auto;
margin-right: auto;
text-align: left;
height: 575px;
width: 965px;
color: #000000;
font-size:13px;
background: url("afbeeldingen/background-contentfoto.jpg") no-repeat;
}

#outerwikkes{
margin-top: 5px;
margin-left: auto;
margin-right: auto;
text-align: left;
height: 575px;
width: 965px;
color: #000000;
font-size: 13px;
background: url("afbeeldingen/background-content-wikkes.jpg") no-repeat;
}


html>body #outer{height:auto;} /*for mozilla as IE treats height as  
min-height anyway*/


#left 
{
padding: 50px 0px 0px 20px;
background: transparent;
width:300px;
height: 350px
}

#leftcontent 
{
background: transparent;
}

#leftcontent ul
{
margin: 10px 10px 10px 10px;
color: #FFFFFF;
list-style-type: none;
font-weight: bold;
font-size: 15px;
font-family:Verdana,tahoma,sans-serif;
}

#leftcontent li
{
padding-bottom: 5px;
}

.mouseBeOffMe {
background-image: url(afbeeldingen/wit.gif);
color: #ffffff;  
}

.mouseBeOnMe {
background: url(afbeeldingen/linkbackground.gif) no-repeat top left;
color: #C80000;
}

.mouseBeDown {
background: url(afbeeldingen/linkbackground.gif) no-repeat top left;
color: #C80000;
}

.mouseBeUp {
background-image: url(afbeeldingen/wit.gif);
color: #ffffff;
} 

.mouseBeOffMeCurrent
{
background: url(afbeeldingen/linkbackground.gif) no-repeat top left;
color: #C80000;
}

#leftcontent a
{
text-decoration: none;
padding: 2px 120px 10px 1px
}

*html #leftcontent a
{
padding-top: 1px
}

#leftcontent ul li img
{
vertical-align: middle;
border: none
}

#leftcontent img.nieuwsbrief
{
margin-left: 10px;
border: none
}

*html #left  
{padding-bottom: 40px ;margin-right:-3px;}/*3px jog */


#nieuwsbriefcontent
{
height: 520px;
margin-top: -390px;
margin-left: 250px; 
padding: 30px;
}

*html #nieuwsbriefcontent
{
margin-top: -385px;
}

#nieuwsbriefcontent img
{
margin-top: -40px
}

*html #nieuwsbriefcontent img
{
margin-top: 0px
}

#centrecontent
{
height: 520px;
margin-top: -395px;
margin-left: 250px; 
padding: 30px;
}

*html #centrecontent
{
margin-top: -420px;
}

#centrecontent p, #nieuwsbriefcontent p, #text p
{
width: 440px;
margin-left: 8px;
}

#centrecontent p.opdrachtgevers
{
margin-bottom: 3px
}

#centrecontent table, #nieuwsbriefcontent table
{
width: 425px;
margin-left: 6px;
font-size: 13px;
margin-bottom: 10px
}

#centrecontent table.contact

#centrecontent table td
{
vertical-align: top;
padding: 3px 0px 3px 0px
}

#centrecontent table.opdrachtgevers td.alignright
{
vertical-align: top;
padding: 3px 5px 3px 0px;
text-align: right
}

#centrecontent table.opdrachtgevers
{
width: 420px
}

#centrecontent ul, #nieuwsbriefcontent ul
{
margin: 10px 10px 10px 24px;
list-style-type: none;
font-family: times, serif;
}

#centrecontent ul.overzicht
{
margin: 0px 10px 10px  
24px;
}

#centrecontent ul li, #nieuwsbriefcontent ul li
{
list-style-type: disc;
}

#centrecontent p.headeroverzicht
{
margin-bottom: 0px
}

#centrecontent a, #nieuwsbriefcontent a
{
text-decoration: none
}

#centrecontent a:link, #nieuwsbriefcontent a:link {color: #FF8100;}
#centrecontent a:visited, #nieuwsbriefcontent a:visited {color: #FF8100;}
#centrecontent a:hover, #nieuwsbriefcontent a:hover {color: #C80000}
#centrecontent a:active, #nieuwsbriefcontent a:active {color: #FF8100;}

#text
{
padding-top: 8px;
margin-right: 188px;
height: 260px;
overflow: auto;
scrollbar-face-color: #FFFFFF;
scrollbar-arrow-color: #C80000;
scrollbar-base-color: #C80000;
scrollbar-shadow-color: #C80000;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-highlight-color: #C80000;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-track-color: #FFFFFF 
}

h1, h1.kleiner
{
margin: -105px -10px 40px 10px;
color: #FFFFFF;
text-align: right;
font-size: 25px;
font-family:Verdana,tahoma,sans-serif;
}

h1
{
padding-bottom: 60px;
}

h1.kleiner
{
padding-bottom: 29px;
}

*html h1.kleiner
{
padding-bottom: 34px;
}

*hmtl h1, *html h1.kleiner
{
margin: -110px -10px 40px 10px;
}

#nieuwsbriefcontent h1
{
margin-top: -108px
}

*html #nieuwsbriefcontent h1
{
margin-top: -103px
}

h2
{
color: #C80000;
padding-left: 6px;
font-size: 15px;
font-weight: bold;
font-family: times, serif;
}

h3
{
color: #000000;
margin-top: 10px;
padding-left: 6px;
font-size: 13px;
font-weight: bold;
font-family:  
times, serif;
}

#centrecontent table td h3
{
margin-top: 0px;
padding-left: 0px
}

input
{
height: 20px;
width: 210px;
border: solid 1px #C80000;
}

input.button
{
width: 100px;
font-size: 12px; 
color: #FFFFFF; 
font-weight: bold; 
background-color: #C80000
}

textarea
{
height: 60px;
width: 210px;
border: solid 1px #B50238;
}

#centrecontent p.back
{
height: 21px;
}

#centrecontent p.back img
{
border: none;
vertical-align: middle
}

table.contact td.contactvoor
{
vertical-align: bottom;
color: #ff6600; 
text-align: right; 
font-size: 10px;
padding-right: 10px;
padding-bottom: 1px
}

table.contact td.contactachter
{
color: #C80000;
vertical-align: bottom;
}

table.boeken td
{
vertical-align: top
}

table.boeken h3
{
padding-top: 20px
}

table.boeken img
{
margin-top: 25px
}

p.italic
{
font-style: italic
}