/* General Stylesheet for Mallorca Resort © 2006 by Cyberagency */

/*
Colour-Definitions:
dark red: #390c0c
gold: #c1a16b

alt. red: #740000
alt. gold (dark): #996600; 

old colours: #660C00 (dklrot) und #cc9900 (gold)

*/


/* Parte 1: Layout + Top Area */

/* Generales */

body, p, td, div, th, a, span, li, q, dd, dt, dl, label { 

font-size: 11px; 
line-height: 13px;
letter-spacing: 0.1em;
color: black;
margin: 0px;
padding: 0px;
}

table.centrada {
/*margin: auto;*/
margin: 0px;
width: 1000px;
empty-cells: show; 
padding: 0px;
border: 0px none;
table-layout: fixed;
overflow: hidden;
}

td {padding: 0px;}

td, img {border: 0px none;}

hr {margin-top: 20px; margin-bottom: 20px;}

.imgleftsmall, .imgleftsmall img {width: 100px; height: 350px; vertical-align: top;}
.imgrightgrand, .imgrightgrand img {width: 700px; height: 350px; vertical-align: top;}
.navuno {height: 350px; width: 200px; vertical-align: top;}


/* Links */
/* ---> komplett in especial.css?*/
a {   
/*color: #660C00;*/
text-decoration: none;
}

a:link {   
color: #006600;
text-decoration: none;
}

/*
a[href~=mailto:]:link {   
color: #390c0c;
text-decoration: none;
}
*/

a:visited {   
color: #006600;
text-decoration: none;
}

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

a:active {   
color: #cc9900;
text-decoration: underline;
}

a:focus {   
color: #c1a16b;
text-decoration: underline;
}



/* footer */

.footer
{ 
background-repeat: repeat-x;
background-position: 0px 0px;
height: 30px;
}

.ash
{ 
position: relative;
left: 110px;
top: -5px;
width: 175px;
height: 95px;
margin-top: -90px;
z-index: 1;
}

.ash img {display: block;}

.lengua {
margin: -25px 0px 0px 15px;
position: relative;
z-index: 2;
}

.lengua a {
margin-right: 3px;
}

/* login */

#loginimg {
margin: 5px 15px 0px 2px; 
float: left;
display: block;
}

#login {
padding: 16px 15px 0px 30px;
display: block;
color: #ddd;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
}

#login a, #login a:link, #login a:hover, #login a:visited  {
color: #c1a16b;
font-family: Verdana, Helvetica, Arial, sans-serif;
background-color: #390c0c;
border: 1px solid #740000;
padding: 2px 4px 2px 4px;
text-decoration: none;

}

#login a:hover  {
background-color: #740000;
}



/* Parte 2: Content + Texto */


/* Content */

.contenido {
/*---background-color: white;
background-image: url(/images/backgrounds/contenido.gif);
background-repeat: no-repeat;
background-position: 0px 0px;*/
width: 700px;
}

.ofertas .contenido {
background-image: none;
background-repeat: no-repeat;
background-position: 0px 0px;
width: 100%;
}

.contenido img {
float: left;
margin: 0px 10px 20px 0px;
}

.contenido .texto { 
margin: 50px 60px 40px 70px;
width: 450px;
/* for IE: height: 130px;
overflow: visible; -> ie.css */
/*for others: */
min-height: 130px;
} 

.habit .contenido .texto { 
min-height: 200px;
}

.ofertas .contenido .texto { 
margin: 0px;
padding: 25px 60px 40px 50px;
width: 590px;
} 

.ofertas .contenido img {
float: none;
margin: 10px 55px 10px 45px;
padding: 5px;
border: 1px solid #c1a16b;
width: 490px;
}

.ofertas .contenido img.floatright {
margin: 0px 0px 10px 10px;
padding: 5px;
border: 1px solid #c1a16b;
float: right;
width: auto;
}

p {
text-indent: 0px;
line-height: 14px;
margin-top: 2px;
margin-bottom: 15px;
padding: 0px;
}

