/* Head file CSS for screen */

/* Positioning */
 /* This document contains margins, paddings, positions. (no width & height)*/

/* Default */
html {height: 100%}
body {height: 100%; text-align: center; }
#container {background-position: top; position: relative; margin-left: auto; margin-right: auto; text-align: left;}
img.left {float:left; margin: 2px 20px 16px 0pt;}
img.right {float:right; margin: 2px 0pt 16px 20px;}
img.across {margin:2px 0pt 16px;}

/* Header */
.logo {margin: 50px 0 8px 20px; display: inline; } /* inline vanwege double margin IE bug */
.language_div   { margin: 40px 0 0 0; }
.search_div     { margin: 40px 0 0 0; }
.newsletter_div { margin: 40px 0 0 0; }
#search_background  {background-position: left center; padding-left: 5px; float: left; }
#language_background {margin-top: 40px;}
#language_background select {margin-left: 5px;}

/* Menu top */
#menu_layer {margin: 0px 0 8px 5px; } /*|| Voor transparency van de div --> filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; */

/* Content */
#content {padding-top: 1px; padding-bottom: 20px;} /*Deze veranderen voor ruimte tussen content en header/footer */
#content {padding-left: 15px; padding-right: 15px;}
#content {background-position: top;}
#content_text {margin-left: 15px;}
#content ul {margin-left: 30px; padding-top: 20px; padding-bottom: 20px;}
#left_border {background-position: left; }
#right_border {background-position: right;}
/* #content_normal #sub_center table {margin-bottom: 15px;} Moet nu nog uit staan ivm tables die moeten worden omgezet in divs in de content */
/* #content_normal #sub_center td {padding-bottom: 15px; padding-left:5px; padding-right: 5px;} De td in de table tag heeft een margin. Moet nu nog uit staan ivm tables die moeten worden omgezet in divs in de content*/

	/* Content --> event box sub pagina */
#content_normal #sub_left .roundedcornr_content p {margin-bottom: 0px;}
#content_normal #sub_left .roundedcornr_content ul {margin-left: 15px; padding-bottom: 0px; padding-top: 5px;}
.roundedcornr_content #news_link {text-align: right; }
.roundedcornr_content #event_more_news_link {padding-top: 3px; text-align: right; }
.roundedcornr_content img  {display: block; margin-left: auto; margin-right: auto; padding: 10px;}

/* Content normal (niet homepage content) */
#content_normal {padding-top: 25px; padding-bottom: 20px;} /*Deze veranderen voor ruimte tussen content en header/footer */
#content_normal {padding-left: 15px; padding-right: 15px;}
#content_normal {background-position: top;}
#content_normal ul {margin-left: 30px; padding-top: 10px; padding-bottom: 20px;}
#content_normal ul ul {padding-bottom:10px;}
#content_normal #sub_left {float: left; width: 200px; padding-top: 0px;}
#content_normal #sub_left h3 {margin-left: 0px; padding-bottom: 3px; }

#content_normal #sub_center {float: left; width: 515px; margin-left: 20px; margin-right: 20px;}

#content_normal #sub_center.extra_wide       { width: 715px; }
#content_normal #sub_center.super_extra_wide { width: 915px; }

#content_normal #sub_center #print_screen_left {width: 248px;  margin-left: 20px; margin-top: 10px; margin-bottom: 10px;display: inline; text-align: center;  }
#content_normal #sub_center #print_screen_right {width: 248px;  margin-right: 20px; margin-top: 10px; margin-bottom: 10px; display: inline; text-align: center;  }

