/* stylesheet Website Tuincentrum Soontiëns 2009 */
BODY {
text-align: center;
font-family: verdana, arial, sans-serif;
font-size: x-small;
background-color: #d1dc74;
}
#MAIN {
width: 970px;
height: 170px;
margin: 0 auto;
text-align: left;
border: 0px;
overflow: hidden;
background-color: #d1dc74;
z-index: 1;
}
#header {
width: 970px;
height: 170px;
background: transparent;
position: relative;
top: 0px;
left: 0px;
z-index: 2;
}
#CONTENT {
width: 816px;
height: 100%;
position: relative;
top: 0px;
left: 0px;
background-color: #d1dc74;
padding-bottom: 6px;
margin-top: 4px;
margin-left: 4px;
text-align: left;
}
#INHOUD {
width: 970px;
height: 100%;
position: relative;
top: 0px;
left: 0px;
background-color: #d1dc74;
}
#NAVIGATIE {
width: 150px;
height: 100%;
background-color: #006633 ;
float: left;
z-index: 1;
}
#BOOG
{
width: 970px;
height: 147px;
background: url(Afbeeldingen/boog-tuincentrum.gif) top left no-repeat;
position: relative;
top: -170px;
left: 0px;
z-index: 5;
}
#BOOG_HOVENIERS
{
width: 970px;
height: 147px;
background: url(Afbeeldingen/boog-hoveniers.gif) top left no-repeat;
position: relative;
top: -170px;
left: 0px;
z-index: 5;
}
#BOOG_STADSNATUUR
{
width: 970px;
height: 147px;
background: url(Afbeeldingen/boog-stadsnatuur.gif) top left no-repeat;
position: relative;
top: -170px;
left: 0px;
z-index: 5;
}
#BOOG_BOOMVERZORGING
{
width: 970px;
height: 147px;
background: url(Afbeeldingen/boog-boomverzorging.gif) top left no-repeat;
position: relative;
top: -170px;
left: 0px;
z-index: 5;
}
#BOOG_TUINCENTRUM
{
width: 970px;
height: 147px;
background: url(Afbeeldingen/boog-tuincentrum.gif) top left no-repeat;
position: relative;
top: -170px;
left: 0px;
z-index: 5;
}
#ACTUEEL {
width: 160px;
height: 100%;
background-color: 003F8B ;
float: right;
top: 175px;
left: 835px;
padding: 5px;
margin-top: 3px;
color: white;
}
#AFDELING_PRE, #AFDELING_TC, #AFDELING_HOV, #AFDELING_BOOM, #AFDELING_BIO, #AFDELING_TIPS {
width: 160px;
height: 170px;
background-color: red;
float: left;
margin-right: 4px;
top: 0;
z-index: 4;
}
#AFDELING_PRE {
width: 150px;
background: #006633;
}
#AFDELING_TC {
background: url(Afbeeldingen/kolom-tuincentrum.gif) no-repeat
}
#AFDELING_HOV {
background: url(Afbeeldingen/kolom-hoveniers.gif) no-repeat
}
#AFDELING_BOOM {
background: url(Afbeeldingen/kolom-boomverzorging.gif) no-repeat
}
#AFDELING_BIO {
background: url(Afbeeldingen/kolom-stadsnatuur.gif) no-repeat
}
#AFDELING_TIPS {
margin-right: 0px;
background: url(Afbeeldingen/kolom-contact.gif) no-repeat;
}
.KNOP_AFDELING1, .KNOP_AFDELING2 {
width: 160px;
height: 20px;
line-height: 20px;
text-align: center;
z-index: 5;
position: relative;
top: 150px;
margin: 0 auto
}
.KNOP_AFDELING1 {
background-color:  #006633;
}
.KNOP_AFDELING2 {
background-color: 003F8B;
font-size:15px;
}
A
{
color: navy;
text-decoration:none;
}
.A_TEKST:HOVER
{
color: white;
background-color: navy;
}
.A_WIT
{
color: white;
text-decoration:none;
}
.A_MENU
{
color: black;
text-decoration:none;
}
.A_MENU:HOVER
{
color: white;
text-decoration:bold;
}

