/* Screen-Stylesheet für alle Browser
 * Bei Änderungen muss möglicherweise auch das IE-Stylesheet geändert werden. */
/* Design */
body { margin:0; font:80% Georgia,'Times New Roman',Times,serif; line-height:130%; color:black; }
h1, h2, h3, h4, h5, h6, #navi { font-family:Tahoma,Arial,sans-serif; line-height:100%; }
h1 { font-size:200%; }
h2 { font-size:170%; }
h3 { font-size:140%; }

body, #navi, #logo, #sidebar { background-color:rgb(210,240,210); }
#main { background-color:rgb(190,220,190); }
#navi li a { font-weight:bold; text-decoration:none; color:white; }
#navi li a:hover, #navi li a:focus { color:black; }
a { text-decoration:underline; color:rgb(50,60,50); }
a:hover, a:focus { color:rgb(130,140,130); }

/* Layout - bitte das Boxmodell beachten und ggf. IE-Stylesheet ändern */
#navi { position:fixed; left:0; top:0; width:230px; height:640px; margin:0; padding:10px 0 0 0; background:url(tree.jpg) 0 10px; list-style-type:none; }
#navi li { position:absolute; width:160px; height:60px; }
#navi li a { display:block; width:140px; height:60px; background-image:url(leaf.png); }
#navi li a:hover, #navi li a:focus, #selected { background-image:url(leafsel.png) !important; }
/* Blätter mit 65px Abstand (passt auf 1024x768) */
#pmain { left:8px; top:30px; }
#paboutus { left:40px; top:95px;  }
#pproducts { left:50px; top:160px; }
#pnew { left:60px; top:225px; }
#pservice { left:50px; top:290px; }
#pevents { left:35px; top:355px; }
#plinks { left:15px; top:420px; }
#pcontact { left:0; top:485px; }

#logo { position:fixed; left:0; top:0; width:100%; height:180px; padding-top:10px; }
#logo img { margin-left:230px; }
#main { margin:0 240px 0 230px; padding:200px 20px 20px 20px; overflow:hidden; }
#sidebar { position:fixed; right:0; top:0; width:200px; padding:10px 20px 0 20px; }
img { border:none; }

.events { margin:0; padding:0; border:2px solid #326432; border-collapse:collapse; width:100%; }
.events .greyed, .events .greyed a { color:rgb(150,170,150); }
.events .next_event, .events .next_event a { color:white; background-color:#326432; }
.events .odd { background-color:rgb(200,220,200); }
.events .even { background-color:rgb(220,240,220); }
.events td { padding:2px 4px; }
.product_photo { float:right; }
.product_info { margin:0 2ex; border:1px solid red; }

.infobox { margin-bottom:1em; padding:1px; border:1px solid black; text-align:center; background-color:white; }
.infobox h1 { margin:0 0 0.5ex 0; padding:0.4ex; border-width:0 1ex; border-style:solid; border-color:#163216; color:white; background-color:#326432; font-size:100%; font-family:verdana,helvetica,arial,sans-serif; }
.infobox p { margin:1ex 2px; font-size:95%; }
.infobox ul { text-align:left; margin:1ex 2px; padding-left:3ex; }

.overview { margin:0; padding:0; border:2px solid #326432; border-collapse:collapse; }
.overview td { padding:1px 5px; }
.overview .odd { background-color:rgb(200,220,200); }
.overview .even { background-color:rgb(220,240,220); }