@charset "utf-8";
body {
        font-family : Calibri, sans-serif;
        background: url('../image/fond.jpg') repeat;
        margin: 0;
        padding: 0;
        text-align: center;
        color: #000000;
}
#container {
        width: 1002px;
        margin: 20px auto 20px auto;
        text-align: left;
}

/*********************************** homepage - navigation **********************************/

#sitemappdibung {
        background: none repeat scroll 0 0 #eff0f8;
        border: 1px solid #CAE1EF;
        font-size: small;
        color: blue;
        padding-left: 30px;
        padding-top: 30px;
        padding-bottom: 30px;
        position: absolute;
        top: 622px;
        width: 970px;
}
#sitemappdicasa {
        background: none repeat scroll 0 0 #eff0f8;
        border: 1px solid #CAE1EF;
        font-size: small;
        color: blue;
        padding-left: 30px;
        padding-top: 30px;
        padding-bottom: 30px;
        position: absolute;
        top: 622px;
        width: 970px;
}
#sitemappdiapart {
        background: none repeat scroll 0 0 #eff0f8;
        border: 1px solid #CAE1EF;
        font-size: small;
        padding-left: 30px;
        padding-top: 30px;
        padding-bottom: 30px;
        position: absolute;
        top: 622px;
        width: 970px;
}
#sitemappdihotel {
        background: none repeat scroll 0 0 #eff0f8;
        border: 1px solid #CAE1EF;
        font-size: small;
        padding-left: 30px;
        padding-top: 30px;
        padding-bottom: 30px;
        position: absolute;
        top: 622px;
        width: 970px;
}
#sitemapmasbung {
        background: none repeat scroll 0 0 #eff0f8;
        border: 1px solid #CAE1EF;
        font-size: small;
        padding-left: 30px;
        padding-top: 30px;
        padding-bottom: 30px;
        position: absolute;
        top: 622px;
        width: 970px;
}
#sitemapmeloneras {
        background: none repeat scroll 0 0 #eff0f8;
        border: 1px solid #CAE1EF;
        font-size: small;
        padding-left: 30px;
        padding-top: 30px;
        padding-bottom: 30px;
        position: absolute;
        top: 622px;
        width: 970px;
}
#sitemappuertorico {
        background: none repeat scroll 0 0 #eff0f8;
        border: 1px solid #CAE1EF;
        font-size: small;
        padding-left: 30px;
        padding-top: 30px;
        padding-bottom: 30px;
        position: absolute;
        top: 3540px;
        width: 970px;
}
#sitemapamadores {
        background: none repeat scroll 0 0 #eff0f8;
        border: 1px solid #CAE1EF;
        font-size: small;
        padding-left: 30px;
        padding-top: 30px;
        padding-bottom: 30px;
        position: absolute;
        top: 622px;
        width: 970px;
}
#sitemapmogan {
        background: none repeat scroll 0 0 #eff0f8;
        border: 1px solid #CAE1EF;
        font-size: small;
        padding-left: 30px;
        padding-top: 30px;
        padding-bottom: 30px;
        position: absolute;
        top: 622px;
        width: 970px;
}
#sitemap span {
        color:blue
}
#sitemap a {
        color: #000000;
        font-size: small;
}
.sitemap_text {
        width: 950px;
        text-align: justify;
}



/*********************************** footer **********************************/

