@charset "utf-8";
/* Copyright Alleautos.nl - CSS Document */

html {
	min-height:100%;
}

body {
    background: #fafafa url(/web_images/bg.png) 50% 0 no-repeat;
	font:76% "Lucida Grande", Arial, sans-serif;
	color:#333;
	line-height:1.5em;
	margin:0;
	padding:0;
}

a {
color:#628819;
font-weight:bold;
text-decoration:none;
}

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

.container {
	text-align: center;
}

.page {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

.header {
	width:960px;
	height: 170px;
	margin:0 auto;
	clear:both;
}

#logo {
float:left;
margin-top: 10px;
}

#mainmenu {
float:right
}


.menu_1 {
	width: 621px;
	float:right;
	padding: 0;
	margin: 0;
	margin-top: 26px;
	list-style: none;
}
.menu_1 li { 
	padding: 0;
	margin: 0;
	height: 34px;
	list-style: none;
	background-repeat: no-repeat;
}
.menu_1 li a, .menu li a:visited {
	display: block;
	text-decoration: none;
	text-indent: -5000px;
	height: 39px;
	background-repeat: no-repeat;
}

.menu_2 {
	width: 621px;
	float:right;
	padding: 0;
	margin: 0;
	list-style: none;
}
.menu_2 li {
	padding: 0;
	margin: 0;
	height: 34px;
	list-style: none;
	background-repeat: no-repeat;
}
.menu_2 li a, .menu li a:visited {
	display: block;
	text-decoration: none;
	text-indent: -5000px;
	height: 39px;
	background-repeat: no-repeat;
}

#submenu_login {
padding-top: 129px;
margin-left: 170px;
color:#FFFFFF;
font-weight:bold;
}

#submenu_login a {
color:#FFFFFF;
font-weight:bold;
}

#submenu_login a:hover {
color:#000000;
font-weight:bold;
}

#submenu {
padding-top: 110px;
margin-left: 115px;
color:#FFFFFF;
font-weight:bold;
}

.submenu li { 
	padding: 0;
	margin: 0;
	height: 34px;
	list-style: none;
	background-repeat: no-repeat;
}
.submenu li a, .menu li a:visited {
	display: block;
	text-decoration: none;
	text-indent: -5000px;
	height: 39px;
	background-repeat: no-repeat;
}

.occasions {background-image: url(/web_images/menu_rollover_03.png); width: 229px;}
.occasions a {background-image: url(/web_images/menu_03.png);}
.verkopen {background-image: url(/web_images/menu_rollover_04.png); width: 203px;}
.verkopen a {background-image: url(/web_images/menu_04.png);}
.nieuweautos {background-image: url(/web_images/menu_rollover_05.png); width: 189px;}
.nieuweautos a {background-image: url(/web_images/menu_05.png);}

.accessiores {background-image: url(/web_images/menu_rollover_07.png); width: 180px;}
.accessiores a {background-image: url(/web_images/menu_07.png);}
.onderdelen {background-image: url(/web_images/menu_rollover_08.png); width: 181px;}
.onderdelen a {background-image: url(/web_images/menu_08.png);}
.verzekeringen {background-image: url(/web_images/menu_rollover_09.png); width: 157px;}
.verzekeringen a {background-image: url(/web_images/menu_09.png);}
.financiering {background-image: url(/web_images/menu_rollover_10.png); width: 103px;}
.financiering a {background-image: url(/web_images/menu_10.png);}

.dashboard {background-image: url(/web_images/submenu_rollover_13.png); width: 129px;}
.dashboard a {background-image: url(/web_images/submenu_13.png);}
.advertentieplaatsen {background-image: url(/web_images/submenu_rollover_14.png); width: 201px;}
.advertentieplaatsen a {background-image: url(/web_images/submenu_14.png);}
.mijnadvertenties {background-image: url(/web_images/submenu_rollover_15.png); width: 188px;}
.mijnadvertenties a {background-image: url(/web_images/submenu_15.png);}
.mijngegevens {background-image: url(/web_images/submenu_rollover_16.png); width: 154px;}
.mijngegevens a {background-image: url(/web_images/submenu_16.png);}
.uitloggen {background-image: url(/web_images/submenu_rollover_17.png); width: 113px;}
.uitloggen a {background-image: url(/web_images/submenu_17.png);}


ul.menu_1 li a:hover {background: none;}
.menu_1 li {float: left;}
.menu_1:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

ul.menu_2 li a:hover {background: none;}
.menu_2 li {float: left;}
.menu_2:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

ul.submenu li a:hover {background: none;}
.submenu li {float: left;}
.submenu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.contentmenu {
	margin: 0;
	padding: 0;
	width: 293px;
	list-style: none;
	background: #fff;
}
.contentmenu li {
	padding: 0;
	margin: 0;
	height: 110px;
	list-style: none;
	background-repeat: no-repeat;
}
.contentmenu li a, .contentmenu li a:visited {
	display: block;
	text-decoration: none;
	text-indent: -5000px;
	height: 110px;
	background-repeat: no-repeat;
}

.particulieren {background-image: url(/web_images/button_particulieren_rollover.png);}
.particulieren a {background-image: url(/web_images/button_particulieren.png);}
.bedrijven {background-image: url(/web_images/button_autobedrijven_rollover.png);}
.bedrijven a {background-image: url(/web_images/button_autobedrijven.png);}

ul.contentmenu li a:hover {background: none;}

#body {
    background: #fafafa;
	clear: both;
	padding-top: 0px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 980px;
	text-align: left;
}

#leaderboard_top {
	width: 728px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: -10px;
}

