@charset "utf-8";
/* CSS Document */

body
{
margin:0px auto;
padding:0px;
font:normal 12px/14px Arial, Helvetica, sans-serif;
color:#4e4d4c;
background:#fff;
}
.left
{
float:left;
}
.right
{
float:right;
}

.right a {
padding-left: 15px;
}
img
{
border:none;
padding:0px;
margin:0px;
}
form
{
margin:0px;
padding:0px;
}
P
{
margin:10px 0px;
padding:0px;
}
a
{
text-decoration:none;
color:#4e4d4c;
}
a:hover
{
text-decoration:underline;
}

.container
{
width:954px;
margin:0px auto;
}
.footer
{
width:954px;
background:url(../images/footer-bg.jpg) left top repeat-x;
height:180px;
float:left;
font:italic normal 11px/18px Arial, Helvetica, sans-serif;
color:#a3a1a0;
}
.footer-content
{
width:500px;
padding-left:65px;
padding-top:5px;
float:left;
color: #a3a1a0;
}
.body-main
{
width:833px;
float:left;
padding-left:65px;
}
.header
{
height:149px;
width:833px;
float:left;
}
.header-top
{
height:23px;
width:833px;
float:left;
}
.header-top-link
{
height:23px;
width:105px;
background:#e8e8e7;
color:#790000;
font:normal 12px/18px Arial, Helvetica, sans-serif;
float:right;
text-align:center;
}
.header-top-link a
{
font:normal 12px/18px Arial, Helvetica, sans-serif;
text-align:center;
text-decoration:none;
color:#4e4d4c;
}
.header-top-link a:hover
{
font:normal 12px/18px Arial, Helvetica, sans-serif;
text-align:center;
text-decoration:none;
color:#000;
}
.header-mid
{
height:40px;
width:833px;
float:left;
font:normal 12px/14px Georgia, "Times New Roman", Times, serif;
text-transform:uppercase;
margin-top:10px;
}
.header-mid a
{
font:normal 12px/30px Georgia, "Times New Roman", Times, serif;
text-transform:uppercase;
color:#646363;
}
.header-mid a:hover
{
color:#c2c2c2;
text-decoration:none;
}
.header-mid a.active
{
color:#c2c2c2;
text-decoration:none;
}
.header-menu
{
height:53px;
width:833px;
float:left;
}
.header-bottom
{
height:23px;
width:833px;
float:left;
color:#959484;
font:bold 11px/18px Arial, Helvetica, sans-serif;
}
.header-bottom a
{
color:#959484;
font:normal 11px/18px Arial, Helvetica, sans-serif;
text-decoration:none;
margin-left:3px;
margin-right:3px;
}
.header-bottom a:hover
{
color:#F57E0E;
font:normal 11px/18px Arial, Helvetica, sans-serif;
text-decoration:none;
}
/*
.header-bottom a.active
{
color:#000;
font:normal 11px/18px Arial, Helvetica, sans-serif;
text-decoration:none;
}
*/
.header-bottom span
{
color:#959484;
font:normal 11px/18px Arial, Helvetica, sans-serif;
margin-left:3px;
margin-right:3px;
}
.header-bottom img
{
margin-right:3px;
}
.logo
{
margin-top:2px;
}

.index-content
{
background:url(../images/border1.jpg) left bottom repeat-x;
padding-bottom:10px;
width:833px;
float:left;
/*
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
*/
}

.index-banner
{
height:212px;
overflow: hidden;
width:833px;
font:italic normal 14px/18px Georgia, "Times New Roman", Times, serif;
color:#020202;
}

.index-banner a:hover {
text-decoration: none;
}

.banner-text {
margin-top:100px;
text-align:right;
height: 212px;
width: 833px;
float: right;
z-index: 5000;
}

.banner-text-internal{
margin-top:100px;
text-align:right;
height: 212px;
width: 833px;
float: right;
z-index: 5000;
}

.banner-text-internal p{
margin: 0px;
padding-right: 40px;
z-index: 5000;
}

.banner-text-internal h1{
font:italic normal 25px/26px Georgia, "Times New Roman", Times, serif;
color:#1cbbb4;
padding-right: 40px;
text-align:right;
z-index: 5000;
}
.index-banner img {
z-index: -1000;
position: absolute;
}

.banner-text h1
{
font:italic normal 25px/26px Georgia, "Times New Roman", Times, serif;
color:#cf030c;
padding-right: 40px;
text-align:right;
z-index: 5000;

}

.banner-text p {
margin: 0px;
padding-right: 40px;
z-index: 5000;
}

h1
{
padding:0px;
margin:0px;
font:italic normal 18px/26px Georgia, "Times New Roman", Times, serif;
color:#1d1c2e;
}


.box-nav
{
float:right;
border: 0px solid red;
text-align:right;
padding-right:10px;
}

