/* copyright el Sur - real reisen */

body
{
    margin: 0px;
    background-color: #fffaf0;
    text-align: center;
    font-family: Arial, 'Lucida Sans Unicode' , 'Lucida Grande' , Verdana, 'Trebuchet MS' , Helvetica, Sans-Serif;
    font-size: 14px;
    line-height: 1.3;
}

#seitenkopf
{
    width:984px;
    margin: 10px auto 10px auto;
    position:relative;
    text-align:left;
}

#seitenkopf #sk_links 
{
    width: 180px; 
    height: 120px; 
    float: left; 
    margin-right:2px; 
    background-color: #f7f4e1;
    }

#seitenkopf #sk_mitte 
{    
    width: 600px;
    height: 120px;
    float: left;
    background-image: url(images/bg_seitenkopf_mitte.jpg);
    background-repeat:no-repeat;
}
#seitenkopf #sk_rechts 
{
    width: 200px;
    height: 120px;
    float: right;
    background-image: url(images/bg_seitenkopf_rechts.jpg);
    background-repeat:no-repeat;
    }

#seitenkopf #sk_infoleiste 
{
    clear:both;
    padding-left:182px;
    padding-top:15px;
    padding-bottom:10px;
    font-size:0.84em;
}
#hauptteil
{
    width:984px;
    margin:10px auto 10px auto;
    clear:both;
    position:relative;  
    text-align:left;
    }

/* zu hauptteil */
#hauptinhalt
{
   float:left;
   width:564px;
   min-height:600px;
   }
   
#hauptinhalt1c 
{
    float:left;
    width: 784px;
    min-height: 600px;
    }

/*zu hauptteil*/
#rechtespalte
{
    float: right;
    width: 200px;
    font-size:0.84em;
}

#rechtespalte img { border: 0px; }

#rechtespalte a:link, #rechtespalte a:visited, #rechtespalte a:active
{
    text-decoration:none;
    display:block;
    color: #000000;
  /*  width:192px; */
    }
    
#rechtespalte a:hover, #rechtespalte a:focus 
{
    color:#464646;
    }

#seitenfuss, #copyright
{
    clear:both;
    width:984px;
    margin:10px auto 10px auto;
    color:#696969;
    letter-spacing: 0.02em;
    text-align:center;
    }
#copyright
{
    font-size: 0.84em;
    }

#seitenfuss a:link, #seitenfuss a:visited, #seitenfuss a:active
{
    text-decoration: none;
    color:#696969;
    }
#seitenfuss a:hover, #seitenfuss a:focus
{
    color:#464646;
    }


/* zu hauptteil */   
#navigation
{
    /* position: absolute; 
    top:0px;
    left:0px; 
    clear:both; */
    float:left;
    width: 170px; 
    margin-right:10px;
}

#navigation ul 
{
    margin:0;
    padding:0;
    list-style: none;
    
    }

#navigation li 
{
    list-style:none;
    list-style-image: none;
    padding:0px;
    margin:0px;
    font-family: 'Lucida Sans Unicode', 'Lucida Grande', Arial, Helvetica, Sans-Serif;
    }

#navigation span
{
    margin-right:15px;
    display:block;
    padding-top:2px;
    padding-bottom:2px;
    margin-top:6px;
    border-top: 1px solid #cc3300;
    font-size:1.2em;
    font-weight:normal;
    color:#696969;
    }
     
#navigation a
{
    font-size: 0.98em;
    font-weight:normal;
    text-decoration:none;
    display:block;
    padding-left: 15px;
    color: #696969;
    width:140px;
    height:1.32em;
    }

#navigation a:link, #navigation a:visited 
{
    background-color:Transparent;
    }

#navigation a:hover, #navigation a:focus 
{
    background-color:#f7f4e1;
         }
   
/* Infobox für Popup-Fenster*/
#infobox
{
    width:560px;
    margin:10px;
    clear:both;
    position:relative;  
    text-align:left;
    }

/* Menuleiste fuer Formulare z.B. Reiseanmeldung */
#menuleiste
{
    margin:0px;
    padding:0px;
    float:left;
    }
#menuleiste li 
{
    margin:0px;
    float:left;
    display:block;
    height:50px;
    width:220px;
    padding:4px;
    margin-right:6px;
    background-color: #ede9ce;
}

