/* CSS Document */

HTML, BODY {
	color: #FFFFFF;
	font-family:Arial,Verdana;
	padding: 5px;
}

BODY {
	background: #2E2E2E url(../img/stormer_background.jpg) top left repeat-x;
}

DIV.template {
	width: 1050px;
	margin: 0 auto;
	padding: 50px 0px 0px 0px;
	color:#000;
	text-align:left;
}
	TD.template_contact {
		width: 200px;
	}
	TD.template_menu {
		width: 200px;
	}
	TABLE.template_body {
		width: 100%;
		background: #E82D36;
	}
	TD.template_body {
		background: #E82D36;
	}


TABLE.stormer_print_header, TABLE.stormer_print_footer {
	display:none;
}

/*
TD.menu A {
	font-size:13px;
	font-weight:bold;
	font-variant: small-caps;
	color:#FFFFFF;
	text-align: right;
}
TD.submenu A {
	font-size:12px;
	font-weight:bold;
	font-variant: small-caps;
	color:#E82D36;
	text-align: right;
}
*/




/* HOOFDMENU */

DIV.stormer_hoofdmenu {
	width: 200px;
	height: 21px;
	margin: 3px 0px 3px 0px;
	font-size:16px;
	font-weight:bold;
	font-variant: small-caps;
	color:#FFFFFF;
}


/* body */


DIV.title {
	color: #000000;
	background: #E82D36;
	font-size:28px;
	height: 40px;
	font-weight:bold;
	width: 490px; 
	margin-bottom:20px;
}

TD.body_header {
	background: #242424;
	padding: 15px;
	color:#FFFFFF;
}

TD.body_tekst {
	background: #E82D36;
	color:#FFFFFF;
	font-size:12px;
	line-height:18px;
	padding: 25px 25px 25px 25px;
}

	TD.body_tekst A {
		color:#242424;
		text-decoration: underline;
	}
	TD.body_tekst A:hover {
		text-decoration: none;
	}
	
	
	
	TD.body_tekst H3 {
		font-size:16px;
		padding:10px 0px 3px 0px;
		margin: 0px;
	}

	TD.body_tekst H2 {
		font-size:15px;
		padding: 5px 0px 5px 0px;
	}
	
	TD.body_tekst UL {
		list-style: url(../img/stormer_liststyle.gif);
	}


TABLE.stormer_body {
	width: 550px;
	background: #E82D36;
}
TD.body_margin {
	width: 25px;
}
TD.body_margin_horizontal {
	height: 25px;
	background: none;
}

/* hoofdmenu */

	DIV.stormer_lifeboats_logo {
		background: #242424;
		padding: 10px;
		margin-bottom:15px;
		font-size:12px;
		font-weight:bold;
		color: #E82C39;
	}
		DIV.stormer_lifeboats_logo A {
			font-size:13px;
			font-weight:bold;
			color: #FFFFFF;		
			text-decoration: none;
		}
	
	DIV.stormer_lifeboats_menu {
		text-align: right;
	}
		DIV.stormer_hoofdmenu {
			margin: 0px 0px 4px 0px;
		}
		DIV.stormer_hoofdmenu a  {
			font-size:17px;
			font-variant: small-caps;
			color:#FFFFFF;
			text-decoration:none;
		}
		DIV.stormer_hoofdmenu a:hover  {
			color: #E82C39;
			text-decoration: none;
		}		

		TD.template_menu_footer {
		
		}
		TD.template_contact_footer {
			height:1px;
		}
		TD.partners_template, TD.partners_template A {
			color: #FFFFFF;
			font-weight: bold;
			font-size:10px;	
		}
		SPAN.merknaam_stormer_marine {
			font-size:9px;
			font-variant: normal;
			line-height:11px;
		}
		
		SPAN.merknaam_stormer_marine A {
			font-size:9px;
			text-decoration: underline;
			color: #949494;
		}
		SPAN.merknaam_stormer_marine A:hover {
			text-decoration: none;
		}
		
		DIV.hiswa {
			background: #242424;
			padding: 10px;
			color: #FFFFFF;
			text-align: right;
			width: 180px;
			height: 47px;
			font-size:10px;
		}

	/* submenu */
	
		TD.text_fout {
			color: #2E2E2E;
			font-weight: bold;
			font-size:14px;
		}
	
		DIV.stormer_submenu1 {
			color: #FFFFFF;
			padding: 0px 0px 0px 5px;
			font-size:12px;
			line-height:19px;
			float: none;
			width: 180px;
			margin: 0px 15px 5px 0px;
		}

		DIV.stormer_submenu {

			margin: 5px 0px 2px 0px;
		}

		/*

		DIV.stormer_submenu a {
			color: #E82D36;
			font-size:12px;
			line-height:18px;
			margin: 2px;
		}


		DIV.stormer_submenu_sub a {
			color: #E82D36;
			font-size:10px;
			line-height:18px;
			margin: 2px;
			padding-right:5px;
		}

		DIV.stormer_submenu_sub {
			margin: 0px 6px 0px 0px;
		}		

		*/