.box-nav a
{
display:inline;
text-align:center;
float:left;
padding-left:0px;
font-size:0px;
width:10px;
height:10px;
margin-left: 5px;
z-index: 5000;
background:url(/images/box.gif);
cursor:pointer;
color:#1D1C2E;
}

.box-nav a.activeSlide
{
background:url(/images/box-h.gif);
color:#F57E0E;
}

.box-nav a:hover
{
background:url(/images/box-h.gif);
color:#F57E0E;
}

.activeSlide
{
float:right;
list-style-type:none;
text-align:center;
padding-left:4px;
width:20px;
height:20px;
cursor:pointer;
z-index: 5000;
}
.index-text
{
width:833px;
float:left;
margin-top:15px;
background:url(../images/index-bg.jpg) left top repeat-y;
}

.index-left
{
width:296px;
padding-right:14px;
float:left;
}
.index-left img
{
vertical-align:middle;
}
.index-right
{
width:505px;
float:right;
}
.index-right-text
{
width:485px;
float:right;
background:url(../images/border1.jpg) left bottom repeat-x;
margin-bottom:5px;
padding-right:15px;
padding-left:5px;
}
.index-right-text img
{
vertical-align:middle;
}
.index-slide-nav
{
width:500px;
float:left;
padding-left:5px;
}
.index-slide-nav-left
{
width:12px;
float:left;
padding-top:22px;
}
.index-slide-nav-right
{
width:12px;
float:right;
padding-top:22px;text-align:right;
}
.index-slide-nav-mid
{
float:left;
height: 60px;
overflow: hidden;
width: 475px;
}
.index-slide-nav ul
{
display:inline;
margin:0px;
padding:0px;
text-align:center;
float:left;
height: 60px;
width: 475px;
}

.index-slide-nav-mid-slider
{
width: 475px;
}

.index-slide-nav ul li
{
float:left;
list-style-type:none;
text-align:center;
padding-left:14px;
background:url(../images/slide-sp.gif) right no-repeat;
padding-right:14px;
height:60px;
vertical-align:middle;
overflow:hidden;
width: 130px;
}



.navcontainer
{
width:833px;
float:left;
padding-top:9px;
}

.navcontainer ul
{
display:inline;
margin:0px;
padding:0px;
text-align:center;
float:left;
}
.navcontainer ul li
{
float:left;
list-style-type:none;
text-align:center;
padding-left:12px;
padding-right:13px;
background:url(../images/top-menu-line.jpg) right top no-repeat;
height:41px;
}
.navcontainer ul li a
{
color:#d9d8d7;
font:italic normal 32px/40px Georgia, "Times New Roman", Times, serif;
text-decoration:none;
}
.navcontainer ul li a:hover
{
color:#b8b7b5;
text-decoration:none;
}

.navcontainer ul li a.active
{
color:#b8b7b5;
text-decoration:none;
}

.brochures
{
float:left;
padding-top:0px;
}

.brochures ul {
display: inline;
}

.brochures ul li {
list-style-type:none;
width: 830px;
margin-bottom: 3px;
float:left;
}

.brochures .titel{
height: 40px;
background-color: #e1e1e1;
padding-top: 15px;
padding-left: 20px;
font:italic normal 18px/20px Georgia, "Times New Roman", Times, serif;
color:#1e202c;
}

.brochures a {
text-decoration: none;
}

.binnen {
margin-top: 3px;
height: 130px;
background-color: #eeeeed;
margin-left: 40px;
}

.binnen h3{
width: 227px;
background-color: #eeeeed;
padding-left: 50px;
float:left;
margin: 0px;
font:italic 18px Georgia, "Times New Roman", Times, serif;
color:#1e202c;
margin-top: 17px;
}

.binnen  .text {
float: left;
width: 450px;
margin: 0px;
margin-top: 17px;
border-left: 1px dotted #030303;
padding: 0px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
}

.text p {
margin: 0px;
padding: 0px;
}

.downloadpdf {
margin-top: 10px;
}

.downloadpdf img {
margin-bottom: -3px;
margin-left: 5px;
}

.outdoor-tiles
{
width:833px;
float:left;
}
.tiles-left
{
width:309px;
float:left;
}
.tiles-left-link
{
width:309px;
float:left;
padding-top:6px;
}
.tiles-right
{
width:501px;
float:right;
}
.tiles-right-content
{
width:307px;
float:left;
}
.tiles-right-content h4
{
padding:0px;
margin:5px 0 0px 0px;
color:#1e202c;
font:normal 12px/20px Arial, Helvetica, sans-serif;
}
.tiles-right-content h5
{
padding:0px;
margin:0px;
color:#1e202c;
font:normal 12px/14px Arial, Helvetica, sans-serif;
}
.tiles-right-image
{
width:190px;
float:right;
text-align:right;
}

.tiles-right-content-border
{
width:307px;
float:left;
background:url(../images/border1.jpg) left bottom repeat-x;
padding-bottom:2px;
padding-top:0px;
}

