@charset "UTF-8";
/* CSS Document */
/* main */
*{
	margin:0px 0px 0px 0px;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff
	;
	z-index: 100;
}
body{
	background-color: #000;
}
#main-container{
	width:950px;
	margin:0px auto;
	background:#333;
	height: 100%;
	
}
a{ color:#ccc; text-decoration:none;}
a:hover{ color:#fff; text-decoration:none;}
.img-noborder:hover{ border:none;}
h1{
	font-size:14px;
	color:#fff;
	margin:10px 0px 5px 10px;
}
h2{font-size:13px; color:#fff; margin:0px 0px 5px 10px;}
h2 a{font-size:13px;}
h3{font-size:13px; color:#fff; margin:0px 0px 5px 10px;}
h3 a{font-size:13px;}
p{ margin:0 10px 5px 10px; line-height:18px;}
ul{margin:5px 0 5px 22px; line-height:18px;}
.italic{
	font-style:italic;
	margin: 10px 0px 0px 10px;
}
.bold{
	font-weight:bold;
	margin: 10px 0px 5px 10px;
}
.grey{color:#CCC;}
.grey-right{color:#CCC; text-align:right;}
.red{ color:#F30;}
.spacer{height:10px;}
.clear-both{clear:both;}

/* header */
#header-container{
	width:950px;
	height:250px;
	position:relative;
}
#header-container2{
	width:950px;
	height:250px;
	position:relative;
}
/* header1 */
#header-text-mask{
	width:200px;
	height:188px;
	margin:50px 0 0 0;
	position:absolute;
	left: 10px;
	top: -13px;
}
#header-text-container{
	width:2500px;
	
}
.header-text{
	width:200px;
	height:170px;
	float:left;
}
.header-text h1{ color:#FFF;}
.header-text p{ margin:0 10px 5px 10px; line-height:18px; font-style:italic; color:#FFF;}
#header-text-controls{
	width:70px;
	height:10px;
	float:left;
	bottom:21px;
	position:absolute;
	margin-left:90px;
	z-index:3000;
	left: -3px;
}
#text-control1:hover, #text-control2:hover, #text-control3:hover, #text-control4:hover, #text-control5:hover{ cursor:pointer;}

#header-flash{
	width:950px;
	height:250px;
	z-index:1000;
	position:relative;
	width:950px;
	height:250px;
	background-image: url(jacuzzi-img/HEADER-1.jpg);
}
#header-forum{
	width:950px;
	height:250px;
	z-index:1000;
	position:absolute;
	background:#333;
	left: 0px;
	top: 35px;
}

#header-brand-container{
	width:235px;
	height:150px;
	padding-top:5px;
	position:absolute;
	z-index:2000;
	left: 42px;
	top: 36px;

}
#header-brand{
	width:226px;
	height:150px;
	margin:40px 0 0 5px;
	float:left;
	position:relative;
}
#header-brand h1{
	font-size:12px;
	position:absolute;
	color:#000;
	bottom:88px;
	margin-left:2px;
	left: 57px;
}
#header-brand h2{ font-size:12px; font-style:italic; position:absolute; color:#000; bottom:0; margin-left:2px;}


/* navigation */
#navigation{
	width:950px;
	height:32px;
	margin:0 auto;
	position:relative;
	z-index:1000;
	background-image: url(jacuzzi-img/top.png);
} 
#navigation ul{
	margin:0px 0 0 0;
	float:url(jacuzzi-img/top.png);
	line-height:normal;
}
#navigation li{ display:inline;margin:20px 0px 0px 10px }

#navigation a{ color:#000; padding:10px;}
#navigation a:hover{ color:#FFF; background:#000;}

