/* 
Kroon yacht charter
======================================================================================
URL:				http://www.kroon-yacht.nl/
Start ontwerp: 		onbekend
Start xhtml: 		24 maart 2009
Auteur: 			Ale van der Ploeg [http://www.addnoise.nl]
======================================================================================
*/

@import url(addform.css);
@import url(/addbeheer/themes/addsite/css/iconen.css);

a:link, a:visited { 
	   outline-color: invert;
	   outline-style: none;
	   outline-width: 0pt; 	
	}
	

body
{
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #FFF; 
	background: #24295B;
}

		
html
{
	height: 100%;
}

.highslide-caption{
	color: #000000;
}

/* Algemene opmaak
---------------------------------------------------------------------------------------------- */

#maincontainer {
	width: 807px;
	margin: auto;
	padding: 0px;
}

#containerinner{
	float: left;
	width: 779px;
	background: #1d2776 url(../images/maincontainer_background.gif) top left repeat-y;
	padding: 0px 14px;
	position: relative;
}

#header {
	width: 779px;
	float: left;
	background: transparent url(../images/header_mainbg.jpg) 173px 55px no-repeat;
}

#header .top{ line-height: 0px; font-size: 0px; height: 7px; margin: 0px; padding: 0px; width: 100%; float: left; background: #bfc0ca url(../images/headertop_background.gif) top left repeat-x;}

#header .logobox { width: 173px; height: 112px; float: left;}
#header .logobox img {border: 0px;}

#header .thumbs {
	width: 606px;
	height: 48px;
	float: left;
}

#header .logobox2 {
	width: 226px;
	height: 64px;
	float: right;
}
#header .logobox2 img{ border: 0px;}

#leftcolumn {
	width: 173px;
	float: left;
}

#leftcolumn #menu{
	width: 173px;
	float: left;
	padding: 21px 0px;
	background: transparent url(../images/menu_top.gif) top left no-repeat;
	text-transform: lowercase;
}

#leftcolumn #menu ul{ list-style: none; margin: 0px; padding: 0px;}
#leftcolumn #menu li{ list-style: none; margin: 0px; padding: 0px; width: 173px;}
#leftcolumn #menu a:link, #leftcolumn #menu a:visited {
	line-height: 16px;
	background: transparent url(../images/menu_background.gif) 0px 0px no-repeat;
	width: 153px;
	padding: 4px 0px 5px 20px;
	display: block;
	color: #FFF;
	text-decoration: none;
	margin: 0px 0px 2px 0px;
}

#leftcolumn #menu a:hover {
	background: transparent url(../images/menu_background.gif) 0px -25px no-repeat;
}

#leftcolumn #menu a.actief:link, #leftcolumn #menu a.actief:visited {
	background: transparent url(../images/menuactive_background.gif) 0px 0px no-repeat;
	color: #101a65;
}

#leftcolumn #menu li li a.actief:link, #leftcolumn #menu li li a.actief:visited {
	background: #2a3375 url(../images/arrow.gif) 20px 8px no-repeat;
	color: #f1e300;
}

#leftcolumn #menu ul li ul li a:link, #leftcolumn #menu ul li ul li a:visited, #leftcolumn #menu ul li ul li a:hover {
	background: #2a3375 url(../images/arrow.gif) 20px 8px no-repeat;
	margin: 0px;
	font-size: 10px;
	padding: 3px 0px 3px 30px;
	width: 140px;
	line-height: 14px;
}

#leftcolumn #menu ul ul {
	border-bottom: 1px solid #cdcfde;
	margin: 0px 0px 5px 0px;
	padding: 10px 0px;
	background: #2a3375;
}

#leftcolumn #lang {
	width: 63px;
	text-align: center;
	margin: 30px 0px 0px 0px;
	float: left;
	background: #283175;
	height: 16px;
	padding: 5px 55px;
}

#leftcolumn #lang img{ border: 0px; float: left;}

#maincontent {
	width: 566px;
	float: left;
	padding: 26px 20px;
	position: relative;
}

.item {
	width: 566px;
	float: left;
	padding: 0px 0px 20px 0px;
	border-bottom: 1px solid #FFF;
	position: relative;
}

.price{
	position: absolute;
	top: 0px;
	right: 15px;
}

.price2{
	font-size: 12px;
}

.item .title{
	clear: both;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	float: left;
	color: #FFF;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	width: 100%;
}

