* { padding: 0; margin: 0; }

BODY
{
padding: 0; 
margin: 0px auto;
width: 960px;
height: 100%;
background:#FFF url('../images/bg_main.jpg') repeat-x;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
background-color: #FFFFFF;
text-align: left;
color: #000000;
}

html 
{
overflow-y: -moz-scrollbars-vertical;
overflow: -moz-scrollbars-vertical;
}

div#top {
margin:0 auto;
margin-top: 0px;
padding:0;
width:960px;
}

#wrapper { 
 margin: 0 auto;
 margin-top: 0;
 width: 960px;
}
#header {
 color: #333;
 width: 960px;
 float: left;
 padding: 0px;
 border: 0px solid #ccc;
 height: 150px;
 margin: 0px 0px 0px 0px;
 background: #FFFFFF;
 background-image:url('../images/header/1.jpg');
 background-repeat:no-repeat;
}
#navigation {
 float: left;
 width: 720px;
 color: #333;
 height: 60px;
 padding: 0px;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 background: #FFFFFF;
 border-right:0px solid #ff9400;
}

#leftcolumn { 
 color: #333;
 border: 1px solid #ccc;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 width: 700px;
 float: left;
 background: #f0f0f0;
}
#rightcolumn { 
 float: right;
 color: #333;
 border: 1px solid #ccc;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 600px;
 width: 200px;
 display: inline;
 background: #ebebeb;
 /*
 background: #E8E8E8;
 */
}
#footer { 
 width: 960px;
 clear: both;
 color: #333;
 border: 0px solid #ccc;
 height: 40px;
 background: #FFFFFF;
 margin: 0px 0px 0px 0px;
 padding-top: 10px;
 padding-bottom: 10px;
 background-image:url('../images/footer.jpg');
}

#footertxt { 
 width: 960px;
 clear: both;
 color: #333;
 border: 0px solid #ccc;
 height: 260px;
 background: #d6d6d6;
 margin: 0px 0px 0px 0px;
 padding: 0px;
}

#containerroc
{
    width:200px;
    height:150px;
    background-color:#CCC;
}
	
#containerroc #contentroc
{
    position:absolute;
    background-color:#000000; 
	height:26px; 	
	opacity: 0.60; 
	filter:alpha(opacity=60);
	width: 190px; 
	margin-bottom:0px;
	margin-left:0px; 
	padding-bottom:0px; 
	margin-top:114px; 
	border-top:1px solid #CCCCCC;
	padding:5px; 
	font-size:11px;
	color:#FFFFFF;
}
#containerroc #showocc
{
    position:absolute;
    background-color:#FFFFFF; 
    background-image:url('../../images/icons/bg_show.gif'); 
	height:10px; 	
	width: 10px; 
	margin-top:0px;
	margin-left:180px; 
	padding-top:0px; 
	margin-bottom:140px; 
	border-top:1px solid #CCCCCC;
	padding:5px; 
	font-size:11px;
	color:#FFFFFF;
}

#containerroc #bgimageroc
{
    float:left;  
    position:absolute; 
} 

.cont
{
    width:213px;
    height:30px;
}
	
.cont .contentx
{
    position:absolute;
    background-color:#000000; 
	height:30px; 	
	opacity: 0.70; 
	filter:alpha(opacity=70);
	width: 213px; 
	margin-bottom:0px;
	margin-left:1px; 
	padding-bottom:0px; 
	margin-top:-41px; 
	border-top:1px solid #CCCCCC;
	padding:5px; 
	font-size:11px;
	color:#FFFFFF;
}

.cont .bgimage
{
    float:left;  
    position:absolute; 
}

.contsr
{
    width:120px;
    height:0px;
}
	
.contsr .contentsr
{
    position:absolute;
    background-color:#FF0000; 
	height:30px; 	
	opacity: 1.00; 
	filter:alpha(opacity=100);
	width: 120px; 
	margin-bottom:0px;
	margin-left:1px; 
	padding-bottom:0px; 
	margin-top:-32px; 
	border-top:1px solid #CCCCCC;
	padding-top:0x; 
	padding:0px; 
	font-size:11px;
	color:#FFFFFF;
	text-align:center;
	background:#FFF url('../images/verkocht.png') repeat-x;
}

.cont .contentred
{
    position:absolute;
    background-color:#000000; 
	height:30px; 	
	opacity: 0.90; 
	filter:alpha(opacity=90);
	width: 213px; 
	margin-bottom:0px;
	margin-left:1px; 
	padding-bottom:0px; 
	margin-top:-41px; 
	border-top:1px solid #CCCCCC;
	padding:5px; 
	font-size:11px;
	color:#FFFFFF;
	text-align:center;
	background:#FFF url('../images/verkocht_groot.jpg') repeat-x;
}


