/*
TissueGnostics GmbH (R)
-----------------------------------
content layout stylesheet - content.css
-----------------------------------
Created: 30.5.2005
Updated: 5.7.2005
Author:  Georg Molzer
*/

/*---GLOBALS-----------------------------------------------*/
.clear{
border: 0;
padding: 0;
margin: 0;
background-color: transparent;
}

/*---PARAGRAPHS--------------------------------------------*/
p{
clear: left;
line-height: 1.6em;
margin: 0;
padding: .5em 1.2em .5em 1.2em;
text-align: left;
}
.greybox{
background-color: #fafafa; 
border: 1px solid #eee;
}
.smallfonts{
font-size: 0.8em;
}

/*---LAYOUT ELEMENTS----------------------------------------*/
div.row{
clear: both;
}

/*---EMPHASIZES---------------------------------------------*/
em{
font: 1.0em 'arial', 'verdana', sans-serif;
letter-spacing: 1px;
font-style: italic;
font-weight: inherit;
}
em.brd_left{
display: block;
margin: 1.4em 0;
padding: 0;
padding-left: 1em;
border-left: 2px solid #eee;
}
div.orange em.brd_left{
border-color: #f0b895;
}

/*---LINKS--------------------------------------------------*/
a, a:link, a:visited {
text-decoration: none;
color: #D37439;
border-bottom: 1px solid #F0B895;
margin: 0 1px;
}
	div.orange a, div.orange a:link, div.orange a:visited{
	color: #fff;
	border-color: #F0B895;
	}
	h2 a, h2 a:link, h2 a:visited, h3 a, h3 a:link, h3 a:visited{
	padding-left: 7px;
	color: #686868;
	border: none;
	border-left: 1px solid #aaa;
	}
a:hover, a:active{
margin: 0;
border: 1px solid #F0C9B0;
background-color: #FFF7F2;
}
	div.orange a:hover, div.orange a:active{
	background-color: #E69868;
	}
	h2 a:hover, h2 a:active, h3 a:hover, h3 a:active{
	padding-left: 7px;
	border-width: 0 0 0 2px;
	color: #D37439;
	border-color: #F0B895;
	background-color: transparent;
	}
	div.orange h2 a:hover, div.orange h2 a:active, div.orange h3 a:hover, div.orange h3 a:active {
	color: #fff;
	}
	a.img, a:link.img, a:hover.img, a:active.img, a:visited.img{
	background-color: transparent;
	border: 0;
	margin: 0; 
	padding: 0;
	}
	div.orange a.img, div.orange a:active.img, div.orange a:hover.img, div.orange a:active.img {
	background-color: transparent;
	}


a.btn, a:link.btn, a:visited.btn{
border: 2px solid #ddd;
border-style: outset ridge ridge outset;
background: #D37439 url(../gfx/btnbg.gif) repeat-x .2em;
margin: 0;
padding: 0 .4em; 
color: #fff;
}
a:hover.btn, a:active.btn{
border-style: ridge inset inset ridge;
background-image: none;
background-color:  #DB8A57;
}

a.homelink, a:link.homelink, a:hover.homelink, a:active.homelink, a:visited.homelink{
float: left;
font-size: 1px;
border: 0;
margin: 0 0 -1px 0;
padding: 0;
background-color: transparent;
}
div.footer a:link, div.footer a:visited, div#login a:link, div#login a:visited {
color: #515151;
border: 0;
margin: 0;
}
div.footer a:hover, div.footer a:active, div#login a:hover, div#login a:active {
color: #000;
border: 0;
background-color: transparent;
margin: 0;
}

a:link.lang, a:visited.lang {
border: none;
margin: 2px;
}
a:hover.lang, a:active.lang {
border: none;
margin: 2px;
background-color: transparent;
}

