* {margin:0;padding:0}

body {
	background-image: url("afbeeldingen/bg.gif");
	color: #ffffff;
	font-family: trebuchet ms, sans-serif;
}


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

#outer{
margin-top: 10px;
margin-left: auto;
margin-right: auto;
text-align: left;
height:578px;
width: 982px;
color: #ffffff;
font-size:13px;
background-color: #ffffff;
}

#header
{
margin: 0px 28px 0px 28px;
height: 92px;
text-align: center;
}

#header img
{
margin-top: 10px
}

#plaatsblue, #plaatspink, #plaatsgreen, #plaatspurple
{
height: 20px;
margin-left: 28px;
margin-right: 27px;
margin-bottom: 4px;
text-align: left;
}

#plaatsblue
{
background-color: #0066cc;
}

#plaatspink
{
background-color: #cc0099;
}

#plaatsgreen
{
background-color: #99cc33;
}

#plaatspurple
{
background-color: #663366;
}

#plaatsblue p, #plaatspink p, #plaatsgreen p, #plaatspurple p
{
margin-left: 3px
}

ul#navlist
{
white-space: nowrap;
}

#navlist li
{
display: inline;
list-style-type: none;
text-align: left;
margin-right: 18px;
font-size: 20px;
font-weight: bold;
padding: 0px 0px 0px 0px;
}

#navlist li.contact
{
margin-right: 0px
}

#navhome, #navinteractief
{
color: #0066cc;
text-decoration: none;
}

#home #navhome, #interactief #navinteractief, #interactiefwinnen #navinteractief, #interactiefalbum #navinteractief, #interactieffeestsite #navinteractief,
#navhome:hover, #navinteractief:hover
{
border-bottom: 2px solid #0066cc;
border-top: 2px solid #0066cc;
}

#navoverons, #navinfo
{
color: #cc0099;
text-decoration: none;
}

#info #navinfo, #infoafscheid #navinfo, #infobabyshower #navinfo, #infobruiloft #navinfo, 
#infocommunie #navinfo, #infoexamenfuif #navinfo, #infohousewarming #navinfo, #infojubileum #navinfo, #infokinderverjaardag #navinfo,  
#infokraamfeest #navinfo, #infomijlpaalverjaardag #navinfo, #infoopening #navinfo, #infosamenwonen #navinfo, #infovrijgezellenfeest #navinfo,
#overons #navoverons, #overonsadverteren #navoverons, #overonssitemap #navoverons, #overonslinkpartner #navoverons, #overonsnieuwsbrief #navoverons,
#navinfo:hover, #navoverons:hover
{
border-bottom: 2px solid #cc0099;
border-top: 2px solid #cc0099;
}

#navtips, #navbedrijven
{
color: #99cc33;
text-decoration: none;
}

#tips #navtips, #bedrijven #navbedrijven, #navbedrijven:hover, #navtips:hover, #bedrijvencocktails #navbedrijven, #bedrijvenabonnementen #navbedrijven, #bedrijvenamusement #navbedrijven,
#bedrijvenbloemen #navbedrijven, #bedrijvencadeaus #navbedrijven, #bedrijvenfotografen #navbedrijven, #bedrijvenkinderfeestjes #navbedrijven, #bedrijvenkindertractaties #navbedrijven,
#bedrijvenkraamfeesten #navbedrijven, #bedrijvenartiesten #navbedrijven, #bedrijvenbedankjes #navbedrijven, #bedrijvenbedrijfsfeesten #navbedrijven,
#bedrijvendriveinshows #navbedrijven, #bedrijvenentertainment #navbedrijven, #bedrijvenfeestartikelen #navbedrijven, #bedrijvengedichten #navbedrijven, #bedrijvenkaarten #navbedrijven, #bedrijvenlocaties #navbedrijven, 
#bedrijvenorganisatie #navbedrijven, #bedrijvenstartpaginas #navbedrijven, #bedrijventhemafeesten #navbedrijven, #bedrijventrouwen #navbedrijven,
#bedrijvenpartyverhuur #navbedrijven, #bedrijvenversieringen #navbedrijven, #bedrijvenvisagie #navbedrijven, #bedrijvenvideografen #navbedrijven, #bedrijvenworkshops #navbedrijven, #bedrijvenvrijgezellenfeesten #navbedrijven,
#bedrijvenrelatiegeschenken #navbedrijven,
#gastentips #navtips, #gastentipsbruiloften #navtips, #gastentipscadeauideeen #navtips, #gastentipscadeausbezorgen #navtips, #gastentipskraamcadeaus #navtips,
#organisatietips #navtips, #organisatietipsbabyshowers #navtips, #organisatietipsbruiloften #navtips, #organisatietipshapjes #navtips, #organisatietipskinderfeestjes0-3 #navtips,
#organisatietipskinderfeestjes4-8 #navtips, #organisatietipskinderfeestjes9-12 #navtips, #organisatietipskindertractaties #navtips, #organisatietipskraamfeesten #navtips, #organisatietipslowbudgetfeesten #navtips,
#organisatietipsmijlpaalverjaardagen #navtips, #organisatietipsreceptieboeken #navtips, #organisatietipsspelletjes #navtips, #organisatietipsthemafeesten #navtips, #organisatietipstienerfeesten #navtips,
#organisatietipsuitnodigingen #navtips, #organisatietipsversieringen #navtips, #organisatietipsvrijgezellenfeesten #navtips, #tipszoeken #navtips,
{
border-bottom: 2px solid #99cc33;
border-top: 2px solid #99cc33;
}