/* column1 */
#column1-container{
	width:900px;
	float:left;
	margin: 15px 0px 0px 25px;
	height: 100%;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #FFF;
	background-color: #00576C;
}
#column1-header, #column1-navigation{ height:25px; width:250px; background:#aeaeae;}
#column1-navigation ul{ margin:5px 5px 0 0; float:right; line-height:normal;}
.column1-item{ width:450px; min-height:160px; margin:10px 0 10px 0; border-left:#CCC 1px solid;}
.top-tekst{
	font-size:12px;
	color:#069;
	width: 200px;
}

/* column2 */
#column2-container{
	width:515px;
	float:left;
	margin: 25px 0px 15px 15px;
	background-color: #000;
}
#column2-header{
	height:35px;
	width:440px;
	background:#aeaeae;
	margin: 15px 0px 0px 25px;
	float: left;
}
.column2-item{ width:450px; margin:30px 0 10px 0; border-left:#CCC 1px solid;}

/* column3 */
#column3-container{ width:226px; float:right; margin:8px;}
#column3-header, #column3-navigation{ height:25px; width:226px; background:#aeaeae;}
#column3-navigation ul{ margin:5px 5px 0 0; float:right; line-height:normal;}
.article-border{ position:absolute; z-index:2000; margin:0 0 0 10px;}
.column3-img{width:226px; height:150px; position:relative; z-index:1000; margin:0 0 0px 0px; background:#333;}
.column3-item{ width:226px; padding:10px 0 10px 0; background:#aeaeae; min-height:340px;}
.column3-item p { height:140px; overflow:hidden; }

/* article items */
#article-mask{ width:290px; height:720px; overflow:hidden;}
#article-container{ height:4000px; position:relative;}

/* column all */
.column1-item img, .column2-item img, .column-default img{
	float:left;
	margin:10 10px 0 10px;
}
#column1-header h2, #column1-navigation h2, #column2-header h2, #column3-header h2, #column3-navigation h2{ font-size:12px; color:#FFF; float:left; margin:5px 5px 0 10px;}
#column1-navigation li, #column3-navigation li{ display:inline; padding-right:5px}
#column1-navigation a, #column3-navigation a{ color:#FFF;}
.column-default{ width:290px; margin:10px 0 40px 0;}
.column-video{ width:290px; margin:10px 0 0 0; overflow:hidden; background:#333;}


/* info-fields */
#column-contact-mask{ width:340px; float:left; overflow:hidden;}
#column-contact-container{ width:1023px; float:left; position:relative;}
.column-contact-item{ width:340px; height:100%; float:left; border-left:#CCC 1px solid; margin:10px 0 10px 0;}
#message1, #message2, #message3{width:320px; height:30px; background:#aeaeae; padding-top:10px; margin:0 0 10px 10px; text-align:center; float:left; display:none;}
#message p{ font-size:12px;}
.listmenu{width:200px;}
p.option{margin:10px 0 10px 10px; padding:0;}
.form{margin:0 0 10px 10px; font-size:12px; font-weight:normal; clear:both;}
.formred{margin:0 0 10px 10px; font-size:12px; font-weight:normal; clear:both; color:#F30;}
.form-item{ width:100px; margin:0 0 10px 10px; float:left;}
.label-container{ width:110px; height:16px; margin:10px 0 5px 10px; padding-top:4px; color:#040f3d; float:left;}
.label-container-red{ width:110px; height:16px; margin:10px 0 5px 10px; padding-top:4px; color:#F30; float:left;}
.input-container{ width:200px; height:22px; margin:10px 0 5px 10px; float:left;}
.inputfield{ width:192px; float:left;}
.inputfield-street, .inputfield-phonenumber{width:151px;}
.inputfield-housenumber{ width:30px; margin-left:3px;}
.inputfield-netnumber, .inputfield-areacode1{ width:30px; margin-right:3px;}
.inputfield-areacode2{ width:20px;}
.select-nation{ width:125px; margin-left:5px;}

.send{ text-align:center; margin:10px 0 10px 10px; color:#FFF; float:left;}
.send a{ width:100px; height:22px; padding-top:8px; color:#000; display:block;}

/* footer */
#logo-footer{
	width:950px;
	height:20px;
	margin:0px 0px 0px 0px;
}
#footer{
	width:950px;
	height:160px;
	margin:0px 0px 0px 0px;
	background-image: url(jacuzzi-img/test-footer.png);
}
#footer a{color:#fff;}
#footer a:hover{ color:#000; text-decoration:none;}
.footer-item{
	width:185px;
	height:inherit;
	float:right;
	background-color: trans;
}
.footer-item ul{ margin:35px 0 0 10px;}
.footer-item li{ line-height:20px; list-style-type:none; font-style:normal;}
.footer-text{
	margin:10px 0px 0px 50px;
	padding:0;
	font-size:10px;
	text-align:center;
}
.footer-text a{ font-size:inherit;}

/* img-logos */
.iconen{
	width:950px;
	height: 81px;
	background-image: url(file:///C|/Users/mike/Desktop/WEBSITES%20WERKMAPPEN/www.bubbelbaden.com/website/jacuzzi-img/logos.png);
	margin: 0px 0px 0px 0px;
}

.colum-spas{
	width:450px;
	float:left;
	margin: 10px 0px 5px 0px;
	height: 100%;
	background-color: #FFF;
}
.colum-collectie{
	width:950px;
	float:left;
	margin: 0px 0px 0px 0px;
	height: 225px;
	background-image: url(file:///C|/Users/mike/Desktop/WEBSITES%20WERKMAPPEN/www.bubbelbaden.com/website/jacuzzi-img/collectie.jpg);
	}

.midden-colum{
	width:950px;
	float:left;
	margin: 0px 0px 0px 0px;
	height: 100%;
	background-color: #333;
	}
.tekst-colum{
	width:650px;
	float:left;
	margin: 10px 0px 0px 0px;
	height: 100%;
	background-color: #00576C;
	}