#leaderboard_bottom {
	width: 728px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: -10px;
}


.box_info {
	position:relative;
	margin:0px auto;
	min-width:8em;
	max-width:980px; /* based on image dimensions - not quite consistent with drip styles yet */
	color:#000;
	z-index:1;
	margin-left:12px; /* default, width of left corner */
    margin-top:0.5em; /* spacing under box_info */
}
.box_info .content, .box_info .t, .box_info .b, .box_info .b div {
	background: url(/web_images/box_bg.png) no-repeat top right;
}
.box_info .content {
	position:relative;
	zoom:1;
	_overflow-y:hidden;
	padding:0px 12px 0px 0px;
	height:100%;
}
.box_info .t {
	/* top+left vertical slice */
    position:absolute;
	left:0px;
	top:0px;
	width:12px; /* top slice width */
	margin-left:-12px;
	height:100%;
	_height:5000px; /* arbitrary long height, IE 6 */
	background-position:top left;
}
.box_info .b {
	/* bottom */
    position:relative;
	width:100%;
}
.box_info .b, .box_info .b div {
	height:22px; /* height of bottom cap/shade */
	font-size:1px;
}
.box_info .b {
	background-position:bottom right;
}
.box_info .b div {
	position:relative;
	width:12px; /* bottom corner width */
	margin-left:-12px;
	background-position:bottom left;
}
.box_info .hd, .box_info .bd, .box_info .ft {
	position:relative;
}
.box_info .wrapper {
	/* extra content protector - preventing vertical overflow (past background) */
    position:static;
	max-height:3000px;
	overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}
.box_info h1 {
	margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
	padding: 39px 0px 10px 10px;
}

.box_info h1 {
	padding-bottom:10px;
	font-size:18px;
	font-style:italic;
}


.box_info h1 {
	padding-bottom:10px;
	font-size:18px;
	font-style:italic;
}
.box_inhoud {
	margin-left:12px;
	margin-top: 8px;
	margin-right:12px;
}

.introtext {
    float:left;
	margin-right: 10px;
    width:290px;
	min-height: 20px;
}

.introtext_banner {
    float:left;
	margin-right: 10px;
    width:250px;
	min-height: 20px;
	margin-top:45px; margin-left: 10px;
}
/* laatste 5 adverts */
#latest{
}
#latest h2{
	font-size:14px;
	color:#06067b;
	margin-bottom:15px;
}
#latest ul{
	list-style:none;
}
#latest li{
	float:left!important;
	padding:0;
	background:none;
	width:175px;
	font-size:0.8em;
}
#latest .ovrrimg{
	text-align:center;
}
#latest li h3, #latest li h3 a{
	font-size:12px;
	margin:6px 0 6px 0;
}

/* end laatste 5 */
.footerwrap {
	background: url(/web_images/footer_bg.png) repeat-x;
	min-width:960px;
}

.footer {
    background: url(/web_images/footer_bg.png) no-repeat;
	width:980px;
	height: 124px;
	margin:0 auto;
	clear:both;
}

.footer_left {
	padding-bottom: 20px;
	padding-top: 10px;
	padding-left: 20px;
	text-align: left;
	line-height: 20px;
	float:left;
	width:273px;
}

.footer_right {
	padding-bottom: 20px;
	padding-top: 23px;
	font-size:11px;
	color: #999999;
	line-height: 20px;
	float: right;
	width:680px;
}

.footer img{
	vertical-align: middle;
}

.pikachoose{width:400px;margin:0 auto 0 auto; float:left;}
/* This is the ul you have all your images in */
.pikachoose ul{padding-left:0;width:410px;height:160px;margin:0;overflow:hidden;}
.pikachoose ul li{float: left;border:1px solid #aeaeae;padding:2px;margin:0 6px 6px 0;position:relative;overflow:hidden; height:70px; width:70px;}
.pikachoose ul li div img{position:relative;cursor:pointer;}

/* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */
.pika_main{width:400px;height:310px;display:block;position:relative;}
/*sine we give it the fake border, you need to position the image a little. */
.pika_main_img{position:absolute;top:2px;left:2px;}
.pika_back_img{position:relative;top:0px;}
.pika_subdiv{position:relative;border:1px solid #aeaeae;padding:2px; height:298px; width:397px;}
.pika_subdiv img, .pika_subdiv a img{border:none;}
.pika_caption{width:400px;height:16px;padding-top:4px;text-align:center;position:absolute;bottom:7px;left:3px;top left;}
.pika_caption a{color:white;}

/* .pika_play{position:absolute;z-index:1;left:50%;margin-left:-25px;width:50px;top:5px;} */
/*.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background: url('/web_images/play.png') top center no-repeat;}*/
/*.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background: url('/web_images/pause.png') top center no-repeat;}*/

/*.pika_navigation a{font-size: 12px; text-decoration: none;}*/
/*.pika_navigation a:hover{text-decoration: underline;}*/
/*.pika_navigation{padding-top:10px;clear:both;text-align:center;}*/

/* if you want to 'hide' these jus make their height and width 1px */
/*.pika_prev_hover{position:absolute;top:5px;left:5px;height:456px;width:50px;background: url('/web_images/rewind.png') top left no-repeat; cursor:pointer;}*/
/*.pika_next_hover{position:absolute;top:5px;right:5px;height:456px;width:50px;background: url('/web_images/fastf.png') top right no-repeat; cursor:pointer;}*/

/* mijn facture overzicht */
.bluwe{
background:#cce9af;
}
.trover{
	cursor:pointer;
	}
.trover:hover{
	color:#fff!important;
	background:#628819;
}