/*  13.09.2011
    main styles CELLZOME
    Frank Weisbrodt */
	
/*  Farben
    Pantone 300 = #006BB2
    Pantone 306 = #00B2DC
	hover-blau	= #D7F0F8 */
	
/* Reihenfolge beachten	
	a:link { }
	a:visited { }
	a:focus { }
	a:hover { }
	a:active { } */

/* Elements */	
* {
	margin:0;
    padding:0;
	}
a:active, a:focus {
	outline: none !important;
	}	
body {
	margin:0 0 0 10px;
	}
p {
	margin:0 0 8px 0;
	}	
body, p, td {
	font:13px/18px arial, helvetica, sans-serif;
    vertical-align:top;
	}	
h1 {
	font:24px Arial, Helvetica, sans-serif;
    vertical-align:top;
    color:#00B2DC;
    margin:0 0 18px 0px;
	}	
h2 {
	font:18px/20px arial, helvetica, sans-serif;
    vertical-align:top;
    margin: 0 0 5px 0;
    color:#00B2DC;
	}	
h3 {
	font:15px/18px arial, helvetica, sans-serif;
    vertical-align:top;
    margin: 0px;
	color:#00B2DC;
	}	
h4 {
	font:13px arial, helvetica, sans-serif;
    vertical-align:top;
    color:#00B2DC;
	}	
img {
	border:0px;
	}
sup {
font-size:80%;
	}	
table {
	border-collapse:collapse;
	}	
th.b {
	text-align:left;
	vertical-align:middle;
	padding:25px 5px 10px;
	font:15px/18px arial, helvetica, sans-serif;
    margin: 0 0 5px 0;
	color:#00B2DC;
	}
td.b {
	vertical-align:middle;
	border-top: 1px dotted #000;
	border-bottom: 1px dotted #000;
	padding:10px 5px;
	}
td.tds {
	width:25px; /* td space */
	}
td.tdss {
	width:10px; /* td space */
	}	
.alert {
	display:block;
    margin-top:5px;
    color:#006BB2;
    background:#DCE5F4 url(../img/alert.gif) left no-repeat;
    background-position:10px 50%;
    border-top:1px solid #006BB2;
    border-bottom:1px solid #006BB2;
    padding:7px 10px 7px 60px;
	}		
.bio {
	float:left;
    margin:5px 10px 0 0;
    border:1px dotted #000;
	}	
/* fonts */
.xxl {
	font:26px arial, helvetica, sans-serif;
    vertical-align:top;
    margin:0 0 20px 0;
	}	
.xl {
	font:22px arial, helvetica, sans-serif;
    vertical-align:top;
    margin:0 0 20px 0;
	}	
.s, .s li {
    font:12px/16px arial, helvetica, sans-serif;
    vertical-align:top;
    border:none !important;
	}		
.tip {
    font:13px/18px arial, helvetica, sans-serif;
    vertical-align:top;
    color:#666;
	}
.textRight {
	text-align:right;
	}		
/* padders and spacers*/
.left {
    float:left;
	margin:0 10px 10px 0;
	}	
.right {
    float:right;
	}	
.t8 {margin:8px 0 0 0;
	}
.t15 {margin:15px 0 0 0;
	}
.t20 {margin:20px 0 0 0;
	}
.r8 {margin:0 8px 0 0;
	}
.r15 {margin:0 15px 0 0;
	}
.r20 {margin:0 20px 0 0;
	}
.b5 {margin:0 0 5px 0;
	}	
.b8 {margin:0 0 8px 0;
	}
.b15 {margin:0 0 15px 0;
	}
.b20 {margin:0 0 20px 0;
	}
.l8 {margin:0 0 0 8px;
	}
.l15 {margin:0 0 0 15px;
	}
.l20 {margin:0 0 0 20px;
	}
.bt {border-top:1px dotted #000;
	}
.br {border-right:1px dotted #000;
	}
.bb {border-bottom:1px dotted #000;
	}
.bl {border-left:1px dotted #000;
	}
.hr {
    clear:both;
    border-bottom:1px dotted #000;
	}	
.nb {
	border:none !important;	}
	
.leftCol {
	float:left;
    width:47%;
    margin:0 0 10px 0;
	}	
.rightCol {
	float:right;
    width:47%;
    margin:0 0 10px 0;
	}	
.lC {
	float:left;
    width:auto;
    margin:0 15px 10px 0;
	}	
.mC {
	float:left;
	width:auto;
    margin:0 15px;
	}
.rC {
	float:right;
    width:auto;
    margin:0 0 10px 15px;
	}	
.both {
    clear:both;
    margin:20px 0 0 0;
	}
.invest {
	text-align:center;
	vertical-align:middle;
	border-bottom: 1px dotted #000;
	border-top: 1px dotted #000;
	padding:20px 8px;
	}	
.logo {
	height:100px;
	vertical-align:middle;
	border-bottom: 1px dotted #000;
	border-top: 1px dotted #000;
	padding:10px 50px;
	}
/* Layout Positionen */
#header {
    position:absolute;
    top:0;
    left:10px;
    width:900px;
    height:155px;
    border-bottom:1px dotted #000;
	}	
#header img {
	float:right;
	margin:0 20px 0 0;
	}	
#logo {
    position:absolute;
    top:90px;
    left:20px;
	width:auto;
	height:auto;
	}	
#logo img {
    float:left;
	}	
#nav {
    position:absolute;
    top:170px;
    left:150px;
    width:750px;
	}
