/****************** Basic Styles for bioNextGen **********************
version:	1.0
author:		linus stubert
email:		ls@goetzinger-komplizen.de
web:		http://www.goetzinger-komplizen.de
copyright:	goetzinger-komplizen 2010
*********************************************************************/

/*** basic styles ***/

body {
	text-align:center;
	font-family:Verdana,Tahoma,Arial,sans-serif;
	font-size:12px;
	color:#4c4c4c;
	background:#eae9e9;
	padding-top:24px;
}

img {
	border:none;
}

* {
	margin:0;
	padding:0;
}

h1, h2, h3, h4, h5, h6 {
	color:#4c4c4c;
	margin:0 0 1em 0;
}

h1, h2, h3 {
	color:#13a4d7;
}

h1 {
	font-size:16px;
}

h2 {
	margin-top:2em;
	font-size:14px;
}

h3 {
	font-size:13px;
}

h4, h5, h6 {
	font-size:12px;
}

p {
	margin-bottom:1em;
}

td {
	font-size:12px;
	vertical-align:top;
}

ul, ol {
	margin-bottom:1em;
}

a {
	color:#13a4d7;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

select {
	color:#666;
	border:1px solid #ccc;
}

.indent {
	margin-left:20px;
}

.csc-textpic-imagewrap a, .csc-textpic-imagewrap img {
	float:left;
}

.csc-textpic-imagewrap a {
	width:23%;
	margin-right:2%;
	margin-bottom:2%;
	height:0;
	padding-bottom:16%;
	overflow:hidden;
}

.csc-textpic-caption {
	padding-top:1em;
	font-weight:bold;
}

.blue {
	color:#13a4d7;
	font-weight:bold;
}

a[href$=pdf] {
	padding:2px 0 2px 20px;
	background:transparent url(../img/pdficon_small.gif) no-repeat 0 0;
}


/*** wrapper styles ***/

#wrapper {
	background:#fff;
	text-align:left;
	margin:0 auto;
	width:987px;
	-moz-border-radius:0 0 7px 7px;
	-moz-box-shadow:5px 5px 5px #ccc;
	-webkit-border-radius:0 0 7px 7px;
	-webkit-box-shadow:5px 5px 5px #ccc;
}


/*** header styles ***/

#header {
	position:relative;
	width:987px;
	height:189px;
}

#logo {
	position:absolute;
	top:86px;
	left:36px;
}

#titlebar {
	position:absolute;
	top:0;
	left:0;
}


/*** main styles ***/

#main {
	position:relative;
	width:986px;
	padding:20px 0;
	float:left;
	border-left:1px solid #dedfe3;
	border-right:1px solid #dedfe3;
}

* html #main {
	padding:20px 0 0 0;
}


/*** column styles ***/

#left_col {
	float:left;
	width:248px;
	padding:0 0 0 20px;
	min-height:360px;
	position:relative;
}

* html #left_col {
	height:360px;
}

#right_col {
	float:right;
	width:696px;
	padding:0 20px 0 0;
}


/*** menu styles ***/

#menu {
	padding:0 0 0 20px;
	font-size:14px;
	overflow-y:hidden;
}

#menu ul {
	margin:0;
	padding:0;
	list-style-type:none;
	overflow:hidden;
}

#menu ul li {
	margin:0;
	padding:0;
	background:none;
	line-height:normal;
}

#menu ul li a:hover {
	text-decoration:none;
	background:transparent url(../img/hover_menu.gif) no-repeat 0 bottom;
	color:#13a4d7;
}

#menu ul li .noLink {
	color:#003b8c;
}

#menu ul li a, #menu ul li .noLink {
	color:#333;
	display:block;
	padding:0px 0 10px 30px;
}

#menu ul li.active>a {
	color:#13a4d7;
	font-weight:bold;
}

#menu ul li a:hover, ul li.active_sub a {
	background:transparent url(../img/hover_active_menu.gif) no-repeat 0 bottom;
}

#menu ul li ul {
	padding-bottom:1em;
}

#menu ul li ul li {
	border:0;
}

#menu ul li ul li a {
	width:150px;
	margin-left:10px;
	font-size:10px;
	padding:0px 0 5px 30px;
	background:none;
}

#menu ul li ul li.active a {
	font-weight:bold;
	color:#13a4d7;
	background:none;
}

#menu ul li ul li a:hover, #menu ul li ul li.active a:hover {
	background:transparent url(../img/droplet_small.gif) no-repeat 10px bottom;
}


