/*******************************************************************************
/
/ style_finca.css
/ CSS-Datei fuer finca-mieten-mallorca.de
/
/ Autor: mai@xfish.de
/ Version 1.00, 01.08.2009
/
/******************************************************************************/


root { 
    display: block;
}

/*------------------------------------------------------------------------------
1. Reset
------------------------------------------------------------------------------*/
* {
    margin: 0;
    padding: 0;
}
/*
* {
    font-family: Verdana, Helvetica;
    font-size: 10pt;
}
*/

/*------------------------------------------------------------------------------
2. allgemeine Attribute
------------------------------------------------------------------------------*/
body {
    /*background: #EFEDE5;*/
    /*background: #FAF0B3;*/
    /*background: #EFF2F3;*/
    /*background: #F9F9F0;*/
    background: #FFFFFF;
    /*background: #F2EFDF;
    /*background: #FFFFCC;*/
    /*background: #FEFFBF;*/
    /*background: #FFEDCF;*/
    /*background: url(../images/bg_finca.jpg) repeat-x;*/
    /*background: url(../images/bg_body_0.jpg) no-repeat;*/
    color: #4F4F4F;
    text-align: center;/*zentriert fuer IE*/
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    line-height: 1.4em;
}

img {
    padding: 4px;
    /*border: 1px solid #CCCCCC;*/
}

form {
    margin: 0;
    padding: 0;
}

h1 {
    font-family: Verdana, Arial, sans-serif;
    font-size: 20pt;
    margin-bottom: 0px;
}

h2 {
    font-family: Verdana, Arial, sans-serif;
    font-size: 12pt;
    margin-bottom: 0px;
    color: #5A85CF;
}

h3 {
    font-family: Verdana, Arial, sans-serif;
    font-size: 10pt;
    margin-bottom: 4px;
    color: #5A85CF;
}

h4 {
    font-family: Verdana, Arial, sans-serif;
    font-size: 10pt;
    margin-bottom: 4px;
    color: #DFA745;
}


ul.liste {list-style-image:url(images/kugel.gif)}

/*------------------------------------------------------------------------------
2. Links
------------------------------------------------------------------------------*/

a:link { text-decoration:none; color:#4F4F4F; }
a:visited { text-decoration:none; color:#4F4F4F; }
a:hover { text-decoration:underline; color:#5A85CF; }
a:active { text-decoration:none; color:#4F4F4F; }
a:focus { text-decoration:underline; color:#4F4F4F; }

a.textlink:link { text-decoration:underline; color:#4F4F4F; }
a.textlink:visited { text-decoration:underline; color:#4F4F4F; }
a.textlink:hover { text-decoration:underline; color:#5A85CF; }
a.textlink:active { text-decoration:underline; color:#4F4F4F; }
a.textlink:focus { text-decoration:underline; color:#4F4F4F; }

/*------------------------------------------------------------------------------
3. Seitenbereiche
------------------------------------------------------------------------------*/

#rahmen {
    padding-top: 20px;
    padding-bottom: 14px;
    height: 760px;
    margin: 0px auto;/*auto = zentriert */
    /*background: #F9F9F0;*/
}

#haupt {
    width: 896px;
    /*height: 584px;*/
    margin: 0px auto; 
    text-align: left;
    /*background: #F9F9F0;*/
}

#haupt2 {
    height: 1px;
    margin: 0px auto; 
    text-align: left;
    /*background: #F9F9F0;*/
    background: #CCCCCC;
}

#haupt3 {
    height: 29px;
    /*width: 1600px;*/
    margin: 0px auto; 
    text-align: left;
    background: #FFFCEF;
    background: url(../images/background_nav3.gif);
}

#haupt4 {
    width: 896px;
    height: 28px;
    margin: 0px auto; 
    /*text-align: left;*/
    /*background: #F9F9F0;*/
}

#haupt5 {
    height: 1px;
    margin: 0px auto; 
    text-align: left;
    /*background: #F9F9F0;*/
    background: #CCCCCC;
}

#haupt6 {
    width: 896px;
    height: 638px;
    margin: 0px auto; 
    text-align: left;
    /*background: #F9F9F0;*/
}

#haupt7 {
    height: 1px;
    margin: 0px auto; 
    text-align: left;
    /*background: #F9F9F0;*/
    background: #CCCCCC;
}

#haupt8 {
    width: 896px;
    margin: 0px auto; 
    text-align: center;
    background: url(../images/bg.gif);
}

#haupt9 {
    height: 144px;
    margin: 0px auto; 
    text-align: center;
    background: url(../images/bg.gif);
}

#hr {
    width: 100%;
    margin: 0px auto; 
    text-align: left;
}

#hr2 {
    width: 100%;
    margin: 0px auto; 
    text-align: left;
}

#hr3 {
    width: 100%;
    margin: 0px auto; 
    text-align: left;
}

#kopf {
    background: #FFFFFF;
    height: 48px;
    padding-left: 21px;
    padding-top: 30px;
    padding-bottom: 0px;
    margin: 0px auto;
}

#inhalt {
    background: #FFFFFF;
    height: 604px;
    padding-top: 24px;
    padding-bottom: 10px;
    padding-left: 14px;
    padding-right: 10px;
    float: left;
}

