@charset "utf-8";
/* 
 * CSS Design File Voglauer
 */
* {

    font-size: 11px;

}

body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding: 0px;
    margin: 0px;
    background-image: url("../images/layout/bg.jpg");
    background-repeat: repeat-y;
    background-position: left top;
    background-color: #daceb9;
    color: #AF9F82;
}

body.start {
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    background-image: url("../images/layout/bg_start.jpg");
    background-position: center top;

}

a {
    text-decoration: none;
    color: #333333;
}

a:hover {
    text-decoration: underline;
}

h1 {
    font-size: 18px;
    color: #952E4F;
    font-weight: normal;
    margin: 0px 0px 10px 0px;
    padding: 0px;
}

h2 {
    font-size: 14px;
    color: #952E4F;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
    padding: 0px;
}

h2 a {
    font-size: 14px;
    color: #952E4F;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
    padding: 0px;
}

h3 {
    margin: 0px 0px 10px 0px;
    padding: 0px;
}

img {
    border: 0px none;
}

p {
    text-align: justify;
    padding-right: 5px;
    margin: 5px 0px;

}

td,
th {
    vertical-align: top;
    text-align: left;
}

th {
    font-weight: bold;
}

form {
    width: 405px;
}

label {
    clear: both;
    float: left;
    width: 200px;
    margin: 4px 0px 3px;
    padding: 0px;
}

select,
input,
textarea {
    float: left;
    border: 1px solid #AF9F82;
    margin: 1px 0px;
    padding: 1px;
    width: 200px;
}

textarea {
    height: 170px;
}

select {
    width: 204px;
}

input.checkbox {
    width: auto;
    border: 0px none;
    margin: 3px 180px 3px 0px;
}

input.checkboxbig {
    width: auto;
    border: 0px none;
    margin: 5px 180px 3px 0px;
}

input.submit {
    width: auto;
    height: 18px;
    margin: 1px 10px 0 10px;
    padding: 0 1px 0px 1px;
    font-size: 10px;
}

#submit {
    clear: left;
    margin-left: 200px;
}

.hide {
    clear: left;
    float: left;
    width: 100%;
    opacity: 0;
    filter: alpha(opacity = 0, finishopacity = 0, style = 2);
    height: 0px;
    overflow: hidden;
    display: block;
}

h1.special {
    /*background:url(/static/images/list/link.active.gif) 4px 5px no-repeat #952e4f;*/
    background-color: #952e4f;
    text-decoration: none;
    font-size: 14px;
    font-weight: normal;
    padding: 3px 0 3px 22px;
    color: #ffffff;
}

h1.special a {
    padding: 0 0 0 10px;
    margin: 0 0 2px 0;
}

/**
* Main Design Styles
*/
#leftback {
    width: 50%;
    height: 615px;
    float: left;
    overflow: hidden;
}

/* IE HACK */
*html #leftback {
    width: 49.99%;
}

#rightback {
    width: 50%;
    height: 615px;
    float: right;
    overflow: hidden;
}

#container {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20; 
}

#container #site {
    width: 980px;

    overflow: hidden;
    margin: 0;
    position: relative;
}

.fr #container #site {
    width: 1020px;
}

#container #portal {
    width: 780px;
    margin: 0 auto;
    position: relative;
}

#logo {
    display: block;
    height: 56px;
    width: 350px;
    overflow: hidden;
    position: relative;
    top: 150px;
    left: 215px;
    font-size: 1px;
}

#logo span {
    background-image: url(../images/layout/logo_start.gif);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}

/**
* Startseiten Konfiguration
*/
div.start_li,
div.start_re {
    width: 300px;
    height: 40px;
    margin-top: 200px;
    padding: 110px 0px 0px 0px;
    background-repeat: no-repeat;
    display: inline;
}

div.start_li p,
div.start_re p {
    margin: 0px;
    padding: 0px;
}

div.start_li span,
div.start_re span {
    font-weight: bold;
}

div.start_li {
    background-image: url(../images/layout/start_li.jpg);
    float: left;
    margin-left: 80px;
}

div.start_li p {
    text-align: right;
    margin-right: 10px;
}

div.start_re {
    background-image: url(../images/layout/start_re.jpg);
    float: right;
    margin-right: 80px;
}

div.start_re p {
    text-align: left;
    margin-left: 10px;
}

div.start_li_down,
div.start_re_down {
    width: 340px;
    height: 60px;
    background-color: #daceb9;
    padding: 10px 20px;
}

div.start_li_down h2,
div.start_re_down h2 {
    display: block;
    height: 60px;
    width: 190px;
    overflow: hidden;
    position: relative;
    top: 0px;
    left: 0px;
    font-size: 1px;
    padding: 0px;
    margin: 0px;
}

div.start_li_down h2 span,
div.start_re_down h2 span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}

div.start_li_down ul li,
div.start_re_down ul li {
    list-style: none;
}

div.start_li_down {
    float: left;
}

div.start_li_down h2 {
    float: right;
}

div.start_li_down ul {
    float: right;
    margin: 15px 35px 0px 0px;
    padding: 0px;
    text-align: right;
}

div.start_li_down h2 span {
    background-image: url(../images/layout/logo_hotel.gif);
}

div.start_re_down {
    float: right;
}

div.start_re_down h2 {
    float: left;
}

div.start_re_down ul {
    float: left;
    margin: 15px 0px 0px 35px;
    padding: 0px;
}

div.start_re_down h2 span {
    background-image: url(../images/layout/logo_moebel.gif);
}

#googlemap {
    height: 260px;
}

#partnersearch {
    width: 510px;
    height: 25px;
}

#partnersearch form {
    width: 100%;
    padding: 0px;
    margin: 0px;
}

#partnersearch label {
    width: auto;
    clear: none;
    padding: 0px 5px 0px 0px;
}

#partnersearch input {
    margin: 2px 5px 0px 0px;
}

#partnersearch #address {
    width: 190px;
}

#partnersearch #range {
    width: 60px;
}

#partnersearch input.submit {
    width: 45px;
    background-color: #F7EBE7;
    float: right;
    margin: 0px;
}

#googleroute {
    width: 270px;
    height: 275px;
    overflow: auto;
}

#container #portal div.footer {
    clear: both;
    width: 100%;
    text-align: center;
    padding-top: 10px;
    color: #af9f82;
}

#container #portal div.footer a {
    color: #af9f82;
}

#footer {
    clear: left;
    float: left;
    margin-top: 10px;
    width: 520px;
}

#footer ul {
    margin: 0px;
    padding: 0px;
}

#footer ul li {
    float: left;
    margin: 0px;
    padding: 0px;
    list-style: none;
    background-image: url("../images/layout/bg_menu.gif");
    background-repeat: no-repeat;
    background-position: left;
    padding: 0 10px 0 10px;
}

#footer ul li.first {
    padding-left: 0px;
    background: none;
}

#footer a {
    color: #af9f82;
}

/**
* 2 Spalten Content
*/
div.col-0 {
    position: relative;
    float: left;
    width: 490px;
    margin-bottom: 5px;
}

div.col-0 a {
    color: #952E4F;
}

div.col-1 {
    position: relative;
    float: left;
    width: 220px;
}

div.col-2 {
    position: relative;
    float: right;
    width: 270px;
}

