/* dws styles */

html { 
	min-width: 795px;
	 }
	 
body {
margin: 0; 
padding: 0;
background: #113240; 
}

h2, h3, h4, p, ul { 
font-family: arial, helvetica, sans-serif; color: #011C2F; margin: 15px 10px 0 15px; }

h2 { font-size: 1.6em; color: #379CB5; }
h3 { font-size: 0.8em;}
h4 { font-size: 0.8em; margin: 10px 10px 0 15px;}
p { font-size: 0.7em; }
p.white {color: white;}
p.news { margin: 15px 10px 10px 15px; }
select { font-size: 0.7em; margin: 0 5px 0 5px; padding: 0;  border: 0; }
form {margin: 0; padding: 0; border: 0;}
img {border: 0;}

a:link { color: #379CB5; text-decoration: none;}
a:active { color: #379CB5; text-decoration: none;}
a:visited { color: #379CB5; text-decoration: none;}
a:hover { color: #379CB5; text-decoration: underline;}

a.white:link { color: #fff; text-decoration: none;}
a.white:active { color: #fff; text-decoration: none;}
a.white:visited { color: #fff; text-decoration: none;}
a.white:hover { color: #fff; text-decoration: underline;}



div#holder {
width: 795px !important;
background: #709F9F;
border: 1px solid #379CB5;
margin: 5% auto 0 auto;
}

div#header {
background: #000;
position: relative;
display: block;
margin: 0; 
padding: 0; 
width: 795px !important;
}

div#header h1 { 
margin: 0;
padding: 0; 
}

div#header img.logo { 
border: 0;
margin: 0;
padding: 0; 
}


div#header h2 {
position: absolute; top: 45px; right: 0;
font-family: tradegothic, arial, helvetica, sans-serif;
font-weight: lighter;
letter-spacing: 0.1em;
text-align: right;
margin: 0 20px 0 0;
padding: 0;
}

img.logo {
border: 0; }

div#topnav {
text-align: right;
margin: 0;
padding: 0 10px 0 0;
background: #000 url(graphics/blue.gif) bottom left repeat-x;
}

div#topnav ul {
margin: 0;
padding: 0;
}

div#topnav li {
display: inline;
margin: 0 ;
}

div#topnav a { 
font-size: 0.7em;
}

div#topnav a.home { 
margin: 0;
padding: 2px 10px 3px 21px;
background: #083E56 url(graphics/topnavleftcorner.gif) top left no-repeat;
border-right: 1px solid #379CB5;
}

div#topnav a.homeactive { 
color: black;
margin: 0;
padding: 2px 10px 3px 21px;
background: #379CB5 url(graphics/topnavleftcorner.gif) top left no-repeat;
border-right: 1px solid #379CB5;
}

div#topnav a.double1 {
margin: 0;
padding: 2px 34px 3px 10px;
background: #083E56 url(graphics/topnavdoublecorner.gif) top right no-repeat;
border-left: 1px solid #379CB5;
}

div#topnav a.double2 {
margin: 0;
padding: 2px 34px 3px 3px;
background: #083E56 url(graphics/topnavdoublecorner.gif) top right no-repeat;
}


div#topnav a.end {
margin: 0;
padding: 2px 10px 3px 3px;
background: #083E56;
border-top: 1px solid #379CB5;
border-right: 1px solid #379CB5;
}

div#secondnav {
display: block;
float: left;
background: #083E56 url(graphics/blue.gif) bottom left repeat-x ; 
width: 795px;
margin: 0;
text-align: left;
padding: 3px 0 0 0;
}

#secondnav ul {
margin: 0;
padding: 0 0 0 15px;
list-style: none;
}

#secondnav li {
float: left;
margin: 0 15px 0 0;
padding: 0;
background-image:none;
line-height:normal;
text-indent:0;
}

#secondnav a { 
float:left;
display:block;
font-size: 0.7em;
text-decoration:none;
white-space:nowrap;
}

#secondnav a.active {
color: #011C2F; 
margin: 0;
padding: 2px 9px 3px 9px;
background: #5A8686;
border: 1px solid #379CB5;
border-bottom: 1px solid #5A8686;
white-space: no-wrap;
}

#secondnav a.passive { 
margin: 0;
padding: 2px 9px 3px 9px;
background: #011C2F;
border: 1px solid #379CB5;
white-space: no-wrap;
}

div#content {
float: left;
display: block;
background: #5A8686;}

div#contentphotos {
text-align: center;
background: #5A8686;}


div#leftinfo {
height: 18.8em;
width: 245px;
text-align: left;
float: left; 
}

div#leftinfo p { 
margin: 15px 15px 15px 15px; 
}
div#infopages { display: block; margin: 30px 100px 25px 100px; padding: 0 10px 10px 0; border: 1px solid #113240;}

