/* ::::: http://cms.alpen-web.ch/common/css/ajax.css ::::: */

/* ::::: http://www.greentox.org/css/fonts.css ::::: */

@font-face {
	font-family: "DroidSansRegular";
	font-style: normal;
	font-weight: normal;
	src: url('droidsans-webfont.eot') format("embedded-opentype"), url('droidsans-webfont.woff') format("woff"), url('droidsans-webfont.ttf') format("truetype"), url('droidsans-webfont.svg') format("svg");
}
@font-face {
	font-family: "OpenSansCondBold";
	font-style: normal;
	font-weight: normal;
	src: url('opensans-condbold-webfont.eot') format("embedded-opentype"), url('opensans-condbold-webfont.woff') format("woff"), url('opensans-condbold-webfont.ttf') format("truetype"), url('opensans-condbold-webfont.svg') format("svg");
}
@font-face {
	font-family: "futura_lt_btlight";
	font-style: normal;
	font-weight: normal;
	src: url('futura_light_bt-webfont.eot') format("embedded-opentype"), url('futura_light_bt-webfont.woff') format("woff"), url('futura_light_bt-webfont.ttf') format("truetype"), url('futura_light_bt-webfont.svg') format("svg");
}
/* ::::: http://www.greentox.org/css/template.css ::::: */

@media screen {
	* { margin: 0px; padding: 0px; box-sizing: border-box; }
	html { -moz-text-size-adjust: none; }
	a img { border: medium none; }
	#branding, #branding a { display: block; }
	.clear { clear: both; float: none; }
}
.clearfix::after { clear: both; display: block; height: 0px; overflow: hidden; visibility: hidden; content: "."; }
.slides::after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0px; }
@media screen and (max-width: 860px) {
}
#cboxOverlay { background: rgba(0, 0, 0, 0.5) none repeat scroll 0% 0%; }
#cboxWrapper { background: white none repeat scroll 0% 0%; padding: 3px; border-radius: 5px; box-shadow: 0px 0px 11px 2px rgba(0, 0, 0, 0.4); }
#cboxPrevious { bottom: 1px; left: 6px; height: 23px; width: 23px; }
#cboxPrevious::before { content: "<"; color: rgb(148, 148, 148); font-size: 12px; font-weight: bold; font-family: arial; border: 1px solid rgb(204, 204, 204); border-radius: 50%; height: 19px; line-height: 19px; width: 19px; }
#cboxPrevious:hover::before { background: rgb(148, 148, 148) none repeat scroll 0% 0%; color: white; }
#cboxNext { bottom: 1px; left: 31px; height: 23px; width: 23px; }
#cboxNext::before { content: ">"; color: rgb(148, 148, 148); font-size: 12px; font-weight: bold; font-family: arial; border: 1px solid rgb(204, 204, 204); border-radius: 50%; height: 19px; line-height: 19px; width: 19px; }
#cboxNext:hover::before { background: rgb(148, 148, 148) none repeat scroll 0% 0%; color: white; }
#cboxClose { top: 0px; right: 0px; width: 20px; height: 20px; background: white none repeat scroll 0% 0%; border-radius: 0px 0px 0px 5px; }
#cboxClose:hover { background: rgb(148, 148, 148) none repeat scroll 0% 0%; border-radius: 0px 0px 0px 5px; }
#cboxClose::before { content: "X"; color: rgb(148, 148, 148); font-size: 12px; font-weight: bold; font-family: arial; top: 1px; left: 8px; }
#cboxClose:hover::before { color: white; }
#cboxCurrent { bottom: 3px; left: 68px; color: rgb(148, 148, 148); font-family: arial; font-size: 16px; }
#cboxTitle { color: rgb(148, 148, 148); font-family: arial; font-size: 16px; background: white none repeat scroll 0% 0%; }
#cboxSlideshow { color: rgb(148, 148, 148); font-size: 12px; font-weight: bold; font-family: arial; }
#cboxSlideshow:hover { color: rgb(221, 221, 221); font-size: 12px; font-weight: bold; font-family: arial; }
#colorbox::after, #colorbox *::after { content: "" ! important; }
#colorbox { z-index: 1100; }
#cboxOverlay { position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; background: rgba(0, 0, 0, 0.7) none repeat scroll 0% 0%; z-index: 1000; }
#cboxMiddleLeft, #cboxBottomLeft { clear: left; }
#cboxContent { position: relative; background: rgb(255, 255, 255) none repeat scroll 0% 0%; overflow: hidden; }
#cboxTitle { position: absolute; bottom: 0px; left: 0px; text-align: center; width: 100%; height: 22px; padding-top: 6px; margin: 0px; }
#cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; }
#colorbox * { box-sizing: content-box; }
#cboxCurrent { position: absolute; }
#cboxLoadingGraphic { background: transparent url('loading.gif') no-repeat scroll center center; }
#cboxSlideshow { position: absolute; bottom: 4px; right: 30px; border: 0px none; overflow: visible; width: auto; background: transparent none repeat scroll 0% 0%; transition: all 500ms ease 0s; margin: 0px; padding: 0px; }
#cboxClose::before { position: absolute; text-indent: 0px; transition: all 500ms ease 0s; }
#cboxClose { position: absolute; text-indent: -9999px; border: 0px none; overflow: visible; transition: all 500ms ease 0s; margin: 0px; padding: 0px; }
#colorbox, #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active { outline: 0px none; }
#cboxPrevious, #cboxNext { position: absolute; text-indent: -9999px; border: 0px none; overflow: visible; background: transparent none repeat scroll 0% 0%; margin: 0px; padding: 0px; }
#cboxPrevious::before, #cboxNext::before { position: absolute; text-indent: 0px; transition: all 500ms ease 0s; top: 0px; left: 0px; }
/* ::::: http://www.greentox.org/css/styles.css ::::: */

