* { padding: 0; margin: 0; }






.block {
border-bottom: 1px solid #0094DB;
padding: 0;
margin: 0 0 20px 0;
overflow: hidden;
}

.block p{
width: 280px;
}
.block img{
margin-bottom: 20px;
}


.alignleft{
float: left;
margin: 2px 20px 0 0;
}
.alignright {
float: right;
margin: 2px 0 0 20px;
}





.col1, .col2, .col3{
width: 150px;
float: left;
margin-right: 15px;
}
.col4{
width: 150px;
float: right;
}

.col1, .col2, .col3, .col4 {
	padding-top: 15px;
}







html, body { 
padding:0px;
margin:0px;
height:100%;
}

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
background: #fff url(../images/bg_body.gif) repeat-x;
}


a img {
border: 1px solid #0094DB;
outline:none;
}

a {
text-decoration: none;
color: #0094DB;
}
a:hover {
text-decoration: none;
color: #8E8F8F;
}


a[href$='.pdf'] {
display:inline-block;
padding-left:22px;
background: transparent url(../images/pdf.png) center left no-repeat;
}





#wrapper { 
margin: 0 auto;
width: 900px;
position: relative;
min-height: 100%;
height:auto !important;
height:100%;
margin-bottom: -140px;
}





/* ########################## START TOPHEADER ############################ */
#topheader {
width: 900px;
height: 55px;
}


#topsearch{
width: 186px;
float: left;
margin-top: 20px;
margin-right: 25px;
}
#topsearch input.topsearchfield{
width: 105px !important;
float: left;
margin-right: 3px;
background-color: #FFF;
border-top: 2px solid #8e8f8f;
border-right: 1px solid #8e8f8f;
border-bottom: 1px solid #8e8f8f;
border-left: 2px solid #8e8f8f;
height: 14px;
}
.topsearchbutton {
background-color: #d2d2d2 !important;
border: 1px solid #d2d2d2;
color: #8e8f8f;
text-transform: uppercase;
font-size: 10px;
width: 65px !important;
text-align: center;
padding: 2px 3px;
}





#printnavi{
margin-top: 26px;
width: 340px;
float: left;
}
#printnavi ul{}
#printnavi ul li{
display: inline;
border-right: 1px solid #8e8f8f;
padding: 8px 10px;
}
#printnavi ul li a{
color: #8e8f8f;
text-decoration: none;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 0.04em;
}
#printnavi ul li a:hover{
color: #0094db;
}
#printnavi ul li a.last{
border-right: none !important;
padding-right: 0px !important;
}

.printer{
padding-right: 15px !important;
}




#language {
float: right;
margin-top: 26px;
width: 330px;
}
#language ul{
float: right;
}
#language ul li{
display: inline;
}
#language ul li a{
color: #8e8f8f;
text-decoration: none;
font-size: 10px;
border-right: 1px solid #8e8f8f;
padding: 8px 10px;
text-transform: uppercase;
letter-spacing: 0.04em;
}
#language ul li a:hover{
color: #0094db;
}
#language ul li a.last{
border-right: none !important;
padding-right: 0px !important;
}
#language ul li a.active{
color: #0094db;
font-weight: bold;
}

/* ########################## ENDE TOPHEADER ############################ */









/* ########################## START HEADER ############################ */
#header {
width: 900px;
height: 126px;
background: #FFF url(../images/bg_header.gif);
margin-bottom: 12px;
}

#header2 {
width: 900px;
height: 155px;
background: #FFF url(../images/bg_header.gif);
}

#logo {
width: 219px;
position: relative;
left: 640px;
top: 40px;
}
#logo a img {
border: none !important;
}
/* ########################## ENDE HEADER ############################ */








/* ########################## START HEADIMAGE ############################ */
#headimage {
width: 900px;
height: 244px;
}
/* ########################## ENDE HEADIMAGE ############################ */





