@font-face {
font-family: FagoOT;
src: url('FagoOT.otf') format("opentype");
font-style: normal;
font-weight: normal;
}
/*
Basis Formatierung
*/
*{
 border: 0px;
 margin: 0px;
 padding: 0px;
 vertical-align: top;
 }
body{
 background-image: url(../img/linien-hintergrund.jpg);
 }
div, h1, h2, h3, h4, p, ul, li, img, blockquote, address, input, label, caption, a, span, em, abbr{
 color: #383838;
 border: 0px;
 font-family: Arial, Helvetica;
 font-size: 12px;
 font-style: normal;
 font-weight: normal;
 line-height: 18px;
 text-align: left;
 text-decoration: none;
 vertical-align: top;
 }
/*Abstände - Standard sind 6px oder 12px*/
h1, h2, h3, h4, h5, h6, dd, #con-1 p, #con-2 p, #con-2 ul, #con-2 ol, #con-3 p{
 margin-bottom: 6px;
 }
#con-2 table, form, fieldset{
 margin-bottom: 12px;
 }
.abstand-1{
 clear: both;
 padding-top: 12px;
 }
/*Basis-Elemente*/
h1, h2, h3, h4, h5, h6{
 color: #F7923C;
 float: none;
 font-size: 16px;
 line-height: 20px;
 font-weight: bold;
 margin-top: 22px;
 }
h1{
 margin-top: 14px;
 }
h1 a, h2 a{
 background-color: #F7923C;
 border-left: 4px solid #F7923C;
 border-right: 4px solid #F7923C;
 color: #FFF;
 font-size: 16px;
 font-weight: bold;
 }
h1 a:visited, h2 a:visited{
 color: #FFF;
 }
h1 a:hover, h2 a:hover{
 color: #383838;
 }
/*/////////////////////////////////////////////*/
blockquote p{
 background-image: url(../img/haken.jpg);
 background-repeat: no-repeat;
 color: #F7923C;
 font-family: Georgia, Times, sans-serif;
 font-size: 18px;
 font-style: italic;
 font-weight: normal;
 line-height: 24px;
 margin-top: 14px;
 padding-left: 26px;
 }
dl{
 clear: both;
 float: none;
 }
dt{
 font-weight: bold;
 }
address{
 margin-bottom: 4px;
 }
table{
 border-collapse: collapse;
 margin-top: 12px;
 }
caption{
 font-weight: bold;
 }
th, td{
 line-height: 22px;
 height: 22px;
 margin-right: 0px;
 text-align: center;
 width: 130px;
 }
th{
 background-color: #ded7ca;
 border-right: 4px solid #FFF;
 border-bottom: 4px solid #FFF;
 font-weight: bold;
 height: 32px;
 line-height: 32px;
 }
td{
 background-color: #F2EBDC;
 border-right: 4px solid #FFF;
 border-bottom: 4px solid #FFF;
 }
table.schwimmbad th{
 background-color: #92c2ef;
 }
table.schwimmbad td{
 background-color: #cbe1f8;
 }
table.t-sauna th{
 background-color: #e6c061;
 }
table.t-sauna td{
 background-color: #f0daa7;
 }
table.t-fitness th{
 background-color: #b3cc6a;
 }
table.t-fitness td{
 background-color: #d4e3b0;
 }
table.shop-1 td, table.shop-2 td{
 background-color: #FFF;
 border: 0;
 line-height: 18px;
 height: 18px;
 text-align: left;
 width: 150px;
 }
#con-2 table.shop-2{
 margin: 0;
 }
table.shop-2 td{
 margin: 0;
 width: 160px;
 }
table.shop-2 td.feld-2{
 width: 350px;
 }
hr{
 clear: both;
 color: #FFF;
 background-color: #FFF;
 border-top: 2px dotted #BBB;
 margin-top: 12px;
 }
/*
Formular
*/
form div, form p, form{
 clear: both;
 }
label, input, select, fieldset{
 float: left;
 margin-top: 6px;
 }
fieldset{
 clear: both;
 float: none;
 }
legend{
 font-weight: bold;
 margin: 0;
 padding: 0;
 }
label{
 height: 16px;
 width: 150px;
 vertical-align: middle;
 }
label.kennung-1{
 width: 50px;
 }
input{
 border: 1px solid #868686;
 display: block;
 height: 16px;
 vertical-align: middle;
 }
input.mf-radio{
 margin-right: 4px;
 }
input.text-1{
 width: 18px;
 }
input.text-2{
 width: 40px;
 margin-right: 12px;
 }
input.mf-submit, input.gross-submit{
 background-color: #888;
 border: 0;
 color: #FFF;
 height: 20px;
 line-height: 20px;
 margin-top: 12px;
 margin-right: 12px;
 padding-bottom: 2px;
 text-align: center;
 vertical-align: middle;
 width: 80px;
 }
input.mf-submit:hover, input.gross-submit:hover{
 background-color: #F7923C;
 }
