html, body
{
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, Tahoma, 'Trebuchet Ms';
	color: #252525;
	line-height: 20px;
    font-size: 12px;
	background: #e1e6da url(../images/backgroundRepeat.png) top repeat-x;
}

img
{
	border: 0;
    outline: 0;
}
/*link*/
a
{
	color: #61a521;
	text-decoration: none;
    outline: 0;
}

a:hover, a.active
{
	text-decoration: underline;
}
/*end link*/

/*maincontainers*/
#mainContainer
{
    width: 910px;
    padding: 0;
    margin: 0 auto 0 auto;
}

#container
{
    float: left;
    width: 900px;
    padding: 0 5px 20px 5px;
    margin: 0;
    background: url('../images/contentRepeat.png') repeat-y;
}
/*end maincontainers*/

/*header*/
#header
{
    float: left;
    width: 900px;
    height: 170px;
    padding: 0;
    margin: 0;
}

#headerImage
{
    float: left;
    width: 900px;
    height: 125px;
    padding: 0;
    margin: 0;
    z-index: 1;
    position: absolute;
}

#headerImage ul
{
    float: left;
    width: 900px;
    height: 125px;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

#headerImage ul li
{
    float: left;
    width: 900px;
    height: 125px;
    padding: 0;
    margin: 0;
}

#headerOverlay
{
    float: left;
    width: 900px;
    height: 162px;
    padding: 0;
    margin: 0;
    z-index: 2;
    position: absolute;
}

#headerLeft
{
    float: left;
    width: 171px;
    height: 101px;
    padding: 0;
    margin: 50px 0 0 20px;
    z-index: 3;
    position: absolute;
}

#headerRight
{
    float: right;
    width: 709px;
    padding: 0;
    margin: 0;
    z-index: 3;
    position: relative;
}

#topMenu
{
    float: right;
    width: 709px;
    padding: 0;
    margin: 0;
    color: white;
}

#topMenu ul
{
    float: right;
    padding: 0;
    margin: 5px 20px 0 0 ;
    list-style-type: none;
}

#topMenu ul li
{
    float: left;
    padding: 0;
    margin: 0;
}

#topMenu ul li a
{
    color: white;
    padding: 0;
    margin: 0;
    font-size: 10px;
}

#menu
{
    float: right;
    width: 709px;
    height: 38px;
    padding: 0;
    margin: 97px 0 0 0;
}

#menu ul
{
    float: right;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

#menu ul li
{
    float: left;
    height: 38px;
    padding: 0;
    margin: 0;
    border-left: 1px solid #c6dbd1;
}

#menu li a
{
    padding: 10px 20px 14px 20px;
    margin: 0;
    background: none;
    font-size: 14px;
    display: block;
}

#menu li a:hover, #menu li a.active
{
    color: #252525;
    background: url('../images/menuHoverRepeat.png') repeat-x;
    text-decoration: none;
}

#shadow
{
    float: left;
    width: 900px;
    height: 8px;
    padding: 0;
    margin: 0;
    background: url('../images/shadowRepeat.png') repeat-x;
}
/*end header*/

/*content*/
#contentContainer
{
    float: left;
    width: 900px;
    padding: 0;
    margin: 42px 0 0 0;
}

#contentLeft
{
    float: left;
    width: 536px;
    padding: 0 50px 0 20px;
    min-height: 431px;
    margin: 0;
    background: url('../images/contentBackground.png') top center no-repeat;
}

#contentLeftAanbod
{
    float: left;
    width: 586px;
    padding: 0 0 0 20px;
    min-height: 431px;
    margin: 0;
    background: url('../images/contentBackground.png') top center no-repeat;
}

#contentRight
{
    float: left;
    width: 274px;
    padding: 0;
    margin: 0 20px 0 0; 
}

#rightHome
{
    float: left;
    width: 274px;
    padding: 0;
    margin: 0; 
    list-style-type: none;
}

#rightHome li
{
    float: left;
    width: 274px;
    height: 180px;
    padding: 0;
    margin: 0 0 10px 0; 
    background: url('../images/rightSmallBackground.png') no-repeat;
}

.rightHomeTitle
{
    float: left;
    width: 264px;
    height: 20px;
    padding: 6px 0 0 10px;
    margin: 0;
}

.rightHomeContent
{
    float: left;
    width: 264px;
    height: 154px;
    padding: 0 0 0 10px;
    margin: 12px 0 0 0;
}

.rightHomeImage
{
    float: left;
    width: 145px;
    height: 132px;
    padding: 0;
    margin: 0;
}

.rightHomeText
{
    float: left;
    width: 105px;
    height: 132px;
    padding: 0 0 0 10px;
    margin: 0;
    line-height: 15px;
}

#zoekenTop
{
    float: left;
    width: 264px;
    height: 39px;
    padding: 6px 0 0 10px;
    margin: 0; 
    background: url('../images/searchTopBackground.png') no-repeat; 
}

#zoekenContent
{
    float: left;
    width: 262px;
    padding: 10px 0 8px 10px;
    margin: 0; 
    background-color: white;
    border: 1px solid #c6dbd1;
    border-top: none;
}

#zoeklijst
{
    float: left;
    width: 262px;
    padding: 0;
    margin: 0; 
    list-style-type: none;
}

#zoeklijst li
{
    float: left;
    width: 262px;
    padding: 0;
    margin: 5px 0 5px 0;
}

#zoekImage
{
    float: left;
    width: 252px;
    height: 115px;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

#zoekImage li
{
    float: left;
    width: 252px;
    height: 115px;
    padding: 0;
    margin: 0;
}

.djb
{
    float: left;
    width: 274px;
    padding: 0;
    margin: 15px 0 0 0;
}

.logoDJB
{
    float: left;
    width: 23px;
    height: 26px;
    padding: 3px 0 0 0;
    margin: 0;
}

.textDJB
{
    float: left;
    width: 248px;
    padding: 0;
    margin: 0;
    color: #819F90;
    font-size: 11px;
    line-height: 14px;    
}

#aanbod
{
    float: left;
    width: 586px;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

#aanbod li
{
    float: left;
    width: 173px;
    height: 203px;
    padding: 0;
    margin: 0 20px 20px 0; 
    background: url('../images/itemBackground.png') no-repeat;
}

.aanbodPrice
{
    float: left;
    width: 163px;
    height: 14px;
    padding: 6px 0 0 10px;
    margin: 0;
}

.searchButton
{
    float: left;
    width: 80px;
    height: 20px;
    padding: 0;
    margin: 0;
    border: 0;
    cursor: pointer;
    background: url('../images/buttonSearch.png');
}

.aanbodImage
{
    float: left;
    width: 145px;
    height: 132px;
    padding: 18px 10px 0 10px;
    margin: 0;
}

.aanbodStraat
{
    float: left;
    width: 163px;
    height: 14px;
    padding: 6px 0 0 10px;
    margin: 0;
    font-weight: bold;
}

.aanbodStraat a
{
	color: #252525;
    text-decoration: none;
}

.aanbodStraat a:hover, .aanbodStraat a.active
{
	color: #61a521;
}

#itemTop
{
    float: left;
    width: 536px;
    padding: 0;
    margin: 15px 0 0 0;
}

#itemImage
{
    float: left;
    width: 269px;
    height: 245px;
    padding: 0;
    margin: 0 10px 0 0;
}

#itemOverzicht
{
    float: left;
    width: 257px;
    padding: 0;
    margin: 0;
}   

#itemOverzicht table, 
{
    float: left;
    width: 257px;
    padding: 0;
    margin: 0;
}  

#itemOverzicht table td
{
    vertical-align: top;
    line-height: 19px;
}

.col1
{
    width: 130px;
}

#carrousel
{
    float: left;
    width: 269px;
    padding: 0;
    margin: 0;
}

#carrousel ul
{
    float: left;
    width: 269px;
    height: 40px;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

#carrousel ul li
{
    float: left;
    height: 40px;
    padding: 0;
    margin: 0 9px 0 0;
}

#itemBottom
{
    float: left;
    width: 536px;
    padding: 0;
    margin: 30px 0 0 0;
}
/*end content*/

/*contact*/
#contact
{
    width: 500px;
}

#contact, #contact tr, #contact td
{
    line-height: 22px;
    padding: 0;
    margin: 0;
    vertical-align: top;
}

.sendButton
{
    float: left;
    width: 80px;
    height: 20px;
    padding: 0;
    margin: 0;
    border: 0;
    cursor: pointer;
    background: url('../images/buttonSend.png') no-repeat;
}

input.error
{
    border: 1px solid red;
}

label.error
{
    color: red;
    font-weight: bold;
}

.field200
{
    width: 200px;
    border: 1px solid #61a521;
}

.field220
{
    width: 252px;
    border: 1px solid #c6dbd1;
}

.area200
{
    width: 200px;
    height: 75px;
    border: 1px solid #61a521;
}
/*end contact*/

/*footer*/
#footer
{
    float: left;    
    width: 900px;
    height: 30px;
    padding: 0 5px 20px 5px;
    background: url('../images/backgroundFooter.png') top no-repeat;
}

#footerText
{
    float: left;    
    width: 900px;
    padding: 0;
    margin: 5px 0 0 0;
    text-align: center;
    color: #61a521;
    font-size: 10px;
    line-height: 15px;
}
/*end footer*/

/*headlines*/
h1,h2,h3
{
    padding: 0;
    margin: 0;
    color: #61a521;
}

h1
{
    font-size: 22px;
    font-weight: normal;
    line-height: 30px;
}

h2
{
    font-size: 12px;
    font-weight: normal;
}

h3
{
    font-size: 12px;
    font-weight: bold;
}
/*end headlines*/

.clickTitle
{
    cursor:pointer;
}

#itemImage ul,#itemImage ul li 
{
    padding: 0;
    margin: 0;
    list-style-type: none;
    position: absolute;
}

#map
{
    width: 550px;
    height: 300px;
}

.notice
{
    color:green;
}

.error
{
    color: red;
    font-weight: bold;
}