/* CSS Document */


/* Style für das KOMPLETT Dokument */
body, html {
font-size: 12px;
font-family: verdana, arial, helvetica, sans-serif;
text-align: center;
margin: 0;
padding: 0;
height: 100%;
background-color: #ffffcd;
}

/* BILDER */
img {
border: 0;
}

/* KOMPLETT LINKS */
a{
color: #3300cc;
text-decoration: none;
}
a:hover, a:focus{
color: #ffcc33;
text-decoration: none;
}
a:active{
color: #3300cc;
text-decoration: none;
}
/* ABSTÄNDE UND PADDING BEI ALLEN ELEMENTEN AUF 0 */
*
{
margin: 0;
padding: 0;
border: 0 none;
}
/* ELEMENT WIRD FARBIG */
.blau {
color: #3300cc;
}
.gruen {
color: #00CC00;
}
.rot {
color: #FF0000;
}
.gelb {
color: #FFcc33;
}
.blaufett {
font-weight: bold;
color: #3300cc;
}
/* FLOATEN */
#floatlinks{
float: left;
}
#floatrechts{
float: right;
}
#floatende{
clear: both;
line-height: 0px;
font-size: 0px;
}
#floatendeinfrarot{
clear: both;
line-height: 0px;
font-size: 0px;
}
#floatbeenden {
clear: left;
color: #3300cc;
font-size: 11px;
margin: 0px 0px 10px 20px;
padding: 20px 0px 0px 0px;
}
/* INPUT FELD */
form {
font-size: 11px
}
form input {
border: 1px solid #999999;
color: #3300cc;
margin: 0px 0px 10px 0px;
}
form textarea {
border: 1px solid #999999;
color: #3300cc;
}
form span.breite {
margin: 50px;
width: 100px;
vertical-align: top;
}

.csc-mailform label { 
	display:block; }

/* Header & Logo */
#header { position:relative; }
#logo { position:absolute; left:35px; top:0px}

/* Style für den HAUPTINHALT div, zentriert den
kompletten Inhalt*/
#hauptinhalt {
width: 940px;
margin: 20px auto;
padding: 0px;
text-align: left;
background-color: #fff;
background-image:  url(../img/visual.jpg);
background-position: top;
background-repeat: no-repeat;
border: 1px solid #ffffcd;
}


/* Style für das OBERE Navigationsmenue*/
#navioben {
position: relative;
margin-top: 123px;
text-align:right;
height: 15px;
width: 940px;
color: #3300cc;
}
#navioben ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
#navioben ul li{
display:inline;
color: #3300cc;
margin:0px
}
#navioben p {
display: inline;}


/* Style für das UNTERE Navigationsmenue */
#floater {
float: left;
}
#unternavi {
position: relative;
float: none;
margin: 30px 0px 0px 15px;
width: 160px;
padding: 0px;
font-size: 12px;
background-image:  url(../img/gelbmenue.jpg);
background-repeat: repeat-y;
background-position: left top;
}
#unternavi ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#unternavi ul ul{
background-image: none;
position: relative;
margin: 0px 0px 0px 25px;
padding: 0px 0px 2px 0px;
list-style-type: none;
}
#unternavi ul li{
margin:  0px 0px 0px 0px;
padding: 5px 0px 8px 23px;
}
#unternavi ul ul li{
margin:  0px 0px 0px 0px;
padding: 2px 0px 4px 0px;
width: 100px; 
position:relative;
}
#unternavi ul li.cur,
#unternavi ul li.act{
background-image:  url("../img/menusonne.jpg");
background-repeat: no-repeat;
}
#unternavi ul li li.cur,
#unternavi ul li li.act{
background-image:  none;
}
#unternavi ul li.homedanach{
margin:  -5px 0px 0px 0px;
padding: 0px 0px 0px 23px;
height: 18px;
}
#unternavi ul li.last{
margin-bottom: 5px;
}
#unternavi ul ul li.first{
margin-top: 5px;
}
#unternavi ul ul li.last{
margin-bottom: 0px;
}
#unternavi a{
color: #3300cc;
text-decoration: none;
}
#unternavi a:hover, a:focus{
color:#ffcc33;
text-decoration: none;
}
#unternavi a:active{
color: #3300cc;
text-decoration: none;
}


/*Alter Wert mit Rechener: 24px*/
#paypal {
margin: 24px 0px 0px 18px;
display: block;
}
#rechner {
padding: 0px 0px 0px 0px;
margin: 269px 0px 0px 18px;
}


/* Style für das div INHALT*/

/* INHALT ALLGEMEIN*/

#inhalt{
position: relative;
float: left;
margin: 30px 0px 0px 30px;
padding: 0px;
width: 500px;
height: auto;
_height: 350px;
min-height: 350px;
line-height: 1.4;
}


