/* **
 * Standaard HTML Tags.
**/
html,
body {
	margin: 0;
	padding: 0;
	height: 100%;
}

body {
	color: #000;
	
	behavior: url(fileadmin/templates/csshover.htc);
	
	text-align: center;
	background: #fff url('images/bgbodyhome2.jpg') repeat-x center left;
}

body,
td,
th {
	font-family: Arial,sans-serif;
	font-size: 10px;
}

a {
	color: #0066B3;
	outline: none;
}

h1 {
	font-size: 2em;
	font-weight: bold;

	color: #fff;
}

h2 {
	font-size: 1.5em;
}

h3 {
	font-size: 1.3em;
}

h4, h5, h6 {
	font-size: 1em;
}

h1, h2, h3,
h4, h5, h6 {
	margin: 0;
	padding: 0;
}

p {
	margin: 0 0 0.5em 0;
	padding: 0;
}


/* ***
 * Container.
**/
div#container {
	position: absolute;
	*position: static;
	height: 616px;
	width: 100%;
	top: 0;
	left: 0;
	bottom: 0;
	margin: auto 0;
	*margin-top: expression(this.offsetHeight < this.parentNode.offsetHeight ? parseInt((this.parentNode.offsetHeight - this.offsetHeight) / 2) + "px" : "0");
	/* background: #fff url('images/bgbodyhome2.jpg') repeat-x center left;*/
}
div#container div#container_inner {
	border: 1px solid #000;
	width: 970px;
	margin: 0 auto;
	text-align: left;
	background-color: #fff;
}

div#container div#container_inner div#headerhome ul {
	position: relative;
	left: 600px;
	padding: 30px 0 0 0;
	float: none;
}

div#container div#container_inner div#headerhome ul li {
	display: inline;
	white-space: nowrap;
	float: none;
}

div#container div#container_inner div#headerhome div.mask {
	position: relative;
	width: 600px;
	overflow: hidden;
}

div#container div#binnenkant_container_inner {
	padding: 0 17px 17px 17px;
}


/* ***
 * Header.
**/
div#header {
	background: url('images/kingpinglogo.gif') no-repeat left center;

	height: 108px;
	overflow: hidden;
}

div#header div#headercontent {
	clear: right;
	float: right;
}

div#header h1 {
	display: none;
}

div#header ul {
	margin: 2px 2px 0 0;
	padding: 0;

	float: right;

	list-style-type: none;

	font-size: 12px;
}

div#header ul li {
	float: left;
}

div#header ul li a {

	margin: 0 1px;
	padding: 0 2px;
	line-height: 18px;
	
	border: 1px solid #fecb00;
	
	background-color: #ffe994;

	text-transform: uppercase;

	display: block;
	
	font-size: 11px;
	font-weight: bold;

	text-decoration: none;
	color: #000;
}

div#header ul li.last a {
	background-image: none;
}

div#header ul li a:hover {
	text-decoration: underline;
}

/* ***
 * Boven.
**/
div.boven {
	overflow: hidden;
	position: relative;
	z-index: 1;
}

* html div.boven {
	overflow: visible;
	height: 1px;
}

/* ***
 * Left.
**/
div#content_outer div#content div.boven div.left {
	float: left;
	width: 293px;
}

div#content_outer div#content div.boven div.left div.welcome h2 {
	background-color: #ffcb00;
	font-size: 14px;
	padding: 0 0 0 10px;
	color: #000000;
	
	text-transform: uppercase;
}

div#content_outer div#content div.boven div.left div.kaartje {
	height: 165px;
	background: url('images/backgroundleft.gif') repeat-y right top;
	margin: 5px 0;
}

div#content_outer div#content div.boven div.left div.kleinvak {
	background: url('images/backgroundleft.gif') repeat-y right top;
	margin: 5px 0;
	
	overflow: hidden;
	
	height: 82px;
}


div#content_outer div#content div.boven div.left div.kleinvak img {
	float: left;
	
	border: 0;
}

/* ***
 * Middle.
**/
div#content_outer div#content div.boven div.middle {
	float: left;
	width: 415px;
}
div#content_outer div#content div.boven div.middle div.middle_inner {
	margin: 0 5px;
}

/* ***
 * Right.
**/
div#content_outer div#content div.boven div.right {
	width: 210px;
	height: 370px;
	float: right;
	background: url('images/bgShopHomepage.gif') no-repeat left top;
}

div.merkenlijst {
	padding: 35px 5px 0 5px;
	position: relative;
}

div.merkenlijst a {
	color: #000;
}

div.merkenlijst ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

div.merkenlijst ul li {
	position: relative;
	z-index: 1;
}

* html div.merkenlijst ul li {
	display: inline;
	height: 1px;
}

div.merkenlijst ul li a {
	display: block;
	
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	
	margin: 2px 0 0 0;
	padding: 0 20px 0 5px;
	line-height: 15px;
	
	border: 1px solid #ffffff;
	background: #ffcb00 url('images/pijltjeautokeuze.gif') no-repeat right center;
}