#content_normal #sub_right {float: right; width: 200px; padding-top: 0px;}


	/* Content --> Markets (flash) */
	#markten_top{background-position: top;}
	#markten {float: left;} /* de DIV */
	#markten_content p {margin: 0 0 0 10px;}
	#markten_content h1 {margin-left: 10px;}
	#markten_content p.flash_p {margin: 0px; padding: 0px;} /* <p> tag voor w3c validator */
	.flash{margin: 15px 0 0 15px;}

	/* Content --> Banner */
	#banner { padding-top: 1px; float: right; height: 190px; margin-bottom: 20px; }
	#banner div:first-child { position: relative; width: 409px }
	#banner div:first-child div { position: absolute; }

	/* Content --> text (about victron energy)*/
	#content_text {padding: 10px 0 10px 0;} /* de DIV */
	#content_text p{padding: 10px 0 20px 0;}
	#content_text p.info {padding: 0;}
	
	/* Content --> Downloads */
	#downloads {float: right; margin: -90px -6px 0 0;} /* Dit element is negatief naar boven en naar rechts geschoven  */
	#downloads div p {padding-top: 5px;}
	#downloads_left_top {margin: 6px 0 0 6px; float: left; }
	#downloads_right_top {margin: 6px 6px 0 0; float: right; }
	#downloads_left_bottom {margin: 8px 0 0 7px; clear:both; float: left;}
	#downloads_right_bottom {margin: 8px 6px 0 0; float: right;}
	#downloads span {margin: 7px;}
	#downloads div ul {padding-left: 15px; padding-top: 0px; margin: 0px;}
	#downloads div ul li {padding-top:4px;}
	#downloads div p.info {padding: 0px;}
	.margin {margin: 7px;}

	/* Content cases */
	.cases h3 {position: relative; top: 20px; left: 15px; color: white; font-family: Arial,Verdana,sans-serif; font-size: 14px; font-weight: normal; text-decoration: none;}
    .cases h3 a {color: white;}


	/* content_title */
	#content_title {margin-bottom: 10px;}
	
	/* Content -->  template content text*/
	#content_standard p{margin-bottom: 10px;}
	#content_standard ul {margin-left: 20px;}
	#content_standard td {padding: 5px;}
	#content_standard table {margin-left: auto; margin-right: auto; }
	
	
	

/* Footer / footer menu */
#footer_menu {margin-left: 5px;} /* margin-left: 5px --> bg strepen links laten doorlopen */
#footer_menu ul {padding-top: 7px;}
#footer_menu ul li{padding-left: 20px;}


/* TABS --> moet nog verdeeld worden */

body {font-family:"Lucida Grande",Geneva,Arial,Verdana,sans-serif;}

#tabs_box {margin-left: auto;  margin-right: auto; position: relative;}
#tabs_top {background-image:url('http://www.victronenergy.com/images/tabs/tabs_top.gif'); background-repeat: no-repeat; width: 521px; height: 7px; font-size: 4px;}
#tabs_center {width: 521px; background-image:url('http://www.victronenergy.com/images/tabs/tabs_center.gif'); background-repeat: repeat-y; }
#tabs_bottom {background-image:url('http://www.victronenergy.com/images/tabs/tabs_bottom.gif'); background-repeat: no-repeat; width: 521px; height: 7px;}

#tabs_doctypes {width: 185px; float: left; margin-left: 8px; padding-top: 5px; display: inline; text-align: left;}
#tabs_docs {float: right; width: 301px; margin-right: 10px; margin-top: -39px;  display: inline; text-align: left;}
.clear {clear: both; }

#tabs_title_doctypes {width: 199px; float: left;  display: inline; margin-left: 1px; text-align: center; border-bottom: solid #C0C0C0 1px; height: 33px; font-size: 15px; font-weight: bold; padding-top: 5px; }

.tabs_title_docs {width: 319px; margin-left: -9px; margin-bottom: 5px; text-align: center;  height: 33px; border-bottom: solid #C0C0C0 1px; font-size: 15px; font-weight: bold; padding-top: 5px; }

.tabs_title_docs img {margin-bottom: -3px;}


#tabs_doctypes img {margin-bottom: -4px; margin-right: 5px; border: 0px;}
#tabs_doctypes ul {list-style-type: none; margin: 0px; padding: 0px; padding-top: 5px; padding-bottom: 5px;}
#tabs_doctypes li { border-bottom: solid #F1F1F1 1px; font-size: 12px; text-align: left;}

#tabs_docs ul {list-style-type: none; font-size: 12px; margin: 0px; padding: 0px; padding-top: 5px; padding-bottom: 5px;}
#tabs_docs li {border-bottom: solid #F1F1F1 1px; text-align: left; }
#tabs_docs li span {font-size: 11px; color: #999999; font-style: italic;}
#content_normal #sub_center #tabs_doctypes a {display: block; width: 175px; padding-top:10px; padding-bottom: 10px; padding-left:5px; padding-right: 5px; text-decoration: none; color: black;}
#content_normal #sub_center #tabs_doctypes a:hover {text-decoration: none;}
#content_normal #sub_center #tabs_docs a:hover {text-decoration: none;}
#content_normal #sub_center #tabs_docs a{display: block; padding-bottom: 10px; padding-top: 10px; padding-right: 5px; padding-left: 5px; color: black; text-decoration: none;}


/* Start TABS jquery app in content; file download table for products #F7FAFD*/
#tabs_docs li:hover, #nav li.sfhover {
	background-color: #E1EBEF;
}