/* header animated */


DIV.stormer_lifeboats_header_slogan  {
	position: absolute;
	display: none;
	margin: 75px 50px 0px 325px;
	width: 164px;
	padding: 4px;
	height: 33px;
	background: #E72E33;
	font-weight:bold;
	top: 0px;
	z-index:2;
}

#kwicks_container { 
	background-color: #242424;
	height: 200px;
	float: none;
	width: 585px;
	overflow: hidden;
	position: relative;
	z-index: 1;
	background: url(../img/stormer_header_afbeelding.jpg) top left;	
}

#kwicks_container_modellen, #kwicks_container_modellen_scroll { 
	background-color: #242424;
	height: 465px;
	float: none;
	width: 585px;
	overflow: hidden;
	position: relative;
	z-index: 1;	
}


#kwicks {
	position: relative;
}
 
#kwicks .kwick {
	float: left;
	display: block;
	width: 90px;
	height: 225px;
}
 
#kwick_red {
	background: url(../img/stormer_header_lifeguard01.jpg) top left no-repeat;
}

#kwick_orange { 
	background: url(../img/stormer_header_guard01.jpg) top left no-repeat;
}

#kwick_yellow {
	background: url(../img/stormer_header_boat03.jpg) top left no-repeat;
}

#kwick_green {
	background: url(../img/stormer_header_zimc01.jpg) top left no-repeat;
}

#kwick_blue {
	background: url(../img/stormer_header_erwin01.jpg) top left no-repeat;
}

#kwick_indigo {
	background: url(../img/stormer_header_coastguard01.jpg) top left no-repeat;
}

#kwick_violet {
	background: url(../img/stormer_header_boat01.jpg) top left no-repeat;
}






/* contactgegevens */

DIV.stormer_contactgegevens {
	background: #242424;
	padding: 10px 20px 10px 10px;
	margin-bottom:15px;
	text-align: right;
	line-height:15px;
	color: #949494;
	font-size:11px;
}

	DIV.stormer_contact {
		font-size:14px;
		color: #E82C39;
		margin: 0px 0px 5px 0px;
		width: 100%;
		padding: 0px;
		font-weight:bold;
	}

	DIV.stormer_contactgegevens A {
		text-decoration: underline;
		color: #949494;
	}
	DIV.stormer_contactgegevens A:hover {
		text-decoration: none;
	}


/* BOTEN type sloepen */

DIV.stormer_typesloepen {
	background: #2E2E2E;
	padding: 10px 0px 10px 0px;
	margin-bottom:5px;
	text-align: right;
	line-height:15px;
	color: #949494;
	font-size:11px;
}



/* footer */

TD.template_footer_body, TD.template_footer_body A {
	text-align: right;
	color: #7C7C7C;
	font-size:10px;
}