#footer {
        float:left;
        width:1000px;
        height:600px;
        border: #cae1ef 1px solid;
}
#eckbild {
        float:left;
        width:340px;
        height:350px;
        background:url('../image/home_eckbild.gif') no-repeat;
        margin:0 0 0 0;
}
#link1 {
        width:340px;
        height:80px;
        font-size : 16px;
        color: #FFFFFF;
        line-height: 22px;
        text-align: center;
        border:0;
        margin:292px 0 0 0;
}
#mapa {
        float:left;
        width:660px;
        height:350px;
        margin:0 0 0 0;
}
#link2 {
        width:340px;
        height:80px;
        font-size : 12px;
        line-height:18px;
        text-align:center;
        border:0;
        margin:0 0 0 0;
}
#link3 {
        width:1000px;
        height:20px;
        font-size : 14px;
        text-align:right;
        color: #0000FF;
        border:0;
        margin:224px 0 0 0;
}
#logopdibung {
        float:left;
        width:1000px;
        height:250px;
        background:url('../image/resort_logo_pdi_bung.jpg') no-repeat;
        margin:0 0 0 0;
}
#logopdicasa {
        float:left;
        width:1000px;
        height:250px;
        background:url('../image/resort_logo_pdi_casa.jpg') no-repeat;
        margin:0 0 0 0;
}
#logopdiapart {
        float:left;
        width:1000px;
        height:250px;
        background:url('../image/resort_logo_pdi_apart.jpg') no-repeat;
        margin:0 0 0 0;
}
#logopdihotel {
        float:left;
        width:1000px;
        height:250px;
        background:url('../image/resort_logo_pdi_hotel.jpg') no-repeat;
        margin:0 0 0 0;
}
#logomasbung {
        float:left;
        width:1000px;
        height:250px;
        background:url('../image/resort_logo_maspalomas.jpg') no-repeat;
        margin:0 0 0 0;
}
#logomeloneras {
        float:left;
        width:1000px;
        height:250px;
        background:url('../image/resort_logo_meloneras.jpg') no-repeat;
        margin:0 0 0 0;
}
#logomogan {
        float:left;
        width:1000px;
        height:250px;
        background:url('../image/resort_logo_mogan_taurito.jpg') no-repeat;
        margin:0 0 0 0;
}
#logoamadores {
        float:left;
        width:1000px;
        height:250px;
        background:url('../image/resort_logo_amadores.jpg') no-repeat;
        margin:0 0 0 0;
}
#logopuertorico {
        float:left;
        width:1000px;
        height:250px;
        background:url('../image/resort_logo_puertorico.jpg') no-repeat;
        margin:0 0 0 0;
}

/*********************************** text block **********************************/

#block {
        float:left;
        width:1000px;
        background: #ced0dd;
        border: #cae1ef 1px solid;
        position: absolute;
        top: 622px;
        margin:0 0 48px 0;
}
#blockpdibung {
        float:left;
        width:1000px;
        background: #eff0f8;
        border: #cae1ef 1px solid;
        position: absolute;
        top: 770px;
}
#blockpdibungtext {
        background: none repeat scroll 0 0 #8fc0e1;
        border: 1px solid #CAE1EF;
        font-size: small;
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 40px;
        padding-bottom: 40px;
        width: 920px;
        text-align: justify;
        position: absolute;
        top: 5130px;
}
#blockpdicasa {
        float:left;
        width:1000px;
        background: #eff0f8;
        border: #cae1ef 1px solid;
        position: absolute;
        top: 810px;
}
#blockpdicasatext {
        background: none repeat scroll 0 0 #8fc0e1;
        border: 1px solid #CAE1EF;
        font-size: small;
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 40px;
        padding-bottom: 40px;
        width: 920px;
        text-align: justify;
        position: absolute;
        top: 5460px;
}
#blockpdiapart {
        float:left;
        width:1000px;
        background: #eff0f8;
        border: #cae1ef 1px solid;
        position: absolute;
        top: 810px;
}
#blockpdiaparttext {
        background: none repeat scroll 0 0 #8fc0e1;
        border: 1px solid #CAE1EF;
        font-size: small;
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 40px;
        padding-bottom: 40px;
        width: 920px;
        text-align: justify;
        position: absolute;
        top: 5900px;
}
#blockpdihotel {
        float:left;
        width:1000px;
        background: #eff0f8;
        border: #cae1ef 1px solid;
        position: absolute;
        top: 770px;
}
#blockpdihoteltext {
        background: none repeat scroll 0 0 #8fc0e1;
        border: 1px solid #CAE1EF;
        font-size: small;
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 40px;
        padding-bottom: 40px;
        width: 920px;
        text-align: justify;
        position: absolute;
        top: 5650px;
}
#blockmaspalomas {
        float:left;
        width:1000px;
        background: #eff0f8;
        border: #cae1ef 1px solid;
        position: absolute;
        top: 790px;
}
#blockmaspalomastext {
        background: none repeat scroll 0 0 #8fc0e1;
        border: 1px solid #CAE1EF;
        font-size: small;
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 40px;
        padding-bottom: 40px;
        width: 920px;
        text-align: justify;
        position: absolute;
        top: 5700px;
}
#blockmeloneras {
        float:left;
        width:1000px;
        background: #eff0f8;
        border: #cae1ef 1px solid;
        position: absolute;
        top: 770px;
}
#blockmelonerastext {
        background: none repeat scroll 0 0 #8fc0e1;
        border: 1px solid #CAE1EF;
        font-size: small;
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 40px;
        padding-bottom: 40px;
        width: 920px;
        text-align: justify;
        position: absolute;
        top: 3900px;
}
#blockamadores {
        float:left;
        width:1000px;
        background: #eff0f8;
        border: #cae1ef 1px solid;
        position: absolute;
        top: 750px;
}
#blockamadorestext {
        background: none repeat scroll 0 0 #8fc0e1;
        border: 1px solid #CAE1EF;
        font-size: small;
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 40px;
        padding-bottom: 40px;
        width: 920px;
        text-align: justify;
        position: absolute;
        top: 3900px;
}
#blockmogan {
        float:left;
        width:1000px;
        background: #eff0f8;
        border: #cae1ef 1px solid;
        position: absolute;
        top: 750px;
}
#blockmogantext {
        background: none repeat scroll 0 0 #8fc0e1;
        border: 1px solid #CAE1EF;
        font-size: small;
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 40px;
        padding-bottom: 40px;
        width: 920px;
        text-align: justify;
        position: absolute;
        top: 3900px;
}

