* { margin:0; padding:0; }

  body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object { border: medium none ;
    }



body  { color: #303030; font: 0.8em/1.5 arial, sans-serif; background: white url("../img/bg.jpg") repeat-x; text-align: center; padding: 0 }

a  { color: #93b21a }

a:link {color:#93b21a;}
a:hover {color:#93b21a; text-decoration: none;}

  h1, h2, h3, h4, h5, h6 { margin: 15px 0pt 7px;
    }

  h1 { font-size: 200%;
    }

  h2  { color: #93b21a; font-size: 2em; font-family: "Courier New", Courier, Monaco, monospace; font-weight: 600; line-height: 1em; margin-bottom: 0 }

  h3  { color: #666; font-size: 125%; margin-top: 15px; margin-bottom: 7px }

  h4 { font-size: 120%;
    }

  h5 { font-size: 100%;
    }

  #layout { margin: 0pt auto;
    width: 810px;
    text-align: left;
    }

  #header  { padding: 10px 0 5pt; position: relative; width: 810px }

  #logo { font-size: 250%;
    font-family: "Courier New",Courier,Monaco,monospace;
    font-weight: bold;
    line-height: 108px;
    text-align: left;
    margin-right: 0pt;
    margin-bottom: 0pt;
    margin-left: 36px;
    position: relative;
    width: 300px;
    height: 88px;
    overflow: hidden;
    }

  #logo a { color: rgb(137, 186, 23);
    font-weight: bold;
    text-decoration: none;
    padding-right: 10px;
    }

  #logo span { color: rgb(137, 186, 23);
    }

  #navigation { font-size: 95%;
    line-height: 83px;
    text-align: right;
    display: block;
    margin-top: 10px;
    position: absolute;
    top: 10px;
    left: 270px;
    width: 530px;
    height: 88px;
    }

  #navigation ul li { display: inline;
    }

  #navigation li a { border-left: 1px solid rgb(238, 235, 205);
    padding: 15px 12px;
    color: rgb(51, 51, 51);
    font-size: 120%;
    text-decoration: none;
    margin-top: 10px;
    }

  #first a { border: medium none ;
    text-decoration: none;
    }

  #navigation a:hover { text-decoration: underline;
    }

  #main-box  { color: rgb(255,255,255); font-size: 24px; background: rgb(164,196,0) repeat-x 0 50% }

  #quote  { background-color: transparent; padding: 10px }

  #quote p { color: white;
    font-size: 33px;
    line-height: 1.25em;
    letter-spacing: 1px;
    margin-top: 50px;
    }

  #quote img { border-style: solid;
    border-color: rgb(255, 255, 255);
    margin-top: 1px;
    margin-right: 1px;
    float: right;
    }

  #main { padding: 0pt 20px 0pt 37px;
    }

 #content   { margin-top: 8px; padding: 2px 18px 6px; border: dotted 1px #ccc }
#content img.right { margin-left: 12px; padding: 4px; float: right; border: solid 1px #cdcdcd }
#content p { font-size: 1.1em; line-height: 1.7em; text-align: justify }
#content ul, ol, dl  { margin-left: 0; position: relative }
#content li  { font-size: 1.1em; line-height: 1.5; background-image: url("../img/arrow_right.gif"); background-repeat: no-repeat; background-position: 0 2px; text-align: justify; white-space: normal; list-style-type: none; list-style-position: outside; margin-bottom: 10px; padding-left: 20px }
#content .lightbox { margin-right: 2px }
#footer   { color: rgb(170,170,170); margin-left: 12px; padding: 10px 0 }

  #footer p { margin-top: 0pt;
    margin-bottom: 0pt;
    }

  #copyright { float: left;
    width: 300px;
    }

  #hints  { text-align: right; margin: 0 12pt 0 323px }

  .thumbnail { margin: 0pt 13px 20px 0px;
    float: left;
    }
.grossbild { margin-top: 0; margin-bottom: 20px; margin-left: 0; outline: solid 1px silver }
a img { border: 1px solid rgb(218, 218, 218);
    }

  a:hover img { border: 1px solid rgb(187, 187, 187);
    }

  p { margin: 10px 0pt 15px;
    line-height: 24px;
    font-size: 95%;
    }

  .content p { margin-top: 10px;
    }

  table  { font-size: 100%; background-color: #f9f9f9; margin: 10px 0; width: 100%; border: solid 1px #ccc; border-collapse: collapse }

  th  { font-weight: bold; text-align: center }

  th, td  { padding: 8px 10px 4px; border-bottom: 1px dotted #ccc }

  tr.table-top { background: rgb(229, 229, 229) none repeat scroll 0% 50%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    font-weight: bold;
    }

  ul, ol { margin: 15px 0pt 15px 40px;
    display: block;
    }

  ul ul, ul ul ul, ol ol, ol ol ol { margin: 0pt 0pt 0pt 20px;
    }

  ol { list-style-type: decimal;
    }

  ol ol { list-style-type: upper-alpha;
    }

  ol ol ol { list-style-type: lower-alpha;
    }

  li { display: list-item;
    }

  ul li a { text-decoration: underline;
    }

  dl { margin: 15px 0pt;
    }

  dt { font-weight: bold;
    }

  dd { margin-left: 30px;
    }

  fieldset { border: 1px solid rgb(204, 204, 204);
    margin: 15px 0pt;
    padding: 10px;
    }

  legend { margin-left: 10px;
    font-size: 100%;
    font-weight: bold;
    color: rgb(0, 0, 0);
    }

  abbr, acronym, .help { border-bottom: 1px dotted rgb(204, 204, 204);
    cursor: help;
    }

  blockquote { margin: 15px 20px;
    font-style: italic;
    }

  del, .del { text-decoration: line-through;
    }

  strong, .strong { font-weight: bold;
    }

  cite, em, q, var { font-style: italic;
    }

  code, kbd, samp { font-family: monospace;
    font-size: 110%;
    }

  hr { border: 0pt solid rgb(204, 204, 204);
    margin: 10px 0pt;
    padding: 0pt;
    background: rgb(204, 204, 204) none repeat scroll 0% 50%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    display: block;
    height: 1px;
    color: rgb(204, 204, 204);
    }

  .light { padding: 4px 5px;
    background: rgb(172, 0, 1) none repeat scroll 0% 50%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    text-decoration: none;
    }

  .light:hover { color: rgb(255, 255, 255);
    }

  .noscreen { display: none;
    }

  .clear { clear: both;
    }
	
/* Lightbox */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img { width: auto; height: auto }
#lightbox a img{ border: none; }

#outerImageContainer { background-color: #fff; margin: 0 auto; position: relative; width: 250px; height: 250px }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover   { background: url("lightbox_js/prevlabel.gif") no-repeat left 15% }
#nextLink:hover, #nextLink:visited:hover   { background: url("lightbox_js/nextlabel.gif") no-repeat right 15% }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData { color: #555; padding: 0 10px }
#imageData #imageDetails { text-align: left; width: 100%; float: left }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose  { padding-top: 8px; padding-bottom: 0.7em; width: 66px; float: right; outline: none medium }	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }