body { position: relative; margin: 0px; font-family: arial, helvetica, sans-serif; background-color:  #f5f5f5; }
a { color: brown; }
.divider { clear:both; position:relative; }
#main { position: relative; width: 100%; margin:0px; border: 0px; }
.main { position: relative; margin:6px; }

.promo
{
    position: relative;
}

h1
{
    background-color: transparent;
    margin: 0px;
    padding: 0px;

    background-image:url("../../images/kur---wellness---barbara-reisen.jpg");
    background-position: left bottom;
    background-repeat: no-repeat;
    height: 281px;
    text-indent: -9999px;
}

.promo .links {
    position:absolute;
    width:100%;
    left: 0px;
    top: 0px;
}

.promo span {
    display: none;
}

.promo a
{
    
    text-align: right;
    font-size: 0.8em;
    color: #543D20 !important;
    float: right;
    display:inline;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: -2px;
}

.promo a.topLinks {
    float: left !important;
    font-weight: bold;    
}

#social {
    position: relative;
    width: 998px;
    overflow: hidden;
    margin:0px auto;
    margin-top:4px;
    background-color: transparent;
    text-align: right;
}

#social a img {
    opacity: .7;
}

#social a:hover img {
    opacity: 1;
}

.bodyContent
{
    position: relative;
    width: 998px;
    margin:0px auto;
    margin-top:0px;
    padding: 0px 4px;
    background-image :url("../../images/body_04.png");
    background-position: -1px 0px;
    background-repeat:repeat-y;
    background-color: white;
    /*border: 1px solid #cfcfcf;*/
}

.bodyTop {
    position: relative;
    width: 998px;
    height:16px;
    margin:  0px auto 0px auto;
    padding: 0px 4px;
    background-image :url("../../images/bodyC_01.png");
    background-position: -1px 0px;
    background-repeat:repeat-y;
    background-color: white;
    background-color: transparent;
}

.bodyBottom {
    position: relative;
    width: 998px;
    height: 16px;
    margin:0px auto 20px auto;
    margin-top:0px;
    padding: 0px 4px;
    background-image :url("../../images/body_06.png");
    background-position: -1px 0px;
    background-repeat:repeat-y;
    background-color: transparent;
}


.topLine
{
    position: relative;
    height: 5px;
    width: 100%;
    background-color: #663300;
}

#NaviContainer {
background-image:url("../../images/naviBack.jpg");
background-position:left top;
background-repeat:no-repeat;
height:45px;
position:relative;
width:100%;
font-weight:bold;
}

#NaviContainer a {

    color:#543D20 !important;

}

#NaviContainer ul {
    position: relative;
    list-style-type: none;
    margin: 0px;
    margin-top: 0px;
    float: left;
    width: 720px;
    height: 43px;
    padding-left: 10px;

    color:#543D20 !important;
    font-size:1em !important;    
}


#NaviContainer li{
position: relative;
float: left;
background: url("../../images/naviSeparator.jpg") no-repeat top left;
display: inline;
padding: 9px 20px 10px 30px;
margin: 0px;
height: 27px;

}

#NaviContainer a#Katalog {
    float: right;
    width: 140px;
    margin-top: 0px;
    padding: 9px;
}
/*.NaviLinkProspekte {
font-size:1em !important;
margin-left:135px !important;
position:relative;
}
.NaviLinkBuchung {
font-size:1em !important;
margin-left:25px !important;
position:relative;
color: #663300;
}*/


div.container_navigation
{
    position: relative;
    width: 220px;
    float: left;
    display:inline;
    margin-right: 8px;
 

}

.leftNavigationUL
{
    position: relative;
    padding-left: 10px;
    list-style-image: url("../../images/listStyle.gif");
    list-style-position: inside;
    width: 200px;
    font-size: 0.8em;
    color: brown;
}

.leftNavigationUL li
{
   margin-bottom: 8px;
}

.leftNavigationUL li a
{
    color: brown;
}

.leftNavigationUL li a:hover
{
    color: #000;
}

