@charset "utf-8";
/* CSS Document */

body{
width: 830px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
background-color: #333333;
background-image: url(../img/background.jpg);
background-repeat: repeat-y;
background-position: center;
}

/***********CONTAINERS VERVOLG***********/

#container{
width: 830px;
height: 100%;
margin-left: auto;
margin-right: auto;
}

#header_oc{
width: 800px;
height: 283px;
margin-left: 14px;
margin-right: 15px;
background-image: url(../img/header_oc.jpg);
background-repeat: no-repeat;
float: left;
z-index: 0;
}

#header_ond{
width: 800px;
height: 283px;
margin-left: 14px;
margin-right: 15px;
background-image: url(../img/header_ond.jpg);
background-repeat: no-repeat;
float: left;
z-index: 0;
}

#header_tor{
width: 800px;
height: 283px;
margin-left: 14px;
margin-right: 15px;
background-image: url(../img/header_tor.jpg);
background-repeat: no-repeat;
float: left;
z-index: 0;
}

#menu_oc{
width: 639px;
height: 45px;
background-image: url(../img/menu_bg.jpg);
background-repeat: repeat-x;
margin-left: auto;
margin-right: auto;
margin-top: 30px;
z-index: 1;
}

#menu_ond{
width: 723px;
height: 45px;
background-image: url(../img/menu_bg.jpg);
background-repeat: repeat-x;
margin-left: auto;
margin-right: auto;
margin-top: 30px;
z-index: 1;
}

#menu_ond_bedrijfsinfo{
width: 571px;
height: 45px;
background-image: url(../img/menu_bg.jpg);
background-repeat: repeat-x;
margin-left: auto;
margin-right: auto;
margin-top: 30px;
z-index: 1;
}

#menu_tor{
width: 494px;
height: 45px;
background-image: url(../img/menu_bg.jpg);
background-repeat: repeat-x;
margin-left: auto;
margin-right: auto;
margin-top: 30px;
z-index: 1;
}

#logo_oc{
width: 197px;
height: 153px;
margin-left: 550px;
margin-top: 20px;
padding-top: 3px;
background-image: url(../img/logo_oc.png);
background-repeat: no-repeat;
z-index: 1;
}

#logo_ond{
width: 197px;
height: 153px;
margin-left: 550px;
margin-top: 20px;
padding-top: 3px;
background-image: url(../img/logo_ond.png);
background-repeat: no-repeat;
z-index: 1;
}

#logo_tor{
width: 197px;
height: 153px;
margin-left: 550px;
margin-top: 20px;
padding-top: 3px;
background-image: url(../img/logo_tor.png);
background-repeat: no-repeat;
z-index: 1;
}

#container_tekst{
width: 510px;
height: auto;
margin-left: 35px;
margin-top: -20px;
float: left;
}

#tekst1{
width: 500px;
height: auto;
padding: 5px;
background-image: url(../img/webshopbg.jpg);
background-repeat:no-repeat;
background-position:right;
background-color: #cccccc;
border: #000000;
border-width: 1px;
border-style: solid;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
z-index: 1;
margin-bottom: 10px;
}

#tekst{
width: 500px;
height: auto;
padding: 5px;
background-color: #ffffff;
border: #000000;
border-width: 1px;
border-style: solid;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
z-index: 1;
}

#foto{
width: 510px;
height: 145px;
margin-top: 10px;
border: #000000;
border-width: 1px;
border-style: solid;
float: left;
}

#container_tijden{
width: 200px;
height: auto;
margin-left: 15px;
margin-top: -20px;
float: left;
}

#openingstijden{
width: 210px;
height: 240px;
padding-top: 5px;
padding-left: 2px;
background-color: #ffffff;
border: #000000;
border-width: 1px;
border-style: solid;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
z-index: 1;
}

#openingstijden2{
width: 210px;
height: 240px;
padding-top: 5px;
padding-left: 2px;
background-color: #ffffff;
border: #000000;
border-width: 1px;
border-style: solid;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
z-index: 1;
}


#map24{
width: 200px;
height: 241px;
margin-top: 10px;
border: #000000;
border-width: 1px;
border-style: solid;
float: left;
}

#footer{
width: 730px;
height: 125px;
margin-left: 35px;
margin-top: 20px;
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
float: left;
}

#carlist{
width: 790px;
height: 1370px;
margin-left: 15px;
margin-top: -20px;
padding-left: 5px;
float: left;
z-index: 1;
border: #000000;
border-width: 1px;
border-style: solid;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
}

/**********************/
/*******DROPDOWN*******/
/**********************/

#dropmenudiv{
position:absolute;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
line-height:10px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
padding: 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #333333;
border-bottom-color: #96bf0d;
}

a.menu_ond_child:link,a.menu_ond_child:visited,a.menu_ond_child:active{
height: 13px;
display: block;
float: left;
border: #000000;
border-width: 1px;
border-style: solid;
padding: 5px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 14px;
color: #ffffff;
}

a.menu_ond_child:hover{
height: 13px;
display: block;
float: left;
border: #96bf0d;
border-width: 1px;
border-style: solid;
padding: 5px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 14px;
color: #ffffff;
}