div.merkenlijst ul li.prijslijst {
	margin-bottom: 5px;
}

div.merkenlijst ul li.prijslijst a {
	border: none;
}

* html div.merkenlijst ul li,
* html div.merkenlijst ul li a {
	height: 17px;
}

div.merkenlijst ul li ul {
	display: none;
	height: auto;
	position: absolute;
	top: 15px;
	left: 50px;
	width: 80px;
	background-color: #ffffff;
	padding: 0 0 1px 0;
}

div.merkenlijst ul li:hover ul {
	display: block;
}

div.merkenlijst ul li ul li a {
	margin: 1px 1px 0 1px;
	padding: 2px 5px;
	border: none;
	background-image: none;
	background-color: #000000;
	color: #ffffff;
	line-height: 1.2em;
	width: 80px;
}

div.loginknopHome {
	position: absolute;
	bottom: -33px;
	*bottom: -33px;
	left: 5px;
}

* html div.loginknopHome {
	bottom: 10px;
	left: 0;
}

div.loginknopHome a,
div.loginknopHome a img {
	border: 0;
	margin: 0;
	padding: 0;
}


/* ***
 * Onder.
**/
div#content_outer div#content div.onder {
	clear: both;
	overflow: hidden;
	position: relative;
	z-index: 0;
	
	margin: 5px 0 0 0;
	width: 100%;
}

* html div#content_outer div#content div.onder {
	overflow: visible;
	height: 1px;
}

div#content_outer div#content div.onder div.steelinfo {
	float: left;
	margin: 0 8px 0 0;
}

div#content_outer div#content div.onder div.steelinfo a img {
	border: 0;
}

div#content_outer div#content div.onder div.contactfield {
	float: left;
	height: 119px;
	position: relative;
}
div#content_outer div#content div.onder div.contactfield a img {
	border: 0;
}

div#content_outer div#content div.onder div#tweedevakjeonder,
div#content_outer div#content div.onder div#brochureonder,
div#content_outer div#content div.onder div#derdevakjeonder,
div#content_outer div#content div.onder div#utaconder,
div#content_outer div#content div.onder div#rightOfBrochure {
	margin: 0 4px;
	float: left;
	background: url('images/bgonder.jpg') repeat-x left center;
}

div#content_outer div#content div.onder div#tweedevakjeonder {
	margin: 0 0 0 8px;
}

* html div#content_outer div#content div.onder div#tweedevakjeonder,
* html div#content_outer div#content div.onder div#brochureonder,
* html div#content_outer div#content div.onder div#derdevakjeonder,
* html div#content_outer div#content div.onder div#utaconder,
* html div#content_outer div#content div.onder div#rightOfBrochure {
	margin: 0 3px;
}

* html div#content_outer div#content div.onder div#tweedevakjeonder {
	margin: 0 0 0 6px;
}

div#content_outer div#content div.onder div#utaconder {
	float: right;
	margin: 0 0 0 5px;
}

div#content_outer div#content div.onder div#tweedevakjeonder div.inner,
div#content_outer div#content div.onder div#brochureonder div.inner,
div#content_outer div#content div.onder div#derdevakjeonder div.inner,
div#content_outer div#content div.onder div#utaconder div.inner,
div#content_outer div#content div.onder div#rightOfBrochure div.inner {
	min-height: 117px;
}

div#content_outer div#content div.onder div#tweedevakjeonder div.inner a {
	border: 0;
}

* html div#content_outer div#content div.onder div#tweedevakjeonder div.inner,
* html div#content_outer div#content div.onder div#brochureonder div.inner,
* html div#content_outer div#content div.onder div#derdevakjeonder div.inner,
* html div#content_outer div#content div.onder div#utaconder div.inner,
* html div#content_outer div#content div.onder div#rightOfBrochure div.inner {
	height: 117px;
	display: inline;
}

div#content_outer div#content div.onder div#brochureonder div.inner a img {
	border: 0;
}

div#content_outer div#content div.onder div#tweedevakjeonder a,
div#content_outer div#content div.onder div#tweedevakjeonder a:visited,
div#content_outer div#content div.onder div#tweedevakjeonder a:focus,
div#content_outer div#content div.onder div#tweedevakjeonder a:active,
div#content_outer div#content div.onder div#tweedevakjeonder a img,
div#content_outer div#content div.onder div#tweedevakjeonder a:visited img,
div#content_outer div#content div.onder div#tweedevakjeonder a:focus img,
div#content_outer div#content div.onder div#tweedevakjeonder a:active img {
	border: 0;
}

div#content_outer div#content div.onder div#brochureonder div.inner {
	overflow: hidden;
}

div#content_outer div#content div.onder div#brochureonder div.inner a,
div#content_outer div#content div.onder div#brochureonder div.inner a img {
	border: 0;
}

div#content_outer div#content div.onder div#rightOfBrochure div.inner {
	width: 100px;
	z-index: 0;
}
div#content_outer div#content div.onder div#rightOfBrochure div.inner {
	z-index: 0;
}


