* { margin: 0; padding: 0; font-family: Verdana, Geneva, sans-serif; font-size: 11px;  }
img { border: 0; }

html { }
body { background: url(../images/layout/bg_toyota.jpg) no-repeat top center #828388 fixed; }


input[type=text], input[type=password], textarea { border: 1px solid #e5e5e5; }

.clear { clear: both; }

#container {
	position:relative;
	height: 100%;
}

#wrapper { 
	position: relative; 
	margin: 0 auto;
	width: 1000px;
	background: url(../images/layout/new/bg.png) repeat-y center;
}
#wrapper_bot { 
	position: relative; 
	margin: 0 auto;
	width: 1000px;
	height: 10px;
	background: url(../images/layout/new/bg_bot.png) no-repeat top center;
}

#header {
	position: relative;
	margin: 0 auto;
	width: 940px;
	padding: 25px 0 10px;
	z-index: 1;
}

#header h1#vanekris { display: block; width: 390px; height: 31px; padding: 34px 0 22px; }
#header h1#vanekris a { 
	display: block;
	margin-left: 10px;
	height: 31px;
	background: url(../images/layout/logo_vanekris_new2.png) no-repeat; 
	text-decoration: none;
}
#header h1#vanekris a span { visibility: hidden; }

#header img#logo_toyota { position: absolute; display: block; top: 25px; right: 10px; }


/* start navigation */

ul#nav {
	margin: 0 auto;
	padding: 3px 10px 5px;
	width: 920px;
	height: 30px;
	list-style: none; 
	background: url(../images/layout/new/bg_nav_trans_border.png) no-repeat center;
}

#nav li { list-style: none; float: left; line-height: 30px; position: relative; }
#nav li#first { border-right: 1px solid #fff; }

#nav li a { 
	display: inline-block; 
	height: 30px; 
	padding: 0 15px 0 16px; 
	text-decoration: none; 
	color: #fff; 
	font-size: 12px;
	background: url(../images/layout/bg_nav_line.gif) no-repeat left center;
}

#nav li#home a {
	background: none;
	padding-left: 15px;
}

#nav li a:hover { color: #E50000; }
#nav li.select a { color: #E50000; }
#nav li.select li a { color: #666; }



ul#nav li:hover li, ul#nav li li a:hover,
ul#nav li.selected li, ul#nav li.selected li a,
ul#nav li li.selected, ul#nav li li.selected a { background: none; }

ul#nav li ul,
ul#nav li ul ul, 
ul#nav li:hover ul ul, 
ul#nav li ul li:hover ul ul { 
    display: none;
    list-style: none;
    background: url(../images/layout/bg_submenu-3.png);
}

ul#nav li:hover ul {
    display: block;
    position: absolute;
    top: 30px;
		left: 0;
    border-top: none;
		padding-bottom: 3px;
    border: 1px solid #e1e2e5;
		border-top: none;
}
ul#nav li li { float: none; padding: 0px; line-height: 20px; }
ul#nav li li a { color: #666; background: none; min-width: 170px; font-size: 11px; height: inherit; }
ul#nav li li a:hover { text-decoration: underline; }

/* end navigation */



#body {
	position: relative;
	margin: 0 auto;
	width: 960px;
}

#content {
	float: left;
	margin-left: 5px;
	padding: 10px 15px;
	color: #666666;
	width: 590px;
	line-height: 16px;
}

