html{height: 100%;}

body
{ font-family: verdana, arial, sans-serif;
  padding: 0px;
  margin: 0px;
  font-size: 14px;
  background: #BDBDB7;
  color: #BDBDB7;
}

p
{ padding: 0px;
  margin: 0px 0px 16px 0px;
  font-size:12px;
  line-height:1.6em;
  color:#000;
}

#images{
width: 530px;
height:65px;
margin-top:45px;
margin-left:10px;
position:absolute;
}

h1
{ font-family: arial, sans-serif;
  letter-spacing: 3px;
  font-weight: normal;
  margin:0 0 20px 0;
  padding:0px;
  font-size:26px;
  color:#000;
}

h3
{ font-family: arial, sans-serif;
  letter-spacing: 2px;
  font-weight: normal;
  margin:10px 0 20px 0;
  padding:0px;
  font-size: 20px;
  color:#000;
}

.sub
{ font-size: 55%;
  padding-left: 12px; 
  letter-spacing: .1em;
}

img
{ border: 0px; 
  margin: 0px; 
  padding: 0px;
}

a{outline: none;}

a: hover {
text-decoration:underline}

blockquote
{ margin: 20px 0px 20px 0px; 
  padding: 10px 20px 0px 20px;
  border-left: 8px solid;
}

ul
{ margin: 2px 0px 18px 16px;
  padding: 0px;
}

ul li
{ list-style-type: square;
  margin: 0px 0px 6px 0px; 
  padding: 0px;
}

ol
{ margin: 8px 0px 0px 24px;
  padding: 0px;
}

ol li
{ margin: 0px 0px 11px 0px; 
  padding: 0px;
}

	#logo, #menu, #site_content
{ margin-left: auto; 
  margin-right: auto;
}

#logo
{ width: 1100px;
  height: 150px;
  background-image:url(https://www.fotos-von-mallorca.de/style/almendras.jpg);
}

#site_content{
width: 1100px;
background-image: url(https://www.fotos-von-mallorca.de/style/content-bg.gif);
background-repeat:repeat-y;
} 

#side_menu
{ padding: 22px 20px 22px 20px;
  float: left; 
  width: 210px;
}

#side_menu ul{
list-style-type:none;
margin:0px;
padding:0px;
}
#side_menu ul li{
list-style-type:none;
padding:0px;
margin:0px 0px 6px 0px;
}
#side_menu li a{color: #929280; text-decoration:none}
#side_menu li a:hover{color: #FFF}
#side_menu li.title{margin-bottom:12px}
#side_menu li.title a{color: #eee; font-weight:bold; text-decoration:none}

#content
{ text-align: left;
  width: 810px;
  float: left;
  padding: 12px 20px 100px 20px;
  border: no;
  background-color:#FFFFFF;
}

#content a{text-decoration: none;color:#E39821}
#content a:hover{color:#929280}

#footer {
  width: 1100px;
  height: 30px;
  line-height:30px;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 0.8em;
  color: #000;
  text-align: center;
  margin:0 auto;
}

#footer a {color: #000}
#footer a:hover {color: #FFF}

.box {
width:375px;
float:left;
border:1px solid #000000;
font:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px !important;
background-color:#E6E6E6;
margin:0px 16px 16px 0px;
padding:10px;
-moz-border-radius: 6px;-webkit-border-radius: 6px;-khtml-border-radius: 6px;-o-border-radius: 6px;border-radius: 6px;
}
.last{margin-right:0px}

.box img {
float:left;
border:1px solid #fff;
margin:0px 10px 0px 0px;
width:180px; height:120px;
-moz-border-radius: 6px;-webkit-border-radius: 6px;-khtml-border-radius: 6px;-o-border-radius: 6px;border-radius: 6px;
}

.box a, .box2 a {color:#FF9933 !important;text-decoration:none !important;font-weight:bold;line-height:1.4em}
.box a:hover, .box2 a:hover {color:#000000 !important;text-decoration:underline !important}

.box p{margin:3px 0px 0px 0px;line-height:1.4em}

.clear{clear:both}
.clear0{height:0px; line-height:0px; font-size:0px; margin:0px; padding:0px; clear:both}

#gallery{margin-bottom:16px; }
#gallery img{cursor:pointer; width:242px; height:181px; margin:0px 5px 5px 0px; padding:3px; border:1px solid #BDBDB7}

.formbox{ font-size:11px; margin-bottom:25px}
.formbox div{margin-bottom:6px}
form{margin:0px; padding:0px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; color:#222}
input, textarea{font-size:16px; color:#222}
form p.message{font-size:12px; border:1px dotted #555; padding:3px}
.error{font-size:12px; border:1px dotted #aa0000; padding:10px; color:#aa0000}
.lizenz{border:1px solid #555; padding:8px}


.box2 {
float:left;
border:1px solid #000000;
font:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px !important;
background-color:#E6E6E6;
margin:0px 16px 16px 0px;
padding:10px;
text-align:center;
-moz-border-radius: 6px;-webkit-border-radius: 6px;-khtml-border-radius: 6px;-o-border-radius: 6px;border-radius: 6px;
}

.box2 img {
border:1px solid #fff;
margin:0px 0px 5px 0px;
width:180px; height:120px;
-moz-border-radius: 6px;-webkit-border-radius: 6px;-khtml-border-radius: 6px;-o-border-radius: 6px;border-radius: 6px;
}