@charset "utf-8";
body  {
        font-family : Arial, Helvetica, sans-serif;
        background: url('../image/fond.jpg') repeat;
        margin: 0;
        padding: 0;
        text-align: center;
        color: #000000;
}


#container {
        width: 802px;
        margin: 20px auto 0 auto;
        text-align: left;
}

.rowbreak {
        height:32px;
        clear:both;
}



/*********************************** header block **********************************/
#headblk {
        float:left;
        width:800px;
        height:554px;
        background:url('../image/pres_bground_top.jpg') no-repeat;
        border: #cae1ef 1px solid;
}
#headbcklnk {
        width:140px;
        height:20px;
        font-size : 16px;
        line-height:19px;
        font-weight:bold;
        text-align:center;
        border:0;
        margin:2px 0 0 8px;
}
#headnavi {
        width:640px;
        margin:4px 0 0 140px;
}
.headnavitm {
        width:150px;
        float:left;
        margin: 6px 2px 6px 6px;
}
#headinfo {
        height:240px;
        margin:12px 6px 6px 151px;
}
#headinfopic {
        width:320px;
        height:240px;
        float:left;
}
#hotelimg {
        border:#000044 1px solid;
}
#headinfohotel {
        text-align:center;
        width:286px;
        height:100px;
        float:left;
        padding:0 0 0 10px;
        margin:55px 0 0 0;
}
#headinfoesol {
        float:left;
        width:164px;
        margin:0 0 0 10px;
        font-size : 10px;
        font-weight:normal;
        color : #000000;
        text-align:center;
}
.headinfoesol {
        border: 0;
        width:90px;
        height:50px;
}
#headinfoesol a{
}
#headinfoesol a:hover{
}

#headinfodirect {
        float:left;
        width:164px;
        margin:0 0 0 10px;
        font-size : 11px;
        font-weight:normal;
        color : #000000;
        text-align:center;
}

.headinfodirect {
        border: 0;
        width:128px;
        height:32px;
}
#headinfodirect a{
}
#headinfolopesan a:hover{
}

#headinfolopesan {
        float:left;
        width:164px;
        margin:0 0 0 10px;
        font-size : 11px;
        font-weight:normal;
        color : #000000;
        text-align:center;
}

.headinfolopesan {
        border: 0;
        width:84px;
        height:50px;
}
#headinfolopesan a{
}
#headinfolopesan a:hover{
}

#headinfocordial {
        float:left;
        width:164px;
        margin:4px 0 0 10px;
        font-size : 11px;
        font-weight:normal;
        color : #000000;
        text-align:center;
}

.headinfocordial {
        border: 0;
        width:112px;
        height:40px;
}
#headinfocordial a{
}
#headinfocordial a:hover{
}
#headinfosatocan {
        float:left;
        width:164px;
        margin:0 0 0 10px;
        font-size : 11px;
        font-weight:normal;
        color : #000000;
        text-align:center;
}

.headinfosatocan {
        border: 0;
        width:70px;
        height:50px;
}
#headinfosatocan a{
}
#headinfosatocan a:hover{
}
#headinfoslr {
        float:left;
        width:164px;
        margin:0 0 0 10px;
        font-size : 11px;
        font-weight:normal;
        color : #000000;
        text-align:center;
}
.headinfoslr {
        border: 0;
        width:40px;
        height:40px;
}
#headinfoslr a{
}
#headinfoslr a:hover{
}
.span14B {
        font-size: 14px;
        font-weight:bold;
}
#headinfocal {
        float:left;
        margin:0 0 0 10px;
        width:100px;
}
.headinfocal {
        border: #000000 1px solid;
        width:100px;
        height:75px;
}



#headinfolinks {
        font-size:12px;
        font-weight:normal;
        margin:18px 0 0 140px;
}
#headinfolinks1 {
        float:left;
}
#headinfolinks2 {
        float:left;
        margin:0 0 0 32px;
}
#headinfolinks3 {
        float:left;
}
#headinfolinks4 {
        float:left;
        margin:0 0 0 32px;
}
#headinfolinks5 {
        float:left;
}
#headinfolinks6 {
        float:left;
        margin:0 0 0 32px;
}
#headinfolinks7 {
        float:left;
}


/*********************************** description block **********************************/

#descrblk {
        float:left;
        width:802px;
        background-color: #ced0dd;
        border: #cae1ef 1px solid;
}
#description {
        float:left;
        font-size:12px;
        margin:20px 20px 0 0;
}
#topjump2 {
        float:left;
        margin:0 32px 0 32px;
}
#descrfield {
        float:left;
        width:638px;
        font-size:14px;
        border: #cae1ef 1px solid;
        background: url('../images/fond00.jpg') repeat;
}
#descrtitle1 {
        float:left;
        font-size:14px;
        font-weight:bold;
        width:140px;
        padding:8px;
}
#descrtext1 {
        float:left;
        font-size:12px;
        width:466px;
        padding:8px;
}
#descrtitle2 {
        float:left;
        font-size:14px;
        font-weight:bold;
        width:140px;
        padding:8px;
}
#descrtext2 {
        float:left;
        font-size:12px;
        width:466px;
        padding:8px;
}
#descrtitle3 {
        float:left;
        font-size:14px;
        font-weight:bold;
        width:140px;
        padding:8px;
}
#descrtext3 {
        float:left;
        font-size:12px;
        width:466px;
        padding:8px;
}
#descrtitle4 {
        float:left;
        font-size:14px;
        font-weight:bold;
        width:140px;
        padding:8px;
}
#descrtext4 {
        float:left;
        font-size:12px;
        width:466px;
        padding:8px;
}
#descrfooter {
        margin:0 0 15px 0;
}


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

