/* 
    Document   : b4f
    Created on : 22.06.2010, 15:25:57
    Author     : 1011
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body {
    margin: 0;
    padding: 0;
    background: #FFFFFF;
    font-size: 12px;
    font-family: "Stone Sans", "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
    text-align: justify;
    color: #5C5C5C;
}

#wrapper {
    margin: 0;
    padding: 0;    
}

#logo-aktiv {
    width: 800px;
    height: 394px;
    margin: 0 auto;
    background: url(/images/aktiv-erholen-zu-zweit.jpg) no-repeat left top;
}

#logo-wellness {
    width: 800px;
    height: 394px;
    margin: 0 auto;
    background: url(/images/vital-durch-wellness.jpg) no-repeat left top;
}

/* Page */

#page {
    width: 800px;
    margin: 0 auto;
    padding-top: 10px;
    padding-bottom: 10px;    
    background: #D9DADB;
    border: 0px;
    -webkit-border-bottom-left-radius: 15px;
    -khtml-border-radius-bottomleft: 15px;
    -moz-border-radius-bottomleft: 15px;
    border-bottom-left-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
    -khtml-border-radius-bottomright: 15px;
    -moz-border-radius-bottomright: 15px;
    border-bottom-right-radius: 15px;
}

/* Content */
#intro {
    width: 740px;
    margin-top: 10px;
    margin-left: 15px;
    margin-bottom: 0px;
    margin-right: 15px;
    border: 0px;
    background: #E6E7E8;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#intro p {
    font: 12px "Stone Sans", "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
    color: #000000;
    font-weight: bold;
    text-decoration: none;    
     }

#contact {
    width: 740px;
    margin-top: 10px;
    margin-left: 15px;
    margin-bottom: 0px;
    margin-right: 15px;
    border: 0px;
    background: #E6E7E8;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#contact p {
    font: 12px "Stone Sans", "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
    color: #808284;
    font-weight: bold;
    text-decoration: none;    
    }

#contact h1 {
    font: 16px "Stone Sans", "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
    color: #808284;
    font-weight: bold;
    text-decoration: none;
    }

#contact h2 {
    font: 10px "Stone Sans", "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
    color: #808284;
    font-weight: bold;    
    text-decoration: none;
     }

#detailintro {
    width: 775px;
    margin: 0 auto;
    height: 20px;
    padding-top: 0px;
    padding-left: 25px;
    background: #D9DADB;
    border: 0px;
}

#detailintro h1 {
    font: 16px "Stone Sans", "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
    font-weight: bold;
    color: #808284;
    text-decoration: none; }

#content {
    width: 740px;
    margin-top: 10px;
    margin-left: 15px;
    margin-bottom: 0px;
    margin-right: 15px;
    border: 0px;
    background: #E6E7E8;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#content p {
    font: 12px "Stone Sans", "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
    color: #808284;
    text-decoration: none;  }

#content ul.a {
    font: 12px "Stone Sans", "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;    
    list-style-type: decimal;
    text-decoration: none;  }

#content ul.b {
    font: 12px "Stone Sans", "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;        
    list-style-type: square;
    text-decoration: none;  }

#content li.a {
    font: 12px "Stone Sans", "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
    color: #808284;
    font-weight: bold;
    text-decoration: none;  }

#content li.b {
    font: 12px "Stone Sans", "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
    color: #808284;
    text-decoration: none;  }

#content h1 {
    font: 16px "Stone Sans", "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
    font-weight: bold;
    color: #808284;
    text-decoration: none; }

#content h2 {
    font: 16px "Stone Sans", "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
    color: #808284;
    text-decoration: none;
    margin-left: 15px;
    margin-right: 15px;
}

#content h3 {
    font: 14px "Stone Sans", "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
    color: #808284;
    margin-top: 0px;
    margin-bottom: 1px;
    text-decoration: none;
    margin-left: 15px;
    margin-right: 15px;
}

#content h4 {
    font: 14px "Stone Sans", "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 1px;
    margin-left: 15px;    
    color: #FFFFFF;
    background-color: #A7A9AC;
    width: 100px;
    text-decoration: none;
    text-align: center;}

#search {
    width: 692px;
    margin-top: 5px;
    margin-left: 15px;
    background: #FFFFFF;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px #E9E5E2 solid;
}