.contsr .bgimage
{
    float:left;  
    position:absolute; 
}

.linksfooter {
position: absolute;
width: 320px;
margin-top: 0px;
}
.middenfooter {
position: absolute;
margin-left: 324px;
width: 300px;
margin-top: 0px;
}
.rechtsfooter {
position: absolute;
margin-left: 648px;
width: 320px;
margin-top: 0px;
}

ul#nav
{margin:0;padding:0;list-style:none;}
ul#nav li#logo
{display:block;margin:0 15px 100px 0 ;width:0px;height:60px; background-image:url('images/menu/logo_autojol.jpg');text-indent:-3000px;border:none;}
ul#nav li
{margin:0;padding:0;display:block;float:left;height:24px;text-align:center;text-transform:uppercase;}
ul#nav li a
{text-decoration:none;color:#999;display:block;font-weight:bold;width:120px;height:28px;padding-top:20px;font-size:10px;background-image:url('../images/menu/navbg-off.jpg');background-position:bottom;background-repeat:no-repeat;}
ul#nav li a:hover
{text-decoration:none;color:#999;display:block;font-weight:bold;width:120px;height:28px;padding-top:20px;font-size:10px;background-image:url('../images/menu/navbg-over.jpg');background-position:bottom;background-repeat:no-repeat;}
ul#nav li a.current
{text-decoration:none;color:#0095ff;display:block;font-weight:bold;width:120px;height:28px;padding-top:20px;background-image:url('../images/menu/navbg-on.jpg');background-position:bottom;background-repeat:no-repeat;}

.occrow1
{
border-bottom:1px solid #CCCCCC;
height: 22px;
}

.occrow2
{
border-bottom:1px solid #CCCCCC;
height: 22px;
}

.kopvlak
{
background-color:#404040;
height:26px;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding-left:10px;
padding-top: 10px;
}
/* ----------------- MENU MENU MENU ----------------- */
.menu{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	}
.menu ul{
background:#333333;
height:35px;
list-style:none;
margin:0;
padding:0;
}

.menu li{
float:left;
padding:0px;
}
.menu li a{
background:#333333 url("images/seperator.gif") bottom right no-repeat;
color:#cccccc;
display:block;
font-weight:normal;
line-height:35px;
margin:0px;
padding:0px 25px;
text-align:center;
text-decoration:none;
}
.menu li a:hover, .menu ul li:hover a{
	background: #2580a2 url("images/hover.gif") bottom center no-repeat;
	color:#FFFFFF;
	text-decoration:none;
	}
.menu li ul{
background:#333333;
display:none;
height:auto;
padding:0px;
margin:0px;
border:0px;
position:absolute;
width:225px;
z-index:200;
/*top:1em;
/*left:0;*/
}
.menu li:hover ul{
display:block;

}
.menu li li {
background:url('images/sub_sep.gif') bottom left no-repeat;
display:block;
float:none;
margin:0px;
padding:0px;
width:225px;
}
.menu li:hover li a{
background:none;

}
.menu li ul a{
display:block;
height:35px;
font-size:12px;
font-style:normal;
margin:0px;
padding:0px 10px 0px 15px;
text-align:left;
}
.menu li ul a:hover, .menu li ul li:hover a{
	background:#2580a2 url('images/hover_sub.gif') center left no-repeat;
	border:0px;
	color:#ffffff;
	text-decoration:none;
	}
.menu p{
clear:left;
}	

/* ----------------- LINKS ----------------- */
a:link
{
color: #000000;
border-color: 1px; 
text-decoration: none 
}

a:visited
{
color: #000000; 
text-decoration: none 
}

a:active
{
color: #000000; 
text-decoration: none 
}

a:hover 
{ 
color: #000000; 
text-decoration: underline;
}

hr
{
border-bottom : 1px solid #d6d6d6;
color:#FFFFFF;
border-top : none;
text-align: left;
margin-left:0px;
width:700px;

} 

.popup
{
COLOR: #FFFFFF;
CURSOR: help;
TEXT-DECORATION: none
}


fieldset
{
_position : relative;  /* The underscore means only IE will see it */
_padding-top : 0px;   /* Stupid IE */
_padding-bottom : 15px;
_display : block;
border: 0px solid #b9b9b9;
margin-top: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
position: relative;
}

fieldset.laatstenieuws
{
 width: 310px;
 height:106px; 
}

fieldset.ovz
{
 width: 640px;
 height: 80px;
 border: 1px solid #b9b9b9;
}


legend
{
_position : absolute;
_top : -10px;
line-height: 1.5em;
position: relative;
top: -1.2em;
color: #FFFFFF;
background: #000000;
border: 1px solid #000000;
padding: 4px 6px;
}

label
{
width: 100px;
float: left;
text-align: left;
display: block
}

.submit input
{
margin-left: 10px;
color: #000000;
background: #FFFFFF;
border: 1px solid #000000;
} 

input	
{ 
border: 1px solid #000000; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; 
padding-left: 3px;
padding-right: 3px;
color: #000000;
}

/* ----------------- Teksten ----------------- */

h1
{
font-size: 12px; 
padding-left: 10px; 
padding-top: 10px; 
font-weight:bold;   
color: #FFFFFF; 
height:26px;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding-left:0px;
padding-top: 0px;
}

p
{
text-align: justify;
font-size: 11px; 
line-height: 16px;
padding-left: 10px; 
padding-right: 10px;
padding-bottom: 0px;
}


p.module
{
text-align: justify;
line-height: 16px;
padding-left: 20px; 
padding-right: 20px;
padding-bottom: 0px;
}


p.ovz
{
text-align: justify;
line-height: 12px;
padding-left: 10px; 
padding-right: 10px;
}

p.kop 	
{ 
font-size: 14px; 
padding-left: 10px; 
padding-top: 10px; 
padding-bottom: 0px;
font-weight:bold;   
color: #00ab65; 
}

p.footer 	
{ 
color: #FFFFFF; 
text-align: right;
}

/* ----------------- Formulier ----------------- */

.area 	
{ 
border: 1px solid #000000; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; 
color: #000000;
padding-left: 3px;
padding-right: 3px;
}

.button	
{ 
border: 1px solid #999999;
background-color: #FFFFFF; 
height: 16px; 
vertical-align: middle;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px;
color: #000000; 
}
.dropdown 
{ 
height: 16px;
border: 1px solid #000000; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; 
color: #000000;
}

/*  ----------------- MAIN MENU ----------------- */

#nav2
{
width: 960px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
background-color: #d6d6d6;
height: 25px;
}

ul#nav2
{
color: #7e7e7e; 
list-style-type: none;
padding-bottom: 0px;
padding-top: 0px;
margin: 0;
}

ul#nav2 li
{
float: left;
font-size: 11px;
background-color: #d6d6d6;
margin: 0px 4px 0px 14px;
}

ul#nav2 li#active
{
border-bottom: 0px solid #000000;
background-color: #FF0000;
color: #7a7a7a; 
}

li#active a 
{ 
color: #7a7a7a; 
}

#nav2 a
{
float: left;
display: block;
color: #7a7a7a;
text-decoration: none;
padding: 3px; 
padding-left: 3px; 
padding-right: 3px; 
border-top: 3px solid #d6d6d6;
border-bottom: 3px solid #d6d6d6;
border-left: 3px solid #d6d6d6;
border-right: 3px solid #d6d6d6;
}

#nav2 a:hover 
{ 
background: #FF0000; 
color: #FFFFFF;
padding-left: 3px; 
padding-right: 3px; 
border-top: 3px solid #d6d6d6;
border-bottom: 3px solid #d6d6d6;
border-left: 3px solid #d6d6d6;
border-right: 3px solid #d6d6d6;
}


/* ----------------- OVZ LINK HOOFDMENU ----------------- */

.buttonscontainerhd 
{
width: 650px; 
border-bottom: 0px solid #f2f2f2;
margin-left:0px;
margin-right:0px;
font-size:12px;
}

.buttonshd a 
{
background-color: #f2f2f2;
display: block;
margin-right:0px;
border-bottom: 1px dotted #404040;
padding: 4px;
padding-left: 10px;
font-size:12px;
color: #404040;
text-decoration: none;
}

.buttonshd a:hover 
{
background-color: #404040;
color: #f2f2f2;
text-decoration: none;
}

/* ----------------- OPTIES OCCASIONS ----------------- */

.buttonscontainerocc 
{
width: 190px; 
border-bottom: 0px solid #f2f2f2;
margin-left:0px;
margin-right:0px;
padding: 0px;
font-size:12px;
}

.buttonsocc a 
{
background-color: #404040;
display: block;
margin-right:0px;
border-bottom: 1px dotted #f2f2f2;
padding: 8px;
padding-left: 10px;
font-size:12px;
color: #f2f2f2;
text-decoration: none;
}

.buttonsocc a:hover 
{
background-color: #f2f2f2;
color: #404040;
text-decoration: none;
}


/* ----------------- OPTIES OCCASIONS ----------------- */

.buttonscontainerccc 
{
width: 200px; 
border-bottom: 0px solid #f2f2f2;
margin-left:0px;
margin-right:0px;
padding: 0px;
font-size:12px;
}

.buttonsccc a 
{
background-color: #404040;
display: block;
margin-right:0px;
border-bottom: 1px dotted #f2f2f2;
padding: 8px;
padding-left: 10px;
font-size:12px;
color: #f2f2f2;
text-decoration: none;
}

.buttonsccc a:hover 
{
background-color: #0295ff;
color: #FFFFFF;
text-decoration: none;
}


/* ----------------- SUBMENU ----------------- */

.buttonscontainer 
{
width: 320px; 
border-bottom: 0px solid #f2f2f2;
margin-left:0px;
margin-right:0px;
padding: 0px;
font-size:12px;
}

.buttons a 
{
background-color: #404040;
display: block;
margin-right:0px;
border-bottom: 1px dotted #f2f2f2;
padding: 4px;
padding-left: 10px;
font-size:12px;
color: #f2f2f2;
text-decoration: none;
}

.buttons a:hover 
{
background-color: #f2f2f2;
color: #404040;
text-decoration: none;
}

/* ----------------- TABMENUS ----------------- */

ul#navlist
{
color: #0083de; 
list-style-type: none;
padding-bottom: 21px;
border-bottom: 0px solid #ff0000;
margin: 0;
}

#navcontainer
{
width: 960px;
text-align: left;
padding-left: 0px;
}


ul#navlist li
{
float: right;
height: 20px;
background-color: #ff0000;
margin: 0px 0px 0px 10px;
border: 1px solid #ff0000;
}

ul#navlist li#active
{
border-bottom: 0px solid #ff0000;
background-color: #FF9400;
}

li#active a 
{ 
color: #FFFFFF; 
}

#navlist a
{
float: left;
display: block;
color: #FFFFFF;
text-decoration: none;
padding: 4px;
padding-left: 8px;
padding-right: 8px;
}

#navlist a:hover 
{ 
background: #FFFFFF; 
color: #ff0000; 
border: #ff0000;
}

/* ----------------- ORDERLIST ----------------- */

ul#orderlist
{
color: #0083de; 
list-style-type: none;
padding-bottom: 21px;
margin: 0px;
}

#orderlistcontainer
{
width: 700px;
text-align: left;
padding-left: 0px;
}


ul#orderlist li
{
float: left;
height: 20px;
background-color: #0295ff;
margin: 0px 10px 0px 0px;
}

ul#orderlist li#active
{
background-color: #404040;
}

li#active a 
{ 
color: #FFFFFF; 
}

#orderlist a
{
float: left;
display: block;
color: #FFFFFF;
text-decoration: none;
padding: 4px;
padding-left: 8px;
padding-right: 8px;
}

#orderlist a:hover 
{ 
background: #404040; 
color: #FFFFFF; 
}

/* ----------------- PAG NAV ----------------- */

ul#orderlistx
{
color: #0083de; 
list-style-type: none;
padding-bottom: 21px;
margin: 0px;
}

#orderlistcontainerx
{
width: 700px;
text-align: left;
padding-left: 0px;
}


ul#orderlistx li
{
float: left;
height: 20px;
background-color: #0295ff;
margin: 0px 10px 0px 0px;
}

ul#orderlistx li#activex
{
background-color: #404040;
}

li#activex a 
{ 
color: #FFFFFF; 
}

#orderlistx a
{
float: left;
display: block;
color: #FFFFFF;
text-decoration: none;
padding: 4px;
padding-left: 8px;
padding-right: 8px;
}

#orderlistx a:hover 
{ 
background: #404040; 
color: #FFFFFF; 
}

/* ----------------- NIEUWSMENU ----------------- */

.buttonscontainer2
{
width: 600px;
}

.buttons2 a 
{
color: #FFFFFF;
background-color: #AD2A36;
padding: 2px;
padding-left: 30px;
display: block;
border-bottom: 1px dotted #FF9400;
font: 10px Verdana, sans-serif;
text-decoration: none;
text-align: left;
}

.buttons2 a:hover 
{
background-color: #FF9400;
color: #FFFFFF;
text-decoration: none;
}