
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" >
html 
body{
height:100%; 
font-size:76%; 
font-family: trebuchet ms, tahoma, verdana, arial, sans-serif; URW Chancery L;
background:#fff ; 
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ }

h1 {font-size: 24px; font-family:URW Chancery L;}
h2 {font-size: 18px; font-family:URW Palladio L;}
h3 {font-size: 13px;}

.small {font-size: 12px;}
.mini {	font-size: 11px;}
.minimini {font-size: 9px;}

a {border-color:transparent;	font-size: 13px; text-decoration: none; font-weight : bold;}
a:link {color:#888;}
a:visited {border-color:transparent; color:#D2B48C;}
a:active {border-color:transparent; color:#fff;}
a:hover{border-color:transparent; color: #C0C0C0;}


#content {float:left;display:block; width:60%; min-height:670px; overflow:auto; color:#888}
#title {float:left; top:0; width:100%; height:101px; background: #9ACD32;}
#foot {float:left; width:100%; height:50px; background:rgb(214,100,50); color:#fff; text-align:right; font-size:1.8em;}

#left {float:left; width:20%; background:#fff; border:1px solid #fff; font-size:1em; color:#fff; }
#right {float:right; width:20%; border:1px solid #000; background:;}

#left, #right, #content { padding-bottom:px; margin-bottom:-px;}

#wrapper {overflow: hidden; background: ;}

#content p {padding:5px;}
#xboxcontent {display:block; border:0 solid #444; border-width:0 1px; padding:center; height:auto;}
* html .xboxcontent {height:1px;}
#foot a, #foot a:visited {color:#fff; font-size: 9px; font-weight:normal; text-decoration:underline;}
.bold {font-size:14px; font-weight:bold;}

#wordsleft {float:left; top:0px; right:0px; height:165px; width:165px; background:; border:1px solid #fff; margin-left:20px; margin:5px; padding:0px;}
#wordsabsolute {position:absolute; top:120px; left:1000px; height:1100px; width:240px; background:#fff; border:0px solid #000; margin-top:110px; margin:0px; padding:0px; }
#wordsrelative {position:relative; top:10px; left:30px; height:200px; width:200px; background:#ddd; border:1px solid #000; margin:5px; padding:5px; font-size:2em; color:#c00; width:200px;}

a.nav, a.nav:visited {display:block; width:100px; height:25px; text-decoration:none; color:#fff; font-weight:bold; line-height:25px;}
a.nav:hover {color:#fc0;}

#menu {padding:15px; margin:15px; width:0;}
#menu li {list-style-type:none; width:150px; height:20px; margin:2px 0; clear:both;}
#menu a, #menu a:visited {position:relative; display:block; width:120px; height:18px; border:0px solid #000; background-color:#fff; color:#888; padding-left:3px; text-decoration:none;}
#menu a span, #menu a:visited span {display:none;}
#menu a:hover {color:#888; background-color:#fff; border:1px solid #000; text-decoration:none;}
#menu a:hover span {position:absolute; display:block; left:130px; top:0; width:0px; height:0px; border-left:8px solid #aaa; border-top:8px solid #fff; border-bottom:8px solid #fff; font-size:1px; line-height:0;}

* html #menu a:hover span {width:8px; height:16px; w\idth:0; he\ight:0;}

#gallery {position:absolute; width:660px; height:460px; padding:10px; margin-left:20px; border:1px solid #333; background: #888; }
#gallery b.default {position:absolute; left:30px; top:10px; width:510px; height:380px; text-align:center;}
#gallery b.default img {display:block; margin:0 auto 10px auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}
#gallery b.default span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}

#gallery ul {list-style:none; padding:0; margin:0; width:120px; position:relative; float:right;}
#gallery ul li {display:inline; width:52px; height:52px; float:left; margin:0 0 5px 5px;}
#gallery ul li a {display:block; width:50px; height:50px; text-decoration:none; border:1px solid #000; border-color:#eee #555 #333 #ddd;}
#gallery ul li a span {display:none;}
#gallery ul li a img {display:block; width:50px; height:50px; border:0;}
#gallery ul li a:hover {white-space:normal; border-color:#555 #ddd #eee #333; background:#777;}
#gallery ul li a:hover b {position:absolute; left:-520px; top:0; width:520px; height:380px; text-align:center; background:#888; z-index:20;}
#gallery ul li a:hover span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}
#gallery ul li a:hover img {margin:0 auto 10px auto; width:auto; height:auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}

#gallery ul li a:active, #gallery ul li a:focus {white-space:normal; border-color:#555 #ddd #eee #333; background:#777;}
#gallery ul li a:active b, #gallery ul li a:focus b {position:absolute; left:-520px; top:0; width:520px; height:380px; text-align:center; background:#888; z-index:10;}
#gallery ul li a:active span, #gallery ul li a:focus span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}
#gallery ul li a:active img, #gallery ul li a:focus img{margin:0 auto 10px auto; width:auto; height:auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}


.photo {width:620px; height:500px; background:url(lbox/baum_faellen_back.jpg) no-repeat center center;margin-left:20px; margin-top:20px; border:1px solid #000; text-align:left; color:#000; padding-left:10px; position:relative;}
.photo dl {font-size:0.9em; position:absolute; width:450px; top:60px; left:90px; margin:5px;}
.photo dl dt {font-family:"times new roman", serif;font-size:1.8em; margin-bottom:2em;}
.photo dl dd {font-family:verdana, arial, sans-serif;  padding:0; margin:0; line-height:1.7em; margin-bottom:2em; font-size:12px;}
.photo dl dd:first-letter {font-weight:bold;}
#photo1 {width:680px; height:480px;margin-top:10px; border:1px solid #fff;}
.photo2 {width:600px; height:450px; background:url(images/baum_faellen_back2.jpg) no-repeat ; text-align:left; padding:5px; margin-top:20px; margin-left:30px; position:relative;}
.photo3 {width:600px; height:450px; background:url(images/baum_faellen_back4.jpg) no-repeat ; text-align:left; padding:5px; margin-top:5px; margin-left:30px; position:relative;}

#pix {height:500px; width:1px; background:; border:1px solid #efeff7; margin:15px; padding:0px;}
.xsnazzy {background: transparent; width:240px; float:left; margin:0 3px;}
.xsnazzy1 {background: transparent; width:650px; float:left; margin:10px;}
.xsnazzy2 {background:#fff; filter:alpha(opacity=70);opacity: 0.7; -moz-opacity:0.7; position:relative; left:20px; top:10px; width:200px; height:300px ; padding:0px; margin-top:45px;}
.xsnazzy3 {background:#fff; filter:alpha(opacity=70);opacity: 0.7; -moz-opacity:0.7; position:relative; left:360px; top:5px; width:200px; height:375px ; padding:0px; margin-top:40px;}
#text {background: transparent; width:500px; float:left; margin:0px; overflow:auto; }