#navproducten, #navcontact
{
color: #663366;
text-decoration: none;
}

#producten #navproducten, #contact #navcontact, #productencadeauservice #navproducten, #productendownloads #navproducten, 
#productengeboortekaartjes #navproducten, #navproducten:hover, #navcontact:hover
{
border-bottom: 2px solid #663366;
border-top: 2px solid #663366;
}


#left h1
{
font-size: 16px;
margin-left: 5px;
}

#left p
{ 
margin-left: 5px;
margin-top: 10px
}

#left a, #contentblue a, #contentgreen a, #contentpink a, #contentpurple a, 
#contentblueleft a, #contentgreenleft a, #contentpinkleft a, #contentpurpleleft a, 
#contentblueright a, #contentgreenright a, #contentpinkright a, #contentpurpleright a, #plaatsblue a, #plaatspink a, #plaatsgreen a, #plaatspurple a
{
color: #ffffff;
}

#left a.title, #contentblueright a.title, #contentgreenright a.title, #contentpinkright a.title, #contentpurpleright a.title
{
text-decoration: none
}

#left a:hover, #contentblue a:hover, #contentgreen a:hover, #contentpink a:hover, #contentpurple a:hover, 
#contentblueleft a:hover, #contentgreenleft a:hover, #contentpinkleft a:hover, #contentpurpleleft a:hover, 
#contentblueright a:hover, #contentgreenright a:hover, #contentpinkright a:hover, #contentpurpleright a:hover, #plaatsblue a:hover, #plaatspink a:hover, #plaatsgreen a:hover, #plaatspurple a:hover
{
text-decoration: none
}

#left a.title:hover, #contentblueright a.title:hover, #contentgreenright a.title:hover, #contentpinkright a.title:hover, #contentpurpleright a.title:hover
{
text-decoration: underline
}

#left1, #left2, #left3, #left4
{
margin: 0px 0px 4px 28px;
width: 105px;
height: 105px;
}

#left1
{
background-color: #0066cc
}

#left2
{
background-color: #cc0099
}

#left3
{
background-color: #99cc33
}

#left4
{
background-color: #663366
}

#contentblueleft ul, #contentgreenleft ul, #contentpinkleft ul, #contentpurpleleft ul
{
margin-left: 20px;
list-style-type: square;
}

#contentblue ul, #contentgreen ul, #contentpink ul, #contentpurple ul,  
#contentblueright ul, #contentgreenright ul, #contentpinkright ul, #contentpurpleright ul
{
margin-left: 30px;
list-style-type: square;
margin-bottom: 10px
}

ol
{
margin-left: 35px;
margin-bottom: 10px
}

#contentblue, #contentpink, #contentgreen, #contentpurple, #contentblueleft, #contentpinkleft, #contentgreenleft, #contentpurpleleft
{
height: 432px;
margin-left: 137px;
overflow: auto;
scrollbar-highlight-color: #ffffff;
scrollbar-arrow-color: #ffffff;
scrollbar-base-color: #ffffff;
scrollbar-shadow-color: #ffffff;
}

#contentblue, #contentpink, #contentgreen, #contentpurple
{
width: 709px;
margin-top: -447px;
}

#contentblueleft, #contentpinkleft, #contentgreenleft, #contentpurpleleft
{
width: 160px;
margin-top: -436px
}

