@charset "utf-8";
body{
	background:#dcdcdc url('img/siteBorder.jpg') center no-repeat;
	color:#222222;
	width: 100%;
	height:100%;
	margin: 0px;
	font-size: 13px;
	font-family:Arial, Helvetica, sans-serif;
	}
a{ color:#440000; text-decoration:none; font-weight:bold;}
img{ border:0px;}
h1{	margin:0 0 7px 0;  font-size:16px;}
h2{ margin: 10px 0 0 0; font-size:14px;}

#container{	position: relative;	width: 1001px;	height:801px;	margin: 0 auto;	background: url('img/main.jpg');	}
#logo{		position: absolute;	width: 10px;	height: 38px;	top: 26px;	left: 852px;}
#content{	position: absolute;	width: 930px;	height: 486px;	top: 262px;	left: 33px;	}
#menuMain{	position: absolute;	height: 18px;	width: 971px;	top:175px;	left: 0px;	padding-top: 5px;	padding-left: 30px;	text-transform:uppercase;}
#menuSub{	position: absolute;	height: 20px;	width: 100%;	top:200px;	left: 0px;	padding-top: 5px;	}
#footer{	position: absolute;	width: 100%;	height: 18px;	top: 783px; text-align: left; color:#666666; margin-left:5px;}
#footer a{ color:#888888;}
#footer a:hover{ color:#666666;}

.contentL{float: left; height:100%; width:40%;}
.contentR{float: left; height:100%; width:55%;}

.menuKnop{	margin: 0px 10px;	font-weight:bold;	}
.menuKnop a{text-decoration:none;}

.home a{	  color: #00b7ff;}
.auto a{	  color: #ff0000;}
.motor a{	  color: #a4c000;}
.informatie a{color: #ffc233;}
.contact a{	  color: #ff409d;}
#menuSub{	  color: #FFFFFF; font-weight:bold;}
#menuSub a{	  color: #FFFFFF;}

#spanHome{   margin-left:66px;}
#spanAuto{   margin-left:117px;}
#spanMotor{  margin-left:186px;}
#spanInfo{ 	 margin-left:270px;}
#spanContact{margin-left:380px;}

#pijlspanHome{   position: absolute; top: 0px; left:51px;}
#pijlspanAuto{   position: absolute; top: 0px; left:112px;}
#pijlspanMotor{  position: absolute; top: 0px; left:181px;}
#pijlspanInfo{ 	 position: absolute; top: 0px; left:265px;}
#pijlspanContact{position: absolute; top: 0px; left:365px;}
/* Sidepics */
#pic1,#pic2,#pic3,#pic4,#pic5,#pic6{
	 position:absolute;
	 border:1px solid #000;
	 padding: 2px:
}
#pic1{ top:  10px; left:10px;  }
#pic2{ top: 170px; left:140px; }
#pic3{ top: 330px; left:50px;  }

#pic4{ top:   0px; left:130px;}
#pic5{ top: 160px; left:30px;}  
#pic6{ top: 320px; left:140px;}


/* Home */
#homePics{ margin-top: 50px;}
#homePics img{margin:5px;}

/* Auto */
.tariefRegel{ float: left; width:100%; margin-bottom:4px;}
.tariefL{ float: left; width:47%;}
.tariefR{ float: left; width:53%;}

/* Theorie */
.theoriefRegel{ float: left; width:100%; margin-bottom:7px;}
.theorieL{ float: left; width:80%;}
.theorieR{ float: left; width:20%;}

/* Contact */
.links{  width:140px; float:left; margin-bottom:10px; clear:left;}
.rechts{ width:260px; float:left;}
.input{ width:100%; border:1px solid #A5A5A5; background:#F6F6F6;}
.ta{height:100px;}