#menuleiste li.aktiv 
{
    width:240px;
    background-color: #f7f4e1;
    color: #cc3300;
    font-weight:bold;
    }
    
#menuleiste li.erledigt 
{
    background-color: #f7f4e1;
    color:#696969;}

/* Allgemeines Layout*/

a:link, a:visited, a:hover, a:focus, a:active 
{
    color: #339933;
    text-decoration: none;
    outline:none;
    }

a:hover
{
    color: #287028;
   /* text-decoration: underline; */
}

p { margin-top: 12px; margin-bottom: 12px; }

h1
{
    font-size: 1.54em;
    font-weight: bold;
    color: #464646;
    letter-spacing: 0.05em;
    margin: 0px 0px 4px 0px;
}

h2
{
    font-size: 1.19em;
    font-weight: bold;
    color: #464646;
    margin: 0px;
}

h3, span.h3like
{
    font-size: 0.98em;
    font-weight:bold;
    color: #696969;
    margin: 0px;
}

h4 
{
    font-size: 0.98em;
    font-weight:bold; 
    color: #464646;
    margin: 0px;
    }

h5
{
    font-size: 0.98em;
    font-weight:bold;
    font-style:italic;
    color: #696969;
    margin-bottom: -5px;
    margin-top: 0px;
}

img { border: 0px;}
.klein { font-size:0.84em; }
.colored { color:#cc3300;}

ul { margin: 10px 0px 10px 0px; padding: 0px 0px 0px 14px; list-style-type:square; }
li { margin-bottom: 2px; list-style-image: url('/images/icon_li.gif'); }

div.links  { float:left; margin: 0px 12px 12px 0px; width:200px;}
div.rechts { float:right; margin-left:12px; margin-bottom:12px; width:200px;}
div.box { background-color:#ede9ce; padding: 8px;}

img.links	  {margin-right:12px; margin-bottom:12px; float:left}
img.rechts	  {margin-left:12px; margin-bottom:12px; float:right}

/* Tag Formatierung */
#rechtespalte div.box a:link, 
#rechtespalte div.box a:visited, 
#rechtespalte div.box a:active { color: #339933; display:inline; }

#rechtespalte div.box a:hover, 
#rechtespalte div.box a:focus { color: #287028;}


.size1 { font-size: 11px; }
.size2 { font-size: 13px; }
.size3 { font-size: 15px; }
.size4 { font-size: 17px; }
.size5 { font-size: 19px; }


/* Tabellenformatierungen */

tr.kopf { background-color:#ede9ce; vertical-align:top;}
tr.zeile, tr.zeilen  { background-color:#f7f4e1; vertical-align:top; }
tr.zeile:hover {background-color:#ede9ce;}


/* Startseite */

div.start 
{
    padding-top:15px;
    padding-bottom:20px;
    padding-left:20px;
    width: 500px;
}

div.start img 
{
    border: 0px; 
    margin-right:28px;
    }

h3.start
{
    border-bottom: dotted 1px #808080;
}
    

/* Casa Auflistungen */
div.casalist 
{ 
    float:left;
    background-color: #f7f4e1;
    padding: 10px 4px 10px 4px; 
    border-top: dotted 1px #339933;
}

div.divCasafoto 
{
    float: left;
    width: 130px;
}

div.divCasa 
{
    float: left;
    width: 150px;
    margin-right:4px;
}

div.divKurzbe 
{
    float:left;
    width:270px;
}
div.divKurzbe a:link, div.divKurzbe a:visited, div.divKurzbe a:hover, div.divKurzbe a:active
 { display:block; color: #000000; text-decoration: none;}
    
div.separator 
{
    clear: both;
    height:10px;
    margin:0px;
    padding:0px;
}

/* Teaser */

.teaser { clear: both; margin-bottom:24px;}
.teaser h2 a:link, .teaser h2 a:visited, .teaser h2 a:hover, .teaser h2 a:active
 { color: #339933; text-decoration:none;}
.teaser h3 a:link, .teaser h3 a:visited, .teaser h3 a:hover, .teaser h3 a:active
 { color: #339933; text-decoration:none;}
.teaser p a:link, .teaser p a:visited, .teaser p a:hover, .teaser p a:active
 { display:block; color: #000000; text-decoration: none;}
.teaser p a:hover
 { color:#464646; }
.teaser img { border: 0px;}
.teaser p { margin-top: 8px; margin-bottom: 8px; }


a.teaserh { text-decoration: none;}
a.teaserp { display:block; color: #000000; text-decoration: none;}
    

/* Formularformatierungen */

div.fieldset { background-color:#f7f4e1; width:100%; float:left; clear:both; margin-bottom:12px;}
div.flabel { width:100px; float:left; text-align:right; margin-right:10px; }
div.flabelo { width:100px; float:left; text-align:right; margin-right:10px; }
div.fbox { width:210px; float:left; text-align:left; }
div.flabelx { width:180px; float:left; text-align:left; padding-top:2px;}

input.text { width:198px; border: solid 1px #696969; padding-left:2px; }
input.datum { width:88px; border: solid 1px #696969; padding-left:2px; }
input.zahlkurz { width:38px; border: solid 1px #696969; padding-left:2px; }
input.zahllang { width:58px; border: solid 1px #696969; padding-left:2px; }
input.plz { width:48px; margin-right:8px; border: solid 1px #696969; padding-left:2px; }
input.ort { width: 138px; border: solid 1px #696969; padding-left:2px;}
textarea.text { width:320px; border: solid 1px #696969; padding-left:4px; }

input.eingabe {width:60px; border-left: none; border-right: none; border-top: none; 
    border-bottom: solid 1px #000000; background-color:inherit; padding-left:2px;}

input.suchfeld 
{
    font-size:9px;
    color:#808080;
    border:1px solid #000000;
    background-color:#fffaf0;
    width:120px;
    vertical-align:middle;
    padding: 1px 2px 1px 2px;
    }

input.button
{
    font-size: 9px;
    color: #808080;
    border: 1px solid #000000;
    background-color: #fffaf0;
    margin: 0px;
    padding: 0px;
    height: 15px;
} 

/*  Belegungskalender & Kalender in Kontakt */   

.spaltenu, .frei, .belegt, .keine, .gruenrot, .rotgruen, .graurot, .rotgrau, .heute, .woche
{
    font-family: 'Trebuchet MS', Arial, Helvetica;
    font-size: 8pt;
    line-height: normal;
    text-decoration: none;
    font-weight: bold;
    text-align: center; 
    } 
    
.frei        { background-color: #71b871; }
.belegt      { background-color: #dc714d; }
.keine       { background-color: #ccc8ab; }
.gruenrot    { background-image:url('/images/gruen-rot_30x30.gif'); background-repeat:no-repeat;
               background-position: center; }
.rotgruen    { background-image:url('/images/rot-gruen_30x30.gif'); background-repeat:no-repeat;
               background-position: center; }
.graurot     { background-image:url('/images/grau-rot_30x30.gif'); background-repeat:no-repeat;
               background-position: center; }
.rotgrau     { background-image:url('/images/rot-grau_30x30.gif'); background-repeat:no-repeat;
               background-position: center; }
/* Heute, Woche in Kontaktkalender */
.heute       { background-color: #f7f4e1; }
.woche       { font-weight: normal; }

/*  Print Layout */

@media print 
{
body {
    background-color: Transparent; 
    font-size: 10pt; 
    line-height: normal;
}

#navigation,
#seitenkopf #sk_mitte,
#seitenkopf #sk_rechts,
#seitenkopf #sk_infoleiste,
#seitenfuss { display:none; }   

#seitenkopf { width: 100%; margin: 0px; position: static;}
#seitenkopf #sk_links   
{
    width: 180px; 
    height: 80px; 
    float: right;
    background-color:Transparent;
    }
#hauptteil { width: 100%; margin: 0px; position: static;}
#hauptinhalt { width: 70%; min-height: 1px; } 
#hauptinhalt1c { width: 100%; float: none; }
#rechtespalte { width: 30%; overflow: hidden ;  }
#copyright { width: 100%; margin:0px;}
#infobox { width:100%; }
div.start { width: 90%; }
div.noprint { display:none; }

.belegt, .gruenrot, .graurot
      { text-decoration: line-through; }

}