TD.footer_copyright DIV, TD.footer_links DIV {
	color: #7C7C7C;
	font-size:10px;
}
TD.template_footer_body	{
	padding-top:5px;
	}
	
	TD.template_footer_body A {
		text-decoration: none;
	}
	TD.template_footer_body A:hover {
		text-decoration:  underline;
	}	




/* nieuws */

DIV.nieuws {
	background: #E82D36;
	padding: 15px 15px 15px 15px;
	color: #FFFFFF;
	font-size:11px;
	line-height: 16px;
}
	DIV.nieuws_titel {
			font-size:12px;
			font-variant: small-caps;
			color:#FFFFFF;
			text-decoration:none;
			padding-left:17px;
			width: 85px;
			padding-bottom: 0px;
			background: url(../img/stormer_nieuws_logo.gif) top left no-repeat;
	}

	SPAN.nieuws_datum {
		color: #000000;
	}
	DIV.nieuws A {
		color: #FFFFFF;
		text-decoration: underline;
	}
	DIV.nieuws A:hover {
		text-decoration: none;
	}





/*big menu*/

#kwick {
	position: relative;
	border-top: 1px solid #2E2E2E;
	border-bottom: 3px double #2E2E2E;
	margin-bottom: 10px;
	padding: 10px 0;
}

#kwick .kwicks {
	display: block;
	background: #2E2E2E url(../images/trac.gif) top right no-repeat;
	height: 100px;
}

#kwick li {
	float: left;
}

#kwick .kwick {
	display: block;
	overflow: hidden;
	height: 80px;
	width: 125px;
	padding: 10px;
	background: #fff;
	border-right: 5px solid #2E2E2E;
}

#kwick .kwick span {
	display: none;
}

#kwick .download {
	background: #E82D36 url(../images/download.gif);
}

#kwick .documentation {
	background: #E82D36 url(../images/docs.gif);
}

#kwick .blog {
	background: #E82D36 url(../images/blog.gif);
}

#kwick .trac {
	background: #E82D36 url(../images/trac.gif);
	border-right: 0;
}



/* accordion */


.toggler {
	color: #222;
	margin: 0;
	padding: 2px 5px;
	background: #2E2E2E;
	border-bottom: 2px solid #2E2E2E;
	border-right: 2px solid #2E2E2E;
	border-top: 2px solid #2E2E2E;
	border-left: 2px solid #2E2E2E;
	font-size: 11px;
	font-weight: normal;
	font-family: Arial,Verdana;
}
 
.element {
 
}

TABLE.toggler_menu {
	background: #2E2E2E;
}
SPAN.toggler  {
	float: left;
	background: #2E2E2E ;
	width: auto;
	padding: 0px 40px 0px 0px;
	
}
#toggler_span, DIV.toggle_span_div {
	width: 500px;
	background: #242424;
	}
	
DIV.toggle_span_div { 
	background: none;
}
 
.element p {
	margin: 0;
	padding: 4px;
}
 
.float-right {
	padding:10px 20px;
	float:right;
}
 
blockquote {
	padding:5px 0 5px 30px;
}




UL.sitemap LI {
		list-style: url(../img/stormer_liststyle_sitemap.gif);
}
UL.sitemap LI UL LI {
		list-style: url(../img/stormer_liststyle_sitemap_small.gif);
}



UL.sitemap A, UL.sitemap LI A {
	color:#FFFFFF;
	text-decoration: none;
	font-size:11px;
}

UL.sitemap A:hover, UL.sitemap LI A:hover {
	text-decoration: underline;
}

DIV.stormer_sitemap {
	width:355px;
	margin:0px;
	padding:0px;
}

TABLE.sitemap_table {
	background: #2E2E2E;
	margin-top:5px;
	font-size:11px;
}


TD.stormer_sitemap_omschrijving {
	padding:5px;	
	font-size:11px;
}


TD.stormer_sitemap_link {
	text-align: right;
	background: #E82D36;
}