#contentblueright, #contentpinkright, #contentgreenright, #contentpurpleright
{
width: 545px;
height: 432px;
margin-top: -432px;
margin-left: 301px;
overflow: auto;
scrollbar-highlight-color: #ffffff;
scrollbar-arrow-color: #ffffff;
scrollbar-base-color: #ffffff;
scrollbar-shadow-color: #ffffff;
}

#contentblue, #contentblueleft, #contentblueright
{
scrollbar-face-color: #0066cc;
scrollbar-darkshadow-color: #0066cc;
scrollbar-3dlight-color: #0066cc;
scrollbar-track-color: #0066cc;
background-color: #0066cc;
}

#contentpink, #contentpinkleft, #contentpinkright
{
scrollbar-face-color: #cc0099;
scrollbar-darkshadow-color: #cc0099;
scrollbar-3dlight-color: #cc0099;
scrollbar-track-color: #cc0099;
background-color: #cc0099;
}

#contentgreen, #contentgreenleft, #contentgreenright
{
scrollbar-face-color: #99cc33;
scrollbar-darkshadow-color: #99cc33;
scrollbar-3dlight-color: #99cc33;
scrollbar-track-color: #99cc33;
background-color: #99cc33;
}

#contentpurple, #contentpurpleleft, #contentpurpleright
{
scrollbar-face-color: #663366;
scrollbar-darkshadow-color: #663366;
scrollbar-3dlight-color: #663366;
scrollbar-track-color: #663366;
background-color: #663366;
}

*html #contentblue, *html #contentpink, *html #contentgreen, *html #contentpurple
{
margin-top: -436px;
}

#contentblue p, #contentpink p, #contentgreen p, #contentpurple p,
#contentblueright p, #contentpinkright p, #contentgreenright p, #contentpurpleright p, #contentblueleft p, #contentpinkleft p, #contentgreenleft p, #contentpurpleleft p, #uitleg p
{
margin: 0px 10px 10px 10px;
font-size: 13px
}

table
{
margin: 0px 10px 10px 0px;
font-size: 13px
}

td
{
vertical-align: top
}

#contentblue h1, #contentpink h1, #contentgreen h1, #contentpurple h1,
#contentblueright h1, #contentpinkright h1, #contentgreenright h1, #contentpurpleright h1
{
font-size: 16px;
margin: 0px 10px 10px 10px;
}

#contentblueleft h1, #contentpinkleft h1, #contentgreenleft h1, #contentpurpleleft h1, #uitleg h1
{
font-size: 16px;
margin: 0px 10px 10px 5px;
}

h2
{
font-size: 16px;
margin: 0px 10px 0px 10px;
}

#right
{
margin-top: -432px;
margin-left: 850px
}

#right img
{
margin-bottom: 4px;
width: 105px;
height: 105px
}

*html #right img
{
margin-bottom: 0px
}

#footerblue, #footerpink, #footergreen, #footerpurple
{
height: 20px;
background-color: #0066cc;
margin-left: 28px;
margin-right: 27px;
text-align: right;
}

#footerblue
{
background-color: #0066cc;
}

#footerpink
{
background-color: #cc0099;
}

#footergreen
{
background-color: #99cc33;
}

#footerpurple
{
background-color: #663366;
}

#footerblue p, #footerpink p, #footergreen p, #footerpurple p
{
font-family: arial;
padding-top: 3px;
padding-right: 3px;
font-size: 10px
}

#footerblue a, #footerpink a, #footergreen a, #footerpurple a
{
color: #fff;
text-decoration: none
}

#footerblue a:hover, #footerpink a:hover, #footergreen a:hover, #footerpurple a:hover
{
text-decoration: underline
}



input, textarea, select 
{
width: 200px;
border: 1px solid #ffffff
}

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

input.zoeken
{
border: none;
text-align: left;
width: 20px;
}

hr
{
border: solid 1px #ffffff;
margin-left: 10px;
margin-right: 10px
}

p.tips
{
font-style: italic
}

p.bron
{
text-align: right;
font-style: italic;
}

p.up, p.advertentie
{
text-align: center
}

table.voorbeelden
{
text-align: center
}

table.voorbeelden td
{
padding: 10px 40px 10px 30px
}

#uitleg
{
text-align: left;
margin: 20px;
background-color: #0066cc;
border: solid 2px #fff;
padding: 20px;
width: 60%
}

#overonsadverteren #subadverteren, #overonsdisclaimer #subdisclaimer, #overonsnieuwsbrief #subnieuwsbrief, #overonslinkpartner #sublinkpartner
{
text-decoration: none
}