.bath-slide-nav
{
width:833px;
float:left;
background:url(../images/bath-gallery-bg.jpg) left top repeat-x;
height:200px;
}
.bath-slide-nav-left
{
width:22px;
float:left;
padding-left:10px;
padding-top:122px;
}
.bath-slide-nav-right
{
width:22px;
float:right;
padding-top:122px;
text-align:right;
padding-right:10px;
}
.bath-slide-nav-mid
{
float:left;
padding-top:35px;
height: 250px;
width: 764px;
}
.bath-slide-nav ul
{
display:inline;
margin:0px;
padding:0px;
text-align:center;
float:left;

}
.bath-slide-nav ul li
{
float:left;
list-style-type:none;
text-align:center;
padding-left:4px;
padding-right:4px;
vertical-align:middle;
font:normal 11px/14px Arial, Helvetica, sans-serif;
color:#4e4d4c;
width: 183px;
height: 250px;
}

.bath-slide-nav-text
{
font:normal 11px/14px Arial, Helvetica, sans-serif;
color:#4e4d4c;
text-align:left;
padding-left:35px;
padding-top:27px;
}

.bath-bottom-nav
{
width:833px;
float:left;
}
.bath-bottom-nav-left
{
width:22px;
float:left;
padding-top:52px;
}
.bath-bottom-nav-right
{
width:22px;
float:right;
padding-top:52px;
text-align:right;
}
.bath-bottom-nav-mid
{
float:left;
padding-top:35px;

}
.bath-bottom-nav ul
{
display:inline;
margin:0px;
padding:0px;
text-align:center;
float:left;
width:787px;
}
.bath-bottom-nav ul li
{
float:left;
list-style-type:none;
text-align:center;
/*padding-left:46px;
padding-right:47px;*/
width:196px;
vertical-align:middle;
font:normal 11px/14px Arial, Helvetica, sans-serif;
background:url(/images/bath-slide-line.jpg) right center no-repeat;
color:#4e4d4c;
height: 100px;
overflow: hidden;
}
.bath-bottom-nav ul li img
{
margin-bottom:10px;
}
.bath-bottom-nav ul li a
{
color:#4e4d4c;
}
.bath-bottom-nav ul li a:hover
{
color:#1cbbb4;
background-image:url(/images/top-arrow.jpg);
background-repeat:no-repeat;
background-position:30px 5px;
text-decoration:none;

}
.bath-bottom-nav ul li a.active
{
color:#1cbbb4;
background-image:url(/images/top-arrow.jpg);
background-repeat:no-repeat;
background-position:30px 5px;
text-decoration:none;
}

.bathroom-left
{
background:url(../images/border.jpg) right top repeat-y;
padding-right:15px;
width:378px;
float:left;
}
.bathroom-right
{
padding-left:15px;
width:400px;
float:left;
}
.bathroom-right2
{
padding-left:15px;
width:403px;
float:right;
}

.bathroom-right p
{
margin-right: 10px;
}




.bath-box-nav
{
float:right;
border: 0px solid red;
text-align:right;
padding-right:10px;
}

.bath-box-nav a
{
display:inline;
text-align:center;
float:left;
padding-left:0px;
font-size:0px;
width:10px;
height:10px;
margin-left: 5px;
z-index: 5000;
background:url(../images/box.gif);
cursor:pointer;
color:#1D1C2E;
}

.bath-box-nav a:hover
{
display:inline;
text-align:center;
float:left;
padding-left:0px;
font-size:0px;
width:10px;
height:10px;
margin-left: 5px;
z-index: 5000;
background:url(../images/box-h.gif);
cursor:pointer;
color:#F57E0E;
}


.bath-box-nav a.active
{
background:url(/images/box-h.gif);
color:#F57E0E;
}

.aboutleft {
color: #707070;
float: left;
width: 460px;
margin-top: 25px;
padding-right: 19px;
border-right: 1px dotted #bfbfbf;
font:italic 24px/26px georgia, Helvetica, sans-serif;
}

.aboutright {
float: left;
width: 330px;
padding-left: 20px;
margin-top: 25px;
color: #4e4d4c;
font: normal 12px arial;

}

.aboutleft p {
margin: 0px;
padding: 0px;
}


.leftheader {
padding: 0px;
font:italic 24px/26px georgia, Helvetica, sans-serif;
color: #cf030c;
}

.rightheader {
font:italic 18px/20px georgia, Helvetica, sans-serif;
}

.contactleft {
color: #707070;
float: left;
width: 206px;
padding-right: 19px;
font:italic 14px georgia, Helvetica, sans-serif;
}

.contactleft .leftheader {
font:italic 14px georgia, Helvetica, sans-serif;
color: #000;
}
#ie6warning{display:none;}

.spinlogo {
margin-top: 10px;
width: 175px;
margin-right:55px;
}

.spinlogo img {
float:right;
}
.spinlogo span {
font: normal 9px arial;
letter-spacing: normal;
display: none;
float: left;
margin-top: 4px;
margin-right: 5px;
color: #969696;
}