body,table,td,tr,div,p,pre,h1,h2,h3,h4,ul {font-family: Verdana, Arial, Helvetica, sans-serif;}
body,td,div,p,pre,ul {font-size: 12px;}
body {
  background: url(./images/leder.jpg) #bc7242; 
  color: black;
  margin: 0;
  padding: 1%; 
  min-width: 640px; 
  font-size: 100.01%; 
  font-family: verdana, arial, sans-serif ;
}

h1 {font-size: 18px;}
h2 {font-size: 14px;}
h3 {font-size: 13px;}
.small {font-size: 13px;}
.mini {font-size: 11px;}
.minimini {font-size: 20px;}
a {font-size: 12px;text-decoration: none}
a:link {color:#78b5d4}
a:visited {color:#cb7f26}
a:active {color:#ffa500}
a:hover{color: #ffffff;	text-decoration: underline;}

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #d3ab50;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: #d3ab50;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
border-radius: 4em;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}

#Ferienwohnung {
border: 4px solid #be7621;     /*#be7621*/
border-radius: 0.5em;
box-shadow: 2px 3px 3px 3px rgba(0,0,0,0.4), 0px 0px 0px 0px rgba(0,0,0,0.4) inset;
margin-right:7px;
background-color: #be7621;     /*#be7621*/
/*background-repeat: no-repeat;background-image: url(./images/rahmen1.jpg);*/
}

#weisserrahmen2 {
background-image: url(./images/rahmen2.jpg);
background-repeat: repeat-y;
}

#weisserrahmen3 {
background-image: url(./images/rahmen3.jpg);
}

#titelohneabsatz {
font-size: 20px;
font-weight: bolder;
}

#schwarzerlinkhauptteil {
color: #ebe45f;            /*#ebe45f*/
font-size: 18px;
}

#linkhauptteil {
color: #7d3838;
font-weight: bolder;
}

.schlagzeilemittig {
font-weight: bolder;
text-align: center;
}

.picleft  {
margin-right: 10px;
}

.picright  {
margin-left: 10px;
}

#sidebarright {
font-size: 12px;
font-weight: bold;
color: #7d3838;
}

.relativeposition {
position: relative;
}

#schlagzeilemittig30 {
font-size: 30px;
font-weight: bolder;
color: #7d3838;
text-align: center;
}

#bild1 {
position: absolute;
z-index:2;
top:20px;
left:-400px;
}

#bild2 {
position: absolute;
z-index:5;
top:25px;
left:-380px;
}

#bild3 {
clear: left;
position: absolute;
z-index:8;
top:250px;
left:-800px;
}

#bild4 {
clear: left;
position: absolute;
z-index:8;
top:150px;
left:-800px;
}

*/-------------------------------- hier noch einfacher schatten ausprobieren */
#box {
  background-color: green; */------nicht in gebrauch--- später löschen------ */
  position: relative;      
  width: 50%;
  text-align: center;
  margin: 0px auto;
  padding: 10px;
  color: #fff;
  font-family: sans-serif;
  margin-bottom: 20px;
}
#box:hover {               */------nicht in gebrauch--- später löschen------ */
  font-size: 150%;
}
.shadowme:after {          */------nicht in gebrauch--- später löschen------ */
  content: "";
  background-color: lightGrey;
  position: absolute;
  bottom: -5px;
  right: -5px;
  width: 100%;
  height: 5px;
}
.shadowme:before {         */------nicht in gebrauch--- später löschen------ */
  content: "";
  background-color: lightGrey;
  position: absolute;
  top: 5px;
  right: -5px;
  width: 5px;
  height: 100%;
}