* {margin:0;padding:0}

body 
{
background-color: #ffffff;
color: #000000;
font-family: Arial, tahoma, sans-serif;
}

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

#outerhome, #outergebruikers, #outersponsors
{
margin-left: auto;
margin-right: auto;
text-align: left;
width: 940px;
font-size:12px;
}

#outerhome
{
background: url(afbeeldingen/backgroundgebruikers.jpg) top left no-repeat;
margin-top: 15px;
margin-bottom: -736px;
height:578px;
}

#outergebruikers
{
background: url(afbeeldingen/backgroundgebruikers.jpg) top left no-repeat;
margin-top: 15px;
margin-bottom: -410px;
height:575px;
}

#outersponsors
{
background: url(afbeeldingen/backgroundsponsors.jpg) top right no-repeat;
margin-top: 15px;
height:578px;
margin-bottom: -280px;
}

*html #outergebruikers, *html #outersponsors
{
margin-top: 10px
}

*html #outerhome
{
margin-top: 10px
}

#outerhome #header, #outergebruikers #header, #outersponsors #header
{
width: 771px;
padding-bottom: 10px;
}

#outerhome #header
{
background: url(afbeeldingen/backgroundheaderhome.jpg) no-repeat top right;
position: relative;
top: 0px;
left: 169px;
height: 287px;
}

#outergebruikers #header
{
height: 290px;
position: relative;
top: 0px;
left: 169px;
background: url(afbeeldingen/backgroundheader.gif) no-repeat top right;
}

#outergebruikers #header img.vergeetmenietje
{
position: relative;
top: 0px;
left: 596px;
height: 175px;
width: 175px;
}

#outersponsors #header
{
height: 290px;
position: relative;
top: 0px;
left: 0px;
background: url(afbeeldingen/backgroundheadersponsors.jpg) no-repeat top left;
}

#outerhome #contentcorner, #outergebruikers #contentcorner
{
position: relative;
top: -1px;
left: 60px;
z-index: 2
}

#outersponsors #contentcorner
{
position: relative;
top: -2px;
left: 0px;
}

#outerhome #nav a:link, #outerhome #nav a:visited, 
#outerhome #subnav a:link, #outerhome #subnav a:visited
{
font-weight: bold
}

#outerhome #nav, #outergebruikers #nav
{
color: #fff;
text-align: left;
background-color: #004887;
height: 20px;
border-bottom: 1px solid #ffffff;
}

#outersponsors #nav
{
color: #fff;
text-align: left;
background-color: #4c837c;
height: 20px;
border-bottom: 1px solid #ffffff;
width: 480px;
position: relative;
top: 72px;
left: 175px;
border-top: 1px solid #ffffff;
}

#outerhome #nav
{
color: #fff;
width: 150px;
position: relative;
top: 267px;
left: 35px;
padding: 2px 0px 2px 50px
}

#outergebruikers #nav
{
color: #fff;
width: 589px;
position: relative;
top: 73px;
left: 85px;
border-top: 1px solid #ffffff;
border-left: 1px solid #ffffff;
text-align: right
}

#outergebruikers #subnav
{
text-align: right;
color: #fff;
width: 589px;
position: relative;
top: 73px;
left: 85px;
padding-left: 100px;
background: url(afbeeldingen/backgroundsubnav.jpg) no-repeat top left #004887;
height: 20px;
border-bottom: 1px solid #ffffff;
}

#outersponsors #subnav
{
color: #fff;
width: 480px;
position: relative;
top: 72px;
left: 175px;
text-align: left;
background: url(afbeeldingen/backgroundsubnavsponsors.gif) no-repeat top right #4c837c;
height: 20px;
z-index:2
}

#outerhome #subnav
{
width: 200px;
position: relative;
top: 0px;
left: 456px;
padding-left: 100px;
background-color: #4c837c;
height: 20px;
padding: 2px 0px 2px 65px
}

#nav a:link, #subnav a:link, #nav a:visited, #subnav a:visited, #footer a
{
color: #ffffff;
text-decoration: none;
}

#outersponsors #nav a:link, #outersponsors #subnav a:link, #outersponsors #nav a:visited, #outersponsors #subnav a:visited
{
padding: 0px 9px 3px 8px;
border-right: solid 1px #ffffff
}

#outergebruikers #nav a:link, #outergebruikers #subnav a:link, #outergebruikers #nav a:visited, #outergebruikers #subnav a:visited
{
padding: 0px 9px 3px 8px;
border-left: solid 1px #ffffff
}