.contenido iframe {border: 1px solid #c1a16b; margin-left: -30px;}

/* Font Styles */

sup, sub, .small, small {
font-size: 9px;
}

.grande, big { 
font-size: 13px; 
line-height: 15px;
}

b, strong {
font-weight: bold;
color: #222;
}

i, em {
font-style: italic;
}



/* Heads */

h1 {
/*---font-family: "Times New Roman", Times, Georgia, serif; */
font-size: 24px; 
line-height: 28px;
letter-spacing: 0.2em;
/*---color: #390c0c;*/
text-transform: uppercase;
text-align: left;
margin-top: 0px;
margin-bottom: 20px;
padding: 0px;
}

h2 {
font-size: 16px;
line-height: 20px;
font-variant: small-caps;
letter-spacing: 0.15em;
margin-top: 20px;
margin-bottom: 15px;
padding: 0px;
}

h1+h2 {margin-top: 10px;}

h3, h4, h5, h6 {
/*---font-family: "Times New Roman", Times, Georgia, serif;*/
font-size: 12px;
/*---color: #390C0C;*/
margin-top: 2px;
padding: 0px;
}

h3, h4 {
margin-bottom: 10px;
}

h5, h6 {
margin-bottom: 0px;
}

h4, h6 { 
color: #222;
} 

/*
h3: rojo - con espacio
h4: gris - con espacio
h5: rojo - sin espacio
h6: gris - sin espacio
*/

.titulosPeq { 
font-family: cursive;
font-size: 8pt; 
font-weight: bold; 
text-decoration: none; 
color: #660C00; 
text-align: left; 
/*font-style: normal; */
font-style: italic; 
} 

h2 sup {
font-variant: normal;
letter-spacing: 0em;
}



/* listen (ul,ol,li) */

ul, ol, dl {
margin-top: 2px;
margin-bottom: 18px;
padding: 0px;
}

li {
list-style-image: url(/images/basic/bullet.gif) ;
list-style-position: outside;
padding-left: 0px;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 4px;
vertical-align: bottom;
}

ul {
padding-left: 20px;
margin-left: 12px;
margin-right: 0px;
}

.ofertas ul {
/*margin-left: 45px;*/
/*margin-top: 0px;*/
}

.ofertas li {
list-style-image: none;
}

/* listen (dl) */

dl {margin: 20px 0px 10px 0px;}

dt {
margin: 0px 0px 5px 0px;
padding: 0px; 
font-weight: bold;
text-align: center;
}

dd {
margin-left: 100px; 
padding: 0px; 
}

/* listen (especial) */



/* Reservas */

.reservas table.centrada {
width: 100%;
}

.reservas .imgrightgrand {width: 100%;}

.reservas .contenido {
background-image: none;
width: 100%;
}


/* homeoffer (kasten) */

.homeoffer {
background-color: #390C0C;
color: white;
width: 165px;
position: absolute;
top: 370px;
left: 110px;
border: 1px solid #c1a16b;
padding: 6px 5px 2px 7px;
text-align: justify;
font-weight: normal;
}


.homeoffer a, .homeoffer a:visited {
color: white;
letter-spacing: normal;
margin-bottom: 4px;
display: block;
}

.homeoffer a:hover {
color: #000;
text-decoration: none;
background-color:#c1a16b;
}

.homeoffer h3 {
color: white;
font-size: 16px;
line-height: normal;
/*background-color: #300303;*/
padding: 2px;
text-align: center;
margin-right: 2px;
font-weight: bold;
}

.homeoffer h4 {
color: white;
font-size: 14px;
font-weight: normal;
}

.homeoffer p {
color: white;
font-size: 11px;
}

.homeoffer p:first-letter {
font-size: 100%;
color: #fff;
font-style: normal;
}

/* old:
.homeoffer {
background-color: #390C0C;
color: white;
width: 240px;
position: absolute;
top: 370px;
left: 20px;
border: 1px solid #c1a16b;
padding: 6px 5px 2px 7px;
text-align: left;
font-weight: bold;
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5; --> siehe oben (.navdos a:hover) 
}
*/









/* textvariationen */




/* Precios */

ul.precio, .precio table
{
margin-top: 10px;
}


.precio td
{
padding: 1px 15px 2px 15px;
}

.precio th
{
font-weight: normal;
}

.preciobordeizq
{
border-left: 1px solid #cc9900;
}

.precio li
{
	list-style-image: none;
	list-style-type: none;
}





/* Parte 3: Especiales */


.downloadpdf {
display: list-item;
margin: 18px 0px 13px 1px;
list-style-image: url(/images/basic/bullet.gif);
list-style-position: inside;  /* -> ie.css */
padding-left: 0px;
vertical-align: bottom;
}


.noborder, table.noborder, table.noborder td {
border: 0px none;
}

/*---.derechaborde {
float: right;
border: 1px solid #390c0c;
margin-left: -110px;
padding: 5px;
width: 200px;
background-color: #c1a16b;
color: #390c0c;
position: relative;
left: 120px;
z-index: 1;
margin-bottom: 25px;
}*/






/* Forms */

input, .cajas, textarea, select, chkinput, radio {
font-family: "MS Sans Serif",Verdana,Arial,Helvetica, sans-serif;  
font-size: 10px; 
color: #4D0900;  
line-height: normal;
margin: 0px;
border: 1px solid #BD928D; 
}

input {
width: 150px;
}

.derechaborde input, .derechaborde textarea { 
width: 190px;
padding: 2px;
font-size: 11px; 
margin-bottom: 10px;
} 

.derechaborde button { 
width: 100px;
margin: 5px 0px 5px 47px;
} 

textarea { 
/*width: 190px;*/
} 

radio { 
font-size: 9px; 
border:none  
} 


fieldset {background-color: #fffffc;}

/* Fehlermeldung */

.error {
padding: 0px;
margin: -10px 0px 8px 0px;
color: #740000;
font-style: italic;
}



/* Admin-Styles */

table.list {width:100%;}

div#main td.first_col {width: 400px; border: 2px solid green; padding: 5px;}
div#main td.sec_col {width: auto;}
div#main td.first_col input {width: 375px;}

div#content div.editorwrapper div.info
{
	border: 0px none;
	background-color: #FFC;
	font-style: italic;
	display: inline;
	
}

/* TemporŠr */

/*
.lengua {
visibility: hidden;
}
*/

/*
.ofertas .lengua {
visibility: visible;
}
*/