#text {
        margin:0 0 0 0;
}
.headline {
        float:left;
        width:1000px;
        height:40px;
        margin:0 20px 40px 40px;
}
.line {
        float:left;
        width:150px;
        margin:0 0 0 40px;
        font-size :12px;
        text-align: justify;
        color:#000000;
}
.line1 {
        float:left;
        width:160px;
        margin:0 0 20px 40px;
        font-size :14px;
        line-height :24px;
        color:#000000;
}
.line2 {
        float:left;
        width:260px;
        margin:0 0 20px 20px;
        font-size :12px;
        line-height :15px;
        text-align: justify;
        color:#000000;
}
.line11 {
        float:left;
        width:168px;
        margin:0 0 10px 40px;
        font-size :14px;
        line-height :24px;
        color:#000000;
}
.line12 {
        float:left;
        width:168px;
        margin:0 0 10px 20px;
        font-size :14px;
        line-height :24px;
        color:#000000;
}
.line51 {
        float:left;
        width:168px;
        margin:0 0 10px 40px;
        font-size :14px;
        line-height :24px;
        color:#000000;
}
.line52 {
        float:left;
        width:168px;
        margin:0 0 10px 21px;
        font-size :14px;
        line-height :24px;
        color:#000000;
}


/*********************************** price block **********************************/