#nav p {
    font:bold 15px arial, helvetica, sans-serif;
    color:#00B2DC;
	}
#nav a {
    font:15px arial, helvetica, sans-serif;
    white-space:nowrap;
    color:#000;
    text-decoration:none;
    margin:0 5px;
    padding:0 0 0px 0;
	} /* not in IE */
#nav a:hover {
    text-decoration:none;
    border-bottom:1px dotted #000;
	}
#nav a.act, #nav a:link.act, #nav a:visited.act, #nav a:active.act {
    color:#006BB2;
	}
#left {
    position:absolute;
    top:240px;
    left:30px;
    width:180px;
    padding:0 10px 0 0;
    height:400px;
    background:url(../img/0.gif) 100% 0% repeat-y;
    border-right:1px dotted #000;}
	
#left a, #left a:link, #left a:visited, #left a:active {
    color:#000;
    text-decoration:none;
	}	
#left.nav ul {
    margin-bottom:8px;
	}	
#left.nav ul li {
    margin-top:0;
    list-style:none;
    border-bottom:1px dotted #000;
    padding:3px 0;
	}	
#left.nav a {
    display:block;
    margin-top:0;
    padding:10px 5px;
    width:170px;
    font:bold 12px arial, helvetica, sans-serif;
    color:#000;
    text-decoration:none;
    vertical-align:top;
	}	
#left.nav a:hover {
    margin-top:0;
    background:#D7F0F8;
	}	
#left.nav a.act, #left.nav a:link.act, #left.nav a:visited.act, #left.nav a:active.act {
    margin-top:0;
    color:#000;
    background:#D7F0F8;
	}	
#left p a, #left p a:link, #left p a:visited, #left p a:active {
    display: inline;
    padding:0;
    margin:0;
    color:#006BB2;
    text-decoration:none;
    background:none !important;
    font-weight:normal;
	}	
#left p a:hover {
    color:#006BB2;
    text-decoration:none;
    border-bottom:1px dotted #006BB2;
	}
#main {
    position:absolute;
    top:240px;
    left:240px;
    width:600px;
    padding-bottom:30px;
	}
#main ul.n {
	list-style-type: none;
	padding:0;
	margin:0;
	}
#main ul.n li {
	padding-left: 10px;
	background: url(../img/list.png) 0px 7px no-repeat;
	}	
#main.home {
    position:absolute;
    top:200px;
    left:240px;
    width:600px;
	}
#main a:link,div#main  a:visited,div#main  a:active {
    color:#006BB2;
    text-decoration:none;
	}	
#main a:hover {
    color:#006BB2;
    text-decoration:none;
    border-bottom:1px dotted #006BB2;
	}	
/* tabs */	
.container {
	width: 600px;
	}
.container ul {
	list-style:none;
	}	
.container li {
	padding:10px 0;
	border-bottom:1px dotted #000;
	}	
ul.tabs {
	margin:0;
	padding:0;
	float:left;
	list-style:none;
	height:34px;
	border-bottom:1px dotted #000;
	width:100%;
	}
ul.tabs li {
	float:left;
	margin:0;
	padding:0;
	text-align:center;
	width:auto;
	height:31px;
	line-height:31px;
	border-left:1px dotted #000;
	border-bottom:none;
	background:#fff;
	overflow:hidden;
	position:relative;
	}
ul.tabs li a {
	text-decoration: none;
	color: #000 !important;
	display: block;
	font-size: 15px;
	padding: 0 10px;
	border-left:3px solid white;
	border-right:3px solid white;
	outline: none;
	}
ul.tabs li a:hover {
	background: #D7F0F8;
	}	
html ul.tabs li.active, html ul.tabs li.active a:hover {
	background: #D7F0F8;
	}
.tab_container {
	border-top: none;
	clear: both;
	float: left; 
	width: 100%;
	margin:0 0 40px 0;
	}
.tab_content {
	padding: 0px 0; /* wegen 'li border' auf null setzen */
	}	
.tab_content p {
	margin: 3px 0;
	border-bottom:1px dotted #000;
	}	
.tab_content p.noLink {
	padding:5px;
	border-bottom:1px dotted #000;
	}	
.tab_content a,.tab_content a:link, .tab_content a:visited {
	display:block;
	padding:7px 3px;
	margin: 3px 0! important;
	color:#000 !important;
	text-decoration:none;
	background:url(../img/0.gif) 0% 100% no-repeat;
	}
.tab_content a:active, .tab_content a:hover {
	color:#000 !important;
	text-decoration:none! important;
	border-bottom:none !important;
	background:#D7F0F8;
	}
/* accordion */
#accordion p.trigger {
	margin:0;
	padding:3px 0;
	border-bottom:1px dotted #000;
	outline:none;
	}	
#accordion p.noLink {
	padding:5px;
	border-bottom:1px dotted #000;
	}
#accordion p.trigger a,.toggle p.trigger a:link, #accordion p.trigger a:visited {
	display:block;
	padding:7px 3px;
	color:#000 !important;
	text-decoration:none!important;
	background:url(../img/0.gif) 0% 100% no-repeat;
	}	
#accordion p.trigger a:focus, #accordion p.trigger a:hover, #accordion p.trigger a:active, #accordion p.trigger a.active {
	color:#000 !important;
	text-decoration:none !important;
	background:#D7F0F8 !important;
	border:none !important;
	}
#accordion .block {
	padding: 15px 3px 10px;
	border-bottom:1px dotted #000;
	}