#text {
    height: 540px;
}

#links {
    width: 416px;
    padding: 10px;
    height: 590px;
    float: left;
}

#links2{
    width: 516px;
    padding: 10px;
    height: 580px;
    float: left;
}

#links3{
    width: 336px;
    padding: 10px;
    height: 580px;
    float: left;
}

#links4{
    width: 466px;
    padding: 10px;
    height: 580px;
    float: left;
}

#links5{
    width: 446px;
    padding: 10px;
    height: 580px;
    float: left;
}

#rechts {
    width: 416px;
    padding: 10px;
    height: 580px;
    float: left;
}

#rechts2 {
    width: 316px;
    padding: 10px;
    height: 580px;
    float: left;
}

#rechts3{
    width: 486px;
    padding: 10px;
    height: 580px;
    float: left;
}

#rechts4{
    width: 366px;
    padding: 10px;
    height: 580px;
    float: left;
}

#rechts5{
    width: 386px;
    padding: 10px;
    height: 580px;
    float: left;
}

#oben {
    width: 852px;
    height: 118px;
    padding: 10px;
    float: left;
}

#mitte {
    width: 852px;
    height: 336px;
    padding: 10px;
    float: left;
}

#unten {
    width: 852px;
    height: 48px;
    padding: 10px;
    float: left;
}

#fuss {
    width: 868px;
    padding-left: 14px;
    padding-right: 14px;
    float: left;
    font-family: Verdana, Arial, sans-serif;
    background: #FFFFFF;
    background: url(../images/bg.gif);
    text-align: center;
}

#fusstextli {
    width: 414px;
    padding: 10px;
    float: left;
    text-align: left;
    vertical-align: middle;
    font-size: 8pt;
}

#fusstextre {
    width: 414px;
    padding: 10px;
    float: left;
    text-align: right;
    vertical-align: middle;
    font-size: 8pt;
}

#klein {
    float: left;
    vertical-align: middle;
    font-size: smaller;
}

#if {
    width: 496px;
    height: 580px;
    text-align: right;
}



/*------------------------------------------------------------------------------
4. Bilder
------------------------------------------------------------------------------*/

a:focus .framed, a:hover .framed { 
    border: 1px solid #ccc; 
} 

.framed { 
    background-color: #fff;
    border: 1px solid #eee;
/*    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
    padding: 5px;*/
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.5);
    padding: 4px;
    max-width: 95%;
}

.mittig {
    vertical-align: middle;
}

.portrait { 
    border: 1px solid #8F8F8F;
    padding: 0px;
}

/* Startseite ----------------------------------------------------------------*/
/*Haus*/
#b1 {position:relative;top:60px;left:26px;width:210px;z-index:2;}
/*Arta*/
#b2 {position:relative;top:32px;left:216px;width:200px;z-index:5;}
/*Strand*/
#b3 {position:relative;top:-42px;left:42px;width:190px;z-index:4;}
/*Pool*/
#b4 {position:relative;top:-14px;left:64px;width:200px;z-index:6;}
/*Eingang*/
#b5 {position:relative;top:-224px;left:220px;width:190px;z-index:2;}
/*Haus2*/
#b6 {position:relative;top:-666px;left:208px;width:200px;z-index:1;}
/* Innen ---------------------------------------------------------------------*/
/*unten*/
#b7 {position:relative;top:2px;left:2px;width:180px;z-index:9;}
#b8 {position:relative;top:-132px;left:174px;width:180px;z-index:8;}
#b9 {position:relative;top:-276px;left:348px;width:100px;z-index:7;}
#b10 {position:relative;top:-420px;left:444px;width:180px;z-index:10;}
#b11 {position:relative;top:-574px;left:592px;width:120px;z-index:11;}
#b40 {position:relative;top:-720px;left:676px;width:170px;z-index:5;}
/*oben*/
#b12 {position:relative;top:-686px;left:8px;width:210px;z-index:16;}
#b13 {position:relative;top:-828px;left:194px;width:180px;z-index:14;}
#b14 {position:relative;top:-976px;left:362px;width:170px;z-index:13;}
#b15 {position:relative;top:-1116px;left:496px;width:200px;z-index:15;}
#b16 {position:relative;top:-1248px;left:662px;width:180px;z-index:12;}
/* Aussen --------------------------------------------------------------------*/
/*links*/
#b17 {position:relative;top:50px;left:0px;width:302px;z-index:22;}
#b18 {position:relative;top:-86px;left:384px;width:210px;z-index:17;}
/*rechts*/
#b19 {position:relative;top:0px;left:84px;width:240px;z-index:19;}
#b20 {position:relative;top:46px;left:10px;width:200px;z-index:21;}
#b21 {position:relative;top:-174px;left:178px;width:121px;z-index:20;}
#b22 {position:relative;top:-200px;left:218px;width:210px;z-index:18;}
/* Vermietung ----------------------------------------------------------------*/
#b23 {position:relative;top:0px;left:160px;width:200px;z-index:23;}
#b24 {position:relative;top:260px;left:68px;width:200px;z-index:24;}
/*Esel*/
#b33 {position:relative;top:-164px;left:146px;width:140px;z-index:47;}
/*Berg*/
#b36 {position:relative;top:-282px;left:30px;width:140px;z-index:46;}
/*Umgebung*/
#b37 {position:relative;top:-386px;left:144px;width:200px;z-index:45;}
/*Pool*/
#b38 {position:relative;top:-760px;left:0px;width:220px;z-index:45;}
/* Lage ----------------------------------------------------------------------*/
#b25 {position:relative;top:0px;left:24px;width:200px;z-index:30;}
#b26 {position:relative;top:-158px;left:260px;width:160px;z-index:26;}
#b27 {position:relative;top:-204px;left:44px;width:200px;z-index:27;}
#b28 {position:relative;top:-118px;left:220px;width:200px;z-index:28;}
#b29 {position:relative;top:-438px;left:262px;width:130px;z-index:30;}
#b30 {position:relative;top:-494px;left:32px;width:160px;z-index:29;}
/* Kontakt -------------------------------------------------------------------*/
/*Portrait*/
#b34 {position:relative;top:20px;left:128px;width:200px;z-index:4;}
/*Atelier*/
#b35 {position:relative;top:180px;left:64px;width:270px;z-index:5;}

