/**
* styles/default.css
* default stylesheet
*/

/**
*	BASIC
*/

body {
	margin: 0;
	padding: 0;
	background: #edf5f9 url('../gfx/body_bg_x.gif') repeat-x 0 0;
	color: #3e3d82;
	font-family: verdana, tahoma;
	font-size: 10px;
	font-weight: normal;
	line-height: 18px;
	text-align: center;
}

a {
	color:  #3e3d82;
	text-decoration: none;
}

a:hover {
	color:  #3e3d82;
	text-decoration: underline;
}

h1 {
	margin: 0;
	padding-left: 32px;
	line-height: 25px;
	font-family: "Lucida Sans Unicode";
	font-size: 21px;
	font-style: italic;
	font-weight: normal;
	background: url('../gfx/icons/icon_logo.gif') no-repeat top left;
}

h1 span {
	font-weight: bold;
}

h3 {
	margin: 20px 0px -2px 0px;
	padding: 0;
	font-size: 11px;
	text-transform: uppercase;
	border-bottom: 1px solid #3e3d82;
}

h4 {
	font-size: 11px;
	line-height: 14px;
	margin: 4px 0px 3px 0px;
	display: block;
}


/**
* 	HEADER
*/

div#header {
	position: relative;
	margin: 0px auto;
	padding: 0;
	border-right: 1px solid #b5d7e4;
	width: 899px;
	height: 193px;
	background: url('../gfx/header_left.jpg') no-repeat top left;
}

a#homezone {
	float: left;
	width : 420px;
	height: 80px;
	margin-left: 15px;
	margin-top: 33px;
}

/**
* 	FOR SOME REASON IE6 MANGLES SLIDES IF CLASSES ARE USED...
*/

div#slide1 {
	margin: 0px 0px 0px 518px;
	width: 381px;
	height: 193px;
	background: url('../gfx/slide1.jpg') no-repeat top left;
}
div#slide2 {
	margin: 0px 0px 0px 518px;
	width: 381px;
	height: 193px;
	background: url('../gfx/slide2.jpg') no-repeat top left;
}
div#slide3 {
	margin: 0px 0px 0px 518px;
	width: 381px;
	height: 193px;
	background: url('../gfx/slide3.jpg') no-repeat top left;
}
div#slide4 {
	margin: 0px 0px 0px 518px;
	width: 381px;
	height: 193px;
	background: url('../gfx/slide4.jpg') no-repeat top left;
}
div#slide5 {
	margin: 0px 0px 0px 518px;
	width: 381px;
	height: 193px;
	background: url('../gfx/slide5.jpg') no-repeat top left;
}
div#slide6 {
	margin: 0px 0px 0px 518px;
	width: 381px;
	height: 193px;
	background: url('../gfx/slide6.jpg') no-repeat top left;
}

/**
* 	MENU
*/

div#menu_container {
	position: absolute;
	top: 139px;
	left: -3px;
	width: 906px;
	height: 53px;
}

ul#menu {
	padding: 0;
	margin: 0;
	height: 53px;
	list-style: none;
}

ul#menu li {
	position: relative;
	height: 53px;
	float: left;
}

/**
	define menu classes, need width and height for resizing ff and ie6 fontsizes
*/

	ul#menu li a.motorboten {
		width: 110px;
		height: 53px;
	}
	ul#menu li a.inflatable {
		width: 110px;
		height: 53px;
	}
	ul#menu li a.gebruikt {
		width: 117px;
		height: 53px;
	}
	ul#menu li a.outboard {
		width: 126px;
		height: 53px;
	}
	ul#menu li a.tubestowables {
		width: 126px;
		height: 53px;
	}
	ul#menu li a.kleding {
		width: 61px;
		height: 53px;
	}
	ul#menu li a.trailers {
		width: 60px;
		height: 53px;
	}
	ul#menu li a.onderhoud {
		width: 86px;
		height: 53px;
	}
	ul#menu li a.lpg {
		width: 42px;
		height: 53px;
	}
	ul#menu li a.contact {
		width: 68px;
		height: 53px;
	}