.leftNavigationUL2
{
    position: relative;
    padding-left: 10px;
    list-style-image: url("../../images/listStyle.gif");
    list-style-position: inside;
    width: 190px;
    font-size: 0.74em;
    color: brown;
    margin: 5px 0px;
}

.leftNavigationUL2 li
{
   margin-bottom: 2px;
}

.leftNavigationUL2 li a
{
    color: brown;
}

.leftNavigationUL2 li a:hover
{
    color: #000;
}

.ui-accordion-content
{
    padding-left: 10px !important;
    padding-top: 5px !important;
}


.container_mainContent
{
    position: relative;
    width: 758px;
    float: left;
    display: inline;
    margin-top: 32px;
}

.container_bild_mainContent
{
    position: relative;
    width: 900px;
    float: left;
    display: inline;
}



.inlineHighlight
{
    color: green;
    font-weight: bold;
}

.container
{
    position: relative;
    margin-bottom:4px;
    padding-bottom:4px;
    border-bottom: 1px solid brown;
    
}

.naviOrte
{
/*    position: relative;*/
/*    font-size: 0.9em;*/
    color: #543D20;
    padding: 2px 0px 5px 0px;
    border-bottom: 1px solid #543D20;
    margin:2px 0px 5px 0px;
}


.boxContentContainer
{
    position: relative;
    border: 1px solid #cfcfcf;
    float: left;
    display:inline;
    margin-bottom: 15px;
    width: 100%;
}

h2 a {
    font-size: 0.7em;
    font-weight: normal;    
    position: absolute;
    display: block;
    right:64px;
    bottom: 30px;
}

.ui-accordion .ui-accordion-header a {
font-size:0.85em !important;
}

/*.footerContainer
{
    position:  relative;
    padding: 32px;
    font-size: 0.8em;

}

.footerContainer a
{
    position: relative;
    color: brown;
}*/
#footer {
    
    font-size: 80%;
}

#footer h3 {
    background: none;
font-size: 120%;
padding: 0px;
margin: 0px;
}

#footer .container {
    position: relative;
    margin:0px;
    padding:8px 0px 8px 48px !important;
    border:none;
    background: none !important;
    width: 424px;
    float: left;
}

#footer p {
    margin: 6px 0px 16px 0px;
}



.footerLinks a
{
    font-size: 0.9em;
    color: #666;
    text-decoration: underline;
}

#disclaimer {
    font-size: 0.7em;
    width:997px;
    margin: 0px auto;
}

#disclaimer p {
    text-align: center;
}

.Auszeichnung
{
    position: relative;
    background-image:url("../../images/auszeichnung.jpg");
    background-position:left top;
    background-repeat:repeat-x;
    background-position: -2px 0px;
    height:201px;
}

#auszeichnungLink
{
    position: relative;
    padding-top: 130px;
    text-align: center;
}

#auszeichnungLink a
{
    position: relative;
    color: brown;
}

