/**********************************

CLEAR WHITESPACES/WHITESPACE RESET

**********************************/
* {
padding:0;
margin:0;
}

/* HYPERLINKS */
:link,:visited { text-decoration:none }

/* GEEN LIST STYLE */
ul,ol { list-style:none }

/* ALLE HEADINGS HETZELFDE VOOR EEN CONSISTENTE STYLE */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* NOGMAALS ALLE ELEMENTEN STRIPPEN */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* STANDAARD GEEN BORDER OM EEN LINKED IMAGE */
a img,:link img,:visited img { border:none }



/**********************************

STANDAARD HTML-ELEMENTS 

**********************************/
body {
background-image:url(../gfx/site_bg.gif);
background-repeat:repeat-x;
background-position:top;
background-color:#141414;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

p {
margin-bottom:20px;
line-height:1.4em;}

h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#fb0103;
margin-bottom:23px;}

h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#fb0103;
margin-bottom:14px;}

h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
margin-bottom:8px;}

h4 {}

img {}

a, a:link, a:visited {
color:#ed1c24;
text-decoration:underline;}

a:hover {
color:#ed1c24;
text-decoration:none;
}



input {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #000f;
background-color: #FFF;
border-width: 1px;
border-style: solid;
border-color: #000;
}

textarea {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #000f;
background-color: #FFF;
border-width: 1px;
border-style: solid;
border-color: #000;
}



a.credits:hover {
color:#B0D237;
text-decoration:none;
}

/**********************************

EIGEN STYLES

**********************************/
#canvas {
text-align:center;
background-image:url(../gfx/home_header.gif);
background-position:top center;
background-repeat:no-repeat;
min-height:292px;
_height:292px;
z-index:1;
}
#siteContainer {
position:relative;
width:960px;
min-height:920px;
_height:920px;
margin:auto;
text-align:left;
}

/************* header *************/

#menu {
position:absolute;
width:100%;
top:21px;
height:54px;
text-align:center;
z-index:2;
background-image:url(../gfx/menubg.gif);
}

#serviceMenu {
position:absolute;
width:890px;
margin-right:70px;
text-align:right;
padding-top:4px;
font-weight:bold;
}

#serviceMenu a,#serviceMenu  a:link,#serviceMenu  a:visited {
color:#000;
text-decoration:underline;
font-weight:bold;
}

#serviceMenu a:hover {
color:#000;
text-decoration:none;
font-weight:bold;
}

#header{
width:700px;
height:280px;
top:92px;
margin-left:190px;
position:absolute;
z-index:2;
}
#headerFooter {
position:absolute;
width:737px;
height:91px;
top:292px;
left:170px;
background-image:url(../gfx/home_header_bottom.gif);
background-repeat:no-repeat;
}
#mazonScreenLogo {
position:absolute;
top:92px;
left:0px;
}


/************* nieuws *************/

#newsContainerSmal {
position:relative;
background-image:url(../gfx/nieuwsbg_smal.gif);
background-repeat:no-repeat;
width:160px;
left:190px;
top:390px;
min-height:315px;
_height:315px;
}
#newsContainerBreed {
position:relative;
background-image:url(../gfx/nieuwsbg_breed.gif);
background-repeat:no-repeat;
width:340px;
left:190px;
top:390px;
min-height:315px;
_height:315px;
}
#news {
padding-top:13px;
margin:0px 13px 0px 13px;
color:#fff;
}
#news h1 {
font-size:12px;
margin: 0px;
color:#b4b4b4;
font-variant:small-caps;
}


#bedrijfsVideo {
position:absolute;
top:390px;
}


/************* buttons home *************/

#buttonsContainer{
position:absolute;
width:560px;
left:370px;
top:390px;
z-index:2;
}

#buttonsRij {
height:146px;
margin-bottom:20px;
z-index:2;
}
.button {
margin-right:20px;
width:160px;
height:146px;
display:inline-block;
background-color:#FFFFFF;
z-index:2;
}

#buttonsContainerTwee{
position:absolute;
width:360px;
left:550px;
top:390px;
}



/************* content *************/

#contentContainer {
position:relative;
top:92px;
left:190px;
width:700px;
background-color:#fff;
z-index:2;
}
#content {
width:620px;
margin-top:20px;
margin-left:40px;
margin-right:40px;
_height:700px;
min-height:700px;
line-height:1.4em;
}


/************* footer *************/

#footerContainer {
position:relative;
height:150px;
margin-top:120px;
background-image:url(../gfx/footer_bg.gif);
background-position:top;
background-repeat:repeat-x;
background-color:#393939;
text-align:center; 
}
#footer {
text-align:left;
position:relative;
width:960px;
padding-top:17px;
padding-bottom:20px;
margin:auto;
color:#8b8b8b;
font-size:11px;
}
#footer * strong {
color:#fff;
}
#footerLogo { 
position:absolute;
left:90px;
}
#footerAdres1 {
position:absolute;
left:190px;
}
#footerAdres2 {
position:absolute;
left:332px;
}
#bekijkOok {
position:absolute;
width:350px;
left:550px;
text-align:right;
font-weight:bold;
}
#branches {
position:absolute;
width:350px;
left:550px;
top:45px;
text-align:right;
}