ul#menu li a {
	display: block;
	text-align: center;
	color: #000;
	font-family: "TW Cen MT", Tahoma;
	font-size: 15px;
	line-height: 53px;
	font-weight: normal;
	text-decoration: none;
	background: url('../gfx/menu/bg_sprite.png') no-repeat 0 0;
}

ul#menu li a:hover {
	background-position: 0 -58px;
}

ul#menu li a.first {
	background: url('../gfx/menu/first_sprite.png') no-repeat 0 0;
}

ul#menu li a.first:hover {
	background-position: 0 -58px;
}

ul#menu li a.last {
	background: url('../gfx/menu/last_sprite.png') no-repeat 0 0;
}

ul#menu li a.last:hover {
	background-position: 0 -58px;
}

ul#menu li ul {
	margin: 0;
	padding: 0;
	display: none;
	position: absolute;
	top: 55px;
	left: 0;
	list-style: none;
}

ul#menu li > ul {
	top: auto;
	left: auto;
}

ul#menu li:hover ul, ul#menu li.over ul {
	display: block;
}

ul#menu li ul li {
	position: relative;
	width: 168px;
	height: 22px;
	text-align: left;
	clear: both;
}

ul#menu li ul li a, ul#menu li ul li a:hover {
	display: block;
	text-align: left;
	padding: 2px 0px 0px 25px;
	line-height: 20px;
	font-family: verdana, tahoma;
	font-size: 10px;
	font-weight: normal;
	color: white;
	background: url('../gfx/menu/menu_sub_bg.gif') no-repeat 0 0;
}

/**
* 	BASIC PAGES
*/

div#content_container {
	margin: 0px auto;
	border-left: 1px solid #b5d7e4;
	border-right: 1px solid #b5d7e4;
	width: 898px;
	height: auto;
	text-align: left;
	background-color: white;
}

div#content_container p a {
	text-decoration: underline;
}

div#content_container p a:hover {
	text-decoration: none;
}


div#home_container {
	height: auto;
	background-color: #edf5f9;
}

div#main_container {
	background-color: white;
}

div#multi_container {
	height: auto;
	background: url('../gfx/multi_full_bg.gif') repeat-y 0 0;
}

div#single {
	margin: 0;
	padding: 20px 27px;
}

div#multi1 {
	margin: 0;
	background: url('../gfx/rslide1.jpg') no-repeat bottom right;
}
div#multi2 {
	margin: 0;
	background: url('../gfx/rslide2.jpg') no-repeat bottom right;
}
div#multi3 {
	margin: 0;
	background: url('../gfx/rslide3.jpg') no-repeat bottom right;
}
div#multi4 {
	margin: 0;
	background: url('../gfx/rslide4.jpg') no-repeat bottom right;
}

	div#m_links {
		padding: 20px 27px;
		float: right;
		width: 565px;
	}

	div#m_link p ul li a, div#single p ul li a {
		text-decoration: underline;
	}

	div#m_link p ul li a:hover, div#single p ul li a:hover {
		text-decoration: none;
	}

	div#m_rechts {
		padding: 20px 10px 20px 27px;
		width: 242px;
		float: right;
	}

		div#m_rechts h1 {
			background: url('../gfx/icons/icon_logo_bl.gif') no-repeat top left;
		}

div#error {
	margin: 0;
	padding: 20px 27px;
}

	div#errorMessage {
		padding: 5px 0px 5px 80px;
		line-height: 20px;
		background: url("../gfx/icons/error.gif") no-repeat 5px 5px;
	}

		div#errorMessage h1 {
			margin-top: 15px;
			padding: 0;
			background: none;
		}

		div#errorMessage span.bold {
			font-weight: bold;
		}

div#single a, div#multi a, div#error a {
	text-decoration: underline;
}

div#single a:hover, div#multi a:hover, div#error a:hover {
	text-decoration: none;
}

a.link {
	text-decoration: underline;
}


/**
* 	BREADCRUMB
*/