#nav a.active, #subnav a.active, #nav a:hover, #subnav a:hover, #footer a:hover
{
background-color: #c8cfd7;
color: #ffffff
}

#outerhome #nav a:link, #outerhome #subnav a:link
{
color: #ffffff
}

#outerhome #nav a:hover
{
color: #c8cfd7;
background-color: #004887
}

#outerhome #subnav a:hover
{
color: #c8cfd7;
background-color: #4c837c
}

#outersponsors #subnav a
{
padding-bottom: 4px
}

#outerhome #content
{
position: relative;
top: -272px;
left: 60px;
width: 880px;
height: 460px;
background: url(afbeeldingen/vrouwrechts.jpg) no-repeat top right;
}

#outerhome #foto
{
position: relative;
top: 0px;
left: 60px;
}

#outergebruikers #left
{
padding-top: 7px;
position: relative;
top: -213px;
left: 90px;
z-index: 3;
height: 133px;
width: 133px;
font-size: 15px;
font-weight: bold;
color: #DAFF00;
background: url(afbeeldingen/kalenderblad.jpg) no-repeat top left;
text-align: center
}

#outergebruikers #left .datum
{
font-size: 70px; 
color: #FFF
}


#outergebruikers #content
{
position: relative;
top: -406px;
left: 204px;
width: 736px;
height: 260px;
}

#outersponsors #content
{
position: relative;
top: -275px;
left: 80px;
width: 545px;
height: 261px;
background-color: #c8cfd7;
}

#outergebruikers #content, #outersponsors #content
{
background-color: #c8cfd7;
border-top: 1px solid #ffffff;
overflow: auto;
scrollbar-highlight-color: #ffffff;
scrollbar-arrow-color: #ffffff;
scrollbar-base-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-face-color: #c8cfd7;
scrollbar-darkshadow-color: #c8cfd7;
scrollbar-3dlight-color: #c8cfd7;
scrollbar-track-color: #c8cfd7;
}

#contenthome
{
z-index: 6;
position: relative;
top: -725px;
left: 47px;
height: 260px
}

#content ul
{
margin: 10px 10px 10px 73px;
list-style-type: square;
}


#content a, #contenthome a
{
color: #000;
text-decoration: underline;
}

#content a:hover, #contenthome a:hover
{
text-decoration: none;
}

#content h1, #contenthome h1
{
font-size: 23px;
margin: 15px 10px 15px 53px;
color: #004887
}

#content h2
{
font-size: 14px;
margin: 10px 10px 0px 53px;
color: #004887
}

#outersponsors h1, #outersponsors h2
{
color: #4c837c;
margin-left: 43px
}

#content p
{
margin: 10px 20px 0px 53px;
}

#outersponsors #content p
{
margin: 10px 20px 0px 43px;
}

#contenthome p
{
margin: 10px 10px 0px 53px;
width: 530px
}

#outersponsors #content table
{
margin: 10px 10px 0px 43px;
font-size: 12px
}

#outergebruikers #content table
{
margin: 10px 10px 0px 53px;
font-size: 12px
}

input, textarea, select 
{
width: 250px;
border: 1px solid lightblue;
margin-left: 20px
}

input.button
{
font-weight: bold;
background-color: transparent;
margin-left: 20px;
border: 1px solid #ffffff;
color: #ffffff;
cursor:pointer
}

#outerhome #footer
{
position: relative;
top: -730px;
left: 0px;
background: url(afbeeldingen/backgroundfooterhome.jpg) repeat-y top right #004887;
}

#outergebruikers #footer
{
position: relative;
top: -406px;
left: 0px;
background: url(afbeeldingen/backgroundfooter.gif) repeat-y top right #004887;
}

#outersponsors #footer
{
position: relative;
top: -275px;
left: 0px;
background: url(afbeeldingen/backgroundfootergreen.gif) repeat-y top right #4c837c;
}

#outergebruikers #footer, #outersponsors #footer, #outerhome #footer
{
color: #ffffff;
padding: 10px 5px 10px 0px;
text-align: right;
font-size: 11px;
width: 940px;
height: 25px;
}

table
{
width: 460px;
}

td.voor
{
width: 170px
}

table.sponsors th
{
font-size: 14px;
margin: 10px 10px 0px 0px;
padding-bottom: 5px;
color: #004887;
text-align: left
}