/*------------------------------------------------------------------------------
5. Navigationsmenue
------------------------------------------------------------------------------*/

#navbar {
    /*border-left: 1px solid #9F9F9F;
    border-right: 1px solid #9F9F9F;*/
    float: left;
    width: 100%;
    text-align: center;
    background: url(../images/background_nav3.gif);
}

#navbar ul {
    list-style: none;
}

#navbar li {
    /*background: url(../images/navmenu4.gif) repeat-x;*/
    /*background-color: #EFEFEF;*/
    /*background-color: #DFF7FF;*/
    background: #FFFCEF;
    float: left;
    width: 128px;
}

#navbar a {
    display: block;
    /* Abstand nach oben und seitlich */
    padding: 6px 15px;
    font: bold 0.8em/1.6em Verdana, "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif;
    text-transform: lowercase;
    text-decoration: none;
    /*background-color: #FFEDCF;*/
    /*background: #FFFCEF;*/
    background: url(../images/background_nav3.gif);
    /*background-color: #F9F9F0;*/
    /*background-color: #FDC041;*/
    /*background: url(../images/background_nav3.gif);*/
    /*background-color: #E7EAED;*/
    color: #4F4F4F;
    
    /*color: #00006B;*/
    /*border-left: 1px solid #CFCFCF;*/
    /*border-bottom: 1px solid #DFDFDF;
    border-top: 1px solid #DFDFDF;*/
}

#navbar a:hover, #navbar a:focus {
    /*background-color: #53D5DF;*/
    /*background-color: #FFFFFF;*/
    /*color: #53D5DF;*/
    color: #5A85CF;
    /*text-decoration: underline;*/
    /*color: #FFFFFF;*/
    /*border-bottom: 1px solid #1188BB;*/
    /*border-bottom: 1px solid #53D5DF;*/
    /*border-top: 1px solid #53D5DF;*/
}

#navbar li.links a {
    /*border-right: 1px solid #11AADD;*/
}

#navbar li.links a {
    border-left: 0px solid #11AADD;
}

#navbar li.current a {
    /*background-color: #FFEDCF;*/
    background-color: #FFFFFF;
    font: bolder 0.8em/1.6em Verdana, "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif;
    /*color: #AADD00;*/
    background: url(../images/e.gif) repeat-x;
    color: #A7CF19;
    text-decoration: none;
    /*border-top: 1px solid #DFDFDF;
    border-bottom: 1px solid #FFFFFF;*/
    border-left: 1px solid #DFDFDF;
    border-right: 1px solid #DFDFDF;
}

/*------------------------------------------------------------------------------
6. Zoomfunktion
------------------------------------------------------------------------------*/

.highslide {
    cursor: url(../images/slidepics/zoomin.cur), pointer;
    outline: none;
}
.highslide-active-anchor img {
    visibility: hidden;
}
.highslide img {
    border: 0px solid gray;
}
.highslide:hover img {
    border: 0px solid silver;
}
.highslide-wrapper {
    background: white;
}
.highslide-image {
    /*border-bottom: 4px solid white;*/
}
.highslide-image-blur {
}
.highslide-caption {
    color: #606060;
    display: none;
    border-bottom: 0px solid white;
    font-family: Arial, Verdana, Helvetica;
    font-size: 10pt;
    padding: 6px;
    background-color: white;
    text-align: left;
}
.highslide-loading {
    display: block;
    color: black;
    font-size: 8pt;
    font-family: sans-serif;
    font-weight: bold;
    text-decoration: none;
    padding: 2px;
    border: 1px solid black;
    background-color: white;
    padding-left: 22px;
    background-image: url(../slidepics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
    font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}
a.highslide-full-expand {
    background: url(../slidepics/fullexpand.gif) no-repeat;
    display: block;
    margin: 0 10px 10px 0;
    width: 34px;
    height: 34px;
}
/* Immer am Schluss */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}