
/* ============================================================	*/ 
/* ========	HTML STANDAARDEN  	===============================	*/
/* ============================================================	*/ 

html {
	width:100%;
	height:100%;
	}
body {
	height:100%;
	width:100%;
	text-align:center;
	margin:0 0 0 0;
	background:#c1b9ae;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	color:#524c3a;
	}
a {
	color:#524c3a;
	text-decoration:underline;
	}
a:hover {
	text-decoration:none;
	color:#a30505;
	}
.clear {
	clear:both;
	}

/* ============================================================	*/ 
/* ========	Containers  	===================================	*/
/* ============================================================	*/ 

.container {
	width:950px;
	min-height:100%;
	background:#fff url(images/verticalLines.gif) 190px 0 repeat-y;
	text-align:left;
	margin:0 auto;
	}

/* ============================================================	*/ 
/* ========	Header  	=======================================	*/
/* ============================================================	*/

.header {
	height:250px;
	background:url(images/header.jpg);
	position:relative;
	}
.header .logo {
	height:81px;
	width:487px;
	background:#a30505 url(images/logo.png) center no-repeat;
	position:absolute;
	top:21px;
	left:10px;
	}
.header .lines {
	height:1px;
	overflow:hidden;
	width:930px;
	position:absolute;
	left:10px;
	top:110px;
	background:url(images/headerLines.gif);
	}
.header .linesTwo {
	top:190px;
	}
.header ul {
	height:22px;
	line-height:22px;
	width:930px;
	position:absolute;
	left:10px;
	top:120px;
	background:#9e1314;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-transform:uppercase;
	letter-spacing:1px;
	margin:0;
	padding:0;
	list-style:none;
	}
.header ul li {
	display:inline;
	float:left;
	background:url(images/plus.gif) right no-repeat;
	padding-right:18px;
	margin-right:10px;
	}
.header ul li.last {
	background:none;
	padding-right:0;
	margin-right:0;
	}
.header ul li a {
	display:block;
	padding:0 10px;
	color:#fff;
	text-decoration:none;
	}
.header ul li a:hover {
	background:#fff;
	color:#3f3c37;
	}
.header .title {
	position:absolute;
	top:199px;
	left:196px;
	height:47px;
	width:327px;
	background:url(images/headerTitle.jpg);
	}

/* ============================================================	*/ 
/* ========	Top Block  	=======================================	*/
/* ============================================================	*/

.top {
	height:369px;
	margin:0 9px 12px 9px;
	background:url(images/horizontalLines.gif) bottom left repeat-x;
	}
.notop {
	height:auto;
	background:none;
	}
.top .login {
	float:left;
	width:160px;
	height:80px;
	padding:22px 0 0 16px;
	line-height:18px;
	}
.top .login p {
	margin:0 0 5px 0;
	padding:0;
	}
.top .login form {
	margin:0;
	padding:0;
	}
.top .login input {
	width:140px;
	padding:3px 5px;
	border:1px solid #e1e0df;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	color:#524c3a;
	}
.top .login input.submit {
	cursor:pointer;
	height:22px;
	width:152px;
	text-align:right;
	background:#ece9d8;
	}
.top .login input.submit:hover {
	background:#fff;
	}
.top .intro {
	float:left;
	width:160px;
	line-height:18px;
	padding-left:16px;
	}
.top img {
	display:block;
	height:225px;
	width:725px;
	float:right;
	margin:22px 0 34px 0;
	border-right:8px solid #fff;
	}
.top .arrow {
	clear:left;
	height:44px;
	width:200px;
	background:url(images/arrow.gif) 108px 7px no-repeat;
	float:left;
	}
.top .logos {
	float:left;
	height:56px;
	width:718px;
	}
.top .logos a {
	display:block;
	height:56px;
	float:left;
	background:url(images/logo.jpg);
	}
.top .logos a.logoVolkswagen {
	margin-right:63px;
	width:47px;
	background-position:0 0;
	}
.top .logos a.logoAudi {
	margin-right:58px;
	width:71px;
	background-position:-50px 0;
	}
.top .logos a.logoSeat {
	margin-right:72px;
	width:70px;
	background-position:-128px 0;
	}
.top .logos a.logoSkoda {
	margin-right:66px;
	width:53px;
	background-position:-198px 0;
	}
.top .logos a.logoPorsche {
	margin-right:63px;
	width:90px;
	background-position:-258px 0;
	}
.top .logos a.logoVolkswagenBW {
	width:57px;
	background-position:-354px 0;
	}

/* ============================================================	*/ 
/* ========	News Items  	===================================	*/
/* ============================================================	*/

.newsItem {
	background:#eceae7 url(images/itemLines.gif) 190px 0 repeat-y;
	padding:7px 17px 6px 22px;
	width:911px;
	}
.img-container {
	background:#FFF url(../merken/gfx_nieuwsberichten/dummy/105_105/dummy.jpg) no-repeat center center;
	float:left;
	height:105px;
	width:105px;
	margin-right:75px;
	border:1px solid #524c3a;
	}
.newsItem img {
	height:105px;
	width:105px;
	}
	
.newsItem .text {
	float:left;
	width:729px;
	overflow:hidden;
	}
.newsItem .clear {
	clear:both;
	height:1px;
	overflow:hidden;
	}
.newsSeperator {
	height:18px;
	background:url(images/horizontalLines.gif) center repeat-x;
	margin:0 9px;
	}

/* ============================================================	*/ 
/* ========	Table Lists  	===================================	*/
/* ============================================================	*/

.listTable {
	width:934px;
	margin-left:16px;
	line-height:18px;
	}
.listTable thead {
	font-weight:bold;
	}
.listTable tr {
	vertical-align:top;
	padding:3px 0 3px 0;
	}

/* ============================================================	*/ 
/* ========	Edit Page  	=======================================	*/
/* ============================================================	*/

div.edit {
	float:right;
	margin:22px 0 22px 0;
	width:725px;
	border-right:8px solid #fff;
	}
div.edit h3 {
	font-size:14px;
	margin:0;
	}
div.edit p {
	margin:5px 0 10px 0;
	padding:0;
	}
div.edit input {
	width:718px;
	padding:3px 5px;
	border:1px solid #e1e0df;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	color:#524c3a;
	height:25px;
	}
div.edit textarea {
	width:718px;
	height:50px;
	padding:3px 5px;
	border:1px solid #e1e0df;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	color:#524c3a;
	}
div.edit textarea.listItems {
	background:#fff url(images/listItems.gif) 5px -1px repeat-y;
	padding-left:15px;
	width:708px;
	}
div.edit textarea.introText {
	font-weight:bold;
	height:70px;
	}
div.edit input.submit {
	cursor:pointer;
	height:22px;
	width:152px;
	text-align:left;
	background:#ece9d8;
	}
div.edit input.submit:hover {
	background:#fff;
	}
div.edit input.inputSmall {
	width:330px;
	height:25px;
	}
div.edit input.fileUpload {
	width:340px;
	}
div.edit img,
div.edit td img {
	position:relative;
	width:auto;
	height:auto;
	float:none;
	margin:0;
	}

.backlink {
	padding:0 0 5px 15px;
	font-weight:bold;
	}

/* ============================================================	*/ 
/* ========	Register Page  	===================================	*/
/* ============================================================	*/

.register {
	padding:0 17px 10px 25px;
	}
.register input.textField {
	width:173px;
	color:#524c3a;
	}
.register input.submitField {
	border:1px solid #7f9db9;
	background:#fff;
	color:#524c3a;
	cursor:pointer;
	}
.register label {
	cursor:pointer;
	}