#inhalt h1{
font-size: 22px;
color: #3300cc;
margin: 0px 0px 12px 0px;
padding: 0px;
}



#inhalt h2{
font-size: 18px;
color: #3300cc;
margin: 0px 0px 12px 0px;
padding: 0px;
}
#inhalt p{
font-size: 11px;
margin: 0px 0px 10px 0px;
}
#inhalt h3{
font-size: 12px;
color: #3300cc;
margin: 0px 0px 5px 0px;
padding: 0px;
}
#inhalt h3 a{
color: #3300cc;
text-decoration: none;
}




#inhalt h4{
font-size: 14px;
color: #3300cc;
margin: 0px 0px 5px 0px;
padding: 0px;
text-align:center;
}

#inhalt h5{
font-size: 14px;
color: #3300cc;
margin: 30px 0px 15px 0px;
padding: 0px;
}





/* INHALT AUSSEHEN SPEZIAL*/
#inhalt span.abstand{
display: block;
margin: 5px 0px 5px 0px;
}
#inhalt span.abstandblau{
display: block;
margin: 5px 0px 5px 0px;
color: #3300cc;
}
#inhalt span.blau{
color: #3300cc;
}
/* INHALT IMPRESSUM*/
#inhalt table{
font-size:11px;
}
#inhalt table th{
vertical-align: top;
width: 180px;
}
#inhalt table td{
padding-left: 5px;
vertical-align: bottom;
}

/* INHALT STARTSEITE*/
#inhalt dl {
margin: 0px 0px 0px 0px;
float: left;
}
#inhalt dl.mitte{
margin: 20px 10px 0px 17px;
float: left;
}
#inhalt dd{
margin: 0px 0px 10px 0px;
font-size: 12px;
font-weight: bold;
color: #3300cc;
text-align: center;
}
#inhalt p.startseite{
font-size: 12px;
margin: 0px 0px 10px 0px;
color: #3300cc;
}

#inhalt ul{
list-style-type:circle;
font-size: 11px;
margin: 0px 0px 0px 15px;
}
#inhalt ul li{
padding: 0px 0px 0px 0px;
}
#inhalt ol {
	margin: 0px 0px 0px 20px;
	*margin: 0px 0px 0px 23px;;
	font-size:11px;
}
#inhalt ul ol{
padding: 0px 0px 0px 0px;
}



#harvia {
margin: 20px 0px 0px 0px;
vertical-align:top;
}
#ondal {
margin: 34px 20px 0px 0px;
vertical-align:top;
}
#eos {
margin: 24px 30px 0px 0px;
vertical-align:top;
}
#startseitebild {
margin:  0px 0px 0px 0px;
padding: 0px;
}

/* INHALT DEFININTIONSLISTE NACH TECHNIK */
#nachtech dl {
margin: 20px 80px 0px 0px;
float: left;
width: 170px;
}
#nachtech dd{
margin: 0px 30px 10px 0px;
font-size: 11px;
color: #3300cc;
text-align: center;
width: 170px;
}
#nachtech dt a {
color: #ffcc33;
}
#nachtech a:hover, a:focus {
color: #3300cc;
}
#nachtech a:active {
color: #ffcc33;
}
/* INHALT DEFININTIONSLISTE NACH BREITE*/
#nachbreit dl {
float: left;
}
#nachbreit dd{
font-size: 11px;
color: #3300cc;
text-align: center;
width: 130px;
}
#nachbreit dt{
margin: 0px 20px 10px 0px;
font-size: 20px;
letter-spacing: -1px;
color: #3300cc;
font-weight: bold;
text-align: center;
width: 130px;
}
#nachbreit dt a {
color: #ffcc33;
}
#nachbreit a:hover, a:focus {
color: #ffcc33;
}
#nachbreit a:active {
color: #3300cc;
}
/* INHALT DEFININTIONSLISTE MODELLE*/
#modelle dl{
margin: 20px 50px 0px 0px;
float: left;
width: 166px;
text-align: center;
}
#modelle dd{
margin: 7px 0px 10px 0px;
font-size: 12px;
font-weight: bold;
color: #3300cc;
text-align: center;
}
#modelle span{
font-weight: normal;
margin: 0px;
}
/* INHALT DEFININTIONSLISTE GARTENSAUNAMODELLE*/
#gartenmodelle dl{
margin: 20px 50px 0px 0px;
float: left;
width: 200px;
text-align: center;
}
#gartenmodelle dd{
margin: 7px 0px 10px 0px;
font-size: 12px;
font-weight: bold;
color: #3300cc;
text-align: center;
}
#gartenmodelle span{
font-weight: normal;
margin: 0px;
}
/*Formatierung für das div Saunen*/
#saunen {
margin: 0px 0px 0px 0px;
}
#saunen img{
margin: 0px 30px 50px 0px;
}
#saunen img.oben{
margin: 0px 10px 20px 0px;
}
#abstandunten {
margin: 0px 0px 0px 0px;
}
#saunen p{
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
}
#saunen p.beschreibung{
font-size: 11px;
color: #3300cc;
}
#saunen p.bildbeschriftung{
font-size: 10px;
color: #666666;
line-height: 1.2;
}
#saunen ul{
list-style-type:circle;
font-size: 11px;
margin: 0px 0px 0px 15px;
}
#saunen ul li{
padding: 0px 0px 0px 0px;
}
/* INHALT DEFININTIONSLISTE SAUNAGRUNDRISSE*/