.angebotKategorie
{    
    padding: 5px;
    background:url("smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6;
border:1px solid #D3D3D3;
color:#555555;
font-weight:bold;
margin-top: 10px;
}

.angebotTitle
{
    display: block;
    position: relative;
    padding: 5px;
    color: brown !important;
    font-size: 1.1em;
    
}

.angebotContent
{
    display: block;
    position: relative;
    padding: 5px;
    color: #666;
    font-size: 0.9em;
}

.angebotInnerContent
{
    position: relative;
    background-color: #FFF;
}

.angebotInnerContent a {
    text-decoration: none;
}

.angebotInnerContent a:hover .angebotTitle {
    text-decoration: underline;
}

.angebotPreis
{
    position: relative;
    display: block;
    padding: 5px;
    text-align: right;
    font-size: 1.4em;
    font-weight: bold;
    color: green;
    border-bottom: 1px solid orange;
}

h2 {
    margin: 0px;
}

h2 
{
background-image:url("../../images/containerTitle_backNew.jpg");
background-position:left top;
background-repeat:repeat-x;
color:#5C4527;
font-size:1em;
font-weight:bold;
height:23px;

padding:3px 0px 0px 50px;
position:relative;
clear: left;
/*border-top: 1px solid #9c6c2c;
border-bottom: 1px solid #9c6c2c;*/

}

h3, h4 {
     
    margin-top: 0px;
    margin-bottom :0px;
}

h3 {
/*    background-color: #EEE;*/
    background:url("smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6;
    color: brown;
    font-weight: bold;
    padding:4px;
    font-size: 1em;
    clear:both;
    padding: 6px;
    margin-top: 4px;
}


p {
    margin-top: 10px;
    margin-bottom: 10px;
}

.container p, .boxContentContainer p {
    position: relative;
    line-height: 140%;
    margin:16px 36px;
    text-align: justify;
}

/*.hausBereich p {
    text-align: justify;
}*/

.boxContentContainer li {
    position:relative;
    line-height: 140%;
    margin-bottom:8px;
    margin-right: 12px;
    margin-left:12px;
}

.container img {
    float: left;
    margin: 16px 12px;
}

.naviOrte span {
/*    background-color: #EEE;*/
     font-size: 0.85em;
     font-weight: normal;
    color: #543D20;
}

.hausTitle
{
    margin-bottom: 5px;
}

.hausBereich
{
    position: relative;
}

.boxContentContainer h3 {
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}

.container h4, .boxContentContainer h4 {
    padding-bottom:0px;
    margin-left: 36px;
    font-weight: bold;
    
}


#leftNavigation {
    font-size: 1.15em;
}

table {
    margin: 0px;
    padding: 0px;
    border-left:1px solid #CCC;
    border-spacing: 0px;
    margin-bottom: 10px;
}

table caption{
    background-image:url("../../images/containerTitle_backNew.jpg");
    background-position:0px -1px;
    border:1px solid #CCC;

    background-repeat:repeat-x;
    color:#5C4527;
    font-size:0.95em;
    font-weight: bold;
    height:25px;
    padding:3px 0px 0px 50px;
    text-align: left;

}
td {
    margin: 0px;
    padding: 4px 8px;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    text-align: center;
}

th {
    background: url("smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6;
    padding: 4px 16px;
    
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    margin: 0px;
    font-weight: normal;
}


.boxContentContainer table {
    float: right;
    margin: 16px 36px;
}

.boxContentContainer img.content {
    float: left;
    margin: 16px 16px 0px 36px;
    clear: left;
}

table.longtable td {
    text-align: left;
    border:none;
    
    padding: 4px 18px;
}

table.nofloat {
    border-top: 1px solid #CCC;
    float: none;
    margin: 16px auto;
    width: 86%;
}

table.nofloat td {
    text-align: left;
}

.small {
    font-size: 0.8em;
}




.unterschrift {
    font-family: 'Lucida Handwriting';
}


.kurhausContainer
{
    position: relative;
    width: 735px;
    float: left;
    display: inline;
    padding: 10px;
    background-color: #EEE;
    margin-bottom: 10px;
}

.hausLeftArea
{
    position: relative;
    width: 175px;
    float: left;
    display: inline;
}

.hausRightArea
{
    position: relative;

}

.hausRow
{
    position: relative;
    float: left;
    display: inline;
    width: 550px;
    padding: 0px;
    margin: 0px;
}

.hausTitle
{
    position: relative;
    width: 100px;
    float: left;
    display: inline;
}

.hausValue a
{
    color: brown;
}


.hausRow h2
{
   margin: 0px;
   padding: 0px;
   margin-bottom: 10px;
}

.angebot {
}

.angebot img {
    float: left;
    margin: 16px 12px;
}

.angebot a {
    text-decoration: none;
    color: black;
}

.angebot a:hover h3 {
    text-decoration: underline;
}

span.stern {
    background: url("../../images/vote_star_active_32.png") no-repeat;
    width:18px;
    height:16px;
    text-indent: -9999px;
    float:right;
}

span.description {
    background: url("../../images/info_icon32.jpg") no-repeat right center;
    padding:6px 36px 6px 0px;
    cursor: help;   
}

hr {
    background: url("../../images/linie.png") no-repeat center center;
    height: 55px;
    width: 100%;
    border: none;
}


.angebote {
    margin: 0px;
    padding: 0px;
}

ul.none {
    padding: 0px;
    margin: 0px;
    list-style: none;
}


li.angebot {
    margin: 0px 0px 16px 0px;
    background-color: transparent;
    display: block;
}



.angebot p
{
    display: block;
    position: relative;
    padding: 5px 8px;
    margin: 0px !important;
    color: #666;
    font-size: 0.9em;
}


.angebot a {
    text-decoration: none;
    margin: 0px;
    padding: 0px;
}

.angebot a:hover .title {
    text-decoration: underline;
}

.angebot tr:hover {
    text-decoration: underline !important;
}

.hervorgehoben
{
    font-size: 1.2em;
}



.angebot h3 {
    margin: 0px -1px 0px -1px;
    padding: 4px 8px;
    font-weight: normal;
    border: 1px solid #cfcfcf;
    
   
}


.angebot .preis, .spalte_preis {
    font-weight: bold;
    font: 1.1em "Lucida Handwriting",  fantasy;    
    text-align: right !important;
    color: #189312;
    margin: 0px;
    padding: 0px;
}

.angebot .preis a {
    color: green;
}

.angebot .image {
    height: 60px;
    margin: 0px 0px 0px 0px;
}

#angebotContainer .image {
    width: 60px;
    margin: 3px 8px 6px 9px;
    float: left;
}

#angebotContainer li.angebot {
    background: url("../../images/linie_small.png") no-repeat center top;
    padding-top: 20px;
    
}

