/**
* Body
*/
body { margin:10px 20px; background-color:#333333; font-size:75%; color:#333333; }
div { margin: 0px; }
* html div#content { height: 1em; } /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */

/**
* Main
*/
#main { padding: 0px; }
    
/**
* Header
*/
#header { height:140px; }
#header a { color: white; background: transparent; font-weight: bold; }
#header a:link { text-decoration: none; }
#header a:visited { text-decoration: none; }
#header a:active { text-decoration: none; }
#header a:hover { text-decoration: underline; }
#header img { display: none; }
#header p { text-align:right; font-size: 11px; margin: 0px; padding: 12px 32px; color: white; float: right; }
    
/**
* Page
*/
#page { margin: 0px 15px; background: url(../Img/bg_page.gif);  min-height: 400px; } /* Workarount IE */
* html #page { height: 400px; }
    
/**
* Menu
*/
#menu { float: left; }
#menu a { color: black; background: transparent; }
#menu a:link { text-decoration: none;}
#menu a:visited { text-decoration: none;}
#menu a:active { text-decoration: none;}
#menu a:hover { text-decoration: underline;}
#menu p { width: 200px; margin: 0px; padding: 6px 0px 6px 10px; border-bottom: 1px solid white; text-align: left; }
    
/**
* Query Form
*/
#query { width: 100%; margin-bottom: 2em; border-spacing: 5px; border: 1px dashed #CCCCCC; background-color: #F4F4F4; }
#query p { text-align: left; margin: 0; }
#query td { vertical-align: top; white-space: nowrap; padding-right: 1em; }
    
/**
* Footer
*/
#footer { clear: both; height: 3.1em; }
#footer a { color: white; background: transparent; }
#footer a:link { text-decoration: none;}
#footer a:visited { text-decoration: none;}
#footer a:active { text-decoration: none;}
#footer a:hover { text-decoration: underline;}
#footer p { text-align: center; padding: 3px; margin: 0px; font-size: 11px; }

/**
* Search taxa
*/
#searchtaxa { text-align: right; }

/**
* Content
*/
#content { margin-left: 200px; background-color: white; padding: 30px; }
#content p { padding-right: 15%; }
#content p.searchtaxa { text-align: right; padding-right: 4px; }

a { color: #639c00; background: transparent; }
a:link { text-decoration: none;}
a:visited { text-decoration: none;}
a:active { text-decoration: none;}
a:hover { text-decoration: underline; color: #426700; }

h1, h2 { font-family: Arial,Helvetica,sans-serif; font-weight: normal; }
h1 { margin: 0 0 1.5em 0; font-size: 200%; }
h2 { margin: 2em 0 0.7em 0; font-size: 150%; }
h6 { margin: -2.8em 0 3em 0; font-family: Verdana,Tahoma,Arial,sans-serif; font-weight: normal; font-size: 92%; }

img { border:0px; }

li { margin: 0.5em 0; }

p, td, ul { font-family: Verdana,Tahoma,Arial,sans-serif; font-size: 100%; line-height: 150%; }
p, ul { margin: 0.7em auto; }
p.error { color: red; font-weight: bold; }
p.listtop { border-bottom: 1px dashed #CCCCCC; margin-bottom: 2em; }

table { font-size: 100%; border-spacing: 0; }

table.coop { margin-right: 15%; margin-top: 2em; border-collapse: collapse; }
td.coop1, td.coop2 { padding: 1em; }
td.coop1 { text-align: center; }
td.coop2 { text-align: left; padding-left: 3em; }

table.list { margin-right: 15%; margin: 2em 0; border-collapse: collapse; }
td.list1, td.list2 { padding: 0.3em; border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; vertical-align: top; }
td.list2 { padding-left: 2em; }

table.classification { background-color: #F4F4F4; border: 1px dashed #CCCCCC; border-bottom: 0; border-collapse: collapse; width: 100%; }
td.classification1 { padding: 3px; padding-right: 20px; border-bottom: 1px dashed #CCCCCC; color: #999999; vertical-align: top; font-size: 92%; }
td.classification2 { padding: 3px; padding-right: 10px; border-bottom: 1px dashed #CCCCCC; width: 95%; vertical-align: top; }
td.select { background-color: white; }

/**
* Globale Klassen
*/    
.small { font-size: 92%; }
.tiny { font-size: 83%; }
.grey { color: #999999; }
.noborder { border: 0; }
.white { background-color: white; }
.right { text-align: right; }

/**
* Shadow
*/
#tl { background: url(../Img/shadow_tl.jpg) top left no-repeat; }
#tr { background: url(../Img/shadow_tr.gif) top right no-repeat; }
#right { background: url(../Img/shadow_r.gif) top right repeat-y; }
#left { background: url(../Img/shadow_l.gif) top left repeat-y; }
#bl { background: url(../Img/shadow_bl.gif) bottom left no-repeat; }
#br { background: url(../Img/shadow_br.gif) bottom right no-repeat; }