/* ----------Menü Layout -------------- */
body {margin: 10px;
padding: 0;
font: 0.7em Verdana, sans-serif;}

dl, dd, dt {
list-style-type: none;
margin: 0 1px 0 0px;
}

#menu ul {
list-style-type: none;
margin: 0 0 0 0;
padding: 0;
background: #f90;
}
#menu li {
list-style-type: none;
margin: 0 0 0 0;
padding: 0;
background: #f90;
}
ul.center {
list-style-type: none;
margin: 0 0 0 0;
padding: 0;
background: #f90;
text-align:center;
}
ul.right {
list-style-type: none;
margin: 0 0 0 0;
padding: 0;
background: #f90;
text-align:right;
}

#menu {
position : absolute;
left: 10px;
top: 110px;
}
#menu dt a:hover {
background: #eee;
color: #036;
}
#menu li a:hover {
background: #eee;
color: #036;
}
#menu dl {
float: left;
}

#menu li {
display: inline;
background: #f90;
}

#menu dt a {
text-decoration: none;
color: #fff;
background: #036;
}
#menu li a {
text-decoration: none;
color: #036;
background: #f90;
}

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6, #smenu7, #smenu8, #smenu9, #smenu10, #smenu11, #smenu12, #smenu13 {
position: absolute;
left: 0;
font-size: 0.9em;
border-top: 5px solid #f90;
width: 775px;
}

.mentions {
position: absolute;
bottom : 300px;
left : 10px;
color: #000;
background-color: #ddd;
}
a {text-decoration: none;
color: #222;
padding: 0 10px 0 10px;
}
/* ----------Header Layout -------------- */
#header {position: absolute;
left: 10px;
top: 10px;
width: 800px;
height: 99px;
background: url(/design/mallorca-today.jpg);
}
#header h1 {position: absolute; top:58px; left:9px; color:#036; font-size:11px;}
img {border: none;}

#header-text {position: absolute; 
left: 490px; top: 15px;}

#header-text li.left {
color:#fff; 
font-size:12px;
font-weight: bold;
list-style: none;
background: url(../image/mt_pfeil.gif) no-repeat 0px 3px;
padding: 4px 0 1px 17px;
display: block;}

#header-text li.left a {color: #fff;}
#header-text li.left a:hover {text-color: #fff; text-decoration: underline;}

#header-text-right {position: absolute; 
left: 615px; top: 15px;}

#header-text-right li.right {
color:#fff; 
font-size:12px;
font-weight: bold;
list-style: none;
background: url(../image/mt_pfeil.gif) no-repeat 0px 3px;
padding: 4px 0 1px 17px;
display: block;}

#header-text-right li.right a {color: #fff;}
#header-text-right li.right a:hover {text-color: #fff; text-decoration: underline;}

/* ----------Content Layout -------------- */

#news {position: absolute;
left: 10px;
width: 465px; 
top: 145px;
border-bottom: solid 1px #036 dotted;
}

#news ul {
margin: 0 0 2px 0;
padding: 2px;
background: #fff;
text-align:left;
list-style: none;
}

#news li.nachricht {
text-align: left;
color:#036; 
font-size:11px;
font-weight: none;
display: block;
background: url(../image/mt_pfeil.gif) no-repeat 0px 3px;
padding: 4px 0 0px 17px;
}
#news li.nachricht a{text-color:#000;}
#news li.nachricht a:hover{text-color:#000; text-decoration: underline;}

#news li.ueberschrift {
left: 0px;
color:#036; 
font-size:13px;
font-weight: bold;
padding: 0;
}

#news li.ueberschrift a {
left: 0px;
color:#036; 
font-size:13px;
font-weight: bold;
}

#news li.ueberschrift a:hover {
left: 0px;
color:#036; 
font-size:13px;
font-weight: bold;
text-decoration: underline; 
}

#content {position: absolute;
text-align: left; 
left: 1px;
width: 465px; 
top: 230px;
background:#fff;}

#content p {color:#000; font-size:12px; font:Arial, sans-serif; padding: 0 0 0 9px; text-align: justify;}

#content p a{color: #036; font-weight: bold;}
#content p a:hover{color: #036; font-weight: bold; text-decoration: underline;}


#transparenz {
position: absolute;
top:230px; 
left:10px; 
background-color: #000;
filter:alpha(opacity=70);
opacity: 0.5;
-moz-opacity:0.5;
height: 35px;
width: 465px;}

#transparenz h1 {
position: absolute;
margin: 6px;
left: 40px;
font-size:18px;
color: #fff;
filter:alpha(opacity=100);
opacity: 1;
-moz-opacity:1;
}

#transparenz h1 a {
color: #fff;
filter:alpha(opacity=100);
opacity: 1;
-moz-opacity:1;
}

#content-right {position: absolute;
left: 500px;
top: 151px;
width: 285px;
height: 20px;
background:#036;}


#content-right p {color:#fff; font-size:14px; font:Arial, sans-serif; font-weight: bold; padding: 0 0 0 0.5em; margin: 0;}

#wetter-mallorca {position: absolute;
left: 500px;
top: 300px;
width: 285px;
height: 18px;
background:#036;}

#temperatur-mallorca {position: absolute;
left: 500px;
top: 316px;
width: 285px;
background:#fff;}

#wetter-mallorca h2 {color:#fff; font-size:14px; font:Arial, sans-serif; font-weight: bold; padding: 0 0 0 0.5em; margin: 0;}

#temperatur-mallorca p {color:#000; font-size:11px; font:Arial, sans-serif; font-weight: none; padding: 0 0 0 0; margin: 0; text-align: justify; }