#priceblk {
        float:left;
        width:802px;
        height:972px;
        background-color: #ced0dd;
        border: #cae1ef 1px solid;
}
#pricecrab {
        width:785px;
        height:100px;
        margin:12px 6px 6px 9px;
}
#bestprice {
        float:left;
        width:140px;
        margin:10px 0 0 20px;
}
#bestpricetext {
        float:left;
        width:605px;
        margin:10px 0 0 0;
        font-size : 13px;
        color : #000000;
        text-align:center;
}
.spannew {
        font-size: 16px;
        font-weight:bold;
        font-style:italic;
}
.span4pc {
        font-size: 24px;
        font-weight:bold;
}
.span9 {
        font-size: 9px;
        font-weight:normal;
        line-height:12px;
        line-height:24px;
}
.span11 {
        font-size: 11px;
        font-weight:normal;
}
.span20 {
        font-size: 20px;
        font-weight:normal;
        color:#0000ff;
}

#pricelinks {
        font-size:12px;
        width:785px;
        height:64px;
        margin:24px 0 0 0;
}
#topjump {
        float:left;
        margin:0 32px 0 32px;
}
#priceh1 {
        float:left;
}
#priceh1v {
        float:left;
        margin:0 288px 0 0;
}
#priceh11 {
        float:left;
}
#priceh2 {
        float:left;
        margin:0 36px 0 0;
}
#priceh2v {
        float:left;
        margin:0 216px 0 0;
}
#pricep {
        float:left;
}
#pricelm {
        float:left;
        margin:0 36px 0 0;
}
#pricelm1 {
        float:left;
        margin:0 108px 0 0;
}
#pricelm2 {
        float:left;
        margin:0 216px 0 0;
}
#offer {
        float:left;
        margin:0 36px 0 0;
}
#agb {
        float:left;
        margin:0 0 0 0;
}
#imprint {
        float:left;
}
#iframe {
        width:640px;
        height:720px;
        margin:0px 20px 0 140px;
        border: #cae1ef 1px solid;
}
#pricefooter {
        font-size:12px;
        width:400px;
        margin:16px 0 16px 140px;
}


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

a:link {
color : #0000ff;
text-decoration : underline;
}
a:hover {
color : #cae1ef;
text-decoration : underline;
}
a:visited {
color : #0000ff;
text-decoration : underline;
}
a:active {
color : #ffffff;
text-decoration : none;
}

h1 {
font-size : 20px;
font-weight : bold;
line-height : 24px;
color : #000000;
}
h2 {
font-size : 16px;
font-weight : normal;
line-height : 20px;
color : #000000;
}
h3 {
font-size : 14px;
font-weight : normal;
line-height : 18px;
color : #000000;
}
h4 {
font-size : 12px;
font-weight : normal;
line-height : 16px;
color : #000000;
}
h5 {
font-size : 11px;
font-weight : normal;
line-height : 14px;
color : #000000;
}


/*********************************** navigation bar **********************************/

a.navi, a.navi_self, a.navi_dest2 {
   display:block;
   white-space:nowrap;
   overflow:hidden;
   font-size:10px;
   font-weight:normal;
   text-decoration:none;
   padding:2px;
   padding-left:12px;
   text-align:left;

}

a.navi_first, a.navi_dest {
   display:block;
   white-space:nowrap;
   overflow:hidden;
   font-size:12px;
   font-weight:normal;
   text-decoration:none;
   padding:2px;
   padding-left:12px;
   text-align:left;
}

a.navi_start {
   display:block;
   white-space:nowrap;
   overflow:hidden;
   font-size:12px;
   font-weight:normal;
   text-decoration:none;
   padding:2px;
   padding-left:12px;
   text-align:left;
}


a.navi:link, a.navi_first:link, a.navi:visited, a.navi_first:visited {

   color:#000066;
}

a.navi_dest:link, a.navi_dest:visited  {
   background-image:url(icon/navblue.png);
   color:#ffff33;
}

a.navi_start:link, a.navi_start:visited  {
   background-image:url(icon/navstart.png);
   color:#ffff33;
}

a.navi_self:link, a.navi_self:visited {
   background-image:url(icon/navblue.png);
   color:white;
}

a.navi_self2:link, a.navi_self2:visited {
   background-image:url(icon/navgray.png);
   color:white;
}

a.navi_self3:link, a.navi_self3:visited {
   background-image:url(icon/navstart.png);
   color:white;
}

a.navi:hover, a.navi_first:hover, a.navi_self:hover, a.navi_self2:hover, a.navi_self3:hover,
a.navi:active, a.navi_first:active, a.navi_self:active, a.navi_self2:active, a.navi_self3:active {

   background-image:url(icon/navno.png);
   color:black;
}


/*********************************** icon rules **********************************/

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;
         }



.clearfloat {
        clear:both;
}