input.gross-submit{
 width: 150px;
 }
select{
 border: 1px solid #868686;
 vertical-align: middle;
 width: 150px;
 }
textarea{
 border: 1px solid #868686;
 height: 160px;
 margin-top: 12px;
 width: 200px;
 }
/*
Inline Elemente
*/
a{
 color: #F7923C;
 }
a:visited{
 color: #F7923C;
 }
a:hover{
 color: #383838;
 }
em{
 font-style: italic;
 }
strong{
 font-weight: bold;
 }
/*
Navigationen
*/
ul#nav-1{
 height: 26px;
 margin-top: 18px;
 margin-left: 22px;
 }
ul#nav-1 li{
 float: left;
 list-style-type: none;
 margin-right: 2px;
 padding-top: 0px;
 text-align: center;
 height: 26px;
 }
ul#nav-1 a{
 color: #999;
 border-left: solid #FFF 8px;
 border-right: solid #FFF 8px;
 font-family: FagoOT, Arial, Helvetica;
 font-size: 18px;
 font-style: normal;
 line-height: 26px;
 vertical-align: middle;
 }
ul#nav-1 a:hover{
 background-color: #F7923C;
 border-left: solid #F7923C 8px;
 border-right: solid #F7923C 8px;
 color: #FFF;
 }
ul#nav-1 .aktiv a{
 background-color: #F7923C;
 border-left: solid #F7923C 8px;
 border-right: solid #F7923C 8px;
 color: #FFF;
 }
ul#nav-2{
 margin-bottom: 12px;
 padding-left: 30px;
 }
ul#nav-2 li{
 border-top: 2px dotted #BBB;
 list-style-type: none;
 line-height: 26px;
 vertical-align: middle;
 }
ul#nav-2 li:hover{
 background-color: #D7D9D9;
 }
ul#nav-2 li.aktiv a{
 color: #F7923C;
 font-weight: bold;
 }
ul#nav-2 li.aktiv:hover, ul#nav-2 ul li:hover{
 background-color: transparent;
 }
ul#nav-2 li.nav-last{
 border: 1px dotted #BBB;
 border-left: 0px;
 border-right: 0px;
 }
ul#nav-2 li a{
 color: #383838;
 line-height: 26px;
 padding-left: 6px;
 vertical-align: middle;
 }
ul#nav-2 ul{
 padding-left: 12px;
 /*width: 250px;*/
 }
ul#nav-2 ul li{
 border-top: 0;
 list-style-position: inside;
 }
ul#nav-2 li.aktiv ul li a{
 color: #383838;
 font-weight: normal;
 padding-left: 6px;
 }
ul#nav-2 li ul li a.aktiv{
 color: #F7923C;
 font-weight: bold;
 }
ul#nav-2 li ul li a:hover{
 color: #F7923C;
 }
ul#nav-3{
 margin-bottom: 32px;
 }
ul#nav-3 li{
 background-repeat: no-repeat;
 background-position: 0 4px;
 list-style-position: outside;
 list-style-type: none;
 margin: 0px;
 padding: 0px;
 margin-top: 6px;
 }
ul#nav-3 li.p-1{
 background-image: url(../img/nav-3/lapland-sauna.jpg);
 }
ul#nav-3 li.p-2{
 background-image: url(../img/nav-3/schwimmbad.jpg);
 }
ul#nav-3 li.p-3{
 background-image: url(../img/nav-3/fitness.jpg);
 }
ul#nav-3 li.p-4{
 background-image: url(../img/nav-3/abnehmzentrum.jpg);
 }
ul#nav-3 li.p-5{
 background-image: url(../img/nav-3/rueckenzentrum.jpg);
 }
ul#nav-3 li.p-6{
 background-image: url(../img/nav-3/hamam.jpg);
 }
ul#nav-3 li.p-7{
 background-image: url(../img/nav-3/wellness.jpg);
 }
ul#nav-3 li.p-8{
 background-image: url(../img/nav-3/pflege-schoenheit.jpg);
 }
ul#nav-3 li.p-9{
 background-image: url(../img/nav-3/massagen.jpg);
 }
ul#nav-3 li.p-10{
 background-image: url(../img/nav-3/yoga.jpg);
 }
ul#nav-3 li.p-11{
 background-image: url(../img/nav-3/serailbad-sinfonien.jpg);
 }
ul#nav-3 li.p-12{
 background-image: url(../img/nav-3/rabattsystem.jpg);
 margin-top: 0px;
 }
ul#nav-3 li a{
 color: #383838;
 padding-left: 62px;
 }
ul#nav-3 li a:hover{
 color: #F7923C;
 }
ul#nav-4{
 margin-top: 30px;
 }
ul#nav-4 li{
 float: left;
 list-style-type: none;
 margin-right: 4px;
 padding-top: 4px;
 text-align: right;
 }
ul#nav-4 li a{
 color: #383838;
 font-size: 11px;
 text-align: right;
 }
ul#nav-4 li a:hover{
 color: #F7923C;
 }