/**********************/
/******INPUTS OC*******/
/**********************/

a.menu_oc:link,a.menu_oc:visited,a.menu_oc:active{
width: auto;
height: 26px;
display: block;
float: left;
border-left: #000000;
border-left-width: 2px;
border-left-style: solid;
border-top: #000000;
border-top-width: 2px;
border-top-style: solid;
border-bottom: #000000;
border-bottom-width: 2px;
border-bottom-style: solid;
padding-top: 13px;
padding-left: 10px;
padding-right: 5px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 14px;
color: #ffffff;
}

a.menu_oc:hover{
width: auto;
height: 26px;
display: block;
float: left;
border-left: #000000;
border-left-width: 2px;
border-left-style: solid;
border-top: #000000;
border-top-width: 2px;
border-top-style: solid;
border-bottom: #003a8c;
border-bottom-width: 2px;
border-bottom-style: solid;
padding-top: 13px;
padding-left: 10px;
padding-right: 5px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 14px;
color: #ffffff;
}

a.menu_laatste_oc:link,a.menu_laatste_oc:visited,a.menu_laatste_oc:active{
width: auto;
height: 26px;
display: block;
float: left;
border: #000000;
border-width: 2px;
border-style: solid;
padding-top: 13px;
padding-left: 7px;
padding-right: 5px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 14px;
color: #ffffff;
}

a.menu_laatste_oc:hover{
width: auto;
height: 26px;
display: block;
float: left;
border: #000000;
border-width: 2px;
border-style: solid;
border-bottom-color: #003a8c;
padding-top: 13px;
padding-left: 7px;
padding-right: 5px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 14px;
color: #ffffff;
}

/*****************/
/***INPUTS  TOR***/
/*****************/

a.menu_tor:link,a.menu_tor:visited,a.menu_tor:active{
width: auto;
height: 26px;
display: block;
float: left;
border-left: #000000;
border-left-width: 2px;
border-left-style: solid;
border-top: #000000;
border-top-width: 2px;
border-top-style: solid;
border-bottom: #000000;
border-bottom-width: 2px;
border-bottom-style: solid;
padding-top: 13px;
padding-left: 10px;
padding-right: 5px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 14px;
color: #ffffff;
}

a.menu_tor:hover{
width: auto;
height: 26px;
display: block;
float: left;
border-left: #000000;
border-left-width: 2px;
border-left-style: solid;
border-top: #000000;
border-top-width: 2px;
border-top-style: solid;
border-bottom: #e42b38;
border-bottom-width: 2px;
border-bottom-style: solid;
padding-top: 13px;
padding-left: 10px;
padding-right: 5px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 14px;
color: #ffffff;
}

a.menu_laatste_tor:link,a.menu_laatste_tor:visited,a.menu_laatste_tor:active{
width: auto;
height: 26px;
display: block;
float: left;
border: #000000;
border-width: 2px;
border-style: solid;
padding-top: 13px;
padding-left: 7px;
padding-right: 5px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 14px;
color: #ffffff;
}

a.menu_laatste_tor:hover{
width: auto;
height: 26px;
display: block;
float: left;
border: #000000;
border-width: 2px;
border-style: solid;
border-bottom-color: #e42b38;
padding-top: 13px;
padding-left: 7px;
padding-right: 5px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 14px;
color: #ffffff;
}

/********************/
/*****INPUTS OND*****/
/********************/

a.menu_ond:link,a.menu_ond:visited,a.menu_ond:active{
width: auto;
height: 26px;
display: block;
float: left;
border-left: #000000;
border-left-width: 2px;
border-left-style: solid;
border-top: #000000;
border-top-width: 2px;
border-top-style: solid;
border-bottom: #000000;
border-bottom-width: 2px;
border-bottom-style: solid;
padding-top: 13px;
padding-left: 10px;
padding-right: 5px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 14px;
color: #ffffff;
}

a.menu_ond:hover{
width: auto;
height: 26px;
display: block;
float: left;
border-left: #000000;
border-left-width: 2px;
border-left-style: solid;
border-top: #000000;
border-top-width: 2px;
border-top-style: solid;
border-bottom: #96bf0d;
border-bottom-width: 2px;
border-bottom-style: solid;
padding-top: 13px;
padding-left: 10px;
padding-right: 5px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 14px;
color: #ffffff;
}

a.menu_laatste_ond:link,a.menu_laatste_ond:visited,a.menu_laatste_ond:active{
width: auto;
height: 26px;
display: block;
float: left;
border: #000000;
border-width: 2px;
border-style: solid;
padding-top: 13px;
padding-left: 7px;
padding-right: 5px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 14px;
color: #ffffff;
}

a.menu_laatste_ond:hover{
width: auto;
height: 26px;
display: block;
float: left;
border: #000000;
border-width: 2px;
border-style: solid;
border-bottom-color: #96bf0d;
padding-top: 13px;
padding-left: 7px;
padding-right: 5px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 14px;
color: #ffffff;
}

/******TABLE*******/

table{
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
}

iframe{
overflow: hidden;
}