* { margin: 0px; padding: 0px; border: medium none; outline: medium none; }
html { overflow-y: scroll; background: transparent url('bg-html.jpg') repeat scroll left top; }
body { font: 62.5%/140% "DroidSansRegular",Arial,Helvetica,sans-serif; color: rgb(73, 84, 71); }
p { font: 1.3em/140% "DroidSansRegular",Arial,Helvetica,sans-serif; padding: 0px 0px 12px; }
a, a:visited { text-decoration: none; color: rgb(102, 153, 0); }
a:hover { text-decoration: underline; }
nav ul, .navi, ul { list-style: outside none none; }
.navi a { display: block; }
.container { margin: 0px auto; width: 960px; padding: 0px; }
header { width: 933px; height: 640px; position: relative; padding: 460px 0px 0px; margin: 0px 0px 40px; background: transparent url('bg-header.jpg') no-repeat scroll left top; }
#branding { text-align: center; margin: 0px 0px 50px; }
#embryo { position: absolute; top: 5px; left: 500px; z-index: 7; }
ul#navi { width: 100%; color: rgb(102, 153, 0); margin: 0px; float: left; padding: 0px 0px 0px 11px; }
ul#navi li { margin: 0px 0px 0px 20px; float: left; padding: 0px; line-height: 120%; position: relative; background: transparent url('bg-navi.jpg') no-repeat scroll left 13px; }
ul#navi li a, ul#navi li a:visited { color: rgb(102, 153, 0); text-decoration: none; padding: 0px 0px 10px; margin: 0px 0px 0px 21px; background: transparent none repeat scroll 0% 0%; font: 1.9em "OpenSansCondBold",Arial,Helvetica,sans-serif; text-transform: uppercase; }
ul#navi li a:hover, ul#navi li.active a:visited, ul#navi li.active a { color: rgb(85, 128, 1); text-decoration: none; }
ul#navi li span, ul#navi li span:visited { color: rgb(102, 153, 0); text-decoration: none; padding: 0px 0px 10px; margin: 0px 0px 0px 21px; background: transparent none repeat scroll 0% 0%; font: 1.9em "OpenSansCondBold",Arial,Helvetica,sans-serif; text-transform: uppercase; }
ul#navi li span:hover, ul#navi li.active span:visited, ul#navi li.active span { color: rgb(85, 128, 1); text-decoration: none; }
ul#navi > li:first-child { margin: 0px; background: transparent none repeat scroll 0% 0%; }
ul#navi > li:first-child a, ul#navi > li:first-child a:visited { margin: 0px; }
ul#navi li ul.sub { display: none; position: absolute; top: 30px; left: 0px; background: rgb(85, 128, 1) none repeat scroll 0% 0%; padding: 7px 0px 0px; border-bottom: 3px solid rgb(104, 154, 1); z-index: 99; }
ul#navi li:hover ul.sub { display: block; }
ul#navi li ul.sub li { font-size: 0.8em; background: transparent none repeat scroll 0% 0%; width: 90px; }
ul#navi li ul.sub li a, ul#navi li ul.sub li a:visited { padding: 8px 0px 9px; line-height: 100%; margin: 0px; color: rgb(255, 255, 255); }
ul#navi li ul.sub li a:hover, ul#navi li ul.sub li.active a, ul#navi li ul.sub li.active a:visited { color: rgb(207, 255, 109); }
ul#navi li.research ul.sub { display: none; position: absolute; top: 30px; left: 0px; background: rgb(85, 128, 1) none repeat scroll 0% 0%; padding: 7px 0px 0px; border-bottom: 3px solid rgb(104, 154, 1); }
ul#navi li.research:hover ul.sub { display: block; }
ul#navi li.research ul.sub li { font-size: 0.8em; background: transparent none repeat scroll 0% 0%; width: 175px; }
ul#navi li.research ul.sub li a, ul#navi li.research ul.sub li a:visited { padding: 8px 0px 9px; line-height: 100%; margin: 0px; color: rgb(255, 255, 255); }
ul#navi li.research ul.sub li a:hover, ul#navi li.research ul.sub li.active a, ul#navi li.research ul.sub li.active a:visited { color: rgb(207, 255, 109); }
ul#navi li.publications ul.sub { display: none; position: absolute; top: 30px; left: 0px; background: rgb(85, 128, 1) none repeat scroll 0% 0%; padding: 7px 0px 0px; border-bottom: 3px solid rgb(104, 154, 1); }
ul#navi li.publications:hover ul.sub { display: block; }
ul#navi li.publications ul.sub li { font-size: 0.8em; background: transparent none repeat scroll 0% 0%; width: 250px; }
ul#navi li.publications ul.sub li a, ul#navi li.publications ul.sub li a:visited { padding: 8px 0px 9px; line-height: 100%; margin: 0px; color: rgb(255, 255, 255); }
ul#navi li.publications ul.sub li a:hover, ul#navi li.publications ul.sub li.active a, ul#navi li.publications ul.sub li.active a:visited { color: rgb(207, 255, 109); }
#contentMain { width: 590px; margin: 0px 50px 0px 14px; float: left; position: relative; }
aside { width: 282px; height: auto; float: left; margin: 28px 0px 0px; padding: 0px; background: transparent url('bg-map.png') no-repeat scroll 135px 25px; }
aside h3 { color: rgb(84, 94, 82); margin: 0px; padding: 0px; font: 1.6em "OpenSansCondBold",Arial,Helvetica,sans-serif; }
aside h4 { color: rgb(84, 94, 82); margin: 0px; padding: 0px; font: 1.4em "OpenSansCondBold",Arial,Helvetica,sans-serif; }
aside ul { float: left; margin: 0px 0px 30px; }
aside ul li { color: rgb(73, 84, 71); font: 1.2em "DroidSansRegular",Arial,Helvetica,sans-serif; }
aside ul.alignRight { text-align: right; width: 220px; }
footer { width: 100%; height: 75px; margin: 55px 0px 0px; padding: 10px 0px 0px; border-top: 1px solid rgb(199, 200, 199); }
ul#naviAdd { width: 110px; color: rgb(141, 141, 141); margin: 0px; float: right; }
ul#naviAdd li { float: left; padding: 0px 0px 0px 10px; margin: 0px 0px 0px 10px; font: 1.3em "OpenSansCondBold",Arial,Helvetica,sans-serif; background: transparent url('bg-naviadd.gif') no-repeat scroll left center; }
ul#naviAdd li a, ul#naviAdd li a:visited { color: rgb(141, 141, 141); text-decoration: none; }
ul#naviAdd li a:hover, ul#naviAdd li a.active:visited, ul#naviAdd li a.active { color: rgb(102, 153, 0); text-decoration: none; }
ul#naviAdd > li:first-child { margin: 0px; background: transparent none repeat scroll 0% 0%; }
h1 { color: rgb(75, 113, 0); margin: 0px 0px 10px; padding: 0px; font: 2.7em/100% "OpenSansCondBold"; text-transform: none; }
h2 { color: rgb(75, 113, 0); margin: 0px 0px 10px; padding: 0px; font: 2.4em/100% "OpenSansCondBold"; text-transform: none; }
h3 { color: rgb(153, 153, 153); margin: 30px 0px 5px; padding: 0px; font: 1.8em "OpenSansCondBold",Arial,Helvetica,sans-serif; text-transform: none; }
h4 { color: rgb(217, 159, 53); margin: 0px 0px 10px; padding: 0px; font: 1.5em/100% "OpenSansCondBold"; text-transform: none; }
h1, h2, h3, h4, h5, h6 { margin-bottom: 0.5em; text-rendering: optimizelegibility; }
/* ::::: http://www.greentox.org/css/forms.css ::::: */

form.default label.error::before { border-width: 0px 7px 10px; border-style: none solid solid; border-color: -moz-use-text-color transparent rgba(247, 70, 14, 0.7); height: 0px; right: 10px; position: absolute; top: -10px; width: 0px; content: ""; }
/* ::::: http://www.greentox.org/css/print.css ::::: */

