﻿*::-moz-selection {
    background: none repeat scroll 0 0 #C00418;
    color: #FFFFFF;
    text-shadow: none;
    xxxtext-shadow: #000000 3px 3px 5px;;
}

*::selection {
    background: none repeat scroll 0 0 #C00418;
    color: #FFFFFF;
    text-shadow: none;
    xxxtext-shadow: #000000 3px 3px 5px;;
}

/* Bilder */

img { 
   border:0px;
}

p, br {line-height:20px;}

a {
    color: #847B72;
    text-decoration: none;
}

DIV {
    border-color: -moz-use-text-color;
    border-style: none;
    border-width: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

#da_logo {
    position: absolute; 
    xxposition:relative;
    xxleft:0px;
    top:0px;
    background-image:url("../images/highres/da_logo.jpg");
    display:block;
    width:1000px;
    height:329px;
    float:left;
}


#qr-code {
    position:relative;
    top:12px;
    left:65px;
    background-image:url("../images/qr_code_lt.jpg");
    background-repeat:no-repeat;
    width:222px;
    height:222px;
}

/* Tabellen */


.tab_rahmen table {
     border:1px solid black;
     margin:0;
     padding:0;
     width:100%;
     xxfont-size:10px;
}

.tab_rahmen td {
     vertical-align:top;
     border:1px solid black;
     padding:2px;
}

/* nur Startseite */

#starthighres {
       display:inline;
}

#startmidres {
       display:none;
}

#startlowres {
       display:none;
}

.startleft{
    float:left;
    width:500px;
    margin:0;
}

.startright{
    float:left;
    width:500px;
    margin:0;
}


/* Allgemein */

body{
    background-color:#b2a497;
background-image:url("../images/bg_muster.jpg");
    font-size:16px;
    font-family: Arial, Helvetica, Verdana, Tahoma, Sans-serif, sans-serif;
    line-height:22px;
BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px

}

h1, ul, li, p{
    padding: 0;
    margin: 0;  
}

xxxul, li {list-style:none;}

.mainheadline {
    height:64px;
    padding:12px 0 0 0;
    xxxcolor:#a2a1aa;
    color:#58585a;

}

.mainheadline h1 {
    xxxcolor:#a2a1aa;
    xxcolor:#7f7f7f;
   color:#000000;


}

.mainheadline a {
    color:#E2007A;
    xxcolor:#58585a;
    text-decoration:none;
    font-weight:bold;

}


.contenttext a {
    xxcolor:#58585a;
     color:#E2007A;
    text-decoration:none;
    font-weight:bold;
}

.to_top a {
    display:block;
    padding:20px 0 0 0;
    line-height:24px;
    xxbackground-image: url("../images/nach_oben.gif");
    xxbackground-position: 0 12px;
    background-repeat: no-repeat;
    xxpadding-left: 28px;

    color:#847B72;
    xxxcolor:#58585a;
    text-decoration:none;
    font-weight:bold;
    width:120px;

}

xxx.to_top a {
    xxcolor:#58585a;
    color:#e2007a;
    text-decoration:none;
    font-weight:bold;

}

.socialmedia {
    float:right;
    padding-right:12px;
}




.headlinetext {
    padding:0;
    xxxxpadding:12px 0 0 12px;
    font-size:16px;
    font-weight:bold;
}

.contenttext {
    padding:12px 0 0 0;
}


blockquote{
    float:right;    
}

h1{
    font-size:18px; 
    xxxcolor: #c00418;
    color:#000000;
    xxxmargin-bottom:13px;
    xxxtext-shadow: 1px 1px #333;
}

.main-img{
    background-image:url("../images/ic_laptop.jpg");
    background-repeat:no-repeat;
    width:50px;
    height:60px;
    margin: 0 40px 22px 0;
    float:left;
    max-width: 100%;
}

/* rechts links 50% */

.left {
    float:left;
    width:600px;
    margin-right:20px;
    xxmargin:12px 12px 6px 12px;
}

.right {
    float:left;
    width:320px;
    margin-left:20px;
    xxmargin:12px 12px 6px 12px;
}

/* rechts links z.B  produkte */

.left_content {
    float:left;
    width:500px;
}


.right_content {
    float:left;
    width:280px;
    padding-left:100px;
}


.top-margin {
    padding-top:44px;
    padding-left:226px;

}

/* Content */

#main{
    margin:0 auto;
    padding: 0;
    max-width:1000px;
    background-color:#dfd7cb;
    background-image:url("../img/highres/bg_1000.jpg");
}

#header{

    background-color:transparent;
    max-width:1000px;
    height:270px;
    xxxxmargin: 15px 0 15px 0;
}

#mieten {
    background-color:transparent;
    max-width:1000px;
}

#content_bild {
    background-color:transparent;
    max-width:1000px;
}

#bild1 {
float:left;
width:250px;
text-align:center;
padding-right:150px;
}

#left1, #left2 {
float:left;
width:250px;
text-align:center;
}

#bild2, #bild3, #bild4, #bild5 {
width:125px;
}

#bild3, #bild5 {
padding-top:40px;
}


#headertext {
    display:block;
    width: 566px;
    height: 86px;
    margin:20px 0 0 20px;
    background-image:url("../images/highres/ihre_ferienwohnung.jpg");
    background-repeat: no-repeat;
}

.servicenavi {
    position:relative;
    top:12px;
    left:800px;
}

.servicenavi a {
    text-decoration:none;
    color:#ffffff;
    font-size:16px;
}

#content{
    padding:0 0 25px 0;
    background-color:transparent;
}

#contentblock {
    padding: 48px 20px 0 20px;

}

/* Navigation */

#navibox {
    padding: 20px 0 0 16px;
    width:100%;

}

ul#navigation {
    position:relative;
    top:6px;
    background-color:transparent;
    float:left;
    width:100%;
}

ul#navigation li {  
    display:block;
    float:left;
    position:relative;
    list-style: none;
    background-color:transparent;
    font-size:18px;
    font-weight:normal;
    text-align:left;
    padding-left:4px;
    padding-right:4px;
    xxxborder-right:2px solid #847B72;


}

xxxul#navigation li:last-child{
    xxmargin-right:2px;
    xxmargin-left:2px;
    xxpadding-left:4px;
    xxpadding-right:4px;

    xxborder-right:2px solid #847B72;


}

li.menu {
    border-right:2px solid #DFD7CB !important;

}

ul#navigation li:hover{ 
    xxbackground-color:grey;
    color:#847b72;
}   

ul#navigation a{
    text-decoration:none;
    color:#847b72;
}

ul#navigation a:visited{
    xxxcolor:black;
}

xxul#navigation li a:hover{
    color:#e2007a;
}

ul#navigation li.active{
    xxxbackground-color:#bcbcbc;
    color:#847b72; 
}

.clear{
    clear:both; 
}

/* Footer */

#footer {
    background-image:url("../images/highres/logo_footer.jpg");
    background-repeat: no-repeat;
    height:120px;
    padding:6px 6px 6px 0;
    background-color:#790f02;
    font-size:14px;
    color:#ffffff;
    text-align:right;

   
}


#footer_top {
    width:460px;
    height:75px;
    xxpadding-top:12px;
}

#footer_bottom {
    width:1000px;
    height:65px;
    margin:10px -20px;
    font-size:14px !important;
    font-family: Arial, Helvetica, Verdana, Tahoma, Sans-serif, sans-serif !important;
    line-height:20px !important;

}



#footer_left {
    width:340px;
    float:left;
}



#footer_right {
    width:180px;
    padding-top:12px;
    float:left;
}