div#breadcrumb {
	margin: 0;
	padding: 0;
	width: 898px;
	height: 42px;
	border-bottom: 1px solid #b5d7e4;
	background-color: #fff;
}

div#breadcrumb div {
	margin: 0px 0px 0px 30px;
	padding: 0;
}

div#breadcrumb div a {
	display: inline;
	line-height: 40px;
}

div#breadcrumb div a.bc {
	padding-left: 20px;
	display: inline;
	line-height: 25px;
	background: url('../gfx/icons/arrow.gif') no-repeat 0 -1px;
}

div#breadcrumb div a.bold {
	font-weight: bold;
}

/**
* 	HOME TEXT
*/

div#welkom_container {
	margin: 0;
	padding: 20px 27px;
	width: 396px;
	float: right;
	background: white url('../gfx/home_bg_y.gif') repeat-y 0px 0;
	overflow: hidden;
}

div#welkom {
	margin: 0;
}

div#welkom p {
	margin: 15px 0px -5px 0px;
}

/**
* 	SNELKEUZE & AANBIEDINGEN
*/

div#snelkeuze_container {
	margin: 0;
	padding: 20px 0;
	width: 448px;
	height: 500px; /* temp solz */
	background: url('../gfx/sk_bg.jpg') no-repeat top right;
	float: right;
}

div#snelkeuze_container h1 {
	margin: 0px 0px 20px 32px;
	padding: 0;
	line-height: 25px;
	font-family: "Lucida Sans Unicode";
	font-size: 21px;
	font-style: italic;
	background: none;
}

	div#snelkeuze_container h1 span {
		font-weight: bold;
	}

div.snelkeuze, div.offer {
	margin: 0px auto;
	width: 444px;
	height: 58px;
}

div.offer {
	color: white;
}

div.snelkeuze h2, div.offer h2 {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
}

div.snelkeuze a {
	padding: 9px 16px;
	display: block;
	overflow: hidden;
	height: 40px;
	text-decoration: none;
	background: url('../gfx/sk_link_bg.png') no-repeat 0 0;
}

div.offer a {
	padding: 9px 16px;
	display: block;
	overflow: hidden;
	height: 40px;
	text-decoration: none;
	background: url('../gfx/off_link_bg.png') no-repeat 0 0;
}

div.snelkeuze a:hover {
	text-decoration: none;
	background: url('../gfx/sk_link_bg_o.png') no-repeat 0 0;
}

div.snelkeuze a span, div.offer a span {
	font-family: verdana, tahoma;
	font-size: 10px;
	font-weight: normal;
	line-height: 18px;
}


/**
* 	CONTACT
*/

div#contact_container {
	padding: 0px 30px 10px 30px;
}

	div#contact_links {
		float: left; 
		width: 400px;
	}

	div#contact_rechts {
		float: right; 
		width: 400px;
	}

/**
* 	MENU RECHTS
*/

div#multiNav {
	padding: 0;
	margin-top: 18px;
}

	div#multiNav a {
		text-decoration: none;
	}

	div#multiNav a:hover {
		text-decoration: underline;
	}

	div#multiNav a.active {
		font-weight: bold;
	}

div#multiNav ul.multiNav, div#multiNav ul.secondLvl, div#multiNav ul.thirdLvl {
	padding: 0px 0px 0px 5px;
	margin: 0;
	line-height: 18px;
	list-style: none;
}

div#multiNav li.treeList {
	padding: 0px 0px 0px 15px;
	background: url('../gfx/icons/multiNavTree.gif') no-repeat top left;
}

div#multiNav li.treeListLast {
	padding: 0px 0px 0px 15px;
	background: url('../gfx/icons/multiNavTreeLast.gif') no-repeat top left;
}


/**
* 	FORMS
*/

form {
	margin: 20px 0px 0px 0px;
	padding: 0;
}

form input {
	width: 210px;
}

form .text {
	background-color: #fff;
	padding: 2px 5px;
	border: 1px solid #3e3d82;
	vertical-align: middle;
}

form textarea {
	width: 380px;
	height: 200px;
}