#contentwrapper {
overflow: auto; /*  Fix for IE */
width: 100%;
padding-bottom: 140px;
padding-top: 25px;
}




/* ###################### START LINKE SPALTE ######################### */
#navigation { 
display: inline;
padding: 0px;
width: 176px;
float: left;
font-size: 12px;
padding-bottom: 100px;
}


#navlist{
margin-left: 0;
padding-left: 0;
list-style: none;
}

#navlist li{}

#navlist li a{
font-family: Arial, sans-serif;
font-size: 14px;
color: #000;
display: block;
text-transform: uppercase;
text-decoration: none;
padding: 6px 0 !important;
border-bottom: 1px solid #0094DB;
letter-spacing: 0.04em;
}
#navlist li a:hover{
color: #0094DB !important;
}

.current {
color: #000;
font-weight: bold;
}

li.level1active a{
border-bottom: none !important;
}

li.home a{
border-bottom: 1px solid #0094DB !important;
}


ul#level2 {
border-bottom: 1px solid #0094DB;
padding-left: 20px;
list-style-type: none;
}

ul#level2 li a {
font-size: 12px;
color: #000;
display: block;
text-transform: uppercase;
text-decoration: none;
border-bottom: none !important;
padding: 4px 0 !important;
}

ul#level2 li a.current{
color: #0094DB !important;
font-weight: bold;
}

ul#level3 li {
font-size: 10px;
background: url(../images/pfeil.png) no-repeat;
background-position: center left;
margin-left: 0;
padding-left: 15px;
list-style-type: none;
}
ul#level3 li a {
font-size: 10px;
color: #000;
display: block;
text-transform: uppercase;
text-decoration: none;
border-bottom: none !important;
padding: 3px 0 !important;
}
/* ###################### ENDE LINKE SPALTE ######################### */










/* ######################## START CONTENT ########################### */
#normal #content { 
float: left;
padding: 0px;
width: 415px;
display: inline;

margin-left: 25px;
line-height: 1.7em;
}
#full #content { 
float: left;
padding: 0px;
width: 671px;
display: inline;
position: relative;
line-height: 1.7em;
margin-left: 25px;
}


#content h1{
color: #0094DB;
font-family: Arial, sans-serif;
font-size: 18px;
display: block;
margin-bottom: 24px;
line-height: 24px;
text-transform: uppercase;
letter-spacing: 0.04em;
}

#content h2{
color: #000;
font-family: Arial, sans-serif;
font-size: 10px;
font-weight: bold;
display: block;
margin-bottom: 2px;
text-transform: uppercase;
letter-spacing: 0.04em;
}

#content h3{
color: #000;
font-family: Arial, sans-serif;
font-size: 10px;
font-weight: bold;
display: block;
margin-bottom: 12px;
text-transform: uppercase;
letter-spacing: 0.04em;
}

#content h4{
color: #000;
font-family: Verdana, Arial, sans-serif;
font-size: 14px;
font-weight: bold;
display: block;
text-transform: uppercase;
letter-spacing: 0.04em;
}

#content h5{
color: #000;
font-family: Arial, sans-serif;
font-size: 12px;
font-weight: bold;
display: block;
text-transform: uppercase;
letter-spacing: 0.04em;
}

#content h6{
color: #0094DB;
font-family: Arial, sans-serif;
font-size: 12px;
font-weight: normal;
display: block;
text-transform: uppercase;
letter-spacing: 0.02em;
}


#content p{
margin-bottom: 20px;
}

.lead {
font-size: 12px;
font-weight: bold;
}






.gallery{}
.gallery a img{
margin: 0 13px 13px 0;
border: 1px solid #FFF;
}
.gallery a img:hover{
border: 1px solid #8e8f8f;
}
/* ######################## ENDE CONTENT ########################### */



/* ################### START CONTENT DIVERSES ###################### */
#content ul, #content_full ul{
margin-left: 0px;
padding-left: 0;
list-style: none;
margin-bottom: 20px;
}
#content ul li, #content_full ul li{
padding-left: 20px;
background-image: url(../images/pfeil-grundschrift.png);
background-repeat: no-repeat;
background-position: center left;
}

