/* Begabte Naturwissenschaften - September 2009 - www.streamlines.ch - format.css */

/************************************************
*           Fixes, Workarounds, etc.            *
************************************************/
/* Clearfix fuer das Float-clearing */
.clearfix:after {
    content: '.';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	}
.clearfix {display: inline-block;}  /* IE 7 */

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/************************************************
*                 Grundlayout                   *
************************************************/
html {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 100.1%;
	}
body {
	text-align: center;
	font-size: 0.75em;
	line-height: 1.4em;
	height: 100%;
	background: url('../img/body_bg.gif');
	}
#wrapper {
	text-align: center;
	margin: 0 auto;
	background: #fff;
	}
#header {
	height: 270px;
	padding: 30px 0 0 0;
	}
#headeradmin {
	height: 50px;
	padding: 30px 0 0 0;
	}
#main {
	text-align: left;
	padding-top: 40px;
	}
#right {
	background: url('../img/right_bottom_bg.gif') bottom no-repeat;
	}
#footer {
	padding: 10px 0 5px 0;
	text-align: center;
	background: url('../img/footer_bg.gif') bottom no-repeat;
	}
/************************************************
*                Style-Elemente                 *
************************************************/
a, a:link, a:visited {
	color: #006837;
	text-decoration: none;
	}
h1, h2, h3, p, ol, ul, .rbl, .cbl, input.txt,input.file, select, table {
	margin-bottom: 20px;
	}
hr {
	color: #006837;
	height: 1px;
	background: #006837;
	border: 0;
	}

/************************************************
*                  Navigation                   *
************************************************/
#hnav {
	width: 940px;
	height: 50px;
	margin-top: 30px;
	}
#hnav ul li {
	display: inline;
	padding: 0 8px;
	}
#hnav ul li a, #hnav ul li a:link, #hnav ul li a:visited {
	text-transform:lowercase;
	font-size: 1.5em;
	}

#snav h2 {
	color: #000;
	}
#snav ul {
	border-top: 1px solid #ccc;
	}
#snav ul li {
	line-height: 1.2em;
	border-bottom: 1px solid #ccc;
	}
#snav ul li a, #snav ul li a:link, #snav ul li a:visited {
	display: block;
	padding: 3px;
	font-size: .93em;
	}
#snav ul li a:hover, #snav ul li a:active, #snav ul li a:focus,
#snav ul li a.active, #snav ul li a.active:link, #snav ul li a.active:visited {
	background: #ddd;
	}
/************************************************
*            Content-Absatzformate              *
************************************************/
h1, h2, h3 {
	font-weight: normal;
	color: #006837;
	line-height: 1.3em;
	}
h1 {font-size: 1.3em;}
h2 {font-size: 1.1em;}
h3 {font-size: 1em;}

/* Listen */
#content ul,
.highslide-maincontent ul {
	}
#content ul li,
.highslide-maincontent ul li {
	padding-left: 10px;
	background: url('../img/listitem.gif') 0 4px no-repeat;
	}
.highslide-maincontent .print {
	float: right;
	height: 20px;
	width: 16px;
	overflow: hidden;
	background: url('../img/icon_print.png') no-repeat;
	}
.highslide-maincontent .print span {
	visibility: hidden;
	}
dl {
	width: 100%;
	}
dt {
	float: left;
	width: 70%;
	padding: 2px 0;
	font-weight: bold;
	border-bottom: 1px solid #ddd;
	}
dd {
	float: left;
	width: 30%;
	padding: 2px 0;
	border-bottom: 1px solid #ddd;
	}

/* Tabellen */
table {
	border-collapse: collapse;
	border: 1px solid #006837;
	margin-left: 3px;
	font-family: Helvetica, Arial, sans-serif;
	}
table th,
table td {
	text-align: left;
	padding: 3px;
	border: 1px solid #006837;
	}
table.htmlarea {
	border: 0;
	margin: 0 0 20px 0;
	border: 1px solid #ccc;
	}
table.htmlarea td {
	padding: 0;
	border: none;
	vertical-align: top;
	}
	
/* Box */
#content .box {
	width: 280px;
	height: 290px;
	padding: 10px 10px 0 10px;
	margin: 0 10px 10px 0;
	float: left;
	background: url('../img/box_bg.gif') no-repeat;
	}
#content .newsbox {
	background: url('../img/box_news_bg.gif') no-repeat;
	}
#content .newsbox,
#content .newsbox h2,
#content .newsbox a, #content .newsbox a:link, #content .newsbox a:visited {
	color: #fff;
	}
#content .box h2 {
	margin-bottom: 0;
	}
#content .box p {
	margin-bottom: 5px;
	}
#content .box .image {
	text-align: center;
	height: 75px;
	padding: 5px 0;
	}
#right .box {
	padding: 10px;
	background: url('../img/right_top_bg.gif') top no-repeat;
	}
#right .highslide img {
	width: 280px;
	height: auto;
	}

/* Footer */
#footer p {
	margin-bottom: 0;
	color: #006837;
	padding-bottom: 5px;
	}
/************************************************
*                    Formular                   *
************************************************/
.formular {
	position: relative;
	width: 780px;
	}
fieldset {
	text-align: left;
	}
#info {
	position: absolute;
	right: 0; top: 0;
	float: right;
	color: red;
	font-size: .93em;
	width: 170px;
	}
.formular label {
	float: left;
	width: 120px;
	padding-right: 10px;
	margin-bottom: 5px;
	}
.formular label.rb {
	display: inline;
	}
.formular p.info {
	color: #006837;
	font-size: .93em;
	padding-left: 130px;
	width: 450px;
	}
.formular div.text {
	float: left;
	}
.formular input.txt, .formular textarea, .formular select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	}
.formular input.txt, .formular select {
	float: left;
	width: 450px;
	padding: 3px;
	background: #fff;
	border: 1px solid #ccc;
	}
.formular select {
	width: 458px;
	}
input.txt:hover, input.txt:active, input.txt:focus, .formular select:hover, .formular select:active, .formular select:focus {
	padding: 2px;
	border: 2px solid #ccc;
	background: #eee;
	}
.formular input.button {
	color: #fff;
	padding: 4px;
	margin: 10px 0 0 130px;
	padding-left: 20px;
	border: 0;
	background: #006837 url('../img/icon_save.gif') 3px 5px no-repeat;
	border: 1px solid #006837;
	}
.formular .htmlarea select, .formular .htmlarea select:hover, .formular .htmlarea select:active {
	padding: 0;
	margin-top: 3px;
	background: transparent;
	border: 1px solid #ddd;
	}
	
/************************************************
*                 Textbausteine                 *
************************************************/
.col-1-1-1 {
	width: 100%;
	}
.col-1-1-1 .left,
.col-1-1-1 .middle,
.col-1-1-1 .right {
	float: left;
	}
.col-1-1-1 .left {
	width: 180px;
	margin-right: 20px;
	}
.col-1-1-1 .middle {
	width: 290px;
	margin-right: 20px;
	}
.col-1-1-1 .right {
	width: 380px;
	}