.item .title a:link, .item .title a:visited{
	text-decoration: none;
	color: #FFF;
}

.item .imagebox {
	width: 180px;
	height: 100px;
	float: left;
}

.item .imagebox img{ border: 1px solid #FFF; float: left; width:150px; height: 98px;}

.item .textbox {
	width: 350px;
	height: 100px;
	float: left;
}

.second {
	background: transparent url(../images/item_Bg.gif) bottom left no-repeat;
}

.maintext a:link, .maintext a:visited {
	color: #FFF;
	text-decoration: underline;	
}
.maintext a:hover {
	text-decoration: none;	
}

.introtekst {font-weight: bold;}

a.leesverder, a.leesverder:visited {
	color: #FFF;
	text-decoration: underline;	
}
a.leesverder:hover {
	text-decoration: none;	
}

.homepic {
	height:254px;
	display: block;
}

.homepicabso {
	bottom: 0px;
	right: 14px;
	position: absolute;
	width: 606px;
	height: 254px;
	background: transparent url(../images/homepic.jpg) top left no-repeat;
}

		/* Fix voor IE */
		* html .homepicabso
		{
			right: 13px;
		}

.adres {
	bottom: 0px;
	right: 40px;
	position: absolute;
	width: 586px;
	text-align: right;
	height: 22px;
	line-height: 22px;
	color: #FFF;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}


#footer{
	float: left;
	width: 779px;
	background: #1d2776 url(../images/footer_bg.gif) top left repeat-x;
	height: 15px;
	margin: 0px 0px 0px 14px;
}

		/* Fix voor IE */
		* html #footer
		{
			margin: 0px 0px 0px 7px;
		}

a.meerinfo, a.meerinfo:visited {
	color: #FFF;
}

a.meerinfo:hover {
	text-decoration: none;
}

.blok2 {
	padding: 0px 0px 20px 0px;
	border-bottom: 1px solid #FFF;
}

.borderBottom {
	border-bottom: 1px solid #414a8c;
}
.tabelkop {padding-bottom: 8px;}

/* Fonts
---------------------------------------------------------------------------------------------- */

	
h1 { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0px 8px 0px;
	font-size: 20px;
	line-height: 26px;
	font-weight: bold;
	color: #FFF;
	padding: 0px 0px 0px 0px;
	}
	
h2 { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0px 8px 0px;
	font-size: 14px;
	line-height: 21px;
	font-weight: bold;
	color: #FFF;
	padding: 0px 0px 0px 0px;
	}	
	
h3 { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0px 8px 0px;
	font-size: 28px;
	line-height: 34px;
	font-weight: normal;
	color: #ffffff;
	padding: 0px 0px 0px 0px;
	}	
	
h4 { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0px 8px 0px;
	font-size: 15px;
	line-height: 21px;
	font-weight: normal;
	color: #242424;
	padding: 0px 0px 0px 0px;
	}	
	
h5 { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0px 8px 0px;
	font-size: 25px;
	line-height: 31px;
	font-weight: normal;
	color: #ffffff;
	padding: 0px 0px 0px 0px;
	}		
	
/* Clearers
---------------------------------------------------------------------------------------------- */

.clearer {
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.clearer10 {
	height: 10px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.clearer15 {
	height: 15px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}


.clearer20 {
	height: 20px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}


.clearer25 {
	height: 25px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.clearer30 {
	height: 30px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}


.clearer40 {
	height: 40px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.clearer50 {
	height: 50px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}


	
	
.fotorechts{
	width: 162px;
	float: right;
	margin: 0px;
	padding: 8px 0px 0px 15px;
}
	
	
.fotorechts img{
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	border: 0px;
	border: 1px solid #ffffff;
}

.fotobreed{
	width: 626px;
	float: left;
	margin: 0px;
	padding: 0px;
}
	
	
.fotobreed img{
	float: left;
	padding: 0px 0px 20px 0px;
	margin: 0px;
	border: 0px;
	width: 626px;
}


.fotooverzicht{
	float: left;
	margin: 0px;
	padding: 20px 0px 0px 0px;
}
	
	
.fotooverzicht img{
	float: left;
	margin: 0px 15px 15px 0px;
	padding: 0px;
	border: 0px;
	width: 150px;
	height: 100px;
	border: 1px solid #ffffff;
}