div#leftinfofood {
width: 245px;
text-align: left;
float: left; 
}

div#leftinfofood p { 
margin: 15px 15px 15px 15px; 
}

div#leftinfoabout {
width: 345px;
text-align: left;
float: left; 
}
div#leftinfoabout p { 
margin: 15px 15px 15px 15px; 
}


div#flash {
padding: 25px 0 25px 0;
width: 300px;
text-align: center;
float: left;  
}

div#news {
display: block;
background: #709F9F;
width: 250px;
vertical-align: bottom;
text-align: left; 
float: left; 
}


div#footer {
background: #000;
border-top: 1px solid #379CB5; 
width: 795px;
clear: left;
text-align: right;
margin: 0;
padding: 3px 0 100px 0;
}

div#footer p { 
margin: 2px 20px 0 0;
color: #379CB5;
}

/*div#validated{
width: 795px !important;
margin: 5% auto; 
position: relative;
height: 100px;
}*/


#accomodation {
width: 795px;
margin: 0 25px 25px 15px;
font-family: arial, helvetica, sans-serif; 
color: #011C2F;
  voice-family: "\"}\""; 
  voice-family:inherit;
  width:755px;
} 


html>body #accomodation {
  width:755px;
} 


#accomodation td.logo{
text-align: center;
width: 100px;
padding-top: 11px;
background: url(graphics/line.gif) top left repeat-x ;
}

#accomodation td.logo img {
border: 1px solid #011C2F;
}

#accomodation td.name{
font-size: 0.7em;
text-align: center;
border-bottom: 1px solid #011C2F;
padding: 11px 5px 5px 5px;
background:  #709F9F url(graphics/line.gif) top left repeat-x ;
}
#accomodation td.name h4{font-size: 1em;}
#accomodation td.name p{font-size: 1em; width: 300px;}

#accomodation td.url{
font-size: 0.7em;
text-align: left;
border-bottom: 1px solid #011C2F;
padding: 11px 5px 5px 15px;
background: #437171 url(graphics/line.gif) top left repeat-x ;

}

#accomodation td.car{
font-size: 0.7em;
text-align: center;
border-bottom: 1px solid #011C2F;
padding: 11px 5px 5px 5px;
background: #709F9F  url(graphics/line.gif) top left repeat-x ;
}

#accomodation td.rating{
text-align: center;
border-bottom: 1px solid #011C2F;
padding: 11px 5px 5px 5px;
background: #366 url(graphics/line.gif) top left repeat-x ;
}

#accomodation td.campingicon{
text-align: center;
border-bottom: 1px solid #011C2F;
width: 100px;
background: #437171 url(graphics/line.gif) top left repeat-x ;
}

#accomodation td.camping{
text-align: left;
border-bottom: 1px solid #011C2F;
width: 100px;
padding: 25px 25px 25px 15px;
background: #709F9F url(graphics/line.gif) top left repeat-x ;
}
#accomodation td.camping ul { font-size: 0.7em; }

#accomodation th.headline{
width: 755px;
text-align: left;
padding-top: 15px;
}

table#accomodation h4 {
font-size: 0.7em;
margin: 0;
color: #033 !important;
}

#whentogo {
width: 550px;
margin: 25px 25px 25px 15px;
font-family: arial, helvetica, sans-serif; 
color: #011C2F;
  voice-family: "\"}\""; 
  voice-family:inherit;
  width:510px;
} 


html>body #whentogo {
  width:510px;
} 

#whentogo th.empty{
text-align: left;
font-size: 0.7em;
border-bottom: 1px solid #011C2F;
}

#whentogo th.topleft{
font-size: 0.7em;
text-align: center;
border-top: 1px solid #011C2F;
border-left: 1px solid #011C2F;
border-bottom: 1px solid #011C2F;
padding: 5px;
background: #709F9F;
}

#whentogo th.topright{
font-size: 0.7em;
text-align: center;
border: 1px solid #011C2F;
padding: 5px;
background: #709F9F;
}

#whentogo td.left{
font-size: 0.7em;
text-align: left;
border-left: 1px solid #011C2F;
border-bottom: 1px solid #011C2F;
padding: 5px;
}



#whentogo td.leftmiddle{
font-size: 0.7em;
text-align: center;
border-top: 1px solid #011C2F;
border-left: 1px solid #011C2F;
border-bottom: 1px solid #011C2F;
}

#whentogo td.middle{
font-size: 0.7em;
text-align: center;
border-left: 1px solid #011C2F;
border-bottom: 1px solid #011C2F;
padding: 5px;
}

#whentogo td.right{
font-size: 0.7em;
text-align: center;
border-right: 1px solid #011C2F;
border-bottom: 1px solid #011C2F;
border-left: 1px solid #011C2F;
padding: 5px;
}


/*interactive elements*/

div#contentdivholder {
padding: 0 0 25px 0;
height: 14.1em;
width: 550px;
text-align: center;
float: left;  
}

#navIntro{
color: #011C2F; 
text-decoration: none;
font-size: 0.7em;
font-family: arial, helvetica, sans-serif;
}

#navIntro:hover{
background: #ccc;
}

#mallorca2{
width: 80px;
color: #011C2F; 
text-decoration: none;
font-size: 0.7em;
font-family: arial, helvetica, sans-serif;
}

#mallorca2:hover{
background: #ccc;
}

#mallorca3{
width: 80px;
color: #011C2F; 
text-decoration: none;
font-size: 0.7em;
font-family: arial, helvetica, sans-serif;
}

#mallorca3:hover{
background: #ccc;
}

#mallorca4{
width: 100px;
color: #011C2F; 
text-decoration: none;
font-size: 0.7em;
font-family: arial, helvetica, sans-serif;
}

#mallorca4:hover{
background: #ccc;
}

#mallorca5{
width: 100px;
color: #011C2F; 
text-decoration: none;
font-size: 0.7em;
font-family: arial, helvetica, sans-serif;
}
#mallorca5:hover{
background: #ccc;
}

/*hides the content divs*/

.hidden, .alt
{
  display: none;
}

div#enlargeImage { background-color: #709F9F; position: absolute; width: 450px; left: 150px; top: 50px; visibility: hidden; z-index: 1;border: 1px solid #083E56;}
div#enlargeImage2 { background-color: #709F9F; position: absolute; width: 600px; left: 150px; top: 50px; visibility: hidden; z-index: 11;border: 1px solid #083E56;}

div#enlargeImage3 { background-color: #709F9F; position: absolute; width: 600px; left: 150px; top: 50px; visibility: hidden; z-index: 11;border: 1px solid #083E56;}

div#enlargeImage4 { background-color: #709F9F; position: absolute; width: 450px; left: 150px; top: 50px; visibility: hidden; z-index: 11;border: 1px solid #083E56;}

div#enlargeImage5 { background-color: #709F9F; position: absolute; width: 450px; left: 150px; top: 50px; visibility: hidden; z-index: 11;border: 1px solid #083E56;}

div#enlargeImage6 { background-color: #709F9F; position: absolute; width: 600px; left: 150px; top: 50px; visibility: hidden; z-index: 11;border: 1px solid #083E56;}

div#enlargeImage7 { background-color: #709F9F; position: absolute; width: 600px; left: 150px; top: 50px; visibility: hidden; z-index: 11;border: 1px solid #083E56;}

div#enlargeImage8 { background-color: #709F9F; position: absolute; width: 450px; left: 150px; top: 50px; visibility: hidden; z-index: 11;border: 1px solid #083E56;}

div#enlargeImage9 { background-color: #709F9F; position: absolute; width: 450px; left: 150px; top: 50px; visibility: hidden; z-index: 1;border: 1px solid #083E56;}

div#enlargeImage10 { background-color: #709F9F; position: absolute; width: 600px; left: 150px; top: 50px; visibility: hidden; z-index: 1;border: 1px solid #083E56;}

div#enlargeImage11 { background-color: #709F9F; position: absolute; width: 600px; left: 150px; top: 50px; visibility: hidden; z-index: 1;border: 1px solid #083E56;}

div#enlargeImage12 { background-color: #709F9F; position: absolute; width: 450px; left: 150px; top: 50px; visibility: hidden; z-index: 0;border: 1px solid #083E56;}

div#enlargeImage13 { background-color: #709F9F; position: absolute; width: 450px; left: 150px; top: 50px; visibility: hidden; z-index: 0;border: 1px solid #083E56;}

div#enlargeImage14 { background-color: #709F9F; position: absolute; width: 450px; left: 150px; top: 50px; visibility: hidden; z-index: 0;border: 1px solid #083E56;}

div#enlargeImage15 { background-color: #709F9F; position: absolute; width: 600px; left: 150px; top: 50px; visibility: hidden; z-index: 0;border: 1px solid #083E56;}

div#enlargeImage16 { background-color: #709F9F; position: absolute; width: 600px; left: 150px; top: 50px; visibility: hidden; z-index: 0;border: 1px solid #083E56;}

div#enlargeImage17 { background-color: #709F9F; position: absolute; width: 600px; left: 150px; top: 50px; visibility: hidden; z-index: 0;border: 1px solid #083E56;}

div#enlargeImage18 { background-color: #709F9F; position: absolute; width: 450px; left: 150px; top: 50px; visibility: hidden; z-index: 01;border: 1px solid #083E56;}

div#enlargeImage19 { background-color: #709F9F; position: absolute; width: 600px; left: 150px; top: 50px; visibility: hidden; z-index: 01;border: 1px solid #083E56;}

.popup_closelink {float: right; }