/*** sponsors styles ***/

#sponsors {
	width:208px;
	position:absolute;
	bottom:25px;
	left:20px;
}


/*** content styles ***/

#content {
	float:left;
	width:435px;
	border-left:1px solid #dedfe3;
	border-right:1px solid #dedfe3;
	padding:0 20px;
}

#content ul li {
	list-style:disc;
	margin-left:20px;
}

#content ol li {
	list-style-type:decimal;
	margin-left:20px;
}

#content th, #content td {
	padding-right:1em;
}


/*** footer styles ***/

#footer {
	background:#a4a7b3;
	clear:both;
	padding:5px 40px;
	height:14px;
	color:#fff;
	-moz-border-radius:0 0 7px 7px;
	-webkit-border-radius:0 0 7px 7px;
}

* html #footer, *+html #footer {
	background:#a4a7b3 url(../img/footer_rounded_corners.gif) no-repeat 0 bottom;
}

#footer a {
	color:#fff;
}

#copyright_notice {
	float:left;
	margin-right:75px;
}

#notice1 {
	float:left;
	margin-right:75px;
}

#notice2 {
	float:left;
}

#footer_menu {
	float:right;
}


/* news styles */

#news {
	float:right;
	width:200px;
	padding:0 0 0 10px;
}

#news h2 {
	margin:0 0 18px 0;
	font-size:14px;
	color:#13a4d7;
}

.news-item {
	padding-bottom:10px;
	border-bottom:1px solid #a4a7b3;
	margin-bottom:10px;
	font-weight:normal;
	text-align:left;
}

.news-latest {
}

.news-latest .news-item  {

}

.news-latest .even {
	border-right:none;
}

.news-item .news-single-img {
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}

.news-item .news-single-img img {
	float:none;
	margin:0px;
}

.news-item img {
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}

.news-item a, .news-item a:hover, .news-item a:visited {
	text-decoration:none;
	color:#003d90;
}

.news-item h3 a, .news-item h3 a:hover, .news-item h3 a:visited {
	text-decoration:none;
	color:#000;
}

.news-item p {
}

.news-item .news-date {
	font-weight:bold;
	color:#003d90;
}

.news-archive {
	text-align:left;
}

.news-archive .news-amenu-item-year {
	list-style-type:none;
	font-size:12px;
	font-weight:bold;
	margin-bottom:12px;
}

.archive-element {

}



/*** form styles ***/

.Tx-Formhandler fieldset {
	border:0;
	margin-bottom:1.5em;
}

.Tx-Formhandler .fieldrow {
	overflow:auto;
	clear:both;
	padding-bottom:3px;
	padding-top:3px;
}

.Tx-Formhandler input {
	float:left;
	display:block;
}

.Tx-Formhandler .text_input, .Tx-Formhandler .submit, .Tx-Formhandler select, .Tx-Formhandler textarea {
	border:1px solid #ccc;
	width:150px;
	font-family:Verdana,Tahoma,Arial,sans-serif;
	font-size:11px;
	padding:3px;
	margin-right:6px;
}

.Tx-Formhandler textarea {
	display:block;
	clear:both;
	width:270px;
	height:60px;
}

.Tx-Formhandler .text_input_medium {
	width:98px;
}

.Tx-Formhandler .text_input_small {
	width:38px;
}

.Tx-Formhandler label {
	float:left;
	width:120px;
	display:block;
	line-height:1.5em;
}

.Tx-Formhandler label.long_label {
	width:auto;
	line-height:1.5em;
}

.Tx-Formhandler .post_label {
	float:left;
	display:block;
	width:auto;
	margin-right:6px;
	line-height:1.5em;
}

.Tx-Formhandler .radio, .checkbox {
	border:0;
	width:20px;
	height:1.5em;
}

.Tx-Formhandler .error {
	color:#f00;
	display:inline;
}

.Tx-Formhandler #cpt {
	clear:both;
}

.Tx-Formhandler #cpti {
	float:left;
	padding-bottom:20px;
}

.Tx-Formhandler #cpt_label {
	width:228px;
	clear:both;
}

.Tx-Formhandler .error.clear {
	margin-left:20px;
}

.Tx-Formhandler #error_cpt {
	clear:both;
	display:block;
}

.Tx-Formhandler .submit {
	width:auto;
	cursor:pointer;
}

.Tx-Formhandler .submit:hover {
	text-decoration:underline;
}

.dont_show{
	display: none;
}