.angebot .title {
    color: brown;
    margin-left: 6px;
    font-size: 1em;
    

}

p.desc {
    font-size: 0.9em;
    color: #666666;
    margin-top: 4px;
}

h2 + p:first-letter, #footer h3 + p:first-letter  {
	font-size: 3em;
	line-height: 0.76em;
	padding: 0.075em 0.10em 0.0em 0px;
	float: left;
	font-weight: normal;
	color: brown;
	font-family: Georgia;
}

em {
    font-style: normal;
    color: brown;
}

strong {
    font-weight: bold;
    text-decoration: none;
    color: brown;
}

input, select, textarea {
    margin: 0px;
    border: 1px solid #CCCCCC;
    background-color: #F4F4F4;
}

input[type=text].error {
     padding: 4px 4px;

}

input[type=text] {
     padding: 5px 5px;
}

input[type=submit] {
    padding: 6px 6px;
    border: none;
    background-color: #666666;
    color: #EEEEEE
}

input[type=submit]:hover {
    background-color: #555555;
    color: #DDDDDD;
}

.container_navigation input[type=text]{
    position: relative;
    margin: 0px 0px 0px 0px;
    border-right: none;
    color: #555555;
}

.container_navigation input[type=text].error{
    padding-right: 3px;    
    margin: 0px;    
}

#nl_email {
    width: 136px;    
}

#newsletter_subscribe {       
    width: 73px;
}

div#search {
    margin: 5px -4px 10px 3px;
    
}

.actionText
{
    position: relative;
    padding: 10px;
    text-align: center;
    font-size: 1.3em;
    color: #996600 !important;
    margin-bottom: 25px !important;
    border-top: 1px solid #996600;
    border-bottom: 1px solid #996600;
}

.error {
    border: 2px solid brown !important;
}

.cssShadow {
    -moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
    -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
    box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}

.light { color: #999999; }

h3 .light {
    font-weight: normal;
    text-align: right;
    display: block;
    float:right;
}

div.google_plus_one {
    margin: -32px 0px 0px 0px;    
    padding: 0px;
    position: absolute;
    right: 0px; 
}

.google_plus_one span {
    font-size: 0.74em;      
    color: #888888;
    padding-right: 32px;
    margin-right: 2px;
    line-height: 1.05;
    display: block;
    float:left;
    background: url("../../images/google_pfeil.png") no-repeat right top;  
}