#grundrisseneu dl{
margin: 50px 35px 0px 0px;
float: left;
width: 310px;
height: 230px;
text-align: center;
}
#grundrisseneu dd{
margin: 7px 0px 15px 0px;
font-size: 12px;
font-weight: bold;
color: #3300cc;
text-align: center;
}
#grundrisseneu span{
font-weight: normal;
margin: 0px;
font-size: 11px;
}

#grundrisse dl{
margin: 30px 30px 0px 0px;
float: left;
width: 310px;
height: 170px;
text-align: center;
}
#grundrisse dd{
margin: 7px 0px 15px 0px;
font-size: 12px;
font-weight: bold;
color: #3300cc;
text-align: center;
}
#grundrisse span{
font-weight: normal;
margin: 0px;
font-size: 11px;
}
#inhaltgrundriss {
position: relative;
float: left;
margin: 30px 0px 0px 30px;
padding: 0px;
width: 700px;
height: auto;
_height: 350px;
min-height: 350px;
line-height: 1.4;
}
#inhaltgrundriss h2{
font-size: 22px;
color: #3300cc;
margin: 0px 0px 20px 0px;
padding: 0px;
}
#inhaltgrundriss p{
font-size: 11px;
margin: 0px 0px 0px 0px;
}
#inhaltgrundriss h3{
font-size: 12px;
color: #3300cc;
margin: 0px 0px 0px 0px;
padding: 0px;
}
#inhaltgrundriss h3 a{
color: #3300cc;
text-decoration: none;
}
/*Formatierung für das div Gartensaunen*/
#gartensaunen {
margin: 0px 0px 0px 0px;
}
#gartensaunen img{
margin: 0px 30px 50px 0px;
}
#gartensaunen img.oben{
margin: 0px 10px 20px 0px;
}
#gartensaunen p{
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
}
#gartensaunen p.beschreibung{
font-size: 11px;
color: #3300cc;
}
#gartensaunen p.bildbeschriftung{
font-size: 10px;
color: #666666;
line-height: 1.2;
}
#gartensaunen ul{
list-style-type:circle;
font-size: 11px;
margin: 0px 0px 30px 15px;
}
#gartensaunen ul li{
padding: 0px 0px 0px 0px;
}
.ueberschriftmitplatz {
margin: 50px 0px 50px 0px;
}
#gartensaunen img.bildmitabsatnd {
margin: 0px 10px 50px 0px;
}
#preis {
font-size: 14px;
font-weight: bold;
color: #3300cc;
}
/* PREISTABELLE SAUNEN*/
#preistabelle {
clear: left;
width: 680px;
margin: 0px 0px 10px 120px;
}
#preistabelle h3{
font-size: 12px;
color: #3300cc;
margin: 0px 0px 10px 84px;
padding: 30px 0px 0px 0px;
}
#preistabelle p{
font-size: 11px;
margin: 20px 0px 10px 0px;
}
#preistabelle ul{
list-style-type:circle;
font-size: 11px;
margin: 0px 0px 13px 99px;
}
#preistabelle table {
font-size: 11px;
text-align: center;
vertical-align: middle;
border-collapse: collapse;
width: 500px;
margin: 0px 0px 0px 0px;
}
#preistabelle table td{
font-size: 11px;
text-align: center;
vertical-align: middle;
border-collapse: collapse;
border: 1px solid #000000;
margin: 0px;
padding: 1px 4px 1px 4px;
}
#preistabelle table th{
font-size: 11px;
text-align: center;
vertical-align: middle;
border-collapse: collapse;
border: 1px solid #000000;
margin: 0px;
padding: 1px 4px 1px 4px;
}
#grau {
background-color: #fffdaa;
}
/* ÜBERSICHT INFRAROTKABINEN*/

