* { font-size: 12px;}
body { background: url(/images/100jaar/bg-100jaar-toyota.jpg) no-repeat center 130px #E7E7E9 fixed; }
#header h1#vanekris a { background: url(/images/100jaar/slogan.png) no-repeat; }
#header #logo { background: url(/images/100jaar/logo-100jaar-jong.png) no-repeat; width: 144px; height: 144px; position: absolute; right: 20px; top: 10px; }
#header #logo.hofleverancier-150 { position: absolute; top: 0px; right: 20px; background: url(/images/layout/logo-hofleverancier-140.png) no-repeat; width: 158px; height: 176px; }
#header #logo.hofleverancier { position: absolute; top: 5px; right: 20px; background: url(/images/layout/logo-hofleverancier-140.png) no-repeat; width: 145px; height: 161px; }

#header h1#vanekris { padding: 34px 0 25px; }

#header #nav { 
	background: url(/images/100jaar/nav-bg.png) repeat-x #b2b3b5; 
	border: 1px solid #fff; 
	height: 28px; 
	padding: 0;
	-moz-box-shadow: rgba(0,0,0,0.30) 0 0 8px;
  	-webkit-box-shadow: rgba(0,0,0,0.30) 0 0 8px; 
}
#header #nav li { border-left: 1px solid #fff; /*background: url(/images/100jaar/nav-pipe.png) no-repeat;*/ height: 28px; }
#header #nav li:first-child { border: none; }
#header #nav li a { background: none; }
#header #nav li.active a { background: url(/images/100jaar/nav-bg-hover.png) repeat-x; text-shadow: #404040 1px 1px; }
#header #nav li.active a:hover { color: #fff; }

#footer-slogan { background: url(/images/100jaar/footer-slogan.png) no-repeat 0 10px; width: 344px; height: 29px; text-indent: -9999px; margin: 0 auto; padding: 10px 0; }
#footer-like { padding: 0 0 10px 440px; }

/* Home */
#btn-top { padding: 20px; overflow: hidden; }
#btn-top a { display: block; }
#btn-100-jaar-van-ekris { background: url(/images/100jaar/btn-100-jaar-van-ekris.jpg) no-repeat top; height: 158px; width: 448px; float: left; }
#btn-historie { background: url(/images/100jaar/btn-historie.jpg) no-repeat top; height: 158px; width: 448px; float: right; }
a span { display: none; }
#btn-100-jaar-van-ekris:hover { background-position: bottom; }
#btn-historie:hover { background-position: bottom; }


#btn-mid { padding: 20px; overflow: hidden; }
#btn-onze-acties { background: url(/images/100jaar/btn-onze-acties.jpg) no-repeat top; height: 288px; width: 478px; float: left; }
#btn-win-een-aygo { background: url(/images/100jaar/btn-win-een-aygo.jpg) no-repeat top; height: 288px; width: 400px; float: right; }
#btn-onze-acties:hover { background-position: bottom; }
#btn-win-een-aygo:hover { background-position: bottom; }
#btn-bot { padding: 20px; display: block; overflow: hidden; }
#btn-fotoalbum { background: url(/images/100jaar/btn-fotoalbum.jpg) no-repeat top; height: 194px; width: 930px; float: left; }
#btn-fotoalbum:hover { background-position: bottom; }

/* Page */
#content { float: none; overflow: hidden; width: 920px; min-height: 300px; line-height: 18px; }
#content img { background: #fff; border: 1px solid #ccc; padding: 5px; -moz-box-shadow: rgba(0,0,0,0.10) 0 0 5px; -webkit-box-shadow: rgba(0,0,0,0.10) 0 0 5px; margin: 5px; }
#content h1 { font-size: 20px; padding-bottom: 15px; }
#content h2 { font-size: 16px; }
#aygo-form { padding: 20px 0 240px 80px; width: 290px; float: right; background: url(/images/100jaar/aygo-auto-win.jpg) no-repeat bottom; }
#aygo-form h2 { background: url(/images/100jaar/aygo-slogan.png) no-repeat; width: 208px; height: 30px; padding: 0; }
#aygo-form h2 span { display: none; }
#aygo-form label { padding-left: 10px; width: 80px;}
#content #aygo-form p.indent { padding-left: 15px;}
#content #aygo-form div.indent { padding-left: 0px;}
#content #error_message { width: 250px;}
#aygo-form button { background: url(/images/100jaar/btn-aygo-button.png) top repeat-x #0f77a7; color: #fff; text-shadow: #404040 1px 1px; padding: 10px 20px; font-size: 16px; width: 166px; display: block; }
#aygo-form button:hover { background: url(/images/100jaar/btn-aygo-button.png) bottom; }
#aygo-form input { width: 150px;}
#aygo-form label.required { background: url(../images/layout/label_required.gif) no-repeat 0 8px; width: 5px; height: 20px; }

.content-aygo { width: 540px; height: 400px; float: left; }
#fotoalbum { padding: 30px 0 0; }
#fotoalbum h2 { font-size: 16px; margin-bottom: 15px; border-bottom: 1px solid #ccc; }

#fotoalbum .album { overflow: hidden; padding-bottom: 20px;  }
#fotoalbum .item { position: relative; float: left; width: 140px; height: 140px; margin: 0 10px 10px 0; }

#fotoalbum .holder { width: 140px; height: 140px; display: table-cell; vertical-align:middle; text-align: center;}
#fotoalbum a.image img { 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; }
#fotoalbum 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;  }

/*#inner div { border: 1px solid red;}*/
#inner { overflow: hidden; }
#inner #content { float: left; width: 600px; }
#inner #sidebar { float: right; width: 300px; margin-right: 20px; }

#content img.noshadow { border: 0; padding: 0; margin: 0; -moz-box-shadow: none; -webkit-box-shadow: none; }