@charset "utf-8";
/* CSS Document */
/*-----------------------------------------------------------------------------
[villa-eleonora.com] Screen Stylesheet
version:   1.0
date:      26/11/08
last doc:  15/10/09
author:    Pichler Alexander
email:     development@by-experience.com
website:   wwww.by-experience.com
-----------------------------------------------------------------------------*/
/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead{
	border:0;
	font-family:inherit;
	font-size:100%;
	font-style:inherit;
  font-weight:inherit;
  margin:0;
	outline:0;
	padding:0;
	vertical-align:baseline;
}

/* remember to define focus styles! */
:focus {
	outline:0;
}

html{
	overflow:auto;
}

body{
	background:#e1dac0;
	color:#464648;
	font:normal 63.5%/1.3em Arial, Helvetica, sans-serif;
}

ol, ul, li{
	list-style:none;
	margin:3px 0;
	text-align:center;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:separate;
	border-spacing:0;
}

caption, th, td{
	font-weight:normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:"";
}

blockquote, q {
	quotes:"" "";
}
/* ENDE Reset */

/* Allgemein */
.floatRight{
	float:right;
}

.floatLeft{
	float:left;
}

.clear{
	clear:both;
}

h2{
	font:bold 1em/1.4em Tahoma, Arial, Helvetica, sans-serif;  
	margin:0 0 10px 0;
}

.box{
  margin:0 auto;
  width:954px;
}

.gray_border{
  background:#efefef;
  border:solid 1px #dedede;
  color:#333;
  font-weight:bold;
  line-height:1.4em;
  padding:4px;
  text-align:center;
  width:315px;
}

.hide{
  display:none;
}

.abstand{
  margin:0 88px 0 0;
}

.abstand_links{
  margin:0 0 0 18px;
}

.pad15{
  padding:15px;
}
/* ENDE Allgemein */


/* Head */
#head{
  margin:94px 0 10px 0;
  text-align:center;
}

#head_page{
  height:84px;
  margin:0 0 10px 0;
}

#logo{
  background:#fefefe;
  padding:31px 0 31px 65px;
}

.logo_klein{
  margin:17px 0 0 0;
  position:absolute;
}

#sprache{
  font-size:1.2em;
  font-weight:bold;
  margin:71px 0 0 445px; /* 411px 0 0 692px */
  position:absolute;
}

#sprache a:link, #sprache a:visited{
  color:#464648;
  margin:0 10px;
  text-decoration:none;
}

#sprache a:hover, #sprache a:active{
  color:#464648;
  text-decoration:underline;
}
/* ENDE Head */


/* Navi */
#top_navi{
  color:#8c6f49;
  font-size:1.1em;
  margin:19px 0 0 823px;
  position:absolute;
}

#top_navi a:link, #top_navi a:visited{
  color:#8c6f49;
  text-decoration:none;
}

#top_navi a:hover, #top_navi a:active{
  color:#8c6f49;
  text-decoration:underline;
}

.navi{
  font-size:1.1em;
  margin:63px 0 0 266px;
  padding:0;
  position:absolute;
}

.navi_it{
  margin:63px 0 0 301px;
}

.navi ul{
  list-style:none;
  margin:0;
  padding:0;
}

.navi ul li{
  font-size:1.1em;
  float:left;
  padding:0;
  margin:0;
  text-align:center;
}

.navi a:link, .navi a:visited{
  border-left:solid 1px #9c7963;
  border-top:solid 2px #9c7963;
  color:#464648;
  display:block;
  padding:8px;
  text-decoration:none;
}

.navi a:hover, .navi a:active{
  color:#464648;
  text-decoration:underline;
}

#untermenu{
  margin:18px 0 0 3px;
  padding:20px 0 0 0;
  position:absolute;
  text-align:left;
}

#untermenu ul li{
  font-size:1.2em;
  line-height:1.3em;
  margin:0 0 0 215px;
  text-align:left;
}

#untermenu a:link, #untermenu a:visited{
  color:#464648;
  text-decoration:none;
}

#untermenu a:hover, #untermenu a:active{
  color:#464648;
  text-decoration:underline;
}

.um_1508{
  margin-left:56px;
}