#search p {
    font: 12px "Stone Sans", "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
    color: #000000;
    font-weight: bold;
    background: #E9E5E2;
    padding-left: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    text-decoration: none;  }

#search th {
    font: 12px "Stone Sans", "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
    font-weight: bold;
    color: #000000;
    text-decoration: none;  }

#search td {
    font: 12px "Stone Sans", "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
    color: #000000;        
    text-decoration: none;  }

#search a {
    text-decoration: underline;
    font: 12px "Stone Sans", "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;    
    color: #000000;
}

#pictures {
    width: 735px;
    height : 230px;
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    border: 0px;
    background: #808284;
    padding-left: 5px;    
    padding-top: 10px;
    padding-bottom: 5px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#picture1 {
    width: 280px;
    height: 224px;
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    border-style: solid;
    border-width: 2px;
    border-color: #FFFFFF;
    background: #FFFFFF;    
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;    
}

#picture2 {
    width: 224px;
    height: 138px;
    position: relative;
    left: 285px;
    top: -228px;
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    border-style: solid;
    border-width: 2px;
    border-color: #FFFFFF;
    background: #FFFFFF;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;    
}

#picture3 {
    width: 109px;
    height: 80px;
    position: relative;
    left: 285px;
    top: -226px;
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    border-style: solid;
    border-width: 2px;
    border-color: #FFFFFF;
    background: #FFFFFF;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;    
}

#picture4 {
    width: 109px;
    height: 80px;
    position: relative;
    left: 400px;
    top: -310px;
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    border-style: solid;
    border-width: 2px;
    border-color: #FFFFFF;
    background: #FFFFFF;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;    
}

#hotel {
    width: 205px;
    height: 218px;
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    position: relative;
    left: 516px;
    top: -538px;
    border: 0px;
    background: #FFFFFF;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: left;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#hotel p.a {
    font: 10px "Stone Sans", "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
    color: #000000;
    margin-top: 0px;
    margin-bottom: 1px;
    font-weight: bold;    
    text-decoration: none;
    text-align: left; }

#hotel p.b {
    font: 10px "Stone Sans", "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
    color: #000000;
    margin-top: 0px;
    margin-bottom: 1px;
    font-weight: normal;
    text-decoration: none;
    text-align: left; }

#hotel ul {
    font: 10px "Stone Sans", "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
    color: #000000;
    margin-top: 0px;
    margin-bottom: 1px;
    font-weight: normal;
    text-decoration: none;  }

#hotel li {
    font: 10px "Stone Sans", "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
    color: #000000;
    margin-top: 0px;
    margin-bottom: 1px;
    margin-left: -15px;
    font-weight: normal;
    text-decoration: none;  }

#hotel li.b {
    font: 10px "Stone Sans", "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
    color: #953E97;
    margin-top: 0px;
    margin-bottom: 1px;
    margin-left: -15px;
    font-weight: bold;
    text-decoration: none;  }

#hotelnaw {
    width: 740px;
    margin-top: 10px;
    margin-left: 15px;
    margin-bottom: 0px;
    margin-right: 15px;
    border: 0px;
    background: #E6E7E8;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 10px;
    text-align: left;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#hotelnaw p.a {
    font: 12px "Stone Sans", "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
    color: #000000;
    margin-top: 0px;
    margin-bottom: 1px;
    font-weight: bold;
    text-decoration: none;  }

#hotelnaw p.b {
    font: 12px "Stone Sans", "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
    color: #000000;
    margin-top: 0px;
    margin-bottom: 1px;
    font-weight: normal;
    text-decoration: none;  }

/* Footer */

#footer {
    width: 756px;
    margin: 0 auto;
    background: #D9DADB;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 5px;
    text-align: left;
    -webkit-border-bottom-left-radius: 15px;
    -khtml-border-radius-bottomleft: 15px;
    -moz-border-radius-bottomleft: 15px;
    border-bottom-left-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
    -khtml-border-radius-bottomright: 15px;
    -moz-border-radius-bottomright: 15px;
    border-bottom-right-radius: 15px;
}

html>body #footer {
    height: auto;
}

#footer a {
    text-decoration: none;
    font: 14px "Stone Sans", "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
    font-weight: bold;
    color: #808284;
}

#footer a:hover { text-decoration: underline; }