@import url(http://fonts.googleapis.com/css?family=Kreon:300);


*{                          margin:0; padding:0; border:0; outline:none; }
body, html{                 width:100%; height:100%; font-family:Arial, Verdana; }
body{                       text-align:center; background-color:#ffe3ab;   }

#outerpage{                 position:absolute; left:50%; margin-left:-500px; width:1000px; text-align:left; z-index:1; }
#innerpage{                 float:left; width:1000px; position:relative; text-align:left; background:url(../upload/layout/bg_top.jpg) right top no-repeat; }

#header{                    float:left; width:100%; padding-top:20px; }
#naviimg{                   float:left; width:100%; padding-top:10px; }
#logo{                      float:left; width:220px; padding-left:35px; }

#navitop{                   float:left; width:720px; padding:85px 10px 0 0; font-size:0.8em; }
#navitop a{                 padding:4px 0 4px 4px; color:#555555; text-decoration:none; }
#navitop a:hover{           color:#000000; text-decoration:none; }
#navitop a.selected{        font-weight:bold; }
#navitop ul{                float:right; }
#navitop li{                float:left; padding:0 10px 0 10px; list-style:none; background:none !important; }
#navitop li:last-child{     border:none !important; }

#navi{                      float:left; width:250px; font-size:0.95em; }
#navi ul{                   float:left; with:200px; }
#navi li{                   float:left; width:100%; list-style:none; padding-bottom:1px;  font-family:'Kreon', serif; }
#navi a{                    float:left; width:235px; height:15px; padding:11px 0 3px 15px; text-decoration:none; }
#navi a:hover{              text-decoration:none; color:#ffffff; }

/*.selected{                    font-weight:bold; }*/


/* Stationäre Rehabilitation */
.stat{                      background:#c5b872; color:#000102; }
.stat-sel{                  background:url(../upload/layout/arrow_stat.jpg) right no-repeat #c5b872; color:#000102; border-color:#786c2c; }
.stat-full, .stat:hover, .stat-sel:hover{   background:#786c2c; color:#ffffff; border-color:#786c2c; }
.stat-text a, .stat-text{   color:#786c2c; }
.stat-text a:hover{         text-decoration:none; }

/* Ambulante Badekur */
.bade{                      background:#fccda1; color:#000102; }
.bade-sel{                  background:url(../upload/layout/arrow_bade.jpg) right no-repeat #fccda1; color:#000102; border-color:#ee7f01; }
.bade-full, .bade:hover, .bade-sel:hover{   background:#ee7f01; color:#ffffff; border-color:#ee7f01; }
.bade-text a, .bade-text{   color:#ee7f01; }
.bade-text a:hover{         text-decoration:none; }

/* Frühling, Sommer, Herbst */
.frue{                      background:#b9d8ac; color:#000102; }
.frue-sel{                  background:url(../upload/layout/arrow_frue.jpg) right no-repeat #b9d8ac; color:#000102; border-color:#099f31; }
.frue-full, .frue:hover, .frue-sel:hover{   background:#099f31; color:#ffffff; border-color:#099f31; }
.frue-text a, .frue-text{   color:#099f31; }
.frue-text a:hover{         text-decoration:none; }


/* Winter, Weihnachten */
.wint{                      background:#c0d7e7; color:#000102; }
.wint-sel{                  background:url(../upload/layout/arrow_wint.jpg) right no-repeat #c0d7e7; color:#000102; border-color:#559ec3; }
.wint-full, .wint:hover, .wint-sel:hover{   background:#559ec3; color:#ffffff; border-color:#559ec3; }
.wint-text a, .wint-text{   color:#559ec3; }
.wint-text a:hover{         text-decoration:none; }


/* FRISIA Prävention */
.prae{                      background:#dfd3a3; color:#000102; }
.prae-sel{                  background:url(../upload/layout/arrow_prae.jpg) right no-repeat #dfd3a3; color:#000102; border-color:#b0960c; }
.prae-full, .prae:hover, .prae-sel:hover{   background:#b0960c; color:#ffffff; border-color:#b0960c; }
.prae-text a, .prae-text{   color:#b0960c; }
.prae-text a:hover{         text-decoration:none; }


/* FRISIA Balance */
.bala{                      background:#f4b6cf; color:#000102; }
.bala-sel{                  background:url(../upload/layout/arrow_bala.jpg) right no-repeat #f4b6cf; color:#000102; border-color:#e2007a; }
.bala-full, .bala:hover, .bala-sel:hover{ background:#e2007a; color:#ffffff;border-color:#e2007a; }
.bala-text a, .bala-text{   color:#e2007a; }
.bala-text a:hover{         text-decoration:none; }

/* Therapie und Kurmittel */
.vita{                      background:#d2a2a0; color:#000102; }
.vita-sel{                  background:url(../upload/layout/arrow_vita.jpg) right no-repeat #d2a2a0; color:#000102; border-color:#99173b; }
.vita-full, .vita:hover, .vita-sel:hover{ background:#99173b; color:#ffffff; border-color:#99173b; }
.vita-text a, .vita-text{   color:#99173b; }
.vita-text a:hover{         text-decoration:none; }


/* Inclusivleistungen */
.incl{                      background:#b2b3b5; color:#000102; }
.incl-sel{                  background:url(../upload/layout/arrow_incl.jpg) right no-repeat #b2b3b5; color:#000102; border-color:#868889; }
.incl-full, .incl:hover, .incl-sel:hover{ background:#868889; color:#ffffff; border-color:#868889; }
.incl-text a, incl-text{    color:#868889; }
.incl-text a:hover{         text-decoration:none; }

/* Nichts ausgewählt */
.noth{                      background:#ffffff; color:#555555; }
.noth-sel{                  background:url(../upload/layout/arrow_incl.jpg) right no-repeat #b2b3b5; color:#555555; border-color:#555555; }
.noth-full, .noth:hover, .noth-sel:hover{ background:#555555; color:#ffffff; border-color:#555555; }
.noth-text a, noth-text{    color:#555555; }
.noth-text a:hover{         text-decoration:none; }


#img{                       float:left; width:750px; height:239px; position:relative; }
.img{                       position:absolute; width:740px; height:229px; border-style:solid; border-width:5px; overflow:hidden; z-index:10; }
.img span{                  position:absolute; z-index:9; bottom:0; font-size:0.75em; padding:5px 0 0 5px; }
.imgcon{                    position:absolute; z-index:11; width:740px; height:229px; overflow:hidden; }

.content{                   float:left; width:100%; position:relative; background:url(../upload/layout/frisia_haus.jpg) no-repeat 0px 25px; }
.content_next{              float:left; width:100%; position:relative; border-bottom:1px solid #d8ccb5; }
.content_inner{             float:left; position:relative; width:530px; padding:25px 5px 25px 255px; line-height:1.3em; }
.content_inner p{           font-size:0.8em; color:#332d22; padding:6px 0 6px 0; }

#zerti{                     position:absolute; left:20px; bottom:40px; width:230px; text-align:center; }

h1{                         float:left; width:100%; font-size:1.1em; font-weight:normal; }
h2{                         float:left; width:525px; font-size:0.95em; font-weight:normal; padding:0 0 12px 0;  }
h3{                         font-size:0.9em; padding:0 0 12px 0;  }
div.content_inner p, div.content_inner table{        padding:0 0 12px 0; font-size:0.8em; line-height:1.5em; color:#1a242c; }
div.content_inner table p{  font-size:1.0em; }
div.content_inner table{    background-color:#ffe7b7; padding:5px; margin:5px 0 10px 0; }
div.content_inner td{       border-bottom:1px solid #ffffff; padding:8px; }
div.content_inner table input{ padding:5px; }
.submit{                     padding:5px; background:#ffffff; border:2px solid #1a242c; width:100px; font-weight:bold; }

div.content_inner table textarea{ padding:5px; font-family:Arial; }
div.content_inner ul{       clear:left; padding:0 0 12px 20px; line-height:1.5em; font-size:0.8em; color:#1a242c; }
div.content_inner ul ul{    padding:0 0 12px 40px; }
div.content_inner ul li{    padding:0 0 12px 0; list-style:circle; }

.searchresult{              padding:0 0 12px 0; font-size:0.8em; line-height:1.5em; color:#1a242c; }
.searchnavi{                border-top:1px solid #555555; padding:6px 0 12px 0; font-size:0.8em; line-height:1.5em; color:#1a242c; }

#right{                     position:absolute; left:50%; margin-left:300px; top:418px; width:188px; z-index:25; text-align:left; }
.fixed{                     position:fixed !important; left:50%; margin-left:300px; top:18px !important; z-index:25; }

.tools{                     float:left; width:188px; padding:0 6px 12px 0; }
.tools ul{                  float:right; }
.tools li{                  list-style:none; float:left; padding:0 10px 0 10px; }
.tools input{               width:106px; color:#555555; padding:4px; font-size:0.7em; }

.extras{                    float:left; width:188px; padding:6px;  background:url(../upload/layout/bg75.png); }
div.content_inner .extras ul{ padding:0; }
.extras li{                 float:left; border-bottom-style:solid; border-bottom-width:1px; padding:7px 0 6px 26px !important; list-style:none; }
.extras li:last-child{          border:none; }
.extras .head{              font-size:0.9em; padding-left:10px !important; width:178px; }
.extras .phone{             font-size:1.0em; color:#7f786a; padding-left:30px; width:164px; background:url(../upload/layout/telefon.jpg) 10px 11px no-repeat; }
.extras .list{              font-size:0.9em; color:#7f786a; padding-left:30px; width:164px; background:url(../upload/layout/arrow_neutral.jpg) 12px 12px no-repeat; }
.extras .list a{            color:#7f786a; text-decoration:none; }
.extras .list a:hover{      color:#000000; }

#news{                      position:absolute; padding:6px; left:50%; width:210px; margin-left:-490px; text-align:left; top:453px; z-index:25; background:url(../upload/layout/bg75.png); }
.news li.head{            font-size:0.9em; padding-left:10px !important; }
.news .date{                      font-size:0.7em; color:#888888; }
 .news .head{                      font-weight:bold; font-size:0.7em; }
 .news .head a{                    color:#7F786A; text-decoration:none; }
.news .body{                      font-size:0.7em; color:#7F786A; }
.news{                      float:left; width:198px; padding:6px; }
#news_title{                float:left; width:198px; padding:7px 6px 6px 6px; border-bottom: 1px solid #555555; font-size:0.9em;  }

.images{                    float:left; width:518px; padding:6px; background-color:#fff1d5; clear:right; margin:10px 0 10px 0; }
.imgbox{                  float:left; padding:0 5px 0 5px; }
.imgbox_inner{            float:left; border:3px solid #ffffff; width:60px; height:60px; overflow:hidden; }

#angebote{                  float:left; width:100%; border-top-width:5px; border-top-style:solid; }

.beschreibung{              float:left; width:210px; height:100px; margin:15px 5px 15px 10px; padding:0 8px 8px 8px; text-align:right; color:#555555; line-height:1.2em; }
.beschreibung .titel{       font-weight:bold; padding:5px; font-size:0.85em; }
.beschreibung .utitel{      padding:4px; font-size:0.75em; background:url(../upload/layout/bg75.png); }
.beschreibung .text{        font-size:0.75em; }

.angebot{                   float:left; width:225px; height:100px; margin:15px 5px 15px 5px; padding:8px; background:url(../upload/layout/bg75.png); color:#333333; line-height:1.2em; }
.angebot .titel{            font-weight:bold; padding-bottom:2px; font-size:0.8em; }
.angebot .teaser{           font-weight:bold; padding-bottom:4px; font-size:0.8em; }
.angebot .text{             font-size:0.75em; }

#copyright{                 float:left; width:100%; padding:10px 0 25px 0; text-align:right; font-size:0.7em; color:#7f7155; }
#copyright a{               color:#7f7155; text-decoration:underline; }
#copyright a:hover{         text-decoration:none; }