/*
css/bijjezelfthuiskomen.css
Stijlblad: Algemeen
Auteur:  Rob de Beer
Bedrijf: DeBeer - Webservices
Versie:  januari 2010
© Alle rechten voorbehouden
Laatste wijziging: 14 jan 2010
*/

/* Algemene opmaak stijlen */
html, body	{height: 100%; width: 100%; margin: 0; padding: 0; border: 0;background:#e5d6b8;text-align:center;}
body	{color:#7a0384;font-size: 0.8em; font-family: verdana, tahoma, arial, sans-serif;}

img {border:0;}
p		{padding: 0.5em 1em 0 1em; margin: 0;}
ul	{padding-right: 0.5em;}

/* Verwijder heading margins corrigeert een weergave fout in Opera 6*/
h1, h2, h3	{font-family: georgia; padding: 0.3em 6px;margin: 0;}
h1	{font-size: 1.8em;}
h2  {font-size: 1.0em;}
h3	{font-size: 1em;}

.belangrijk {color:#c00;font-weight:bold;}
.flt-left {float:left;margin-right:10px;}
.flt-right {float:right;margin-left:10px;}
.txt-left {display:block;text-align:left;}
.txt-center {display:block;text-align:center;}
.txt-h2 {font-size:.96em;font-weight:bold;}
.two img,.two span {margin: 10px;}
.onderstreept {text-decoration:underline;}
.kol4 {width:24%;float:left;text-align:center;;margin-top:10px;}

#wrap {width:980px;margin: 0 auto;}

#header {position: relative;top: 0;color: #7a0384;width: 980px;z-index: 10;border-top:3px #7a0384 solid;background:#fff url(../afbeeldingen/header-ag.jpg);}
#header a,#header a:visited {color:#7a0384;text-decoration:none;}
#header a:hover,#header a:active {color:#00f}
#header img {position:absolute;top:5px;left:10px;}
#slogan {text-align:right;}
#welkom {text-align:center;padding-top:10px;font-weight:bold;}

#menu {width:980px;height:28px;line-height:28px;margin-top:8px;background:#7a0384;text-align:left;}
#menu a,#menu a:visited {color:#fff;text-decoration:none;}
#menu a:hover,#menu a:active {color:#ff0;}

#menu2 {padding:0; width:980px; margin:0; list-style:none; height:28px; position:relative; z-index:500; font-size:14px; background:#7a0384;}
#menu2 li.top {display:block; float:left;}
#menu2 li a.top_link {display:block; height:25px; float:left; line-height:22px; font-weight:bold; font-size:12px; padding:0 20px 0 10px; color:#ccb; text-decoration:none; border-top:3px solid #7a0384;}
#menu2 li a.top_link:hover {color:#ff0; border-top:3px solid #ff0;}
#menu2 li:hover > a.top_link {color:#ff0; border-color:#ff0;}
#menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
/* Standaard link opmaak */
/* List OF hover link opmaken. Afhankelijk van welke browser gebruikt wordt */
#menu2 a:hover {visibility:visible; position:relative; z-index:200;}
#menu2 li:hover {position:relative; z-index:200;}
/* Houd het 'volgende' level onzichtbaar door het van het scherm te plaatsen. */
#menu2 ul, 
#menu2 :hover ul ul {position:absolute; left:-9999px; top:-9999px; height:0; margin:0; padding:0; list-style:none;}

#menu2 :hover ul.sub {left:0; top:25px; white-space:nowrap; width:120px; height:auto; z-index:300; padding-top:5px; background:url(../afbeeldingen/menu/trans.gif);}
#menu2 :hover ul.sub li {display:block; float:left; width:100%; height:25px;}
#menu2 :hover ul.sub li span {display:block; height:25px; float:left; width:90px; font-weight:normal;}
#menu2 :hover ul.sub li b {display:block; height:25px; float:left; width:30px; font-weight:normal;}
#menu2 :hover ul.sub li a {display:block; position:relative; font-size:11px; height:25px; width:110px; margin-right:-30px; line-height:25px; text-indent:10px; color:#ffe; text-decoration:none; background:url(../afbeeldingen/menu/trans.gif);}
#menu2 :hover ul.sub li span a:hover {color:#ff0;}
#menu2 :hover ul.sub li:hover > span a {color:#ff0;}

#menu2 :hover ul :hover ul,
#menu2 :hover ul :hover ul :hover ul {left:120px; top:0; white-space:nowrap; width:120px; z-index:400; height:auto;}

#menu2 :hover ul.wide {width:170px;}
#menu2 :hover ul.wide li span {width:140px;}
#menu2 :hover ul.wide li a {width:160px;}
#menu2 :hover ul.wide :hover ul,
#menu2 :hover ul :hover ul.wide :hover ul {left:140px;}

#menu2 :hover ul.extrawide {width:260px;}
#menu2 :hover ul.extrawide li span {width:230px;}
#menu2 :hover ul.extrawide li a {width:250px;}
#menu2 :hover ul.extrawide :hover ul,
#menu2 :hover ul :hover ul.extrawide :hover ul {left:230px;}

#menu2 li > span {background: url(../afbeeldingen/menu/tab-midleft.png);}
#menu2 li > b {background: url(../afbeeldingen/menu/tab-midright.png)}
#menu2 li.fly > b {background: url(../afbeeldingen/menu/tab-midright.png)}
#menu2 li.subtop > span,
#menu2 li.flytop > span {background:url(../afbeeldingen/menu/tab-topleft.png);}
#menu2 li.subtop > b {background:url(../afbeeldingen/menu/tab-topright.png);}
#menu2 li.flytop > b {background:url(../afbeeldingen/menu/tab-topright-sub.png);}
#menu2 li.subbot > span,
#menu2 li.flybot > span {height:35px !important; background:url(../afbeeldingen/menu/tab-botleft.png);}
#menu2 li.subbot > b {height:35px !important; background:url(../afbeeldingen/menu/tab-botright.png);}
#menu2 li.flybot > b {height:35px !important; background:url(../afbeeldingen/menu/tab-botright.png);}

/* Opmaak voor het centrale gedeelte */
#wrapper {overflow:hidden; background:#efefef;text-align:left;}
#kolom1 {float:left; width:180px;padding:10px; background:#ebe6ea;}
#kolom2 {background:#fff; margin:10px 210px;}
#kolom2w {margin:10px 10px 10px 210px;}
#kolom3 {float:right; width:180px; padding:10px; background:#ebe6ea;text-align:center;}
#kolom1, #kolom2, #kolom3 {padding-bottom:32767px; margin-bottom:-32767px;}

/* Opmaak van de voetregel */
#footer {clear: both;font-size:10px;padding-bottom:4px;background: #efefef;color: #7a0384;text-align:center;border-top:1px #7a0384 dotted;border-bottom:3px #7a0384 solid; z-index: 15;}
#footer a:link,#footer a:visited {color:#7a0384;text-decoration:none;font-size:10px;}}
#footer a:hover,#footer a:active {color:#333;}

/* Opmaak formulier */