#priceblockpdiapart {
        float:left;
        width:1000px;
        height:1840px;
        background: #8fc0e1;
        border: #cae1ef 1px solid;
        position: absolute;
        top: 4060px;
        z-index: 1;
}
#priceblockpdicasa {
        float:left;
        width:1000px;
        height:1840px;
        background: #8fc0e1;
        border: #cae1ef 1px solid;
        position: absolute;
        top: 3620px;
        z-index: 1;
}
#priceblockpdibung {
        float:left;
        width:1000px;
        height:1840px;
        background: #8fc0e1;
        border: #cae1ef 1px solid;
        position: absolute;
        top: 3290px;
        z-index: 1;
}
#priceblockpdihotel {
        float:left;
        width:1000px;
        height:1840px;
        background: #8fc0e1;
        border: #cae1ef 1px solid;
        position: absolute;
        top: 3810px;
        z-index: 1;
}
#priceblockmaspalomas {
        float:left;
        width:1000px;
        height:1840px;
        background: #8fc0e1;
        border: #cae1ef 1px solid;
        position: absolute;
        top: 3860px;
        z-index: 1;
}
#priceblockmeloneras {
        float:left;
        width:1000px;
        height:1840px;
        background: #8fc0e1;
        border: #cae1ef 1px solid;
        position: absolute;
        top: 2580px;
        z-index: 1;
}
#priceblockamadores {
        float:left;
        width:1000px;
        height:1840px;
        background: #8fc0e1;
        border: #cae1ef 1px solid;
        position: absolute;
        top: 1940px;
        z-index: 1;
}
#priceblockmogan {
        float:left;
        width:1000px;
        height:1840px;
        background: #8fc0e1;
        border: #cae1ef 1px solid;
        position: absolute;
        top: 1800px;
        z-index: 1;
}
#pricelinks {
        font-size:12px;
        width:985px;
        margin:16px 0 8px 0;
}
#topjump {
        float:left;
        margin:0 32px 0 32px;
}
.price05 {
        float:left;
        margin:0 0 0 5px;
}
.price40 {
        float:left;
        margin:0 0 0 40px;
}
.price80 {
        float:left;
        margin:0 0 0 80px;
}
.price120 {
        float:left;
        margin:0 0 0 120px;
}
#iframe {
        width:998px;
        height:1750px;
        margin:0 0 0 0;
        background: #ffffff;
        border: #cae1ef 1px solid;
}


/*********************************** Linkzeile **********************************/

a.info, a.pix, a.lm, a.pp, a.nh, a.price, a.flights, a.cars, a.angebot, a.top, a.fon, a.par, a.imp, a.email {
            display:block;
            width:76px;
            height:54px;
            text-decoration:underline;
            color:#000088;
}