div ul#nav-5{
 margin: 0;
 }
div ul#nav-5 li{
 float: left;
 list-style-image: none;
 list-style-type: none;
 margin-right: 12px;
 padding-top: 4px;
 text-align: right;
 }
div ul#nav-5 li a{
 color: #999;
 font-size: 12px;
 line-height: 20px;
 }
div ul#nav-5 li.aktiv a{
 background-color: #F7923C;
 border-left: 4px solid #F7923C;
 border-right: 4px solid #F7923C;
 color: #FFF;
 }
div ul#nav-5 li a:hover{
 color: #383838;
 }
/*
Container
*/
#box{
 background-color: #fff;
 left: 50%;
 margin-left: -507px;
 position: relative;
 top: 0px;
 width: 1015px;
 }
#head-1{
 clear: both;
 margin-left: 5px;
 padding-top: 5px;
 }
#head-1 img {
 height: 320px;
 width: 1005px;
 }
#con-1{
 float: left;
 min-height: 800px;
 margin: 0;
 margin-top: 44px;
 padding-left: 0px;
 width: 230px;
 }
#con-1 #col-1 img{
 margin-bottom: 6px;
 }
#col-1{
 margin-top: 40px;
 margin-left: 30px;
 }
#col-2{
 margin-top: 20px;
 }
#con-2{
 border-top: 2px dotted #BBB;
 border-bottom: 2px dotted #BBB;
 float: left;
 margin-top: 44px;
 margin-left: 30px;
 min-height: 500px;
 padding-bottom: 20px;
 width: 495px;
 }
#con-2 ul, #con-2 ol, #con-2 .img-con ul{
 margin-left: 22px;
 }
#con-2 ul li{
 list-style-type: square;
 list-style-image: url(../img/pfeil.jpg);
 margin: 0px;
 padding: 0px;
 }
#con-2 ul.keine-punkte{
 margin: 0;
 }
#con-2 ul.keine-punkte li{
 list-style-type: none;
 list-style-image: none;
 }
/*Weitere Listen*/
#con-2 ul.warenkorb-1 {
 margin-left: 0px;
 }
#con-2 ul.warenkorb-1 li{
 clear: both;
 list-style-type: none;
 list-style-image: none;
 }
#con-2 ul.gallery{
 margin: 0;
 padding: 0;
 margin-left: 0px;
 margin-bottom: 0px;
 clear: both;
 }
#con-2 ul.gallery li{
 float: left;
 list-style-type: none;
 list-style-image: none;
 }
#con-2 ul.gallery li img{
 margin-right: 10px;
 margin-bottom: 10px;
 width: 88px;
 height: 62px;
 }
#con-2 div.csc-sitemap ul li a{
 font-weight: bold;
 }
#con-2 div.csc-sitemap ul li ul li a{
 font-weight: normal;
 }
#con-3{
 margin-top: 40px;
 margin-left: 30px;
 float: left;
 width: 200px;
 }
#foot{
 clear: both;
 height: 30px;
 }
/*Klasse ohne Container*/
.akzent-1, .akzent-1 a{
 font-size: 12px;
 font-weight: bold;
 }
.akzent-1 a{
 color: #E56B00;
 }
.akzent-1 a:hover{
 color: #383838;
 }
.akzent-2 a{
 background-color: #F7923C;
 color: #FFF;
 font-size: 16px;
 font-weight: bold;
 border-left: 4px solid #F7923C;
 border-right: 4px solid #F7923C;
 }
.akzent-2 a:hover{
 color: #383838;
 }
.meta{
 color: #F7923C;
 font-family: Georgia, Times, sans-serif;
 font-size: 12px;
 font-style: italic;
 padding-left: 26px;
 }
.clear{
 border: 0;
 clear: both;
 font-size: 0;
 height: 0;
 line-height: 0;
 margin: 0;
 padding: 0;
 }
.hidden{
 display: none;
 }
/*Bild Container*/
/*erste Box */
.img-box-1{
 border-top: 2px dotted #BBB;
 margin-top: 20px;
 margin-bottom: 20px;
 }
.img-box-1 h1, .img-box-1 h2, .img-box-1 h3, .img-box-1 h4, .img-box-1 h5, .img-box-1 h6{
 margin-top: 0px;
 }
.img-fl-l{
 float: left;
 margin-top: 18px;
 margin-right: 15px;
 vertical-align: top;
 width: 180px;
 }
.img-fl-text{
 float: left;
 margin-top: 18px;
 width: 300px;
 }
/*zweite Box */
.img-box-2{
 margin-top: 18px;
 margin-bottom: 0px;
 }
.img-box-2 img{
 float: left;
 margin-right: 15px;
 margin-bottom: 15px;
 }
/*zweite Box */
.img-box-3{
 margin-top: 18px;
 margin-bottom: 0px;
 }
.img-box-3 img{
 float: right;
 margin-left: 12px;
 margin-bottom: 12px;
 }
@media screen
{}
@media print
{}