.header {
color:#fff; font-size:13px; font:Arial, sans-serif; font-weight: bold; padding: 0 0 0 0.5em; margin: 0;}
.header:hover	{
color:#fff; font-size:13px; font:Arial, sans-serif; font-weight: bold; text-decoration:underline; padding: 0 0 0 0.5em; margin: 0;}
.header:active	{
color:#fff; font-size:13px; font:Arial, sans-serif; font-weight: bold; padding: 0 0 0 0.5em; margin: 0;}
.header:visited	{
color:#fff; font-size:13px; font:Arial, sans-serif; font-weight: bold; padding: 0 0 0 0.5em; margin: 0;}

#temperatur-mallorca h3 {position:relative; color:#000; font-size:11px; font:Arial, sans-serif; font-weight: none; padding: 0 0 0 0; margin:0.2em;}

#temperatur-mallorca img {float: left; border: none; margin: 0; padding: 0px 0 0 0px; margin: 0px;}

.wetter-mallorca {
color:#036; font-size:11px; font:Arial, sans-serif; font-weight: bold; padding: 3px 0 0 0px; margin:0}
.wetter-mallorca:hover	{
color:#036; font-size:11px; font:Arial, sans-serif; font-weight: bold; text-decoration:underline; padding: 3px 0 0 0px;margin:0}
.wetter-mallorca:active	{
color:#036; font-size:11px; font:Arial, sans-serif; font-weight: bold; padding: 3px 0 0 0px;margin:0}
.wetter-mallorca:visited	{
color:#036; font-size:11px; font:Arial, sans-serif; font-weight: bold; padding: 3px 0 0 0px;margin:0} 

.wettervorhersage-mallorca {color:#036; font-size:11px; font:Arial, sans-serif; font-weight: bold; margin: 0;}
.wettervorhersage-mallorca:hover	{color:#036; font-size:11px; font:Arial, sans-serif; font-weight: bold; text-decoration:underline;margin: 0;}
.wettervorhersage-mallorca:active	{color:#036; font-size:11px; font:Arial, sans-serif; font-weight: bold;margin: 0;}
.wettervorhersage-mallorca:visited	{color:#036; font-size:11px; font:Arial, sans-serif; font-weight: bold;margin: 0;} 

#temperatur-mallorca.clear {clear: all;}

#finca-lastminute {position: absolute;
left: 500px;
top: 413px;
width: 285px;
height: 18px;
background:#036;}

#finca-mallorca {position: absolute;
left: 500px;
top: 430px;
width: 285px;
background:#fff;}

#finca-lastminute h2 {color:#fff; font-size:14px; font:Arial, sans-serif; font-weight: bold; padding: 0 0 0 0.5em; margin: 0;}

#finca-mallorca h3 {position: relative; color:#000; font-size:11px; font:Arial, sans-serif; font-weight: none; margin: 0.2em;}

#finca-mallorca p {color:#000; font-size:11px; font:Arial, sans-serif; font-weight: none; padding: 3px 0 0 0; margin: 0;text-align: justify;}

#finca-mallorca img {float: left; height: 84px; border: none; margin: 0; padding: 4px 0 0 0px;}

.finca {color:#036; font-size:11px; font:Arial, sans-serif; font-weight: bold; padding: 0px 0 0 0px; margin: 0;}
.finca:hover	{color:#036; font-size:11px; font:Arial, sans-serif; font-weight: bold; text-decoration:underline; padding: 0px 0 0 0px; margin: 0;}
.finca:active	{color:#036; font-size:11px; font:Arial, sans-serif; font-weight: bold; padding: 0px 0 0 0px; margin: 0;}
.finca:visited	{color:#036; font-size:11px; font:Arial, sans-serif; font-weight: bold; padding: 0px 0 0 0px; margin: 0;} 

#finca-lastminute.clear {clear: all;}

#mietwagen {position: absolute;
left: 500px;
top: 523px;
width: 285px;
height: 18px;
background:#036;}


#mietwagen-mallorca {position: absolute;
left: 500px;
top: 543px;
width: 285px;
height: 18px;
background:#fff;}

#mietwagen h2 {color:#fff; font-size:14px; font:Arial, sans-serif; font-weight: bold; padding: 0 0 0 0.5em; margin: 0;}

#mietwagen-mallorca  h3 {position: relative; color:#000; font-size:11px; font:Arial, sans-serif; font-weight: none; margin: 0px;}

#mietwagen-mallorca p {color:#000; font-size:11px; font:Arial, sans-serif; font-weight: none; padding: 3px 0 0 5px; margin: 0; text-align: justify;}

#mietwagen-mallorca img {float: left; height: 84px; border: none; margin: 0; padding: 4px 0 0 0px;}

.mietwagen {color:#036; font-size:11px; font:Arial, sans-serif; font-weight: bold; padding: 7px 0 0 0px; margin: 0;}
.mietwagen:hover	{color:#036; font-size:11px; font:Arial, sans-serif; font-weight: bold; text-decoration:underline; padding: 7px 0 0 0px;margin: 0;}
.mietwagen:active	{color:#036; font-size:11px; font:Arial, sans-serif; font-weight: bold; padding: 7px 0 0 0px;margin: 0;}
.mietwagen:visited	{color:#036; font-size:11px; font:Arial, sans-serif; font-weight: bold; padding: 7px 0 0 0px;margin: 0;} 

#mietwagen.clear {clear: all;}

#mallorca-magazin {position: absolute;
left: 10px;
top: 1045px;
width: 785px;
height: 18px;
background:#f90;
margin-bottom: 5px;
margin-top: 3px;}


#mallorca-magazin h2 {color:#036; font-size:14px; font:Arial, sans-serif; font-weight: bold; padding: 0 0 0 0.5em; margin: 0;}
#mallorca-magazin h2 a { color:#036; font-size:14px; font:Arial, sans-serif; font-weight: bold; letter-spacing: 3px;padding: 0 0 0 222px; margin: 0px;}

#mallorca-magazin h2 a:hover {color:#036; font-size:14px; font:Arial, sans-serif; font-weight: bold;text-decoration: underline; letter-spacing: 3px; padding: 0 0 0 222px; margin: 0px;}

#mallorca-reportage {position: absolute;
left: 10px;
top: 1070px;
width: 390px;
height: 18px;
background:#036;
margin: 0px;}

#mallorca-reportage h2 {color:#fff; font-size:14px; font:Arial, sans-serif; font-weight: bold; padding: 0 0 0 0.5em; margin: 0;}
#mallorca-reportage h2 a {color:#fff; font-size:14px; font:Arial, sans-serif; font-weight: bold; padding: 0 0 0 3em; margin: 0px;}
#mallorca-reportage h2 a:hover {color:#fff; font-size:14px; font:Arial, sans-serif; font-weight: bold;text-decoration: underline; padding: 0 0 0 3em; margin: 0px;}


#mallorca-story {position: absolute; 
float: left;
left: 10px;
top: 1100px;
width: 390px;
background:#fff;}

#mallorca-story h3  {position: relative; color:#036; font-size:15px; font:Arial, sans-serif; font-weight: bold; padding: 0 0 5px 0px; margin: 0px;}
#mallorca-story h3 a {color:#036; font-size:15px; font:Arial, sans-serif; font-weight: bold; padding: 0 0 0px 0px; margin: 0px;}
#mallorca-story h3 a:hover {color:#036; font-size:15px; font:Arial, sans-serif; font-weight: bold;text-decoration: underline; padding: 0 0 5px 0px;margin: 0px;}
#mallorca-story img {float: left; border: 1px solid #036; margin: 0; padding: 0px 0 0 0px; margin-right: 5px;}
#mallorca-story p {color:#000; font-size: 12px; font:Arial, sans-serif; text-align: justify; padding 0px 5px 0 3px; margin: 0px}
.link-mallorca {color:#036; font-size:12px; font:Arial, sans-serif; font-weight: bold; padding: 7px 0 0 0px; margin: 0px;}
.link-mallorca:hover	{color:#036; font-size:12px; font:Arial, sans-serif; font-weight: bold; text-decoration:underline; padding: 7px 0 0 0px;margin: 0px;}
.link-mallorca:link	{color:#036; font-size:12px; font:Arial, sans-serif; font-weight: bold; padding: 7px 0 0 0px;margin: 0px;}
.link-mallorca:active	{color:#036; font-size:12px; font:Arial, sans-serif; font-weight: bold; padding: 7px 0 0 0px;margin: 0px;}
.link-mallorca:visited	{color:#036; font-size:12px; font:Arial, sans-serif; font-weight: bold; padding: 7px 0 0 0px;margin: 0px;} 

#mallorca-story.clear {clear: all;}

#link-mallorca-rubrik {position: absolute;
left: 10px;
top: 1270px;
width: 390px;
height: 18px;
margin: 0;}

#link-mallorca-rubrik h2 {color:#036; font-size:14px; font:Arial, sans-serif; font-weight: bold; padding: 7px 0 3px 0px; margin: 0; border-top: 1px solid #036 dotted;}
#link-mallorca-rubrik h2 a {color:#036; font-size:14px; font:Arial, sans-serif; font-weight: bold; padding: 0 0 3px 0px; margin: 0px;}
#link-mallorca-rubrik h2 a:hover {color:#036; font-size:14px; font:Arial, sans-serif; font-weight: bold;text-decoration: underline; padding: 0 0 0px 0px; margin: 0px;}


#link-mallorca-rubrik ul {
margin: 5px 0 0 0;
padding: 0;
}
#link-mallorca-rubrik li {display: block; left: 10px; color:#036; font-size:14px; font:Arial, sans-serif; font-weight: bold; padding: 0px 0 0 0em; top-margin: 3px;}
.links {color:#000; font-size:12px; font:Arial, sans-serif; font-weight: bold; padding: 0px 0 0 0px; margin: 0;}
.links:link	{color:#000; font-size:12px; font:Arial, sans-serif; font-weight: bold; padding: 0px 0 0 0px;margin: 0px;} 
.links:hover	{color:#000; font-size:12px; font:Arial, sans-serif; font-weight: bold; padding: 0px 0 0 0px;margin: 0px;} 
.links:active	{color:#000; font-size:12px; font:Arial, sans-serif; font-weight: bold; padding: 0px 0 0 0px;margin: 0px;}
.links:visited	{color:#000; font-size:12px; font:Arial, sans-serif; font-weight: bold; padding: 0px 0 0 0px;margin: 0px;} 


#mallorca-szene {position: absolute;
left: 405px;
top: 1070px;
width: 390px;
height: 18px;
background:#036;}

#mallorca-szene h2 {color:#fff; font-size:14px; font:Arial, sans-serif; font-weight: bold; padding: 0 0 0 0.5em; margin: 0;}
#mallorca-szene h2 a {color:#fff; font-size:14px; font:Arial, sans-serif; font-weight: bold; padding: 0 0 0 3em; margin: 0;}
#mallorca-szene h2 a:hover {float: left;color:#fff; font-size:14px; font:Arial, sans-serif; font-weight: bold;text-decoration: underline; padding: 0 0 0 3em; margin: 0;}



#mallorca-ausgehen {position: absolute; 
float: left;
left: 405px;
top: 1100px;
width: 390px;
background:#fff;}



#mallorca-ausgehen h3  {position: relative; color:#036; font-size:15px; font:Arial, sans-serif; font-weight: bold; padding: 0 0 5px 2px; margin: 0px;}
#mallorca-ausgehen h3 a {color:#036; font-size:15px; font:Arial, sans-serif; font-weight: bold; padding: 0 0 0px 0px; margin: 0px;}
#mallorca-ausgehen h3 a:hover {color:#036; font-size:15px; font:Arial, sans-serif; font-weight: bold;text-decoration: underline; padding: 0 0 5px 0px;margin: 0px;}
#mallorca-ausgehen img {float: left; border: 1px solid #036; margin: 0; padding: 0px 0 0 0px; margin-right: 5px;}
#mallorca-ausgehen p {color:#000; font-size: 12px; font:Arial, sans-serif; text-align: justify; padding 0px 5px 0 3px; margin: 0px}
.link2-mallorca {color:#036; font-size:12px; font:Arial, sans-serif; font-weight: bold; padding: 7px 0 0 0px; margin: 0;}
.link2-mallorca:hover	{color:#036; font-size:12px; font:Arial, sans-serif; font-weight: bold; text-decoration:underline; padding: 7px 0 0 0px;margin-right: 3px; margin-left: 3px;}
.link2-mallorca:active	{color:#036; font-size:12px; font:Arial, sans-serif; font-weight: bold; padding: 7px 0 0 0px;margin: 0;}
.link2-mallorca:visited	{color:#036; font-size:12px; font:Arial, sans-serif; font-weight: bold; padding: 7px 0 0 0px;margin: 0;} 

#mallorca-story.clear {clear: all;}

#link-mallorca-rubrik2 {position: absolute;
left: 405px;
top: 1270px;
width: 390px;
height: 18px;
margin: 0;}

#link-mallorca-rubrik2 h2 {color:#036; font-size:14px; font:Arial, sans-serif; font-weight: bold; padding: 7px 0 3px 0px; margin: 0; border-top: 1px solid #036 dotted;}
#link-mallorca-rubrik2 h2 a {color:#036; font-size:14px; font:Arial, sans-serif; font-weight: bold; padding: 0 0 3px 0px; margin: 0px;}
#link-mallorca-rubrik2 h2 a:hover {color:#036; font-size:14px; font:Arial, sans-serif; font-weight: bold;text-decoration: underline; padding: 0 0 3px 0px; margin: 0px;}


#link-mallorca-rubrik2 ul {
margin: 5px 0 0 0;
padding: 0;
}
#link-mallorca-rubrik2 li {display: block; left: 10px; color:#036; font-size:14px; font:Arial, sans-serif; font-weight: bold; padding: 0px 0 0 0em; top-margin: 3px;}
.links {color:#000; font-size:12px; font:Arial, sans-serif; font-weight: bold; padding: 0px 0 0 0px; margin: 0;}
.links:hover	{color:#000; font-size:12px; font:Arial, sans-serif; font-weight: bold; text-decoration:none; border-bottom:1px solid black; padding: 0px 0 0 0px;margin:0;}
.links:active	{color:#000; font-size:12px; font:Arial, sans-serif; font-weight: bold; padding: 0px 0 0 0px;margin: 0;}
.links:visited	{color:#000; font-size:12px; font:Arial, sans-serif; font-weight: bold; padding: 0px 0 0 0px;margin: 0;} 



#mallorca-shopping {position: absolute;
left: 10px;
top: 1375px;
width: 390px;
height: 18px;
background:#036;
margin: 0px;}

#mallorca-shopping h2 {color:#fff; font-size:14px; font:Arial, sans-serif; font-weight: bold; padding: 0 0 0 0.5em; margin: 0;}
#mallorca-shopping h2 a {color:#fff; font-size:14px; font:Arial, sans-serif; font-weight: bold; padding: 0 0 0 3em; margin: 0px;}
#mallorca-shopping h2 a:hover {color:#fff; font-size:14px; font:Arial, sans-serif; font-weight: bold;text-decoration: underline; padding: 0 0 0 3em; margin: 0px;}


#mallorca-einkaufen {position: absolute; 
float: left;
left: 10px;
top: 1405px;
width: 390px;
background:#fff;}

#mallorca-einkaufen h3  {position: relative; color:#036; font-size:15px; font:Arial, sans-serif; font-weight: bold; padding: 0 0 5px 3px; margin: 0px;}
#mallorca-einkaufen h3 a {color:#036; font-size:15px; font:Arial, sans-serif; font-weight: bold; padding: 0 0 0px 0px; margin: 0px;}
#mallorca-einkaufen h3 a:hover {color:#036; font-size:15px; font:Arial, sans-serif; font-weight: bold;text-decoration: underline; padding: 0 0 5px 0px;margin: 0px;}
#mallorca-einkaufen img {float: left; border: 1px solid #036; margin: 0; padding: 0px 0 0 0px; margin-right: 5px;}
#mallorca-einkaufen p {color:#000; font-size: 12px; font:Arial, sans-serif; text-align: justify; padding 0px 5px 0 3px; margin: 0px}
.link-mallorca {color:#036; font-size:12px; font:Arial, sans-serif; font-weight: bold; padding: 7px 0 0 0px; margin: 0;}
.link-mallorca:hover	{color:#036; font-size:12px; font:Arial, sans-serif; font-weight: bold; text-decoration:underline; padding: 7px 0 0 0px;margin-right: 3px; margin-left: 3px;}
.link-mallorca:active	{color:#036; font-size:12px; font:Arial, sans-serif; font-weight: bold; padding: 7px 0 0 0px;margin: 0;}
.link-mallorca:visited	{color:#036; font-size:12px; font:Arial, sans-serif; font-weight: bold; padding: 7px 0 0 0px;margin: 0;} 

#mallorca-einkaufen.clear {clear: all;}

#link-mallorca-rubrik3 {position: absolute;
left: 10px;
top: 1580px;
width: 390px;
height: 18px;
margin: 0;}

#link-mallorca-rubrik3 h2 {color:#036; font-size:14px; font:Arial, sans-serif; font-weight: bold; padding: 7px 0 3px 0px; margin: 0; border-top: 1px solid #036 dotted;}
#link-mallorca-rubrik3 h2 a {color:#036; font-size:14px; font:Arial, sans-serif; font-weight: bold; padding: 0 0 3px 0px; margin: 0px;}
#link-mallorca-rubrik3 h2 a:hover {color:#036; font-size:14px; font:Arial, sans-serif; font-weight: bold;text-decoration: underline; padding: 0 0 3px 0px; margin: 0px;}


#link-mallorca-rubrik3 ul {
margin: 5px 0 0 0;
padding: 0;
}
#link-mallorca-rubrik3 li {display: block; left: 10px; color:#036; font-size:14px; font:Arial, sans-serif; font-weight: bold; padding: 0px 0 0 0em; top-margin: 3px;}
.links {color:#000; font-size:12px; font:Arial, sans-serif; font-weight: bold; padding: 0px 0 0 0px; margin: 0;}
.links:hover	{color:#000; font-size:12px; font:Arial, sans-serif; font-weight: bold; text-decoration:none; border-bottom:1px solid black; padding: 0px 0 0 0px;margin-right: 3px; margin-left: 3px;}
.links:active	{color:#000; font-size:12px; font:Arial, sans-serif; font-weight: bold; padding: 0px 0 0 0px;margin: 0;}
.links:visited	{color:#000; font-size:12px; font:Arial, sans-serif; font-weight: bold; padding: 0px 0 0 0px;margin: 0;} 


#mallorca-dos {position: absolute;
left: 405px;
top: 1375px;
width: 390px;
height: 18px;
background:#036;
margin: 0px;}

#mallorca-dos h2 {color:#fff; font-size:14px; font:Arial, sans-serif; font-weight: bold; padding: 0 0 0 0.5em; margin: 0;}
#mallorca-dos h2 a {color:#fff; font-size:14px; font:Arial, sans-serif; font-weight: bold; padding: 0 0 0 3em; margin: 0px;}
#mallorca-dos h2 a:hover {color:#fff; font-size:14px; font:Arial, sans-serif; font-weight: bold;text-decoration: underline; padding: 0 0 0 3em; margin: 0px;}


#mallorca-brauch {position: absolute; 
float: left;
left: 405px;
top: 1405px;
width: 390px;
background:#fff;}

#mallorca-brauch h3  {position: relative; color:#036; font-size:15px; font:Arial, sans-serif; font-weight: bold; padding: 0 0 5px 3px; margin: 0px;}
#mallorca-brauch h3 a {color:#036; font-size:15px; font:Arial, sans-serif; font-weight: bold; padding: 0 0 0px 0px; margin: 0px;}
#mallorca-brauch h3 a:hover {color:#036; font-size:15px; font:Arial, sans-serif; font-weight: bold;text-decoration: underline; padding: 0 0 5px 0px;margin: 0px;}
#mallorca-brauch img {float: left; border: 1px solid #039; margin: 0; padding: 0px 0 0 0px; margin-right: 5px;}
#mallorca-brauch p {color:#000; font-size: 12px; font:Arial, sans-serif; text-align: justify; padding 0px 5px 0 3px; margin: 0px}
.link-mallorca {color:#036; font-size:12px; font:Arial, sans-serif; font-weight: bold; padding: 7px 0 0 0px; margin: 0;}
.link-mallorca:hover	{color:#036; font-size:12px; font:Arial, sans-serif; font-weight: bold; text-decoration:underline; padding: 7px 0 0 0px;margin-right: 3px; margin-left: 3px;}
.link-mallorca:active	{color:#036; font-size:12px; font:Arial, sans-serif; font-weight: bold; padding: 7px 0 0 0px;margin: 0;}
.link-mallorca:visited	{color:#036; font-size:12px; font:Arial, sans-serif; font-weight: bold; padding: 7px 0 0 0px;margin: 0;} 

#mallorca-brauch.clear {clear: all;}

#link-mallorca-rubrik4 {position: absolute;
left: 405px;
top: 1580px;
width: 390px;
height: 18px;
margin: 0;}

#link-mallorca-rubrik4 h2 {color:#036; font-size:14px; font:Arial, sans-serif; font-weight: bold; padding: 7px 0 3px 0px; margin: 0; border-top: 1px solid #039 dotted;}
#link-mallorca-rubrik4 h2 a {color:#036; font-size:14px; font:Arial, sans-serif; font-weight: bold; padding: 0 0 3px 0px; margin: 0px;}
#link-mallorca-rubrik4 h2 a:hover {color:#036; font-size:14px; font:Arial, sans-serif; font-weight: bold;text-decoration: underline; padding: 0 0 3px 0px; margin: 0px;}


#link-mallorca-rubrik4 ul {
margin: 5px 0 0 0;
padding: 0;
}
#link-mallorca-rubrik4 li {display: block; left: 10px; color:#036; font-size:14px; font:Arial, sans-serif; font-weight: bold; padding: 0px 0 0 0em; top-margin: 3px;}
.links {color:#000; font-size:12px; font:Arial, sans-serif; font-weight: bold; padding: 0px 0 0 0px; margin: 0;}
.links:hover	{color:#000; font-size:12px; font:Arial, sans-serif; font-weight: bold; text-decoration:none; border-bottom:1px solid black; padding: 0px 0 0 0px;margin-right: 3px; margin-left: 3px;}
.links:active	{color:#000; font-size:12px; font:Arial, sans-serif; font-weight: bold; padding: 0px 0 0 0px;margin: 0;}
.links:visited	{color:#000; font-size:12px; font:Arial, sans-serif; font-weight: bold; padding: 0px 0 0 0px;margin: 0;} 


#golf-mallorca {position: absolute;
left: 10px;
top: 1680px;
width: 390px;
height: 18px;
background:#036;
margin: 0px;}

#golf-mallorca h2 {color:#fff; font-size:14px; font:Arial, sans-serif; font-weight: bold; padding: 0 0 0 0.5em; margin: 0;}
#golf-mallorca h2 a {color:#fff; font-size:14px; font:Arial, sans-serif; font-weight: bold; padding: 0 0 0 3em; margin: 0px;}
#golf-mallorca h2 a:hover {color:#fff; font-size:14px; font:Arial, sans-serif; font-weight: bold;text-decoration: underline; padding: 0 0 0 3em; margin: 0px;}


#golf-backstage {position: absolute; 
float: left;
left: 10px;
top: 1710px;
width: 390px;
background:#fff;}

#golf-backstage h3  {position: relative; color:#036; font-size:15px; font:Arial, sans-serif; font-weight: bold; padding: 0 0 5px 3px; margin: 0px;}
#golf-backstage h3 a {color:#036; font-size:15px; font:Arial, sans-serif; font-weight: bold; padding: 0 0 0px 0px; margin: 0px;}
#golf-backstage h3 a:hover {color:#036; font-size:15px; font:Arial, sans-serif; font-weight: bold;text-decoration: underline; padding: 0 0 5px 0px;margin: 0px;}
#golf-backstage img {float: left; border: 1px solid #039; margin: 0; padding: 0px 0 0 0px; margin-right: 5px;}
#golf-backstage p {color:#000; font-size: 12px; font:Arial, sans-serif; text-align: justify; padding 0px 5px 0 3px; margin: 0px}
.link-mallorca {color:#036; font-size:12px; font:Arial, sans-serif; font-weight: bold; padding: 7px 0 0 0px; margin: 0;}
.link-mallorca:hover	{color:#036; font-size:12px; font:Arial, sans-serif; font-weight: bold; text-decoration:underline; padding: 7px 0 0 0px;margin-right: 3px; margin-left: 3px;}
.link-mallorca:active	{color:#036; font-size:12px; font:Arial, sans-serif; font-weight: bold; padding: 7px 0 0 0px;margin: 0;}
.link-mallorca:visited	{color:#036; font-size:12px; font:Arial, sans-serif; font-weight: bold; padding: 7px 0 0 0px;margin: 0;} 

#golf-backstage.clear {clear: all;}

#link-mallorca-rubrik5 {position: absolute;
left: 10px;
top: 1880px;
width: 390px;
height: 18px;
margin: 0;}

#link-mallorca-rubrik5 h2 {color:#036; font-size:14px; font:Arial, sans-serif; font-weight: bold; padding: 7px 0 3px 0px; margin: 0; border-top: 1px solid #039 dotted;}
#link-mallorca-rubrik5 h2 a {color:#036; font-size:14px; font:Arial, sans-serif; font-weight: bold; padding: 0 0 3px 0px; margin: 0px;}
#link-mallorca-rubrik5 h2 a:hover {color:#036; font-size:14px; font:Arial, sans-serif; font-weight: bold;text-decoration: underline; padding: 0 0 3px 0px; margin: 0px;}


#link-mallorca-rubrik5 ul {
margin: 5px 0 0 0;
padding: 0;
}
#link-mallorca-rubrik5 li {display: block; left: 10px; color:#036; font-size:14px; font:Arial, sans-serif; font-weight: bold; padding: 0px 0 0 0em; top-margin: 3px;}
.links {color:#000; font-size:12px; font:Arial, sans-serif; font-weight: bold; padding: 0px 0 0 0px; margin: 0;}
.links:hover	{color:#000; font-size:12px; font:Arial, sans-serif; font-weight: bold; text-decoration:none; border-bottom:1px solid black; padding: 0px 0 0 0px;margin-right: 3px; margin-left: 3px;}
.links:active	{color:#000; font-size:12px; font:Arial, sans-serif; font-weight: bold; padding: 0px 0 0 0px;margin: 0;}
.links:visited	{color:#000; font-size:12px; font:Arial, sans-serif; font-weight: bold; padding: 0px 0 0 0px;margin: 0;} 


#kochrezept {position: absolute;
left: 405px;
top: 1680px;
width: 390px;
height: 18px;
background:#036;
margin: 0px;}

#kochrezept h2 {color:#fff; font-size:14px; font:Arial, sans-serif; font-weight: bold; padding: 0 0 0 0.5em; margin: 0;}
#kochrezept h2 a {color:#fff; font-size:14px; font:Arial, sans-serif; font-weight: bold; padding: 0 0 0 3em; margin: 0px;}
#kochrezept h2 a:hover {color:#fff; font-size:14px; font:Arial, sans-serif; font-weight: bold;text-decoration: underline; padding: 0 0 0 3em; margin: 0px;}


#rezept {position: absolute; 
float: left;
left: 405px;
top: 1710px;
width: 390px;
background:#fff;}

#rezept h3  {position: relative; color:#036; font-size:15px; font:Arial, sans-serif; font-weight: bold; padding: 0 0 5px 3px; margin: 0px;}
#rezept h3 a {color:#036; font-size:15px; font:Arial, sans-serif; font-weight: bold; padding: 0 0 0px 0px; margin: 0px;}
#rezept h3 a:hover {color:#036; font-size:15px; font:Arial, sans-serif; font-weight: bold;text-decoration: underline; padding: 0 0 5px 0px;margin: 0px;}
#rezept img {float: left; border: 1px solid #039; margin: 0; padding: 0px 0 0 0px; margin-right: 5px;}
#rezept p {color:#000; font-size: 12px; font:Arial, sans-serif; text-align: justify; padding 0px 5px 0 3px; margin: 0px}
.link-mallorca {color:#036; font-size:12px; font:Arial, sans-serif; font-weight: bold; padding: 7px 0 0 0px; margin: 0;}
.link-mallorca:hover	{color:#036; font-size:12px; font:Arial, sans-serif; font-weight: bold; text-decoration:underline; padding: 7px 0 0 0px;margin-right: 3px; margin-left: 3px;}
.link-mallorca:active	{color:#036; font-size:12px; font:Arial, sans-serif; font-weight: bold; padding: 7px 0 0 0px;margin: 0;}
.link-mallorca:visited	{color:#036; font-size:12px; font:Arial, sans-serif; font-weight: bold; padding: 7px 0 0 0px;margin: 0;} 

#rezept.clear {clear: all;}

#link-mallorca-rubrik6 {position: absolute;
left: 405px;
top: 1880px;
width: 390px;
height: 18px;
margin: 0;}

#link-mallorca-rubrik6 h2 {color:#036; font-size:14px; font:Arial, sans-serif; font-weight: bold; padding: 7px 0 3px 0px; margin: 0; border-top: 1px solid #039 dotted;}
#link-mallorca-rubrik6 h2 a {color:#036; font-size:14px; font:Arial, sans-serif; font-weight: bold; padding: 0 0 3px 0px; margin: 0px;}
#link-mallorca-rubrik6 h2 a:hover {color:#036; font-size:14px; font:Arial, sans-serif; font-weight: bold;text-decoration: underline; padding: 0 0 3px 0px; margin: 0px;}


#link-mallorca-rubrik6 ul {
margin: 5px 0 0 0;
padding: 0;
}
#link-mallorca-rubrik6 li {display: block; left: 10px; color:#036; font-size:14px; font:Arial, sans-serif; font-weight: bold; padding: 0px 0 0 0em; top-margin: 3px;}
.links {color:#000; font-size:12px; font:Arial, sans-serif; font-weight: bold; padding: 0px 0 0 0px; margin: 0;}
.links:hover	{color:#000; font-size:12px; font:Arial, sans-serif; font-weight: bold; text-decoration:none; border-bottom:1px solid black; padding: 0px 0 0 0px;margin-right: 3px; margin-left: 3px;}
.links:active	{color:#000; font-size:12px; font:Arial, sans-serif; font-weight: bold; padding: 0px 0 0 0px;margin: 0;}
.links:visited	{color:#000; font-size:12px; font:Arial, sans-serif; font-weight: bold; padding: 0px 0 0 0px;margin: 0;} 


/* -------------------- Artikel ------------------------------ */

#content-artikel {position: absolute;
text-align: left; 
left: 1px;
width: 465px; 
top: 150px;
background:#fff;}

#content-artikel p {color:#000; font-size:12px; font:Arial, sans-serif; padding: 0 0 0 9px; text-align: justify;}

#content-artikel p a{color: #036; font-weight: bold;}
#content-artikel p a:hover{color: #036; font-weight: bold; text-decoration: underline;}

#content-artikel-alt {position: absolute;
text-align: left; 
left: 1px;
width: 550px; 
top: 150px;
background:#fff;}

#content-artikel-alt p {color:#000; font-size:12px; font:Arial, sans-serif; padding: 0 0 0 9px; text-align: justify;}

#content-artikel-alt p a{color: #036; font-weight: bold;}
#content-artikel-alt p a:hover{color: #036; font-weight: bold; text-decoration: underline;}



/* --------------------CSS Kartenanwendung------------------------------ */
#container {
position: absolute;
top: 524px;
left: 10px;
} 

#navigation {
position: absolute;
float: left;
display: inline;
top: 80px;
  margin: 3em auto;
  border-left: 1px solid #0369; 
  border-top: 1px solid #036; 
  border-right: 1px solid #036; 
  width: 70em;  
  height: 18px;
  background-color: #036; 
}

.nav {
  display: inline;
  height : 18px;
  font:Arial, sans-serif; 
  font-size: 12px;
  color: #fff;
  font-weight: bold;
  line-height : 18px;
  list-style-type : none;
  margin : 0pt;
  padding : 0pt 0 0 5px;
}

.nav li {
  float:left;
  display: inline; 
  font:Arial, sans-serif; 
  font-size: 12px;
  font-weight: bold;
  list-style-image:none;
  list-style-type:none;
  margin:0pt;
  padding:0pt 0 0 20px;
}

.nav li a {
  color:#fff;
  height:18px;
  padding:0pt 0 0 2em;
}

.nav li a:visited {
  color:#fff;
  height:18px;
  list-style-type:none;
  padding:0pt 0 0 2em;
}

.nav li a:hover {
  color:#fff;
  height:18px;
  padding:0pt 0 0 2em;
  list-style-type:none;
  text-decoration:underline;
}

#main { 
position: absolute;
left: 0px;
float: left;
top: 135px;
  width: 783px;  
  height: 45.2em;
  background-color: #fff; 
}

#main-left { 
  position: absolute;
  float: left;
  top: 6px;
  width: 170px;
  height: 329px;
  padding: 0.5em 0 0 0;
  margin: 0;
  border: 1px solid #036;
}

#main-center { 
  position: absolute;
  left: 165px;
  width: 439px;
  height: 335px;
  margin: 0.5em;
  padding: 0;
  border: 1px solid #036;
}

#main-right {  
  position: absolute;
  float: right; 
  left: 605px; 
  width: 170px;
  height: 335px;
  padding: 0em;
  margin: 6px;
  border: 1px solid #036;
}

#imprint {  
  position: absolute; 
  text-align: left;
  left: 617px;
  top: 320px; 
  width: 250px;
  height: 9.4em;
}

#map {
    position: absolute;
    float: center;
    top: 0px;
    width       : 439px;
    height      : 335px;
    margin      : auto;
}

#map-nav {
    position: absolute;
    float: left;
    top: 340px;
    width       : 450px;
    margin-top  : 3px;
    margin-bottom: 3px;
    height      : 2em;
    color       : #000;	
} 

#adsca{
	position: absolute;
	float: left;
	top: 10px;
	left: 810px;
	width: 160px;
	height:200px;
	color:#000;
	}

#adsca-magazin{
	position: absolute;
	float: left;
	top: 300px;
	left: 500px;
	width: 160px;
	height:200px;
	color:#000;
	}

#adsca-magazin-alt{
	position: absolute;
	float: left;
	top: 300px;
	left: 560px;
	width: 160px;
	height:200px;
	color:#000;
	}
/* ---------------------- Karte additiona -------------- */

div.olLayerDiv {
   -moz-user-select: none 
}

.olLayerGoogleCopyright {
    left: 2px;
    bottom: 2px;  
}
.olLayerGooglePoweredBy {
    left: 2px;
    bottom: 15px;   
}
.olControlAttribution {
    font-size: smaller; 
    right: 3px; 
    bottom: 4.5em; 
    position: absolute; 
    display: block;
}
.olControlScale {
    right: 3px;
    bottom: 3em;
    display: block;
    position: absolute;
    font-size: smaller;
}
.olControlScaleLine {
   left: 10px;
   bottom: 15px;
   font-size: xx-small;
}
.olControlScaleLineBottom {
   border: solid 2px black;
   border-bottom: none;
   margin-top:-2px;
   text-align: center;
}
.olControlScaleLineTop {
   border: solid 2px black;
   border-top: none;
   text-align: center;
}

.olControlPermalink {
    right: 3px;
    bottom: 1.5em;
    display: block;
    position: absolute;
    font-size: smaller;
} 

div.olControlMousePosition {
    bottom: 0em;
    right: 3px;
    display: block;
    position: absolute;
    font-family: Arial;
    font-size: smaller;
}

.olControlOverviewMapContainer {
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.olControlOverviewMapElement {
    padding: 10px 18px 10px 10px;
    background-color: #00008B;
    -moz-border-radius: 1em 0 0 0;
}

.olControlOverviewMapMinimizeButton {
    right: 0px;
    bottom: 80px;
}    

.olControlOverviewMapMaximizeButton {
    right: 0px;
    bottom: 80px;
}

.olControlOverviewMapExtentRectangle {
    overflow: hidden;
    background-image: url("img/blank.gif");
    cursor: move;
    border: 2px dotted red;
}
.olControlOverviewMapRectReplacement {
    overflow: hidden;
    cursor: move;
    background-image: url("img/overview_replacement.gif");
    background-repeat: no-repeat;
    background-position: center;
}

.olLayerGeoRSSDescription {
    float:left;
    width:100%;
    overflow:auto;
    font-size:1.0em;
}
.olLayerGeoRSSClose {
    float:right;
    color:gray;
    font-size:1.2em;
    margin-right:6px;
    font-family:sans-serif;
}
.olLayerGeoRSSTitle {
    float:left;font-size:1.2em;
}

.olPopupContent {
    padding:5px;
    overflow: auto;
}    
.olControlNavToolbar { 
    width:0px;
    height:0px;
}    
.olControlNavToolbar div { 
  display:block;
  width:  28px;
  height: 28px;
  top: 300px;
  left: 6px;
  position: relative;
}

.olControlNavigationHistoryPreviousItemActive { 
   background-image: url("img/view_previous_on.png");
   background-repeat: no-repeat;
   width:  24px;
   height: 24px;
}
.olControlNavigationHistoryPreviousItemInactive { 
   background-image: url("img/view_previous_off.png");
   background-repeat: no-repeat;
   width:  24px;
   height: 24px;
}
.olControlNavigationHistoryNextItemActive { 
   background-image: url("img/view_next_on.png");
   background-repeat: no-repeat;
   width:  24px;
   height: 24px;
}
.olControlNavigationHistoryNextItemInactive { 
   background-image: url("img/view_next_off.png");
   background-repeat: no-repeat;
   width:  24px;
   height: 24px;
}

.olControlNavToolbar .olControlNavigationItemActive { 
  background-image: url("img/panning-hand-on.png");
  background-repeat: no-repeat;
}
.olControlNavToolbar .olControlNavigationItemInactive { 
  background-image: url("img/panning-hand-off.png");
  background-repeat: no-repeat;
}
.olControlNavToolbar .olControlZoomBoxItemActive { 
  background-image: url("img/drag-rectangle-on.png");
  background-color: orange;
  background-repeat: no-repeat;
}
.olControlNavToolbar .olControlZoomBoxItemInactive { 
  background-image: url("img/drag-rectangle-off.png");
  background-repeat: no-repeat;
}
.olControlEditingToolbar  {
    float:right;
    right: 0px;
    height: 30px; 
    width: 200px;
}
.olControlEditingToolbar div { 
  float:right;
  width:  24px;
  height: 24px;
  margin: 5px;
}
.olControlEditingToolbar .olControlNavigationItemActive { 
  background-image: url("img/editing_tool_bar.png");
  background-repeat: no-repeat;
  background-position: -103px -23px; 
}
.olControlEditingToolbar .olControlNavigationItemInactive { 
  background-image: url("img/editing_tool_bar.png");
  background-repeat: no-repeat;
  background-position: -103px -0px; 
}
.olControlEditingToolbar .olControlDrawFeaturePointItemActive { 
  background-image: url("img/editing_tool_bar.png");
  background-repeat: no-repeat;
  background-position: -77px -23px; 
}
.olControlEditingToolbar .olControlDrawFeaturePointItemInactive { 
  background-image: url("img/editing_tool_bar.png");
  background-repeat: no-repeat;
  background-position: -77px -0px; 
}
.olControlEditingToolbar .olControlDrawFeaturePathItemInactive { 
  background-image: url("img/editing_tool_bar.png");
  background-repeat: no-repeat;
  background-position: -51px 0px; 
}
.olControlEditingToolbar .olControlDrawFeaturePathItemActive { 
  background-image: url("img/editing_tool_bar.png");
  background-repeat: no-repeat;
  background-position: -51px -23px; 
}
.olControlEditingToolbar .olControlDrawFeaturePolygonItemInactive { 
  background-image: url("img/editing_tool_bar.png");
  background-repeat: no-repeat;
  background-position: -26px 0px; 
}
.olControlEditingToolbar .olControlDrawFeaturePolygonItemActive { 
  background-image: url("img/editing_tool_bar.png");
  background-repeat: no-repeat;
  background-position: -26px -23px ;                                                                   
}

.olHandlerBoxZoomBox {
    border: 2px solid red;
    position: absolute;
    background-color: white;
    opacity: 0.50;
    font-size: 1px;
    filter: alpha(opacity=50);
}   

/* 
 * Due to current limitations in the OpenLayers code, you can only
 * replace this image with another image which is 17px x 17px. 
 */   
.olPopupCloseBox {
  background: url("img/close.gif") no-repeat;
  cursor: pointer;
}

.olControlNoSelect {
 -moz-user-select: none;
}