#content ol, #content_full ol{
margin-left: 24px;
padding-left: 0;
margin-bottom: 20px;
}
/* ################### ENDE CONTENT DIVERSES ###################### */










/* ######################## START RIGHT ########################### */
#right {
float: right;
width: 260px;
}



#right ul{
margin-left: 0;
padding-left: 0;
list-style: none;
}

#right ul li{}

#right ul li a{
font-family: Arial, sans-serif;
font-size: 10px;
color: #0094DB;
display: block;
text-transform: uppercase;
letter-spacing: 0.04em;
text-decoration: none;
padding: 8px 0 8px 30px;
border-bottom: 1px solid #0094DB;
}
#right ul li a:hover{
color: #000;
}

.broschure {
background: url(../images/pdf.gif) no-repeat;
background-position: center left;
}
.viewer {
background: url(../images/3d.gif) no-repeat;
background-position: center left;
}








.newsblock{
border-bottom: 1px solid #0094DB;
padding-bottom: 12px;
margin-bottom: 12px;
}
.date{
font-size: 10px;
text-transform: uppercase;
margin: 0 0 10px 0;
}
.newsblock h2{
font-size: 12px;
text-transform: uppercase;
padding: 5px 0 10px 0;
letter-spacing: 0.04em
}
.newsblock a{
text-transform: uppercase;
text-decoration: none;
color: #0094DB;
font-size: 10px;
background: url(../images/pfeil.png) no-repeat;
background-position: center left;
padding: 0 0 0 14px;
}
.newsblock img{
margin-bottom: 4px;
}
/* ######################## ENDE RIGHT ########################### */







/* ####################### START FOOTER ########################## */
#footer { 
width: 100%;
height: 140px;
clear: both;
margin: 0 auto !important;
position: relative;
bottom: 0 !important;
bottom: -1px; /* For Certain IE widths */
display: block;
background-color: #0094DB;
background-repeat: repeat-x;
}


#footer_content {
margin: 0 auto;
width: 900px;
color: #FFF;
line-height: 20px;
}

#footer a {
color: #FFF;
}

#footer_left {
width: 176px;
float: left;
margin-right: 25px;
text-transform: uppercase;
margin-top: 25px;
}
#footer_middle1 {
width: 220px;
text-transform: uppercase;
float: left;
margin-top: 25px;
}
#footer_middle2 {
width: 200px;
text-transform: uppercase;
float: left;
margin-top: 25px;
}
#footer_right {
width: 200px;
float: right;
text-transform: uppercase;
margin-top: 25px;
color: #00354a;
}
#footer_right a{
text-decoration: none;
color: #00354a;
font-size: 10px;
}
#footer_right a:hover{
color: #fff;
}
/* ####################### ENDE FOOTER ########################## */








/* ########################## Start Clearfixes ########################## */

.clear { 
clear: both; 
background: none; 
}

.clearfix:after {
content: ".";    
display: block;    
height: 0;    
clear: both;    
visibility: hidden;
}


/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */ 

/* ########################## End Clearfixes ########################## */







/* ########################## Start Tabelle ########################## */
table{
width: 100% !important;	
border-spacing:0px !important;
margin-bottom: 25px;
}

td{
border-bottom: 1px solid #0094DB;
border-spacing:0px !important;
vertical-align: top;
padding: 8px 15px 8px 0;
}
/* ########################## Ende Tabelle ########################## */



/* ###################### Start Trademark Signs ###################### */
sup {
height: 0;
line-height: 1;
vertical-align: baseline;
_vertical-align: bottom;
position: relative;
bottom: 0.3ex;
}

h1 sup{
font-size: 12px;
height: 0;
line-height: 1;
vertical-align: baseline;
_vertical-align: bottom;
position: relative;
bottom: 0.6ex;
}
/* ###################### Ende Trademark Signs ###################### */