TD.stormer_sitemap_link A {
	text-align: right;
	font-size:11px;
	color:#FFFFFF;
	font-weight: normal;
	text-decoration:none;
}
TD.stormer_sitemap_link A:hover {
	text-decoration: underline;
}

H6.sitemap {
	color: #FFFFFF;
	font-size:14px;
	background: none;
	margin: 0px;
	padding: 5px 0px 0px 0px;
	width: 375px;
}
	TD.stormer_sitemap_omschrijving A {
		text-decoration: underline;
		font-size:11px;
	}
	TD.stormer_sitemap_omschrijving A:hover {
		text-decoration: none;
		font-size:11px;
	}

/* FORM */

INPUT, TEXTAREA, SELECT {
	border: 1px solid #7C7C7C;
	font-family: Verdana;
	padding: 2px;
	font-size:12px;
}

	TEXTAREA {
		height: 100px;
	}





.treeview ul { /*CSS for Simple Tree Menu*/
	margin: 0;
	padding: 0;
}

.treeview li, .treeview Li A { /*Style for LI elements in general (excludes an LI that contains sub lists)*/
	/* background: #2E2E2E url(../js/menu/list.gif) no-repeat left center; */
	list-style-type: none;
	padding-right: 5px;
	margin-bottom: 4px;
	text-align: right;
	color: #F4F4F4;
	font-size:12px;
	font-weight:bold;
	font-family:Arial;
	font-variant: small-caps;
	text-decoration:none;
}
	.treeview li:hover {
		text-decoration:none;
		color: #E82D36;
		cursor: hand !important;
		cursor: pointer !important;
	}

.treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
	/* background: #2E2E2E url(../js/menu/closed.gif) no-repeat left 1px; */
	cursor: hand !important;
	cursor: pointer !important;
}
.treeview li.submenu ul li {
	color: #E82D36;
	padding-right:15px;
}
.treeview li ul li A {
	color: #E82D36;
	padding-right:0px;
}

		.treeview li.submenu ul li:hover {
		text-decoration:none;
		color: #FFFFFF;
		cursor: hand !important;
		cursor: pointer !important;
	}

.treeview li ul li A:hover {
		text-decoration:none;
		color: #FFFFFF;
		cursor: hand !important;
		cursor: pointer !important;
}
	
A.submenu_overig {
	color: #E82D36;
	padding-right:15px;
}

.treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
	display: none; /*Hide them by default. Don't delete. */
}

.treeview li ul { /*Style for ULs that are children of LIs (submenu) */
	margin-top: 3px;
}

.treeview .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
cursor: default;
}

SPAN.submenu_stormer {
	color: #E82D36;
}


UL LI UL {
	padding:0px;
	margin: 0px;
}


UL LI UL LI UL.submenu_boat LI {
	padding:0px;
	margin: 0px;
}


UL LI UL LI UL.submenu_boat {
	margin: 3px 0px 6px 0px
}


UL LI UL LI UL.submenu_boat LI A {
	padding: 0px;
	margin: 0px;
}


UL LI UL LI UL.submenu_boat LI A {
	color: #E82D36;
	text-decoration:none;
	font-size:12px;
}

UL LI UL LI UL.submenu_boat LI A {
	color: #E82D36;
	text-decoration:none;
	font-size:12px;
}
UL LI UL LI UL.submenu_boat LI A:hover {
	text-decoration:underline;
}

#treeview2 {
	color: #FFFFFF;
	display:none;
}

UL.sitemap_submenu {
	margin-left:40px;
}


TD.stormer_modellen_foto-klein {
	width: 135px;
	height: 102px;
	background: #242424;
}

TD.stormer_modellen_foto-groot {
	width: 585px;
	height: 350px;
	background: #242424;
}
	TD.stormer_modellen_foto-groot A, TD.stormer_modellen_foto-klein A {
		color: #FFFFFF;
		text-decoration:none;
		font-weight:normal;
		text-align:center;
		font-size:12px;
	}
	TD.stormer_modellen_foto-groot A:hover, TD.stormer_modellen_foto-klein A:hover {
		text-decoration:underline;
	}