.um_1509{
  margin-left:142px;
}

.um_1532{
  margin-left:210px;
}

.um_1510{
  margin-left:303px;
}

.um_1511{
  margin-left:374px;
}

.um_1512{
  margin-left:492px;
  margin-top:-13px;
}

.um_1513{
  margin-left:618px;
}

.um_1514{
  margin-left:686px;
}

.um_1508_it{
  margin-left:104px;
}

.um_1509_it{
  margin-left:174px;
}

.um_1532_it{
  margin-left:240px;
}

.um_1510_it{
  margin-left:330px;
}

.um_1511_it{
   margin-left:399px;
}

.um_1512_it{
  margin-left:499px;
  margin-top:-13px;
}

.um_1513_it{
  margin-left:611px;
}

.um_1514_it{
  margin-left:681px;
}
/* ENDE Navi */


/* Inhalt */
#main{
  background-color:#f0ede0;
  border-bottom:solid 1px #9c7963; 
  border-top:solid 1px #9c7963;
  clear:both;
}

#inhalt{
  height:470px;
  margin:0 auto;
  width:954px;
}

#context, #context_long, #context_breit, #context_quer{
  background:#fefefe;
  float:left;
  font-size:1.2em;
  height:445px;
  line-height:1.4em;
  margin:0 0 0 590px !important;
  margin:0 0 0 295px;
  overflow:auto;
  overflow-x:hidden;
  padding:25px 20px 0 10px;
  width:332px;
}

#context_long{
  margin:0 !important;
  width:922px;
}

#context_breit{
  margin:0 !important;
  width:590px;
}

#context_quer{
  height:470px;
  margin:0 !important;
  padding:0;
  width:954px;
}

#context ul, #context_long ul, #context_breit ul{
  margin:10px 0 18px 13px; 
}

#context ul li, #context_long ul li, #context_breit ul li{
  list-style-type:circle;
  text-align:left;
}

#context_long table{
  margin:0 0 20px 0;
}

#context_long th{
  font-weight:bold;
  vertical-align:bottom;
}

#context_long td, #context_long th{
  border-bottom:solid 1px #333;
  padding:5px 0;
}

.zentrieren{
  text-align:center;
  vertical-align:middle;
}

#context_box{
  float:left;
  margin:0;
}

.thumbs{
  margin:362px 0 0;
  position:absolute;
  text-align:right;
  width:585px;
  z-index:10;
}

.balken{
  background:#fefefe;
  filter: alpha(opacity=70);
  height:115px;
  margin:355px 0 0;
  opacity:0.7;
  position:absolute;
  text-align:right;
  width:590px;
  z-index:5;
}

.thumbs img{
  margin:0 2px;
}

.opacity{
  filter: alpha(opacity=50);
  opacity:0.5;
}

.fix_box{
  line-height:1.7em;
  margin:300px 0 0;
  position:absolute;
}

#context a:link, #context a:visited, #context a:hover, #context a:active{
  background:url(../images/link.gif) right 4px no-repeat;
  color:#8c6f49;
  padding:0 12px 0 0;
  text-decoration:none;
}

#context_long a:link, #context_long a:visited, #context_long a:hover, #context_long a:active{
  background:url(../images/link.gif) right 4px no-repeat;
  color:#8c6f49;
  padding:0 12px 0 0;
  text-decoration:none;
}

#context_breit a:link, #context_breit a:visited, #context_breit a:hover, #context_breit a:active, #context_quer a:link, #context_quer a:visited, #context_quer a:hover, #context_quer a:active{
  background:url(../images/link.gif) right 4px no-repeat;
  color:#8c6f49;
  padding:0 12px 0 0;
  text-decoration:none;
}

#s1{
  float:left;
  position:absolute;
  z-index:1;
}
/* ENDE Inhalt */


/* Footer */
#footer{
  clear:both;
  font-size:1.1em;
  padding:5px 0 0 0;  
  text-align:center;
}

#footer img{
  margin:10px;
}

.adresse{
  display:block;
  padding:0 0 8px;
}

#footer a:link, #footer a:visited, #footer a:hover, #footer a:active{
  color:#333;
}
/* ENDE Footer */