H1, H2, H3, H4, H5, H6
{
margin-bottom: 0em;
}
H3
{
color: #006633;
}
H5
{
}
P
{
margin-top: 0.4em;
margin-bottom: 0.4em;
}
UL
{
type: disc;
margin-top: 5px;
margin-left: 25px;
}
.KNOP_NAVIGATIE1, .KNOP_NAVIGATIE2 {
width: 150px;
height: 25px;
position: relative ;
left: 0px;
line-height: 25px;
text-align: right;
margin: 0 auto;
background: url(Afbeeldingen/knop-blaadje.gif);
}
.KNOP_NAVIGATIE1 {
background-position: top left norepeat;
padding-right: 10px;
}
.KNOP_NAVIGATIE2 {
background-position: -150px norepeat;
padding-right: 35px;
}
.H_ACTUEEL
{
color: yellow;
margin-top: 0em;
margin-bottom:0em;
}
.IMG_ACTUEEL
{
width: 150px;
margin-top: 2px;
margin-bottom: 1px;
}
.IMG_HOME
{
margin: 0 auto;
border-style: none;
}
.IMG_TR, .IMG_TL, .IMG_BR, .IMG_BL
{
border-style: none;
border-width: 0px;
margin: 0px;
padding: 0px;
display: block;
}
.IMG_TR
{
float: right;
margin-left: 8px;
margin-bottom: 8px;
}
.KNOP_ASSORTIMENT1, .KNOP_ASSORTIMENT2
{
padding: 4px;
border-style: none;
background-color: transparent;
margin: 0px;
float: left;
width: 318px;
height: 58px;
line-height: 46px;
}
.KNOP_ASSORTIMENT1 {
background-color: transparent;
}
.KNOP_ASSORTIMENT2 {
background-color: 003F8B;
font-size:16px;
text-decoration: bold;
}
.DIV_HOME
{
padding: 8px;
font-size: x-small;
border-style: none;
background-color: white;
margin-bottom: 4px;
margin-top: 0px;
width: 100%;
}
.DIV_HOOG
{
float: left;
}
.DIV_TITEL
{
float: left;
width: 100%;
height: 25px;
line-height: 21px;
margin-right: 0px;
font-size: 15px;
font-weight: bold;
color: white;
padding-left: 8px;
background-color: #999999;
margin-bottom: 4px;
}
.DIV_PAYOFF
{
float: right;
padding-right: 8px;
background: url(Afbeeldingen/pay-off-op-grijs.gif) no-repeat;
height: 25px;
width: 314px;
margin-right: 8px;
}
.DIV_KOLOM1, .DIV_KOLOM2, .DIV_KOLOM3, .DIV_KOLOM4, .DIV_KOLOM5, .DIV_KOLOM12, .DIV_KOLOM23, .DIV_KOLOM34, .DIV_KOLOM45, .DIV_KOLOM123, .DIV_KOLOM234, .DIV_KOLOM345, .DIV_KOLOM1234, .DIV_KOLOM2345, .DIV_BANNER, .DIV_KOLOM1I, .DIV_KOLOM2I, .DIV_KOLOM3I, .DIV_KOLOM4I, .DIV_KOLOM5I, .DIV_KOLOM12I, .DIV_KOLOM23I, .DIV_KOLOM34I, .DIV_KOLOM45I, .DIV_KOLOM123I, .DIV_KOLOM234I, .DIV_KOLOM345I, .DIV_KOLOM1234I, .DIV_KOLOM2345I, .DIV_BANNERI
{
padding: 8px;
font-size: x-small;
border-style: none;
background-color: white;
margin-bottom: 4px;
margin-right: 4px;
float: left;
height: 20px;
}
.DIV_KOLOM1I, .DIV_KOLOM2I, .DIV_KOLOM3I, .DIV_KOLOM4I, .DIV_KOLOM5I, .DIV_KOLOM12I, .DIV_KOLOM23I, .DIV_KOLOM34I, .DIV_KOLOM45I, .DIV_KOLOM123I, .DIV_KOLOM234I, .DIV_KOLOM345I, .DIV_KOLOM1234I, .DIV_KOLOM2345I, .DIV_BANNERI
{
padding: 0px;
}
.DIV_KOLOM1, .DIV_KOLOM1I
{
width: 160px;
}
.DIV_KOLOM2, .DIV_KOLOM2I
{
width: 160px;
}
.DIV_KOLOM3, .DIV_KOLOM3I
{
width: 160px;
}
.DIV_KOLOM4, .DIV_KOLOM4I
{
width: 160px;
}
.DIV_KOLOM5, .DIV_KOLOM5I
{
width: 160px;
margin-right: 0px;
}
.DIV_KOLOM12, .DIV_KOLOM12I
{
width: 324px;
}
.DIV_KOLOM23, .DIV_KOLOM23I
{
width: 324px;
}
.DIV_KOLOM34, .DIV_KOLOM34I
{
width: 324px;
}
.DIV_KOLOM45, .DIV_KOLOM45I
{
width: 324px;
margin-right: 0px;
}
.DIV_KOLOM123, .DIV_KOLOM123I
{
width: 488px;
}
.DIV_KOLOM234, .DIV_KOLOM234I
{
width: 488px;
}
.DIV_KOLOM345, .DIV_KOLOM345I
{
width: 488px;
margin-right: 0px;
}
.DIV_KOLOM1234, .DIV_KOLOM1234I
{
width: 652px;
}
.DIV_KOLOM2345, .DIV_KOLOM2345I
{
width: 652px;
margin-right: 0px;
}
.DIV_BANNER, .DIV_BANNERI
{
width: 100%;
margin-right: 0px;
}
.IMG_IN_DIV, .IMG_BANNER
{
border-style: none;
border-width: 0px;
margin: 0px;
padding: 0px;
display: block;
}
.IMG_BANNER
{
float: left;
}

.DIV_PIJLTJES
{
width: 50px;
height: 20px;
position: relative;
background: url(Afbeeldingen/home_pijltjes.gif);
}

.IMG_MENU
{
float: left;
margin-right: 8px;
border: 0px;
}