#content h1, #page h1 { font-size: 14px; color: #df1f26; }
#content h1, p, #page h1 { padding-bottom: 10px; }
#content h2, #page h2 { font-size: 12px; color: #444444; padding-bottom: 10px; }
h3, h3 a { font-size: 12px; color: #444444; padding-bottom: 5px; text-decoration: none; }
h3 a:hover { text-decoration: underline; }
th { text-align: left; }
a { color: #333; }
#content ul, #page ul { list-style: none; padding-bottom: 10px; }
#content li, #page li { background: url(../images/layout/vinkje.png) no-repeat 0 4px; padding: 3px 0 3px 20px; }


#content .action { padding-bottom: 10px; }


#rightbox {
	padding-right: 15px;
	width: 308px;
	float: right;
}

.box { color: #666666; padding-bottom: 8px; }
#rightbox .box .top { height: 5px;  background: url(../images/layout/bg_rightbox_top.png) no-repeat center; }
#rightbox .box .mid { padding: 10px 15px 10px; background: url(../images/layout/bg_rightbox_mid.png) repeat-y center; overflow: hidden; }
#rightbox .box .bot { height: 5px;  background: url(../images/layout/bg_rightbox_bot.png) no-repeat center; }

#rightbox .box .special ul { list-style: none; padding-bottom: 10px; }
#rightbox .box .special li { background: url(../images/layout/vinkje.png) no-repeat 0 4px; padding: 3px 0 3px 20px; }

#rightbox .box .mid h2 { padding-bottom: 5px; }
#rightbox .box .mid h2 a { color: #444; text-decoration: none; }
#rightbox .box .mid h2 a:hover { text-decoration: underline; }
#rightbox .box .mid img { float: left; padding-right: 10px; }
#rightbox .box .mid p { padding-bottom: 5px; }
#rightbox .box .mid p.link a { display: inline-block; color: #525252; }

#rightbox .box .mid table { width: auto; border-collapse: collapse; }
#rightbox .box .mid table img { padding: 0; }
#rightbox .box .mid td { padding: 0; }
#rightbox .box .mid td.col1 { width: 160px; height: 70px }

#rightbox .box .nopadding, #rightbox .box .action { padding: 0 5px 0; }
#rightbox .box .action img { float: none; padding: 0; }
#rightbox .box .info { overflow: hidden; }



/* homepage */

.pand1 { float: left; padding-left: 16px; }
.pand2 { float: right; padding-right: 16px; }

.pand_top { height: 3px; background: url(../images/layout/bg_pand_top.png) no-repeat center; width: 453px; }
.pand_mid { background: url(../images/layout/bg_pand_mid.png) repeat-y center; width: 453px; }
.pand_bot { height: 5px; background: url(../images/layout/bg_pand_bot.png) no-repeat center; width: 453px; }

.pand1 h1#maarssen {
	background: url(../images/layout/pand_maarssen_txt.png) no-repeat 0; 
	height: 30px;
}
.pand2 h1#mijdrecht {
	background: url(../images/layout/pand_mijdrecht_txt.png) no-repeat 0;
	height: 30px;
}
.pand1 h1 span, .pand2 h1 span { visibility: hidden; }

.pand1 a img, .pand2 a img  { width: 443px; border: 1px solid #ccc; }

#pand_maarssen, #pand_mijdrecht { 
	position: relative; 
	margin: 0 auto;
	width: 445px; 
	height: 220px;
}


#pand_maarssen .info, #pand_mijdrecht .info { 
	position: absolute; 
	bottom: 0; 
	left: 1px; 
	background: url(../images/layout/bg_pand_white.png);
	overflow: hidden;
	width: 423px;
	padding: 0 10px;
}

#body .name h1 span { display: none; }

#pand_maarssen .info p, #pand_mijdrecht .info p { display: block; float: left; width: 130px; margin-left: 0px; color: #525252; /*#df1f26;*/ }
#pand_maarssen .info p a, #pand_mijdrecht .info p a { color: #444; }
#pand_maarssen .info p a:hover, #pand_mijdrecht .info p a:hover { color: #df1f26; }
#pand_maarssen .info .more, #pand_mijdrecht .info .more { display: none; width: 425px; padding: 10px 0 0; vertical-align: top; overflow: hidden; }
#pand_maarssen .info p.link, #pand_mijdrecht .info p.link { width: 150px; }
#pand_maarssen .info p.link a, #pand_mijdrecht .info p.link a { text-decoration: none; }
#pand_maarssen .info p.link a:hover, #pand_mijdrecht .info p.link a:hover { text-decoration: underline; }
#pand_maarssen .info p a.link, #pand_mijdrecht .info p a.link { display: inline-block; padding-top: 5px; text-decoration: none; font-weight: bold; }

#footer {
	position: relative;
	overflow: hidden;
	margin: 21px auto 0;
	padding: 23px 25px 15px;
	background: url(../images/layout/new/stripe.png) no-repeat top center;
}


#footer .content { padding: 15px 12px; overflow: hidden; }

#footer .box { float: left; width: 315px; padding: 0; }
#footer .box h2, 
#footer .box h2 a { color: #525252; font-size: 14px; padding-bottom: 10px; text-decoration: none; min-height: 36px;  }
#footer .box h2 a:hover { text-decoration: underline; }
#footer .box a.link { display: inline-block; padding-top: 10px; color: #525252; }
#footer .box th { text-align: left; padding-right: 7px; }
#footer .box p { padding: 0; }
#footer .box img { border: 1px solid #ccc; }