form select {
	width: 220px;
}

button {
	margin: 0px 10px 0px 0px;
	padding: 1px 6px;
	line-height: 14px;
	background-color: #F7F7F4;
	border: 1px solid #3e3d82;
	cursor: pointer;
}

div.form-block {
	position: relative;
	margin: 0 0 10px 0;
}

div.error {
	background-color: #FFEBE8;
}

div.form-block p.statusText {
	margin: 0;
	padding: 0;
}


/**
* 	BOATS
*/

table.boats {
	margin: 0 0 10px 0;
	width: 100%;
	border: 0;
	border-collapse: collapse;
}


table.boats th {
	text-align: left;
	border-bottom: 2px solid #e1eef4;
	padding: 2px;
}

table.boats th.actions {
	width: 50px;
}

table.boats th.price {
	width: 84px;
}

table.boats tr.over {
	background-color: #e1eef4;
}

table.boats tr td {
	border-bottom: 1px solid #e1eef4;
	padding: 4px;
}

table.boats tr.over td {
	border-bottom: 1px solid #3e3d82;
}

table.boats tr td.name {
	font-weight: bold;
}

table.boats img {
	border: 1px solid #3e3d82;
}


div.navigation {
	width: 100%;
	padding: 10px 0;
	overflow: auto;
}
div.navigation a, div.navigation span {
	display: block;
	float: left;
	background-color: #e1eef4;
	padding: 3px 7px 4px 7px;
	margin: 3px;
	font-size: 12px;
	font-weight: bold;
}
div.navigation span.active {
	background-color: #3e3d82;
	color: #fff;
}
div.navigation a:hover {
	color: #fff;
	background-color: #3e3d82;
	text-decoration: none;
}

table.boat {
	margin: 0px 0px 10px 0px;
	border: 0;
	border-collapse: collapse;	
}

table.pics {
	width: 182px;
}

table.pics tr td.boatPics {
	text-align: center;
}

table.pics img.boatPic {
	margin: 3px 0px 0px 0px;
	border: 1px solid #3e3d82;
	/*width: 80px;
	height: 80px;*/
}

table.info {
	margin-left: 30px;
	width: 350px;
}

table.boat td {
	border: 1px solid #3e3d82;
}

table.boat td p {
	margin: 0;
	padding: 0;
}

table.info td {
	padding: 1px 3px;
}

table.info td.bg {
	background-color: #e3e5ee;
}

table.info td.label {
	width: 120px;
	font-weight: bold;
}

table.boat .head td {
	padding: 3px;
	background-color: #3e3d82;
	color: white;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
}

table.pics .head td {
	padding: 3px 7px;
}

table.info .sold td {
	padding: 3px;
	color: red;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
}

/**
* 	FOOTER
*/

div#footer {
	padding-bottom: 15px;
	background: url('../gfx/footer_bg_x.gif') repeat-x top left;
	height: 32px;
}

div#footer_content {
	margin: 0px auto;
	width: 900px;
	height: 32px;
	background: #edf5f9 url('../gfx/footer_bg.gif') no-repeat top left;
	color: #fff;
	font-family: Verdana;
	font-size: 10px;
	line-height: 32px;
}


/**
	SPECIAL STUFF DOWN HERE
*/

p.succes {
	text-align: center;
	padding: 5px;
	color: white;
	background-color: #4B9700;
}

p.option {
	margin: 10px 0px;
	padding: 0;
}

div.clear {
	clear:both;
	font-size: 4px;
	line-height: 4px;
	height: 8px;
	overflow: hidden;
}

div.cleared {
	clear:both;
	font-size: 1px;
	line-height: 0px;
	height: 0px;
	overflow: hidden;
}

div.clr {
	clear:both;
}

.left {
	float: left;	
}

a img {
	border: none;
}

img.clear {
	clear:both;
}

img.ico16 {
	vertical-align: middle;
	border: 0;
}

img.ico16 {
	margin: -1px 3px 2px 3px;
	width: 16px;
	height: 18px;
}