a.info, a.pix, a.lm, a.pp, a.nh, a.price, a.flights, a.cars, a.angebot, a.top, a.fon, a.par, a.imp, a.email {
                            text-align:center;
}

         a.info:link, a.info:visited {
            background: url('icon/info.png') no-repeat;
            background-position:bottom center;
            color:#000088;
         }
         a.info:hover, a.info:active {
            background: url('icon/info_a.png') no-repeat;
            background-position:bottom center;
            color: #ffffff;
         }

         a.pix:link, a.pix:visited {
            background: url('icon/foto.png') no-repeat;
            background-position:bottom center;
            color:#000088;
         }

         a.pix:hover, a.pix:active {
            background: url('icon/foto_a.png') no-repeat;
            background-position:bottom center;
            color: #ffffff;
         }

         a.lm:link, a.lm:visited {
            background: url('icon/uhr.png') no-repeat;
            background-position:bottom center;
            color:#000088;
         }

         a.lm:hover, a.lm:active {
            background: url('icon/uhr_g_a2.png') no-repeat;
            background-position:bottom center;
            color: #ffffff;
         }

         a.pp:link, a.pp:visited {
            background: url('icon/pauschal.png') no-repeat;
            background-position:bottom center;
            color:#000088;
         }

         a.pp:hover, a.pp:active {
            background: url('icon/pauschal_a.png') no-repeat;
            background-position:bottom center;
            color: #ffffff;
         }

         a.nh:link, a.nh:visited {
            background: url('icon/bett.png') no-repeat;
            background-position:bottom center;
            color:#000088;
         }

         a.nh:hover, a.nh:active {
            background: url('icon/bett_a.png') no-repeat;
            background-position:bottom center;
            color: #ffffff;
         }

         a.price:link, a.price:visited {
            background: url('icon/preis.png') no-repeat;
            background-position:bottom center;
            color:#000088;
         }

         a.price:hover, a.price:active {
            background: url('icon/preis_a.png') no-repeat;
            background-position:bottom center;
            color: #ffffff;
         }



         a.flights:link, a.flights:visited {
            background: url('icon/flug.png') no-repeat;
            background-position:bottom center;
            color:#000088;
         }

         a.flights:hover, a.flights:active {
            background: url('icon/flug_a.png') no-repeat;
            background-position:bottom center;
            color: #ffffff;
         }

         a.cars:link, a.cars:visited {
            background: url('icon/auto.png') no-repeat;
            background-position:bottom center;
            color:#000088;
         }

         a.cars:hover, a.cars:active {
            background: url('icon/auto_a.png') no-repeat;
            background-position:bottom center;
            color: #ffffff;
         }

         a.angebot:link, a.angebot:visited {
            background: url('icon/email.png') no-repeat;
            background-position:bottom center;
            color:#000088;
         }
         a.angebot:hover, a.angebot:active {
            background: url('icon/mail_a.png') no-repeat;
            background-position:bottom center;
            color: #ffffff;
         }

         a.top:link, a.top:visited {
            background: url('icon/top.png') no-repeat;
            background-position:bottom center;
            color:#000088;
         }
         a.top:hover, a.top:active {
            background: url('icon/top_a.png') no-repeat;
            background-position:bottom center;
            color: #ffffff;
         }

         a.top:link, a.top:visited {
            background: url('icon/top.png') no-repeat;
            background-position:bottom center;
            color:#000088;
         }
         a.top:hover, a.top:active {
            background: url('icon/top_a.png') no-repeat;
            background-position:bottom center;
            color: #ffffff;
         }

         a.fon:link, a.fon:visited {
            background: url('icon/tel.png') no-repeat;
            background-position:bottom center;
            color:#000088;
         }
         a.fon:hover, a.fon:active {
            background: url('icon/fon_a.png') no-repeat;
            background-position:bottom center;
            color: #ffffff;
         }

         a.email:link, a.email:visited {
            background: url('icon/mail.png') no-repeat;
            background-position:bottom center;
            color:#000088;
         }
         a.email:hover, a.email:active {
            background: url('icon/email_a.png') no-repeat;
            background-position:bottom center;
            color: #ffffff;
         }

         a.par:link, a.par:visited {
            background: url('icon/par.png') no-repeat;
            background-position:bottom center;
            color:#000088;
         }
         a.par:hover, a.par:active {
            background: url('icon/par_a.png') no-repeat;
            background-position:bottom center;
            color: #ffffff;
         }

         a.imp:link, a.imp:visited {
            background: url('icon/par.png') no-repeat;
            background-position:bottom center;
            color:#000088;
         }
         a.imp:hover, a.imp:active {
            background: url('icon/par_a.png') no-repeat;
            background-position:bottom center;
            color: #ffffff;
         }



/*********************************** general **********************************/

a:link {
        color : #0000ff;
        text-decoration : underline;
}
a:hover {
        color : #ffff33;
        text-decoration : none;
}
a:visited {
        color : #0000ff;
        text-decoration : underline;
}
a:active {
        color : #ffff33;
        text-decoration : none;
}
.clearfloat {
        clear:both;
}

h1 {
    font-size : 24px;
    font-weight : bold;
    line-height : 2px;
    color : #000000;
    margin: 0 0 24px 0;
}
h2 {
    font-size : 28px;
    font-weight : normal;
    line-height : 40px;
    color : #000000;
}

h3 {
    color: #0000FF;
    font-size: 13px;
    font-weight: normal;
    line-height: 20px;
    padding: 0;
}

h4 {
    color: #0000FF;
    display: inline;
    font-size: 12px;
    font-weight: bold;
    line-height: 12px;
    margin: 0 0 0;
    padding: 0;
}

h5 {
    color: #0000FF;
    display: inline;
    font-size: 12px;
    font-weight: bold;
    line-height: 12px;
    margin: 0 0 0;
    padding: 0;
}
.cocktail{display:none}
.red {
    color: #FF0000;
    font-weight: bold;
}