#tabs_doctypes li:hover, #nav li.sfhover {
	background-color: #E1EBEF;
}

.ui-tabs-selected {background-color: #E1EBEF;}




#tabs_border {width: 521px; height: 1px; background-image:url('http://www.victronenergy.com/images/tabs/tabs_border.gif'); background-repeat:no-repeat;}

/* Caution! Ensure accessibility in print and other media types... */

    .ui-tabs-hide {
        display: none;
    }


/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}



/* TABS eind */
/* Positioning Eind */

/* Skin */
/* This document contains skin: images and colors + width and heights */

/* default */

body {background-image: url('../../images_layout/fade_top.jpg'); background-repeat: repeat-x; background-color: #0066CC;}
#container {width: 988px; background-image: url('../../images_layout/header.jpg'); background-repeat: no-repeat;}

/* Header */
.logo {width: 316px; height: 54px;}
.language_div {width: 200px; height: 65px;}
.search_div {width: 200px;}
#search_background  { background: white; margin-top: 2px; padding-top: 0px; padding-bottom: 2px; height: 17px; }
#search_background form input { font-size: 10px; width: 166px; border-width: 0px; font-weight: normal; padding-top: 2px; }
input { outline: none; }
/*#language_background {background-image: url('../../images_layout/select_background.jpg'); background-repeat: no-repeat; background-position: left center;}*/
*#language_background select {border-color: white; background: white; border-color: white;  border-width: 0px; width: 170px; overflow:fixed;}

/* Menu top */
#menu_layer {width: 978px; height: 28px; } /* Achtergrond blauw zit achter deze div */
/*#menu_layer ul li{display: inline; list-style-type: none; padding-left: 20px;}
#menu_layer ul {padding-top: 5px;}*/

/* Content */
#left_border {width: 988px; background-image: url('../../images_layout/left_border.jpg'); background-repeat: repeat-y; background-color: white;}
#right_border {width: 988px; background-image: url('../../images_layout/right_border.jpg'); background-repeat: repeat-y;}
#content {background-image: url('../../images_layout/top_content.jpg'); background-repeat: no-repeat;}

	/* Content --> Markets (flash) */
	#markten_top {width: 537px; background-image: url('../../images_layout/content_border_middle_top.png'); background-repeat: no-repeat; z-index:1;}
	#markten_content {width: 537px; background-image: url('../../images_layout/content_bg.png'); background-repeat: repeat-y; }
	#markten_bottom {width: 537px; background-image: url('../../images_layout/content_border_middle_bottom.png'); background-repeat: no-repeat; }
	
	/* Content --> Banner */
	#banner {display: inline;} /* Double margin bug voor IE*/


	/* Content --> Downloads */
	#downloads {display: inline; width: 419px; height: 300px; background-image: url('../../images_layout/bg_downloads.jpg'); background-repeat: no-repeat; }
	#downloads_left_top {width: 199px; height: 140px; display: inline; overflow: hidden;}
	#downloads_right_top {width: 199px; height: 140px; display: inline; overflow: hidden;  }
	#downloads_left_bottom {width: 199px; height: 140px; display: inline; overflow: hidden; }
	#downloads_right_bottom {width: 199px; height: 140px; display: inline; overflow: hidden;  }
	#downloads div ul {list-style-type: square;}

	/* Content --> text (about victron energy)*/
	#content_text {display: inline; width: 500px; float: left;} /* de DIV */

	/* Content -->  template content text*/
	#content_standard td {border: 1px solid #cccccc;}



/* Footer / Footer menu */
#footer_menu {width: 978px; height: 28px; background-color: #053358;} /*De DIV*/
#footer_menu ul li{display: inline; list-style-type: none;}
#footer_border {width: 988px; height: 11px; background-image: url('../../images_layout/footer.jpg'); background-repeat: no-repeat;}


			/* Dropdown menu*/
			#mainnav li {
			list-style-image:none;
			list-style-position:outside;
			list-style-type:none;
			}
			#mainnav {
			margin-left:8px;
			
			}
			#mainnav li {
			float:left;
			margin-right:5px;
			margin-top:1px;
			width:auto;
			
			}
			#mainnav a, #mainnav span.fake_a { /* Menu link eigenschappen */
			font-size: 12px;
			text-decoration: none;
			color: white;
			display:block;
			width:auto;
			}
			#mainnav a:hover, #mainnav span.fake_a {
			text-decoration:none;
			}
			#mainnav li li {
			margin-right:0pt;
			width: 200px;
			}
			#mainnav li a, #mainnav li span.fake_a {
			line-height:25px;
			padding:0pt 10px;
			cursor:pointer;
			}
			#mainnav li li a, #mainnav li li span.fake_a {
			line-height:22px;
			font-family: arial;
			font-size: 11px;
			}
			
			#mainnav li li.first_link a, #mainnav li li.first_link span.fake_a { /* css voor submenu linkjes */
			font-weight: bold;
			}
			#mainnav li li a:hover, #mainnav li li span.fake_a:hover {
			background:#032745; none repeat scroll 0%; /* Als je met je cursor over een link gaat in het sub menu */
			font-family: arial;
			font-size: 11px;
			text-decoration: underline;
			}
			#mainnav li ul {
			filter:alpha(opacity=95); -moz-opacity:0.95; -khtml-opacity: 0.95; opacity: 0.95;
			background:#053358 none repeat scroll 0%; /* Achtergrond kleur voor het menu. Werkt niet voor IE. (zie class suckerfish) */
			border:1px solid #CCCCCC;
			left:-999em;
			position:absolute;
			width:200px;
			z-index:9999; /* dit zorgt er voor dat het menu niet onder andere layers komt te liggen. (bijv een element in het content vak) */
			}
			#mainnav li.suckerfish ul { /* VOOR [IE]*/
			background:#053358 none repeat scroll 0%; /* achtergrond kleur voor het menu in IE */
			border:1px solid #CCCCCC;
			left:auto;
			margin-left:-1px;
			}
			#mainnav li:hover ul, #mainnav li.suckerfish > ul {
			background-position:0pt;
			left:auto;
			margin-left:-1px;
			}
			#mainnav li:hover, #mainnav li.suckerfish {

			}
			#mainnav li:hover li, #mainnav li.suckerfish li {
			border:medium none;
			}
			#mainnav li ul ul {
			position:absolute;
			}
			#mainnav li:hover ul ul, #mainnav li:hover ul ul ul, #mainnav li:hover ul ul ul ul, #mainnav li.suckerfish ul ul, #mainnav li.suckerfish ul ul ul, #mainnav li.suckerfish ul ul ul ul {
			left:-999em;
			}
			#mainnav li:hover ul, #mainnav li li:hover ul, #mainnav li li li:hover ul, #mainnav li li li li:hover ul, #mainnav li.suckerfish ul, #mainnav li li.suckerfish ul, #mainnav li li li.suckerfish ul, #mainnav li li li li.suckerfish ul {
			left:auto;
			}
			#mainnav li li:hover ul, #mainnav li li.suckerfish ul {
			left:175px;
			margin-top:-23px;
			}
			#tested {
			padding-left:20px;
			}

