* {padding: 0; margin: 0; border: 0;}


/* CLEARFIX */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}



html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body{font-family: 'lucida grande', helvetica, verdana, arial, sans-serif; background-color: #fff;  background: url('../gfx/bgr_left.gif') no-repeat; }
h1, h2, h3, h4, h5, h6 { color: #082d6c; font-family: 'Arial', verdana; margin: 0; letter-spacing: 0.0em;}

a,
a:visited, 
a:focus, 
a:active{color: #648024; text-decoration: none} 
a:hover {text-decoration: none;}


pre, code { white-space: pre; font-family: "Courier New"; }
pre { margin: 8px 0; }

p { margin: 1em 0; }
strong { font-weight: bolder; }
em { font-style: italic; }

.layer{}


fieldset {border: 1px solid black; padding: 8px; margin: 8px 0; }
:focus {outline: 0; }

legend { font-weight: bold; }
button { padding: 0 6px; margin: 0; }

#navigation{position: absolute; left: 515px; top: 90px; z-index: 30; font-size: 0.7em; height: 30px; width: 500px;}
#navigation a{float: left; height: 20px; width: 110px; background-color: white; padding: 4px 5px 0px 10px;  margin-right: 20px; font-size: 12px;}
#navigation a.nav_normal { color: black !important;}
#navigation a.nav_selected { color: #9cc638 !important;}


.imagecaption span{padding-right: 5px;}

#wrapper{width: 880px; height: 650px; margin-left: 70px;}
#header{height: 90px; padding-left: 205px; margin-top: 20px; margin-bottom: -20px;  }
#header h1{display: none;}
#header #header_picture{background: url('../gfx/header.gif') no-repeat; height: 80px;}

#content{height: 590px; font-family: 'lucida grande', helvetica, verdana, arial, sans-serif; }

#content_left{letter-spacing: 0.05em; font-family: 'lucida grande', helvetica, verdana, arial, sans-serif;}

#content_top{z-index: 30; position: absolute; top: 175px; left: 550px;}
#content_top h1{font-size: 1.5em; color: #082d6c; margin-bottom: 10px; font-family: 'lucida grande', helvetica, verdana, arial, sans-serif; font-weight: bold;}
#content_top h2{color: #082d6c; font-size: 1.0em; margin-left: 75px; font-family: 'lucida grande', helvetica, verdana, arial, sans-serif; width: 260px; }


#content_bottom {
	color:white;
	font-size:0.82em;
	left:290px;
	line-height:1.15em;
	position:absolute;
	top:550px;
	z-index:30;
}

#useFireFox{z-index:30; display: none; left:274px; position:absolute; top:675px; width: 660px; background: url(../gfx/exclamation.png)0px 20px no-repeat; padding-left: 20px;}
#useFireFox p{font-size: 0.8em; color: #666666}

#legend{position: absolute; top: 640px; left: 300px; z-index: 30; width: 302px; height: 111px;}
#legend p{color: white; font-size: 0.8em;}

#content_left{height: 570px; width: 187px; margin: 0 0px; }

#content_left .category{margin-left: 1px; margin-bottom: 20px; width: 186px;}
#content_left .category img{padding-left: -1px; margin-left: -1px; margin-top: -1px; width: 61px; height: 50px; /*float: left;*/}
#content_left .category h1{margin-left: -1px; color: black; height: 20px; font-size: 0.75em; padding: 0; padding-top: 6px; padding-left: 5px; font-weight: normal;}

/*#content_left .category_extinction{height: 70px;}*/
#content_left .category_extinction h1{ background-color: red;}
#content_left .category_extinction img{ border: 1px solid red; }

/*#content_left .category_hardatrisk{height: 70px;}*/
#content_left .category_hardatrisk h1{background-color: orange;}
#content_left .category_hardatrisk img{ border: 1px solid orange; }

/*#content_left .category_atrisk{height: 122px;}*/
#content_left .category_atrisk h1{background-color: yellow; }
#content_left .category_atrisk img{ border: 1px solid yellow; }

/*#content_left .category_notatrisk{height: 122px;}*/
#content_left .category_notatrisk h1{color: white; background-color: green;}
#content_left .category_notatrisk img{ border: 1px solid green; }


#content_right{height: 590px; width: 675px;  float:right; font-family: 'lucida grande', helvetica, verdana, arial, sans-serif;}
#content_right h1{font-weight: bold;}


#footer{/*background: url('../gfx/background_footer.gif') no-repeat; */padding-top: 30px; margin-top: 20px; margin-left: -20px; padding-left: 20px; padding-bottom: 5px;}
#footer .logos{text-align: right; margin-left: 210px;}
#footer .logos img{padding-right: 20px;}
#footer a{padding-right: 25px; }

#footer_bottom{background: url('../gfx/bgr_bottom.gif') no-repeat; height: 139px; margin-left: -70px;} 


#footer_navigation{ margin-left: 700px; margin-bottom: -13px;}
#footer_navigation a{ display: block; width: 110px; height: 25px; font-size: 0.9em; background-color: #7fc21b; color: black; padding: 3px 5px 0px 10px;}

body.impressum #footer .logos{text-align: left;}
body.impressum #footer .logos img{padding-right: 25px;}

body.impressum #footer a{padding-right: 0px;}




.animationItemStart1{display: none;}
.animationItemStop1{display: block;}

.animationStart{display: none; opacity: 0.0;  zoom: 1; filter:alpha(opacity=0); -moz-opacity: 0.0;}
.animationStop1{display: block; opacity: 1.0; zoom: 1; filter:alpha(opacity=100); -moz-opacity: 1.0; }

#preload{z-index: 999; background-color: white; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; margin: auto; text-align: center; padding-top: 200px;}
#preload h1{color: grey; padding-bottom: 10px;}




.element{margin-bottom: 20px;}
.element h4, .element h4 {color: black; text-decoration: underline; }
.element p{margin:0;}









#TB_window{border: 1px solid #7fc21b;}
#TB_overlay{background: none;}
#TB_ajaxWindowTitle{color: white;}

#TB_ajaxContent .header h1{}
#TB_ajaxContent .header h2{font-style:italic;}
#TB_ajaxContent .header img{float:left; margin-right: 10px; }
#TB_ajaxContent .content{padding: 0 10px 10px 10px;}
#TB_ajaxContent .content img{}
#TB_title{background-color: white;}



.download_box{
	position: absolute;
	height: 100px;
	width: 470px;
	left: 460px;
	filter:alpha(opacity=90);
	-moz-opacity: 0.90;
	opacity: 0.90;
	background-color: white;
	z-index: 99;
}

.download_box:hover, .download_box-hover{background-color: #9cc638;}
.download_box:hover h1, .download_box:hover h2, .download_box-hover h1, .download_box-hover h2{color: white;}

.download_box h1{ font-size: 2em; padding-top: 30px; padding-left: 10px; }
.download_box h2{ padding-top: 15px; padding-left: 10px;}


.download_pos1{top: 180px;}
.download_pos2{top: 290px;}
.download_pos3{top: 400px;}
.download_pos4{top: 510px;}