div#content_outer div#content div.onder div#derdevakjeonder div.inner {
	width: 140px;
}
div#content_outer div#content div.onder div#utaconder div.inner {
	width: 210px;
	position: relative;
}

div#content_outer div#content div.onder div#utaconder div.inner img {
	position: absolute;
	top: 20px;
	left: 10px;
}


/* LoginBox */
div#loginbox {
	display: none;
	position: absolute;
	
	left: 425px;
	top: 80px;
	
	width: 414px;
	height: 335px;
	
	background: #fff;
	
	border: 1px solid #000;
	
	z-index: 200;
	
	background: #fff url('images/loginking.gif') no-repeat center bottom;
}
div#loginbox div.closebutton {
	text-align: right;
}
div#loginbox div.closebutton a {
	padding-right: 20px;
}
div#loginbox div.loginbox_inner {
	margin: 10px;
}
div#loginbox div.loginbox_inner input {
	border: 1px solid #000;
}
div#loginbox div.loginbox_inner input#submitknop {
	background-color: #000;
	color: #fff;
}

/*
div#content_outer div#content div.onder div#brochureonder div.inner


div#content_outer div#content div.onder div.contactfield h3 {
	font-size: 16px;
	padding: 5px 0 0 10px;
}
div#content_outer div#content div.onder div.contactfield h4 {
	font-size: 15px;
	padding-left: 10px;
}
div#content_outer div#content div.onder div.contactfield p {
	position: absolute;
	bottom: 0;
	left: 10px;
}

div#content_outer div#content div.onder div.middenonder {
	background: url('images/bgonder.jpg') repeat-x left top;
	
	float: left;
	margin: 0 0 0 8px;
	height: 119px;
	width: 257px;
}

div#content_outer div#content div.onder div.middenonder div.midden_title {
	background: url('images/readourbrochure.gif') no-repeat 5px 5px;
	height: 119px;
}

div#content_outer div#content div.onder div.middenonder div.midden_brochure {
	background: url('images/brochures.gif') no-repeat right 5px;
	height: 119px;
}

div#content_outer div#content div.onder div.middenonder div.middenonder_inner {
	padding-top: 40px;
}

* html div#content_outer div#content div.onder div.middenonder div.middenonder_inner {
	width: 255px;
}

div#content_outer div#content div.onder div.rechtsonder {
	background: url('images/bgonder.jpg') repeat-x left top;
	
	float: left;
	margin: 0 0 0 8px;
	height: 119px;
}
div#content_outer div#content div.onder div.rechtsonder div.rechtsonder_title {
	background: url('images/tuvtitel.gif') no-repeat 5px 5px;
	width: 300px;
	height: 119px;
}
div#content_outer div#content div.onder div.rechtsonder div.rechtsonder_logo {
	background: url('images/tuv.gif') no-repeat right 30px;
	width: 295px;
	height: 110px;
}

div#content_outer div#content div.onder div.rechtsonder div.rechtsonder_inner {	
	padding-top: 30px;
}
*/


/* ********************************************************************************
 * WIND Imperial Shop.
 */
div.tx-windimperialshop-pi1 div.homepage {
	overflow: hidden;
}

div.tx-windimperialshop-pi1 div.homepage h2 {
	background: #ffcb00;	
	text-transform: uppercase;
	padding: 0 0 0 5px;
	margin: 0 0 10px 0;
	font-size: 14px;
}

div.tx-windimperialshop-pi1 div.homepage div.pair {
	padding: 0 5px;
	margin: 0 0 10px 0;
}

div.tx-windimperialshop-pi1 div.homepage div.pair label {
	font-weight: bold;
	display: block;
	font-size: 1.2em;
	text-transform: uppercase;
}

div.tx-windimperialshop-pi1 div.homepage div.pair select {
	background: #ffcb00;
	border: 1px solid #fff;
	width: 100%;
	font-weight: bold;
}

* html div.tx-windimperialshop-pi1 div.homepage div.pair select {
	width: 95%;
}

div.tx-windimperialshop-pi1 div.homepage div.buttons {
	text-align: right;
	color: #000;
	overflow: hidden;
}

* html div.tx-windimperialshop-pi1 div.homepage div.buttons {
	overflow: visible;
	height: 1px;
}

div.tx-windimperialshop-pi1 div.homepage div.buttons div.buttons_inner {
	float: right;
	width: 175px;
}

div.tx-windimperialshop-pi1 div.homepage div#waitimage {
	text-align: center;
	height: 15px;
}

div.tx-windimperialshop-pi1 div.homepage div.buttons input {
	font-weight: bold;
	border: 0;
	background: #ffcb00 url('images/rightarrowonyellow.gif') no-repeat right center;
	line-height: 16px;
	padding: 5px 15px 5px 5px;
	margin: 5px 0 0 0;
	width: 100%;
	font-size: 1.1em;
}