#footer .box .normal { padding: 0 15px; }
/*#footer .box .normal h2 { min-height: 36px; }*/
#footer .box .normal img { float: left; margin: 0 10px 0 0; }
#footer .box .normal a { text-decoration: none; font-weight: bold; }
#footer .box .normal a:hover { text-decoration: underline; }

#footer .box div.link { width: 142px; float: left; }
#footer .box .info { overflow: hidden; }

#footer .box .action { padding-left: 10px; }
#footer .box .action img { border: 1px solid #ccc; }
#footer .box .action a { text-decoration: none; font-weight: bold; display: block; }
#footer .box .action a.link { padding-top: 12px; display: block; }
#footer .box .action a:hover { text-decoration: underline; }


#footer .box .topoccasion { }
#footer .box .topoccasion table { border-collapse: collapse; }

#footer .box .branche h2 a { font-size: 11px; }
#footer .box .branche p { padding-bottom: 5px; }

#nav_bottom { margin: 0 auto; width: 920px; color: #fff; height: 30px; overflow: hidden; }
#nav_bottom ul.bottom-list { float: right; margin-right: 20px; }
#nav_bottom .bottom-list li { list-style: none; float: left; border-left: 1px solid #fff; padding: 0 10px; }
#nav_bottom .bottom-list li.first { border: 0; padding-left: 0; }
#nav_bottom .bottom-list a { color: #fff; font-size: 10px; }
#nav_bottom span { float: right; }

#nav_bottom #social-list li { list-style: none; float: left; 	border-left: none; padding-right: 5px; }

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}

#header #fb-iframe { position: absolute; /* top: 90px; right: 0px; */ /* top: 64px; left: 400px; */top: 20px; left: 10px; }
#header #___plusone_0 { position: absolute; /* top: 90px; right: 0px; */ top: 22px; left: 140px; }

/* form style */
.formstyle { padding: 10px 0;; }
#content .formstyle p, .formstyle p { padding: 5px 0; /*border: 1px solid grey;*/ line-height: 25px; }
.formstyle p.error { background: #ffe6e6; }
.formstyle div#success_message { background: #59bd5b; display: table; padding: 10px; color: #fff; margin-bottom: 10px; border: 1px solid #166d18; }
#content .formstyle p.indent, .formstyle div.indent { padding-left: 110px; }

.formstyle div#error_message { 
	width: 260px;
	padding: 10px 20px;
	border: 1px solid #B20202; 
	margin-bottom: 10px;
	background: #ffe6e6; 
}
.formstyle div#error_message a { color: #B20202; text-decoration: none; }
.formstyle div#error_message ul { list-style: none; padding-top: 10px; }
.formstyle div#error_message li { padding: 0; background: none; color: #111; }