#infrarotmodelle dl{
margin: 20px 30px 0px 0px;
float: left;
width: 310px;
text-align: center;
}
#infrarotmodelle dt{
margin: 0px 20px 0px 0px;
float: left;
min-height: 192px;
_height: 192px;
}
#infrarotmodelle dd{
margin: 5px 0px 0px 0px;
font-size: 11px;
color: #3300cc;
text-align: left;
}
#infrarotmodelle ul {
list-style-type:circle;
color: #000000;
padding: 0px 0px 0px 0px;
margin: 7px 0px 0px 0px;
}
#infrarotmodelle p {
font-size: 11px;
margin: 0px 0px 250px 0px;
}
#inhaltinfrarotuebersicht {
position: relative;
float: left;
margin: 30px 0px 0px 30px;
padding: 0px;
width: 700px;
height: auto;
_height: 350px;
min-height: 350px;
line-height: 1.4;
}
#inhaltinfrarotuebersicht h2{
font-size: 22px;
color: #3300cc;
margin: 0px 0px 20px 0px;
padding: 0px;
}
#inhaltinfrarotuebersicht p{
font-size: 11px;
margin: 0px 0px 0px 0px;
}
#inhaltinfrarotuebersicht h3{
font-size: 12px;
color: #3300cc;
margin: 0px 0px 0px 0px;
padding: 0px;
}
#inhaltinfrarotuebersicht h3 a{
color: #3300cc;
text-decoration: none;
}
/*Formatierung für die Infrarotkabeinen*/
#infrarotkabinen {
margin: 0px 0px 0px 0px;
}
#infrarotkabinen img{
margin: 0px 30px 20px 0px;
}

#infrarotkabinen p{
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
}
#infrarotkabinen ul{
list-style-type:circle;
font-size: 11px;
margin: 0px 0px 20px 15px;
}
#infrarotkabinen ul li{
padding: 0px 0px 0px 0px;
}
#infrarotteaser {
color: #3300cc;
font-weight: bold;
}
#infrarotimg {
float: left;
}

/*Formatierung für die Breadcrumbs*/
#breadcrumbs {
position: relative;
font-family: Arial, Helvetica, sans-serif;
text-align: left;
color: #a8a9a9;
padding: 0px;
font-size: 11px;
margin: 0px 0px 10px 0px;
}
#breadcrumbs a{
color: #a8a9a9;
text-decoration: none;
}
#breadcrumbs a:hover, a:focus{
color: #3300cc;
text-decoration: none;
}
#breadcrumbs a:active{
color: #a8a9a9;
text-decoration: none;
}
#breadcrumbs p{
margin: 0px;
}

/* Style für das div rechtespalte*/
#rechtespalte{
position: relative;
float: left;
margin: 0px 0px 0px 40px;
padding: 58px 0px 0px 0px;
width: 180px;
line-height: 1.4;
}
#rechtespalte h2{
font-size: 22px;
color: #f7ac17;
margin: 0px;
padding: 0px;
}
#rechtespalte h3{
font-size: 14px;
color: #3300CC;
}
#rechtespalte p{
font-size: 11px;
}
#rechtespalte span.text{
font-size: 12px;
color: #3300cc;
margin: 0px 0px 0px 0px;
}
#rechtespalte span.textbold{
font-size: 12px;
color: #3300cc;
margin: 0px 0px 0px 0px;
font-weight: bold;
}


#rechtespalte span.zusatz{
font-size: 9px;
}


#rechtespalte img{
/* margin: -30px 0px 0px 20px; */
margin: 0px 0px 0px 0px;

}
/* Anwendung*/
#anwendung{
position: relative;
float: left;
margin: 30px 0px 0px 30px;
padding: 0px;
width: 500px;
height: auto;
_height: 350px;
min-height: 350px;
line-height: 1.4;
}
#anwendung h2{
font-size: 22px;
color: #3300cc;
margin: 0px 0px 20px 0px;
padding: 0px;
}
#anwendung p{
font-size: 11px;
margin: 0px 0px 10px 0px;
}
#anwendung h3{
font-size: 12px;
color: #3300cc;
margin: 22px 0px 5px 0px;
padding: 0px;
}
#anwendung h3 a{
color: #3300cc;
text-decoration: none;
}








#anwendung span.abstand{
display: block;
margin: 5px 0px 5px 0px;
}
#anwendung span.abstandblau{
display: block;
margin: 5px 0px 5px 0px;
color: #3300cc;
}
#anwendung span.blau{
color: #3300cc;
}

#inhalt .csc-textpic-caption {
	font-size:11px;
	color:#A8A9A9;
	font-weight:normal;
}

hr {
	border-top:1px solid #3300CC;
	
}


/* Sitemap */
div.csc-sitemap ul {
	list-style-type: none;
	margin-left:30px;
	margin-bottom:7px;}
	
/* RTE-Klassen */
.lila_text {color: #3300cc;}
.align-center { text-align:center;}



#inhalt div.csc-textpic-intext-left div.csc-textpic-imagewrap,
#inhalt div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
	margin-right: 20px !important; }