/* Standaard box met 1px grijze lijn en 10gradient hoeken. (niet breeder dan: 1024px; niet hoger dan: 600px; ) */
.roundedcornr_box {
	background: url('../../images_layout/roundedcornr_tl.png') no-repeat top left; overflow: hidden;
}
.roundedcornr_top {
	background: url('../../images_layout/roundedcornr_tr.png') no-repeat top right;
}
.roundedcornr_bottom {
	background: url('../../images_layout/roundedcornr_bl.png') no-repeat bottom left;
}
.roundedcornr_bottom div {
	background: url('../../images_layout/roundedcornr_br.png') no-repeat bottom right;
}
.roundedcornr_content {
	background: url('../../images_layout/roundedcornr_r.png') top right repeat-y;
}

.roundedcornr_content div {overflow: hidden;}
.roundedcornr_top div,.roundedcornr_top,
.roundedcornr_bottom div, .roundedcornr_bottom {
	
	height: 10px;
	font-size: 1px;
}

.roundedcornr_box, .left_side_box {
    width:184px;
    margin-bottom: 20px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.roundedcornr_content, .roundedcornr_bottom {
	margin-top: 0px;
}
.roundedcornr_content { padding: 0px 10px 0px 10px; }

table.bordered_table {
    border-color: gray;
    border-width: 0 0 1px 1px;
    border-style: solid;
}

table.bordered_table th {

    border-color: gray;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
    padding: 4px;
    background-color: white;
}


table.bordered_table  td {

    border-color: gray;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
    padding: 4px;
    background-color: white;
}

/* Specificatie tabel */

table.data tr:first-child {font-size: 15px; padding-top: 10px; padding-bottom: 10px;}
.table_title td {font-weight: bold; padding-top: 10px; padding-bottom: 10px; font-size: 15px;}

.bold_row td {font-weight: bold;}
table.data td {text-align: center; border: 1px solid #cccccc; padding: 5px;}
table.data td:first-child {text-align: left; } /*  Werkt voor FF en Safari, niet voor IE 6  */
table.data {border: 2px solid #eeeeee; font-size: 12px; margin-left: auto; margin-right: auto; border-collapse: collapse; font-family: arial;}
table.data td.first_collum {text-align: left; }
table.data td.first_collum { }
table.data td.second_collum {/*background-color: #FFE8E1; */ }
table.data td.third_collum {/*background-color: #F0FFE1; */}
table.data td.fourth_collum {/*background-color: #FFE8E1; */ }

table.data tr.table_title td.first_collum {background-color: #3399CC; color: white; border: 1px solid white;}
table.data tr.table_title td.second_collum {background-color: #3399CC; color: white; border: 1px solid white;}
table.data tr.table_title td.third_collum {background-color: #3399CC; color: white; border: 1px solid white;}
table.data tr.table_title td.fourth_collum {background-color: #3399CC; color: white; border: 1px solid white;}
.bold {font-weight: bold;}

.box {-moz-border-radius: 10px; border: 1px solid #cccccc;  width: 100%; margin-bottom: 10px;}

.box div{margin: 10px;}
/* Skin eind */

/* Fonts */
/* Hier staan alle Fonts en groottes */

/* default */
body {
color: black;
font-family:"Lucida Grande",Geneva,Arial,Verdana,sans-serif;
font-size:12px;
}

.info {color: red; font-size: 10px; font-family: tahoma; line-height: normal;}  /* Rode zin onder alle titels */
.bold {font-weight: bold;}

a {text-decoration: underline; color: black; outline-style: none }
a:hover {text-decoration: underline;}

h1 a {text-decoration: none;}
h1 {font-size: 18px;   font-weight:normal;}
h2 {font-size: 15px; font-weight:bold;}
h2 a {font-weight: bold;}
h3 {font-size: 14px; font-weight:bold;}
h3 a {font-weight: bold;}
h4 {font-size: 12px; font-weight: bold;}
h4 a {font-weight: bold;}
ul li a {text-decoration: none;}

/* #content_normal #sub_center h1 --> content_normal are all the pages except the homepage. Subcenter is the middle part of the content, excluding de collumns events, latest new & More power */

#content_normal #sub_center h1 {margin-bottom: 10px; line-height:36px;} /*Deze regel geeft de spacing aan onder & boven de H1 kop */
#content_normal h2 {margin-bottom: 10px; line-height:18px;} /*Deze regel geeft de spacing aan onder & boven de H2 kop */
#content_normal #sub_center h3 {margin-bottom: 10px;font-weight:bold; line-height:18px;} /*Deze regel geeft de spacing aan onder & boven de H3 kop */
#content_normal #sub_center h4 {margin-bottom: 10px; font-weight:bold; line-height:18px;} /*Deze regel geeft de spacing aan onder & boven de H4 kop */

#content_normal #sub_center table td {vertical-align: top;}

#product_information h2 {font-size: 12px;}



#content_normal h1 {color: #FF3300;} /* De kleur van de H1 is lichtblauw. De andere kopjes zijn donker. (dit geld niet voor de homepage ivm #content_normal.  */
#content_normal h1 a {color: #FF3300;}
#content_normal h2 {font-size: 12px; margin-bottom: 0px; margin-top: 10px; height: auto; min-height: 32px;}

#main h3 {
color:#404040;
}

/* Content */

	/* Content --> Content text front page (about Victron Energy) */
	#content_text p {font-size: 12px; line-height: 18px;}
	#content_text p.info {color: red; font-size: 10px; font-family: tahoma; line-height: normal;}

	/* Content --> Downloads */
	#downloads_right_top {color: white;}
	#downloads_right_top a {color:white;}
	#downloads_left_bottom {color: white;}
	#downloads_left_bottom a {color:white;}
	#downloads div {font-size: 12px;}
	#downloads #downloads_right_top p.info {color: white;} /* info text voor orangje vak | Als ze wit blijven kan deze regel gedelete worden */
	#downloads #downloads_left_bottom p.info {color: white; line-height: normal} /* info text voor orangje vak | Als ze wit blijven kan deze regel gedelete worden */

	/* Content --> markten */
	#markten_top {font-size:2px; line-height: normal;}

	/* Content -->  template content text*/
	#content_title {color: white;}
	#content_standard {line-height: 18px;}
	#content_standard p.intro {font-weight:bold;}

	#content_normal #sub_center h1 {color: #3399FF;}
	#content_normal #sub_center a {color: #FF4400;}
	#content_normal #sub_center ul li a {text-decoration: underline;}
	#content_normal #sub_center b {font-weight: bold;}
	
	/* Content --> event box sub pagina */
#content_normal #sub_left .roundedcornr_content h5 {margin-left: 0px;}
.roundedcornr_content h4, .roundedcornr_content h5 {color: #FF3300;}
#content_normal #sub_left  {font-size: 10px;}
#content_normal #sub_left .roundedcornr_content h5 {font-size: 10px;}
#content_normal #sub_left .roundedcornr_content h4 {font-size: 12px; font-weight: bold;}
.roundedcornr_content #date{color: #3399FF; margin-bottom: 5px;}
.roundedcornr_content #link_event a {color: #3399FF;}
.roundedcornr_content a {color: #FF3300;}
h5.event_title {
	font-size: 12px;
	font-weight: bold;
	color: #FF4400;
}

/* Language selection  (dropdown menu)*/
#language_background select {font-size: 12px}

/* Search input field */
#searchdiv { float: right; margin-top: 79px };
#search_background {font-size: 16px; float: left; } /* hoogte achtergrond van de search balk. */
#search-left { background-image:url('../../images_layout/button-left.gif'); background-repeat: no repeat; width: 5px; height: 23px; font-size: 5px; float: left;}
#search-right { background-image:url('../../images_layout/button-right.gif'); background-repeat: no repeat; width: 5px; height: 23px; font-size: 5px; float: left;}
#language_background {font-size: 16px;}
#language_background select {font-size: 11px;}

/* news letter */
#newsletter {float: right; margin-top: 79px; margin-right: 20px;}
#button-left {background-image:url('../../images_layout/button-left.gif'); background-repeat: no repeat; width: 5px; height: 23px; font-size: 5px; float: left;}
#button-right {background-image:url('../../images_layout/button-right.gif'); background-repeat: no repeat; width: 5px; height: 23px; font-size: 5px; float: left;}
#button-bg {background-image:url('../../images_layout/button-bg.gif'); background-repeat: repeat-x;  height: 23px; font-size: 10px; float: left;  padding-left: 5px; padding-right: 5px;}
#button-bg a {height: 23px; display: inline-block; text-decoration: none; padding-top: 5px; min-width: 50px; }


/* Menu top*/
#menu_layer {font-size: 13px; color: white; line-height: 18px;}
#nav li a {text-decoration: none; color: white;}

/* Menu bottom */
#footer_menu  {font-size: 13px; color: white; }
#footer_menu a {color: white;}

/* Footer text */
#footer_text {color: white; text-align: center; font-size: 11px;}
#footer_text a {color: white;}



/* Misc */

/* Fonds Eind */


/* Misc stuff */
* {padding: 0; margin: 0}
/* DIV{-moz-box-sizing:border-box;box-sizing:border-box;}  firefox leest nu breedtes vanaf border en niet vanaf 'content' : (border - padddings ) */

img {border: none; padding: 0; margin: 0;}
hr {height: 0; border: 0; border-top: 1px solid #CCCCCC; margin-top: 5px; margin-bottom: 5px; clear: both}

.clear {clear: both; }
.clearleft {clear: left;}
.clearright {clear: right}
.floatleft {float: left;}
.floatright {float: right;}

.hide {display: none}

.content-left {float: left; margin-right: 15px; margin-bottom: 15px; margin-top: 4px; }
.content-right {float: right; margin-left: 15px; margin-bottom: 15px; margin-top: 4px;}
.block {display: block;}

.parent-overflow-auto p {overflow: auto;}

hr.clear {margin: 0; padding: 0; border-color: white;}




/* Formulier .cssform (shipment complaint form tot nu toe)*/
  

.cssform label {float:left; text-align:right; width:150px; padding-right: 20px; font-weight: bold; padding-top: 2px; cursor:pointer;}
.cssform span {color: #3399FF; font-weight: bold; font-size: 17px;}
.cssform fieldset div input, fieldset div textarea {border-color:#999999; border-style:solid; border-width:1px; color:#333333; width:250px; padding: 2px;}
.cssform div{display:block; text-align: left; padding-bottom: 10px;}
.cssform fieldset{border-color:#CCCCCC; border-style:solid; border-width:1px; padding-top: 30px; -moz-border-radius: 10px; border-radius: 10px;}
.cssform .submit{ background:transparent url(http://www.victronenergy.com/images/button.gif) no-repeat scroll left top; border:medium none; color:#FFFFFF; cursor:pointer; font-weight: normal; height:26px; padding:0px 5px; width:69px;
margin-left: 360px; margin-top: 30px;}
.cssform label.formerror {display: block; color: #FF0000; font-size: 12px; margin-left: 200px; margin-top: 5px;}

div#map_legend {
	width: 150px;
	float: right;
	height: auto;
	padding: 5px;
	margin: 10px 0 0 0;
	font-size: 11px;
	background-color: #FFF;
	border: 1px solid #AAA;
}

div#map_legend ul {
	list-style-type: none;
	margin: 5px;
	padding: 0;
}

div#map_legend ul li {
	clear: both;
}

div#map_legend ul li div {
	width: 30px;
	text-align: center;
	float: left;
}

div#map_legend div img {
	height: 30px;
}

div#map_legend ul li p {
	font-size: 11px;
	margin-left: 30px;
}

div.get-flash-player {
	width: 315px;
	height: 80px;
	padding: 5px;
	margin: 5px auto;
	text-align: center;
}

div.get-flash-player p {
	margin-bottom: 5px;
}

textarea#complaint {
	height: 200px;
}

strong {
	font-weight: bold;
}

#content_normal tr.accessoire_item h2.accessoire_name {
	margin-top: 0;
	min-height: 0;
}

#content_normal tr.accessoire_item td {
	padding-top: 10px;
	padding-bottom: 10px;
}

#content_normal #sub_center .productlist_productname2 h2 {
	min-height: 0px;
	margin-bottom: 2px;
}

#content_normal #sub_center .productlist_productname2 a {
	color: #39F;
	text-decoration: none;
}

.index-news-buttons-block .source-button {
    border: 1px solid #575757;
    border-radius: 3px;
    float: right;
    display: inline-block;
    padding: 7px;
    color: #575757;
    text-decoration: none;
    width: 96px;
    text-align: center;
}

.index-news-buttons-block .readmore-button {
    background: #FF6803;
    color: #FFF;
    padding: 7px;
    border-radius: 3px;
    text-decoration: none;
    width: 94px;
    display: inline-block;
    text-align: center;
}

.news-entry-thumbnail {
    display: inline-block;
    height:122px;
    overflow:hidden;
}
.news-entry-thumbnail img {
    width: 150px;
}
.hidden {
    display: none;
}