/*---HEADERS------------------------------------------------*/
div.h_gfx{
float: left;
font: 1.4em 'arial', 'verdana', sans-serif;
font-weight: bold;
width: 75px;
padding: .1em 0 .8em 0;
margin-left: -1px;
height: auto;
background:url(../gfx/h_end.gif) bottom no-repeat;
}
div.high div.h_gfx{
background:url(../gfx/h_high_end.gif) bottom no-repeat;
}
div.low div.h_gfx{
background:url(../gfx/h_low_end.gif) bottom no-repeat;
}
div.orange div.h_gfx{
background:url(../gfx/h_orange_end.gif) bottom no-repeat;
}
h2, h3{
color: #686868;
font: 1.4em 'arial', 'verdana', sans-serif;
font-weight: bold;
float: left;
margin: 0;
padding: .1em 0em .8em .8em;
background: url(../gfx/h.gif) bottom repeat-x;
}
h3{
padding-right: .8em;
font-size: 1.1em;
font-weight: bold;
float: none;
padding-bottom: 1em;
line-height: 1.5em;
}
h4{
color: #DB8A57;
font: bold 1.3em 'arial', 'verdana', sans-serif;
padding: .5em 1.2em .5em 1.2em;
margin: 0;
}
div.high h2, div.high h3{
background: url(../gfx/h_high.gif) bottom repeat-x;
}
div.low h2, div.low h3{
background: url(../gfx/h_low.gif) bottom repeat-x;
}
div.orange h2, div.orange h3{
color: #fff;
background: url(../gfx/h_orange.gif) bottom repeat-x;
}

/*---LISTS--------------------------------------------------*/

ul{
margin: 0 1.2em 0 0em;
padding: .5em 0em .5em 1.2em;
}
li ul{
margin: 0;
font-size: 0.9em;
}
li{
line-height: 1.5em;
margin-bottom: .4em;
padding-left: 1.4em;
background: url(../gfx/listicon_high.gif) no-repeat left .5em;
list-style-type: none;
}
div.orange li{
background-image: url(../gfx/listicon_orange.gif);
}

/*---DIV DESIGN ELEMENTS------------------------------------*/

br.clear{
clear: both;
}

div.seperator{
clear: both;
margin: .8em 0;
border-top: 1px solid #f8f8f8;
}
div.high div.seperator {
border-color: #eee;
}
div.low div.seperator {
border-color: #fff;
}
div.orange div.seperator {
border-color: #F0B895;
}

/*---IMAGES-------------------------------------------------*/

a.homelink img, a img{
border: 0;
}
a.img img {
border: 1px solid #f1f1f1;
border-left: 2px solid #ccc;
padding: 0.7em;
margin-left: 2em;
}
div.orange a.img img {
border-color: #F0B895;
}
a:hover.img img {
border-left: 2px solid #F0B895;
}
div.orange a:hover.img img {
border-left-color: #F6D4BE;
}

/*---TABLES-------------------------------------------------*/

table{
margin: .5em 1.2em .5em 1.2em;
border: 1px solid #ddd;
border-collapse: collapse;
}
th, td{
text-align: left;
padding: .3em .8em;
border: 1px solid #ddd;
}
th{
background-color: #f3f3f3;
}
table.nowrap th, table.nowrap td, td.nowrap{
white-space: nowrap;
}
tr.r0{
background-color: #fff;
}
tr.r1{
background-color: #fbfbfb;
}
tr.low, td.low{
color: #aaa;
font-size: .9em;
}
tr.important{
background-color: #e0905e;
color: #fff;
font-weight: bold;
}

/*---FORM ELEMENTS------------------------------------------*/

form{
margin: 0;
padding: 0;
}
div.input{
padding-top: 10px;
clear: both;
}
label{
font: .8em 'arial', 'tahoma', sans-serif;
font-weight: bold;
float: left;
width: 7em;
margin: 0 0 0 1.2em;
border-bottom: 1px solid #ddd;
padding-top: .5em;
}
input{
float: left;
background-image: url(../gfx/inputbg.jpg);
border: 1px solid #eee;
font: .9em 'arial', 'tahoma', sans-serif;
margin-right: 1em; 
}
textarea {
float: left;
background-image: url(../gfx/inputbg.jpg);
border: 1px solid #eee;
font: .9em 'arial', 'tahoma', sans-serif;
}
select{
float: left;
color: #444;
background-color: #f5f5f5;
font: bold .9em 'arial', 'tahoma', sans-serif;
}
input.btn{
clear: both;
background: #EDBD9F url(../gfx/btnbg.gif) repeat-x;
border: 2px solid #eee;
border-style: outset ridge ridge outset;
color: #fff;
font-weight: bold;
margin: 1.5em 82px;
}