html {
    background: #dddddd;
    /*background: #7f7f7f;*/
    color:      #333333;
    font-size:  98%;
    direction:  ltr;
}
body {
    width: 640px;
    font:  11px verdana, arial, helvetica, sans-serif;
}
* {
    font-size:   100.01%;
    font-family: inherit;
    line-height: inherit;
}

body,div {background:transparent; border:0; margin:0; padding:0;}

a {text-decoration:none;}
p, img, h1, h2, h3, h4, h5 {margin:0; padding:0; border:0;}
p {font:11px/14px verdana, arial, helvetica, sans-serif;}
h1, h2 {font-weight:bold;}
/* Allgemeine Überschrift */
h1 {font:bold 12px/14px verdana,arial,helvetica,sans-serif; padding:0.167em 0.5em 0.167em 0.5em; background:#adadad;}
h2 {font-size:0.85em; font-weight:normal;}

/* Grafiken grundsätzlich ohne Rahmen */
img { border:none }

/* logo + invisible reference line */
#logo {position:relative; top:12px; left:12px; width:90px; height:80px; margin:0; padding:0; border:0; z-index:3;}
#logo {position:relative; top:-18px; left:-6px; width:90px; height:80px; margin:0; padding:0; border:0; z-index:3;}
#line {position:relative; top:0px; left:12px; width:600px; height:1px; margin:0; padding:0; border:0;}

/* main menu */
#main {position:absolute; top:70px; left:13em; width:600px; text-align:right; margin:0; padding:1px; border:0;}
#main a {font-weight:normal; border-bottom:1px solid #2c2c2c; margin:0; padding:0;}
#main a {padding:0 0.5em;}

/* sidebar */
#sidebar {position:absolute; top:82px; left:0; padding:12px; margin:0; border:0;}
#sidebar div {border-top:2px solid #00fa00;margin-bottom:1em;}
#sidebar a {display:block; text-align:right; border-bottom:2px solid #2c2c2c; padding:0.33em; margin:0;}
#sidebar a:link {color:#333333; background-color:#cccccc; border-bottom:2px solid #2c2c2c;}
#sidebar a:visited {color:#333333; background-color:#cccccc; border-bottom:2px solid #2c2c2c;}

/* menu item in sidebar */
#sidebar .topic a, #main .topic a {color:#333333; background:#cccccc; font-size:1em; line-height:1.2em; font-weight:normal;}
#sidebar .topic a:hover, #main .topic a:hover {color:#ffffff; background-color:#acacac;border-bottom:2px solid #00fa00;}

.remark {display:none;}

/* headline + content */
.headline, .content {position:relative; float:left; top:13px; left:13em; width:600px; border:0; margin:0; padding:0; }
.headline {border-top:2px solid #00fa00;}
.content {margin-top:0.5em}

.content h2 {font-size:11px;}

.content a {color:#333333; background-color:#cccccc; border-bottom:1px solid #2c2c2c; padding:0 0.33em;}
.content a:link {color:#333333; background-color:#cccccc; border-bottom:1px solid #2c2c2c;}
.content a:visited {color:#333333; background-color:#cccccc; border-bottom:1px solid #2c2c2c;}
/*.content a:hover {color:#ffffff; background-color:#acacac; border-bottom:2px solid #00fa00;}*/
.content a:hover {color:#ffffff; border-bottom:2px solid #00fa00;}

.content li {font-size:1.0em; line-height:1.8em;}
.content li a, .content p a{border-bottom:1px solid #2c2c2c; padding:0 0.33em;}
.content li a:hover {color:#ffffff; background-color:#acacac; border-bottom:2px solid #00fa00;}

.content p, .content pre {padding:0.5em 0.5em 0.167em 0.5em;}
/*.content pre {font:14px/18px "Comic Sans MS",verdana,arial,helvetica,sans-serif;}*/
.content pre {font:14px/18px "Courier New",monospace;}
.content pre a:hover {color:#ffffff; background-color:#acacac; border-bottom:2px solid #00fa00;}

/* selection */
.selection {vertical-align:top; background:#cccccc; color:#333333; border:0; margin:0; padding:0;}
.selection tr td {border-top:2px solid #dddddd; border-bottom:2px solid #dddddd;}
.selection tr:hover td {border-top:2px solid #00fa00; border-bottom:2px solid #00fa00;}
.selection tr:hover td:hover h4 {color:red;}
.selection td {vertical-align:top; text-decoration:none; padding:0; border:0;}
.selection p {padding:0.5em 0.5em 0.167em 0.5em;}
.selection a {display:block; margin:0;}
.selection a:link {}
.selection a:visited {}
.content .selection a {border:0;} /* Wichtig! */

/* for links within selection */
.links a:hover {color:#ffffff; background-color:#acacac; border-bottom:2px solid #00fa00;}

/* clear */
.clearer {clear:both;}

/* Bilderboxen */
.gallerycontainer{position:relative; left:13em; width:600px;}
.box {float:left; width:200px; text-align:center; border:0; margin:14px; padding:0;}
.box img {border:1px solid transparent;}
.box:hover img:hover {border:2px solid #00fa00;}
.box:hover h4 {color:red;}
.box a:link {}
.box a:visited {}
.gallerycontainer .box a {border:0;} /* Wichtig! */

/* Tooltipp */
.button a {color:#333333; background-color:#cccccc; border-bottom:1px solid #2c2c2c;}
.button a:hover {color:#ffffff; background-color:#acacac; border-bottom:1px solid #ffc800;}
.button a span {display:none;}
.button a:hover {display:inline;} /* for IE6 only */
.button a:hover span {display:block; position:absolute; left:0em; top:-2.2em; width:auto; margin-right:0.2em; font:normal 90% Arial, sans-serif; color:black; border:0; padding:0.1em 0.5em 0.2em; cursor:default; z-index:10; background-color:#ffffee; text-decoration:none;}