/* dws styles */



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

h2, h3, h4, p, ul, ol{ 
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; white-space:nowrap;}
h3#article { font-size: 1em; white-space:nowrap;}
h4 { font-size: 0.8em; margin: 10px 10px 0 15px;}
p { font-size: 0.7em; }
ol{ font-size: 0.7em; margin-left: 50px;}
p.white {color: white;}
p.news { margin: 15px 10px 10px 15px; }
p.small {font-size: 80%; margin: 0; padding: 0; }
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;}

a.blue:link { color: #011C2F; text-decoration: underline;}
a.blue:active { color: #011C2F; text-decoration: underline;}
a.blue:visited { color: #011C2F; text-decoration: underline;}
a.blue: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#topnav2 {
text-align: right;
margin: 0;
padding: 0 10px 0 0;
/*background: #000 url(graphics/blue.gif) bottom left repeat-x;*/
background: #000;
}

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

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

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

div#topnav a.home, div#topnav2 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, div#topnav2 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, div#topnav2 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, div#topnav2 a.double2 {
margin: 0;
padding: 2px 34px 3px 3px;
background: #083E56 url(graphics/topnavdoublecorner.gif) top right no-repeat;
}


div#topnav a.end , div#topnav2 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;
width: 795px;
background: #5A8686;
}

 


div#leftinfo {
/*height: 28.8em;*/
padding: 0 0 15px 0;
width: 244px;
text-align: left;
float: left; 
border-right: 1px solid #5A8686;
}

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; background: #709F9F ;
width: 795px;
voice-family: "\"}\""; 
voice-family:inherit;
width:580px;
} 


html>body #infopages {
  width:580px;
} 



div#leftinfoabout {
width: 345px;
text-align: left;
float: left; 
voice-family: "\"}\""; 
voice-family:inherit;
width:342px;
} 


html>body #infoabout {
  width:342px;
} 
 }
 
div#leftinfoabout p { 
margin: 15px 15px 10px 15px; 
}


div#flash {
background: #437171;
padding: 0;
width: 300px;
text-align: left;
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#footer img {
border:0;
}

/*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;
vertical-align: middle;
text-align: center;
border-bottom: 1px solid #011C2F;
padding: 20px 5px 5px 5px;
background:  #709F9F url(graphics/line.gif) top left repeat-x ;
}
#accomodation td.name h4{font-size: 1em; padding: 0; margin: 0;}
#accomodation td.name p{font-size: 1em; width: 300px; padding: 0; margin: 0;}

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

}

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


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

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

#accomodation td.camping{
text-align: left;
border-bottom: 1px solid #011C2F;
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{

text-align: left;
padding-top: 15px;
}

table#accomodation h4 {
font-size: 0.7em;
margin: 0;
color: #033 !important;
}
div#contentwhentogo {
float: left;
display: block;
background: #5A8686;
width: 795px;
} 

#whentogo {
margin: 25px 15px 25px 15px;
font-family: arial, helvetica, sans-serif; 
color: #011C2F;
}

#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 {

width: 200px;
text-align: center;
float: left;  
}

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

#navIntro:hover{
background: #ccc;
}

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

#mallorca2:hover{
background: #ccc;
}

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

#mallorca3:hover{
background: #ccc;
}

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

#mallorca4:hover{
background: #ccc;
}

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

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

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

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

/*hides the content divs*/

.hidden, .alt
{
  display: none;
}




.popup_closelink {float: right; }
.imgfloatleft {border: 1px solid #011C2F; margin: 0 15px 10px 0; }

.spacer { clear:both;}

div.articleimgleft {
float: left;
width: 200px;
display: block;
padding: 15px;
font-size: 0.8em;
voice-family: "\"}\""; 
voice-family:inherit;
width:170px;
} 


html>body .articleimgleft {
 width:170px;
}

div.articlesponsors {
float: left;
width: 165px;
display: block;
padding: 15px 15px 25px 0;
voice-family: "\"}\""; 
voice-family:inherit;
width:150px;
} 


html>body .articlesponsors {
 width:150px;
}