.formstyle label { display: inline-block; width: 110px; color: #333; }
.formstyle p.top label { vertical-align: top; margin-top: 6px; }
.formstyle label.content { width: auto; margin-right: 15px; }
.formstyle label.required { background: url(../images/layout/label_required.gif) no-repeat 0 8px; }

.formstyle input[type=text], .formstyle input[type=password], .formstyle textarea, .formstyle select { 
	margin-right: 10px;
	width: 336px;
	max-width: 336px;
	max-height: 400px;
	padding: 5px 7px;
	border: 1px solid #c2c2c2;
	background: #fcfcfc;
	outline: none;
}
.formstyle textarea { height: 150px; }
.formstyle option { padding: 0 7px; }

.formstyle input[type=text], .formstyle input[type=password], .formstyle textarea, .formstyle select {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: rgba(0,0,0,0.10) 0 0 8px;
  -webkit-box-shadow: rgba(0,0,0,0.10) 0 0 8px;
}

.formstyle input[type=text]:hover, .formstyle input[type=password]:hover, .formstyle textarea:hover, .formstyle button:hover,
.formstyle input[type=text]:focus, .formstyle input[type=password]:focus, .formstyle textarea:focus {
	-moz-box-shadow: rgba(0,0,0,0.15) 0 0 8px;
  -webkit-box-shadow: rgba(0,0,0,0.15) 0 0 8px;
}

.formstyle input[type=text]:hover,.formstyle input[type=password]:hover, .formstyle textarea:hover { 
	background-color: #fcfcfc; border: 1px solid #636363; 
}
.formstyle input[type=text]:focus, .formstyle input[type=password]:focus, .formstyle textarea:focus { 
	background-color: #fff; border: 1px solid #444448; 
}

.formstyle input[type=text].error, .formstyle input[type=password].error, .formstyle input[type=file].error, .formstyle textarea.error, .formstyle select.error { 
	background-color: #ffc2c2; border: 1px solid #b20202; 
}
.formstyle input[type=text].error:hover, .formstyle input[type=password].error:hover, .formstyle input[type=file].error:hover, .formstyle textarea.error:hover, .formstyle select.error:hover { 
	background: #ffe6e6; 
}
.formstyle input[type=text].error:focus, .formstyle input[type=password].error:focus, .formstyle input[type=file].error:focus, .formstyle textarea.error:focus, .formstyle select.error:focus { 
	border: 1px solid #444448;  
	background: #ffe6e6; 
}

.formstyle button {
	padding: 5px 10px;
	background: #c2c2c2; 
	border: 1px solid #c3c3c3; 
	color: #363636; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	-moz-box-shadow: rgba(0,0,0,0.10) 0 0 8px;
  -webkit-box-shadow: rgba(0,0,0,0.10) 0 0 8px;
	cursor: pointer;
}
.formstyle button:hover { background: #3e3e3e; color: #ffffff; border: 1px solid #c2c2c2; }

.formstyle span.error { 
	display: inline-block;
	vertical-align: middle;
	background: url(../images/layout/cross.png) no-repeat 5px 0; 
	width: 25px; 
	height: 20px;
	cursor: help;
}
.formstyle p.top span.error { 
	vertical-align: top;
	margin-top: 6px;
}
#content .formstyle p.linenormal { line-height: normal; }

.style2 label { padding-left: 10px; }
.style2 label.content { padding-left: 5px; }
.style2 input[type=text], .style2 input[type=password], .style2 textarea { width: 250px; }
.style2 select { width: 266px; }
#content .style2 p.indent, .style2 div.indent { padding-left: 120px; }

.style3 label { padding-left: 10px; width: 150px; }
.style3 label.content { padding-left: 5px; }
.style3 input[type=text], .style3 input[type=password], .style3 textarea { width: 250px; }
.style3 select { width: 266px; }
#content .style3 p.indent, .style3 div.indent { padding-left: 160px; }

.formstyle textarea.type1 { height: 60px; }
.formstyle span { display: inline-block; margin-right: 10px; }
.formstyle select.type2 { width: auto; }
.formstyle .ui-datepicker-trigger { cursor: pointer; }


.formstyle input[type=text].type2 { width: 100px;  }
.watismijnautowaard label.content { width: 80px; }

p.error strong { color: #b20202; }
#content p.last { padding-bottom: 15px; }
#content p.nopadtop { padding-top: 0; }
#content p.nopadbot { padding-bottom: 0; }
p.werkzaamheden_anders { display: none; }
p.werkzaamheden_anders textarea { max-height: 75px; }
div.block { margin: -30px 0 10px 160px; line-height: 20px; }
#content p.indent div.block { margin: 0px 0 10px 160px; }

/*fce8e9*/

#content .news { overflow: hidden; padding: 10px 0 15px 0; border-top: 1px solid #fce8e9; position: relative; }
#content .first { border: none; }
#content .news h2, #content .news h2 a { font-size: 14px; padding-bottom: 5px; color: #444444; text-decoration: none; }
#content .news h2 a:hover { text-decoration: underline; }
#content .news a { color: #df1f26; }
#content .news img, #news_article img { float: left; margin-right: 10px; border: 1px solid #e5e5e5; }
#content .news p { padding-right: 100px; }
#content #news_article a.link { display: block; padding-top: 5px; color: #df1f26; }
#content span.date { display:inline-block; padding-bottom: 5px; font-style: italic; font-size: 10px; color: #999; }
#content .news iframe#fb-iframe { position: absolute; bottom: 10px; right: 0;}

#content #social-bar { clear: both; overflow: hidden; }
#content #social-bar iframe#fb-iframe { float: right; }


th.toppad10 { padding-top: 10px; }

#page {	color: #666666; padding: 0 20px; }
#page iframe#occasion { border: none; width: 920px; height: 2000px; }
#page iframe#topoccasion { border: none; width: 920px; height: 1200px; }
#page iframe#show_occasion { border: none; width: 920px; height: 1200px; }
#page iframe#modellen { border: none; width: 920px; height: 450px; }
iframe#fullpage { border: none; width: 920px; min-height: 500px; }



/* occasion page */
.occasion { position: relative; float: left; width: 448px; border: 1px solid transperent; padding: 20px 0 20px 20px; border-top: 1px solid #ececec; }
.first_occasion { padding-left: 0px; border-right: 1px solid #ececec;  }

.occasion table { border-collapse: collapse; width: 250px; margin-top: 10px; }
.occasion table th, .occasion table td { padding-bottom: 3px; vertical-align: top; }
.occasion h2 a { font-size: 14px; text-decoration: none; color: #e50000; }
.occasion h2 a:hover { text-decoration: underline; }
.occasion th { width: 80px; font-weight: normal; vertical-align: top; }
.occasion td.bold, .occasion th.bold { font-weight: bold; }
.occasion a.link { display: inline-block; margin-top: 15px; color: #e50000; text-decoration: none; font-weight: bold; }
.occasion a.link:hover { text-decoration: underline; }

.occasion div.info { float: left; width: 260px; }

.occasion div.image { float: left; width: 140px; }
.occasion div.image a.image { display: inline-block; border: 1px solid #ccc; margin-bottom: 20px; }
.occasion div.image a.image:hover { border: 1px solid #e50000; }

.occasion .price { width: 167px; height: 40px; background: url(../images/layout/occasion_price.png) no-repeat; font-size: 20px; color: #fff; text-align: center; line-height: 40px; margin-bottom: 20px; }

.occasion a.bekijk_occasion, .occasion a.bekijk_occasion_green { position: absolute; top: 208px; display: block; width: 130px; height: 26px; background: url(../images/layout/bekijk_occasion_red.png) no-repeat; color: #fff; font-weight: bold; text-align: 
center; line-height:26px; text-decoration: none; }
.occasion a.bekijk_occasion:hover, .occasion a.bekijk_occasion_green:hover { background-position: bottom; text-decoration: underline; }
.occasion a.bekijk_occasion_green { background: url(../images/layout/bekijk_occasion_green.png); }


#page h1.green { color: #439400; }
.green h2 a { color: #439400; }
.green a.link { color: #439400; }
.green div.image a.image:hover { border: 1px solid #439400; }
#page ul.green_ul li { background: url(../images/layout/vinkje_green.png) no-repeat 0 4px; padding: 3px 0 3px 20px; }


#portfolio_list { overflow: hidden; }
#portfolio_list .item { float: left; width: 140px; margin-right: 10px; text-align: center; margin: 0 10px 10px 0; }
#portfolio_list .item a.image, #portfolio_list .item a.image_group { display: table-cell; width: 140px; height: 140px; vertical-align: middle; }
#portfolio_list .item a.image:hover, #portfolio_list .item a.image_group:hover { background: #fff; }
#portfolio_list .item a.link { color: #fff; }
#portfolio_list .item a.link:hover { text-decoration: none; }
#portfolio_list .item a.image img { margin: 0 auto; border: 1px solid #ccc; padding: 5px; -moz-box-shadow: rgba(0,0,0,0.10) 0 0 8px; -webkit-box-shadow: rgba(0,0,0,0.10) 0 0 8px;  }
#portfolio_list .item a.image:hover img { border: 1px solid #ddd; padding: 5px; -moz-box-shadow: rgba(0,0,0,0.30) 0 0 8px; -webkit-box-shadow: rgba(0,0,0,0.30) 0 0 8px;  }



#home-100-jaar-jong { width: 920px; margin: 20px auto 0; }
#home-100-jaar-jong a { background: url(/images/100jaar/home-banner.jpg) no-repeat; border: 1px solid #ccc; width: 918px; height: 338px; display: block; -moz-box-shadow: rgba(0,0,0,0.10) 0 0 8px; -webkit-box-shadow: rgba(0,0,0,0.10) 0 0 8px; }
#home-100-jaar-jong a:hover { border: 1px solid #E50000; -moz-box-shadow: rgba(0,0,0,0.30) 0 0 8px; -webkit-box-shadow: rgba(0,0,0,0.30) 0 0 8px; }
#home-100-jaar-jong a span { display: none; }
#logo-toyota { position: absolute; top: 25px; right: 200px; background: url(/images/layout/logo-toyota-only.png) no-repeat; width: 68px; height: 57px;  }
#logo-100jaar { position: absolute; top: 15px; right: 20px; background: url(/images/100jaar/logo-100jaar-jong.png) no-repeat; width: 144px; height: 144px; }
#logo-100jaar span { display: none; }