body {
	background:#b6cfed;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	line-height:200%;
	text-align: left;	
	margin: 0;
}


/* 
========== MAIN LAYERS ==========
*/

div.outer {
  position: absolute;
  left: 50%;
  width: 785px;
  margin-left: -392px; /* half of width */
	overflow: hidden;
	/* border: 1px solid #E9E9EA; */
}

div.main  {
	width:785px;
	border 0px;
}

div.top {
  width:785px;
  height:175px;
  background:url(../images/bsp-siteart_01.jpg);
}

div.slogan {
	position: relative;
	top: 70px;
	left: 540px;
	font-size:18px;
	font-weight: bold;
	color: #FFF;
}
 

div.content {
	width: 735px;
	padding-left:25px;
	padding-right:25px;
	border-left: 1px solid #E9E9EA;
	border-right: 1px solid #E9E9EA; 
	background: #fff;
} 

div.contentleft {
	width: 350px;
	float: left;
} 
 
div.contentright{
	width: 375px;
	float: left;
}


div.bottom {
  background:url(../images/bsp-siteart_03.jpg);
	background-repeat: repeat-y; 
  width:785px;
  height:94PX;
} 

div.creativedata {
  position:relative;
  top:27px;  
  left:650px;
}

a:link.creativedata, a:visited.creativedata {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#D9E0F2;
	text-decoration: none;
}

a:hover.creativedata {
	color:#fff; 
	text-decoration: none;
} 
/* 
========== MENU STYLES ==========
*/

div.menu {
  height:22px;
  width: 785px;
  position: relative;
  left: 50px;
  top: 90px;
	color: #999;	
	letter-spacing: 2px;
	word-spacing: 2px;
	text-align: center;
}
  
.menu ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.menu li{
	display:inline;
	font-weight: bold;
}

a.menu:link, a.menu:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#b6cfed;
	line-height:150%;
	text-decoration: none;
}

a.menu:hover { 
	color:#999;
	text-decoration: none;
} 


/* 
========== GENERAL IMAGE STYLES ==========
*/

img {
	border:0px;
}

/* 
========== GENERAL TEXT STYLES ==========
*/

h1 { 
	margin:0px;
	font-size:10px;
	color:#b6cfed;
	text-align:left;
/*	
	color:#fff;
	border-bottom:5px solid #edc0df;
	background: #555;
*/
} 

h2 {
	margin:0px;
	font-size:18px;
	font-weight: bold;
	color: #b6cfed;
}

h3 { 
	margin:0px;
	font-size:14px;
	color:#b6cfed;
	text-align:center;
} 

h4 { 
	margin:0px;
	font-size:14px;
	color:#fda01f;
	text-align:left;
	text-transform: uppercase;
} 

/*
========== CATALOG MODULE STYLES ==========
*/

div.catalogrow {
	width: 735px;
	border-bottom: 1px solid #b6cfed;
} 

div.catalogrowtop {
	width: 735px;
} 

div.catalogrowgroup {
	width: 735px;
	border-bottom: 1px solid #fda01f;
} 

div.catalogtabletitle {
	border-bottom:1px solid #fff;
	width: 300px;
	color:#000;
	font-size: 8pt;
	text-align: right; 
	text-transform: uppercase;
	font-weight: bold;
} 

span.field {
	padding-left: 10px;  
}

div.catgroupCity {
	background:#D1D4E8;
	width: 300px;
	color:#fff;
	font-size: 11pt;
	padding-bottom: 5px;
	border-bottom: 5px solid #fff;
}

div.catgroupClassics {
	background:#AFCD51;
	width: 300px;
	color:#fff;
	font-size: 11pt;
	padding-bottom: 5px;
	border-bottom: 5px solid #fff;
}

div.catgroupSpecials {
	background:#F28D2C;
	width: 300px;
	color:#fff;
	font-size: 11pt;
	padding-bottom: 5px;
	border-bottom: 5px solid #fff;
}

div.catgroupKids {
	background:#FFF246;
	width: 300px;
	color:#fff;
	font-size: 11pt;
	padding-bottom: 5px;
}

fieldset {  
	width: 300px;
  border: 1px solid #fda01f; 
	color:#b6cfed;
	font-weight: bold;
	font-size: 11pt;
	padding-bottom: 5px;
}

legend {   
  text-align:right;
	font-size: 8pt;
 }


div.catalogleft {
	width: 350px;
	float: left;
	text-align: left;
} 
 
div.catalogright{
	width: 375px;
	float: left;
}

div.categorie {
	width: 100px;
	color: #000;
	float: left;
}

div.eigenschap {
	width: 250px;
	color: #FF9933;
	float: left;
}

a.catalog:link, a.catalog:visited {
	color:#b6cfed;
	text-decoration: none;
}

a.catalog:hover { 
	color:#999;
	text-decoration: none;
} 

a.catalogtop:link, a.catalogtop:visited {
	color:#000;
	text-decoration: none;
}

a.catalogtop:hover { 
	color:#000;
	text-decoration: underline;
} 
/*
========== CONTACT MODULE STYLES ==========
*/

div.contactrowContent {
	z-index:2;
	width: 350px; 
	height:35px; 
	float: left;
}

input.contactBlur{
	float:left;
	border:1px solid #ccc; 
	background-color: #fff; 
	color: #000; 
	width: 300px; 
	font-size:9pt;
	overflow:auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

input.contactFocus{
	float:left;
	border:1px solid #333; 
	background-color: #fff; 
	color: #000; 
	width: 300px; 
	font-size:9pt;
	overflow:auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


textarea.contactBlur {
	float:left;
	border:1px solid #ccc; 
	background-color: #fff; 
	color: #000; 
	width: 300px; 
	height:113px;
	font-size:9pt;
	overflow:auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

textarea.contactFocus {
	float:left;
	border:1px solid #333; 
	background-color: #fff; 
	color: #000; 
	width: 300px; 
	height:113px;
	font-size:9pt;
	overflow:auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

div.contactblockContent {
	z-index:2;
	width: 400px; 
	height:135px;  
	float: left;
}


div.contactsubmitContent {
	z-index:2;
	width: 350px; 
	height:35px;  
	float: left;
}

input.submit{
	float:left;
	border:1px solid #333; 
	background-color: #ccc; 
	color: #000; 
	width: 70px; 
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}



select.dealerBlur{
	float:left;
	border:1px solid #ccc; 
	background-color: #fff; 
	color: #000; 
	width: 294px; 
	font-size:9pt;
	overflow:auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

input.dealerBlur{
	float:left;
	border:1px solid #ccc; 
	background-color: #fff; 
	color: #000; 
	width: 290px; 
	font-size:9pt;
	overflow:auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

input.dealerFocus{
	float:left;
	border:1px solid #333; 
	background-color: #fff; 
	color: #000; 
	width: 290px; 
	font-size:9pt;
	overflow:auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}