body {
margin: 0px;
padding: 0px;
font-family: Verdana;
font-size: 11px;
}

.logo{
width: 100px;
height: 100px;
border: 1px solid #cccccc;
}

.bg{
background-image: url(../images/bg.jpg);
background-repeat: repeat-x;
}

.bg_index { background-image: url("../images/bg_index.jpg"); background-repeat: repeat-x; margin: 0; padding: 0 }

.bg_jansen{
	background-image: url(../images/bg_jansen.gif);
	background-repeat: no-repeat;
	width: 336px;
	height: 566px;
}

.bg_manneke{
background-image: url(../images/bg_manneke.jpg);
background-repeat: no-repeat;
width: 248px;
height: 192px;
}

.bg_menu{
background-image: url(../images/bg_menu.jpg);
background-repeat: no-repeat;
width: 735px;
height: 119px;
}

.bg_doehetzelf{
background-image: url(../images/bg_doehetzelf.jpg);
background-repeat: no-repeat;
width: 735px;
height: 119px;
}

.bg_profmarket{
background-image: url(../images/bg_profmarket.jpg);
background-repeat: no-repeat;
width: 735px;
height: 119px;
}

.bg_interieur{
background-image: url(../images/bg_interieur.jpg);
background-repeat: no-repeat;
width: 735px;
height: 119px;
}

.bg_content{
background-image: url(../images/bg_content.gif);
background-repeat: repeat-y;
width: 734px;
height: 310px;
padding: 20px;
font-size: 11px;
color: #666666;
}

.bg_content2{
background-image: url(../images/bg_content.gif);
background-repeat: repeat-y;
width: 734px;
height: 30px;
}


.bg_realisaties{
background-image: url(../images/bg_realisaties.gif);
background-repeat: no-repeat;
width: 124px;
height: 124px;
}

.bg_menu_left{
background-image: url(../images/bg_menu_left2.jpg);
background-repeat: no-repeat;
width: 227px;
height: 250px;
}

.bg_geel{
background-image: url(../images/bg_geel.gif);
background-repeat: repeat-y;
width: 202px;
}

.bg_promo{
background-image: url(../images/bg_promoties_midden.jpg);
background-repeat: repeat-y;
width: 202px;
height: 210px;
}

.bg_promo_top{
background-image: url(../images/bg_promoties_top.jpg);
background-repeat: no-repeat;
width: 202px;
height: 33px;
text-align: center;
text-transform: uppercase;
color: #faef00;
font-size: 12px;
line-height: 30px;
font-weight: bold;
}

.nieuwsbrief_content{
background-image: url(../images/nieuwsbrief_content.jpg);
background-repeat: repeat-y;
width: 240px;
font-size: 11px;
color: #666666;
}

#container	{ 
		position:relative; 
		z-index:100;
		}
		/* Include id's for all your layers here, with commas between. */

#bg_promo_ster{
background-image: url(../images/bg_promoties_ster.gif);
background-repeat: no-repeat;
width: 103px;
height: 88px;
text-align: center;
text-transform: uppercase;
color: #000000;
font-size: 16px;
line-height: 30px;
font-weight: bold;
z-index: 10;
position: absolute;
left: 97px;
top: 123px;
}

.btn_left{
font-family: Verdana;
font-size: 10px;
color: #716b0d;
font-weight: bold;
height: 24px;
border-bottom: 1px dotted #716b0d;
}

a.infoweb{
font-size: 10px;
color: #cccccc;
text-decoration: none;
}

a.infoweb:hover{
font-size: 10px;
color: #999999;
text-decoration: underline;
}

a{
font-size: 11px;
color: #666666;
text-decoration: none;
}

a:hover{
font-size: 11px;
color: #666666;
text-decoration: underline;
}

a.bg_btn_left{
font-family: Verdana;
font-size: 10px;
color: #716b0d;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
text-indent: 20px;
line-height: 21px;
width: 200px;
height: 23px;
display: block;
}

a.bg_btn_left:hover{
background-image: url(../images/bg_btn_left.gif);
background-repeat: no-repeat;
background-position: 2px;
font-family: Verdana;
font-size: 10px;
color: #ffffff;
text-decoration: none;
text-transform: uppercase;
text-indent: 20px;
width: 200px;
height: 23px;
display: block;
line-height: 21px;
}

a.bg_btn_left_active{
background-image: url(../images/bg_btn_left.gif);
background-repeat: no-repeat;
background-position: 2px;
font-family: Verdana;
font-size: 10px;
color: #ffffff;
text-decoration: none;
text-transform: uppercase;
text-indent: 20px;
width: 200px;
height: 23px;
display: block;
line-height: 21px;
}

a.bg_btn_left_active:hover{
background-image: url(../images/bg_btn_left.gif);
background-repeat: no-repeat;
background-position: 2px;
font-family: Verdana;
font-size: 10px;
color: #ffffff;
text-decoration: none;
text-transform: uppercase;
text-indent: 20px;
width: 200px;
height: 23px;
display: block;
line-height: 21px;
}

.text{
font-size: 11px;
color: #666666;
}

.text_geel{
font-size: 11px;
color: #7d7700;
}

.titel{
font-size: 13px;
color: #666666;
text-transform: uppercase;
font-weight: bold;
/*background-image: url(../images/bg_titel.jpg);
background-repeat: no-repeat;
width: 423px;
height: 26px;
padding-left: 15px;
padding-top: 7px;*/
}

.subtitel{
font-size: 12px;
color: #7d7700;
text-transform: uppercase;
}

.btn{
	background-color: #000000;
	color: #faef00;
	height:18px;
	border-width:0px;
	cursor:hand;
	text-transform: uppercase;
	font-family: verdana;
	font-size: 10px;
}

.btn_nieuwsbrief{
	background-image: url(../images/btn_nieuwsbrief.jpg);
	height: 30px;
	width: 42px;
	background-repeat: no-repeat;
	background-color: transparent;
	border-width:0px;
	cursor:hand;
}

.textfield{
	border:#cccccc 1px solid;
	width: 250px;
	height: 18px;
	font-family: Verdana;
	font-size: 11px;
	color: #666666;
}

.textfield120{
	border:#cccccc 1px solid;
	width: 120px;
	height: 16px;
	font-family: Verdana;
	font-size: 11px;
	color: #666666;
}

.textarea{
	border:#cccccc 1px solid;
	width: 250px;
	height: 60px;
	font-family: Verdana;
	font-size: 11px;
	color: #666666;
}