/* ####################### Start Sitemap List ###################### */
.csc-sitemap ul li{
padding-left: 0px !important;
background-image: none !important;
}
.csc-sitemap ul li ul{
padding-left: 12px !important;
background-image: none !important;
margin-bottom: 5px !important;
}
.csc-sitemap li a:hover{
background-color: #F2FAFD;
display: block;
color: #0094DB !important;
}
/* ######################## Ende Sitemap List ###################### */












hr {
border: solid #FFF 1px;
border-bottom:solid #0094DB 1px !important;
margin: 10px 0 15px 0;
}






legend { 
color: #0094DB;
font-family: Arial, Helvetica sans-serif;
font-size: 22px;
display: block;
margin-bottom: 20px;
padding-top: 30px !important;
font-weight: bold;
}

.submit{
margin-top: 10px;
width: 120px;
background-color: #0094DB;
color: #FFF;
text-align: center;
}

.info {font-size: 10px;}




.csc-textpic {
padding: 0px !important;
margin: 0px !important;
}

.csc-textpic-imagewrap, .csc-textpic-imagerow {
width: 415px !important;
padding: 0px !important;
margin: 0px !important;
}


.csc-textpic-imagewrap ul{
margin-left: 0px;
padding-left: 0;
list-style: none;
}



li.csc-textpic-image, li.csc-textpic-lastcol{
background-image: none !important;
float: left;
}



li.csc-textpic-image{
margin-bottom: 15px !important;
padding-right: 0px !important;
padding-left: 0px !important;
}

li.csc-textpic-image img{
border: 1px solid #0094DB;
}
li.csc-textpic-image img:hover{
border: 1px solid #8e8f8f;
}













/* ########################## Start Formular ########################## */

form{
padding-bottom: 30px;
}



fieldset {
border: none;
padding-left: 0px !important;
}

.csc-mailform-field label {
float: left;
width: 100px;
display: inline;
margin-top: 5px;
}


input {
border: 1px solid #0094DB;
width: 300px;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
padding: 2px 5px 2px 5px;
margin-top: 5px;
}

input:hover, input:focus {
background-color: #f8f8f8;
}


.csc-mailform-field {
clear: both;
}



.csc-mailform-submit {
margin-top: 10px;
width: 120px;
background-color: #0094DB;
color: #FFF;
margin-left: 100px;
text-align: center;
}
.csc-mailform-submit:hover {
background-color: #0094DB;
color: #F8F8F8;
}


textarea {
float: left;
border: 1px solid #0094DB;
width: 300px;
padding: 2px 5px 2px 5px;
margin-top: 7px;
}

textarea:hover {
background-color: #f8f8f8;
}





.csc-mailform-label {
color: #000;
font-family: Arial, sans-serif;
font-size: 12px;
font-weight: bold;
display: block;
clear: both !important;
text-transform: uppercase;
letter-spacing: 0.04em;
margin: 20px 0 10px 0;
}




.check-field .csc-mailform-check {
width: 15px;
float: left !important;
margin: 5px 15px 5px 0;
}



.field-GABAG_Wannentrger, .field-GABAG_FLEXZARGE, .field-GABAG_Wannenprofil_ISOPHONE, .field-GABAGWHIRLBOX, .field-GABAG_Variotop
{
width: 200px;
float: left;
margin-right: 5px;
}

.field-Duschrinnen__Duschboden
{
margin-bottom: 20px;
}




.field-einen_Besuch_in_Ihrer_Werkauss, .field-eine_Produkteprsentation__eine, .field-eine_komplette_Dokumentation_I, .field-Newsletter
{
display: block;
clear: both;
}

.field-Bemerkungen {margin-top: 20px;}

/* ########################## Ende Formular ########################## */


/* ########################## SUCHE ############################# */

#content ul.browsebox li {
	background-image: none;
	float: left;
}