/* CSS Document */


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

/* 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;
}

#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;
}

/* Style für den HAUPTINHALT div, zentriert den
kompletten Inhalt*/
#hauptinhalt {

margin: 0px;
padding: 0px;
text-align: left;
background-color: #fff;
background-image:  url("bilder/visual.jpg");
background-position: top;
background-repeat: no-repeat;
}


/* Style für das OBERE Navigationsmenue*/
#navioben {
display: none;
}

/* Style für das UNTERE Navigationsmenue */
#floater {
display: none;
}
#unternavi {
display: none;
}

/* Style für das div INHALT*/

/* INHALT ALLGEMEIN*/
#inhalt{
margin: 0px 0px 0px 0px;
padding: 0px;


line-height: 1.4;
}
#inhalt h2{
font-size: 22px;
color: #ffcc33;
margin: 0px 0px 20px 0px;
padding: 0px;
}
#inhalt p{
font-size: 11px;
margin: 0px 0px 10px 0px;
}
#inhalt h3{
font-size: 12px;
color: #ffcc33;
margin: 0px 0px 5px 0px;
padding: 0px;
}
#inhalt h3 a{
color: #ffcc33;
text-decoration: none;
}
#inhalt img{
size: 70%;
}

/* 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;
text-align: right;
width: 180px;
}
#inhalt table td{
padding-left: 5px;
vertical-align: bottom;
}

/* INHALT STARTSEITE*/
#inhalt dl {
margin: 20px 0px 0px 0px;
float: left;
}
#inhalt dl.mitte{
margin: 20px 15px 0px 23px;
float: left;
}
#inhalt dd{
margin: 0px 0px 10px 0px;
font-size: 14px;
font-weight: bold;
color: #ffcc33;
text-align: center;
}
#inhalt p.startseite{
font-size: 12px;
margin: 20px 0px 10px 0px;
color: #3300cc;
}
/* 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: #ffcc33;
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{
font-size: 11px;
margin: 0px 0px 20px 15px;
}
#saunen ul li{
padding: 0px 0px 0px 0px;
}
/* INHALT DEFININTIONSLISTE SAUNAGRUNDRISSE*/
#grundrisse dl{
margin: 30px 30px 0px 0px;
float: left;
width: 210px;
text-align: center;
}
#grundrisse dd{
margin: 7px 0px 10px 0px;
font-size: 12px;
font-weight: bold;
color: #3300cc;
text-align: center;
}
#grundrisse span{
font-weight: normal;
margin: 0px;
font-size: 11px;
}
/*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{
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 0px;
}
#preistabelle h3{
font-size: 12px;
color: #ffcc33;
margin: 0px 0px 10px 15px;
padding: 30px 0px 0px 0px;
}
#preistabelle p{
font-size: 11px;
margin: 15px 0px 10px 0px;
}
#preistabelle ul{
font-size: 11px;
margin: 0px 0px 13px 15px;
}
#preistabelle table {
font-size: 10px;
text-align: center;
vertical-align: middle;
border-collapse: collapse;
width: 500px;
margin: 0px 0px 0px 0px;
}
#preistabelle table td{
font-size: 10px;
text-align: center;
vertical-align: middle;

border: 1px solid #000000;
margin: 0px;
padding: 1px 3px 1px 3px;
}
#preistabelle table th{
font-size: 11px;
text-align: center;
vertical-align: middle;

border: 1px solid #000000;
margin: 0px;
padding: 1px 3px 1px 3px;
}
#grau {
color: #ffcc33;
border: 1px solid #cc3300;
}
/* ÜBERSICHT INFRAROTKABINEN*/

#infrarotmodelle dl{
margin: 20px 30px 10px 0px;
float: left;
width: 310px;
text-align: center;
}
#infrarotmodelle dt{
margin: 0px 20px 0px 0px;
float: left;
min-height: 160px;
_height: 160px;
}
#infrarotmodelle dd{
margin: 5px 0px 10px 0px;
font-size: 11px;
color: #3300cc;
text-align: left;
}
#infrarotmodelle ul {
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: #ffcc33;
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: #ffcc33;
text-decoration: none;
}
/*Formatierung für die Infrarotkabeinen*/
#infrarotkabinen {
margin: 0px 0px 0px 0px;
}
#infrarotkabinen img{
margin: 10px 30px 20px 0px;

}
#infrarotkabinen h3{
width: 200px;
}

#infrarotkabinen p{
margin: 0px 0px 7px 0px;
padding: 0px 0px 0px 0px;
}
#infrarotkabinen ul{
font-size: 11px;
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 20px;
width: 300px;
float: left;
}
#infrarotkabinen ul li{
padding: 0px 0px 0px 0px;
}

#infrarotteaser {
color: #3300cc;
font-weight: bold;
}
#grundriss {
clear: both;
float: none;
}
#infrarotimg {
float: right;
margin: 0px 30px 20px 0px;
}

/*Formatierung für die Breadcrumbs*/
#breadcrumbs {
display: none;
}

/* Style für das div rechtespalte*/
#rechtespalte{
display: none;
}

/* Anwendung*/
#anwendung{
position: relative;
float: left;
margin: 30px 0px 0px 0px;
padding: 0px;

line-height: 1.4;
}
#anwendung h2{
font-size: 22px;
color: #ffcc33;
margin: 0px 0px 20px 0px;
padding: 0px;
}
#anwendung p{
font-size: 11px;
margin: 0px 0px 10px 0px;
}
#anwendung h3{
font-size: 12px;
color: #ffcc33;
margin: 22px 0px 5px 0px;
padding: 0px;
}
#anwendung h3 a{
color: #ffcc33;
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;
}