/* STORMER SUBMENUs */



.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(bubble.png) top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(bubble.png) bottom right;
}
 
.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}




/** Overzicht modellen **/
TD.overzicht_modellen, TD.overzicht_modellen A {
	font-size: 11px;
	font-weight:normal;
	font-family:Arial, Verdana;
	color: #FFFFFF;
}

	#model_lifeboat UL {
		list-style: none;
		list-style-image: none;
		
		background: #E82D36;

	}
	#model_lifeboat UL LI {
		padding: 2px 10px;
	}
	#model_lifeboat UL LI A {
		color: #242424;
		font-size: 12px;
		font-weight: bold;
		text-decoration: none;
	}
	#model_lifeboat UL LI A:hover {
		text-decoration: underline;
	}


.extra {display:inline; float:left; text-decoration:none; margin:0;padding: 0;}
.extra div {font-style:normal;}
.extra div.txt, .extra b {display:none;}
.extra .head {display:block; width:160px; height:55px;}
.extra .color1 {background:#2E2E2E;}


.extra img {border:0; display:block;}
.extra div.mh2 {padding-left:0px; margin:0; color:#000; font-weight:normal; font-family: verdana, arial, sans-serif; font-size:24px;}

.extra:hover {background:#E82D36; position:relative;cursor:pointer;}
.extra:hover b {display:block; position:absolute; top:0px; left:0px; width:160px; background:#242424; height:100%; opacity:0.9;}

.extra:hover div.txt {display:block; position:absolute; top:0px; width:100%; left:0px; height:55px; color:#FFF; margin:0; line-height:16px;text-align: left;padding: 2px 5px 0px 5px;margin:0;}
.extra:hover div.txt A {
		color: #FFFFFF;
		font-size: 12px;
		font-weight: bold;
		text-decoration: none;
		
		padding-left: 10px;
	}
.extra:hover div.txt A:hover {
	text-decoration: underline;
}


	DIV.stormer_overzicht_modellen {
		font-size: 12px;
		line-height: 20px;
		
	}






/** FORM FIELD winterstalling **/

#winterstalling_formulier {
	padding: 0px;
	margin: 0px;
}

TD.body_tekst H4 { 				/* form field header titles */
		font-size:8px;
		height: 15px;
		width: 300px;
		padding:3px 0px 3px 0px;
		margin: 15px 0px 0px 75px;
	}
	
DIV.formfield_line {
	float: left;
	padding-right: 4px;
	margin-top:7px;
}

DIV.formfield, DIV.formfield2 {
		line-height: 16px;
		font-size:11px;
		color: #FFFFFF;
		font-family:Arial;
		margin-top:5px;
		width: 75px;
		float: left;
	}
			
		DIV.form-liner {
			margin: 0px 0px 7px 0px;
		}
		INPUT, TEXTAREA, SELECT, CHECKBOX {
			background: #FFFFFF;
			border: 2px solid #2E2E2E;
			padding: 2px;
			float: left;
			font-size:13px;
			color: #2E2E2E;
			font-weight: bold;
			width: 115px;
		}
		DIV.winterstalling-form_tekst {
			padding:3px 0px 3px 0px;
			margin: 15px 0px 0px 75px;	

		}

		SELECT {
			width: 260px;
		}

		TEXTAREA {
			width: 368px;
		}
		
		SPAN.winterstalling-form_voorbeeld {
			font-size:10px;
			padding: 0px 5px;
		}

	.errFld {
			border: 2px dashed #000000;
		}

TABLE.webshop label {
	float: left;
	width:60px;
	text-decoration: underline;
}





.stormer_modellen_foto-groot {
	font-size: 18px;
	font-weight:bold;
	font-family:Arial;
	color:#FFFFFF;
}
UL.jcarousel-skin-tango LI, UL.jcarousel-skin-tango LI A, UL.jcarousel-skin-tango LI A IMG {
	font-size: 12px;
	color:#FFFFFF;
	font-family:Arial,Verdana;
	text-decoration:none;
}

.jcarousel-prev-disabled {
	display:none;
}

.DynamicTree {
    font-family: arial, verdana;
    font-size: 11px;
    white-space: nowrap;
    cursor: default;
	text-align:right;
	margin: 0px 12px 0px 0px;
}
	.DynamicTree IMG {
		display:none;
	}
	.DynamicTree a {
		color:#FFFFFF;
		font-size: 12px;
		font-weight:bold;
		font-variant: small-caps;
		text-decoration:none;
	
	}
	.DynamicTree A:hover {
		text-decoration:underline;
	}
	.menumarger {
		margin-right: 0px;
		margin-top:5px;
	}
	.menumarger_sub {
		margin-top:5px;
	}
	.DynamicTree .submenu {
		margin:2px 12px 0px 0px;
		padding-right: 0px;
		font-weight:bold;
		font-size: 13px;
	}
	.DynamicTree .submenu_2 {
		margin:2px 12px 0px 0px;
		padding-right: 0px;
		font-weight:bold;
		font-size: 13px;	
	}
	DIV.submenu .doc A {
		margin-right: 12px;
	}
	
	.DynamicTree .mainexpand {
		
		/* background: url(/img/plus.gif) top right no-repeat; /*
	}
	.DynamicTree .expand {
		
		/* background: url(/img/plus_sup.gif) top right no-repeat; */
	}
	
	.DynamicTree .submenu A, .DynamicTree .submenu_2 A {
		font-size:12px;
		font-weight:bold;
		font-variant: small-caps;
		color:#E82D36;
		text-align: right;

	}
	.submenu .doc A {
		margin-right: 2px;
		font-size: 11px;
		color:#FFFFFF;
	}

.DynamicTree .doc img,
.DynamicTree .folder img { border: 0; vertical-align: -4px; }
* html .DynamicTree .doc img,
* html .DynamicTree .folder img { border: 0; vertical-align: middle; vertical-align: -4px; }
.DynamicTree .section { repeat-y; display: none; }
.DynamicTree .last { background: none; }
.DynamicTree .folder .folder { margin-left: 18px; }
.DynamicTree .doc .doc, .DynamicTree .folder .doc { margin-left: 18px; }



/* hack for IE to fix a bug (background of .section disappearing when mouse is over a link, for example Node 1.1.1.1) */
* html .DynamicTree .folder { position: relative; }





/* AANBIEDINGEN */

DIV.aanbieding {
	width: 533px;
	height: auto;
	overflow:hidden;
	margin-top:100px;
	padding: 16px;
	background: #242424 url(../img/stormer_aanbiedingen_bg.gif) top left no-repeat;
}
	.aanbieding DIV.content {
		background:#242424;
		width: 515px;
		padding: 10px;
	}
	.aanbieding DIV.content H2 {
		margin: 0px;
		font-size: 26px;
		line-height: 32px;
		padding: 0px;
	}
	.aanbieding DIV.content TABLE {
		margin-top:10px;
		margin-bottom:4px;
	}
	.content TD.aanbieding_text UL {
		margin: 10px 0px 20px 0px;
		list-style-image:none;
		list-style: circle;
	}
	.content TD.aanbieding_text UL LI {
		padding: 0px;
	}
	.content TD.aanbieding_text .price {
		font-size: 30px;
		font-weight:bold;
	}
	.content TD.aanbieding_text .price SPAN {
		font-size: 18px;
		padding-left: 15px;
		margin-right: 6px;
	}
	
	
	.content TD.aanbieding_text {
		padding-left: 10px;
	}
	.content TD.aanbieding_text A {
		color: #FFFFFF;
		text-decoration: underline;
	}
	
	.content TD.aanbieding_text A:hover {
		text-decoration: none;
	}