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

body {
color: #515151;
background: #f5c8ad url(../gfx/bg.gif) repeat-x;
font: 80% 'arial', 'verdana', sans-serif;
margin: 0; padding: 0;
}

/*---Min-width hack for IE------------------------------*/
* html .minwidth {
border-left: 809px solid #e9e9e9;
	
}
* html .container {
margin-left: -809px;
position: relative;
background: url(../gfx/shadow_left.gif) left repeat-y;
}
/*\*/
* html .minwidth, * html .container, * html .content {
height: 1px;
}
/**/

/*---Basic layout---------------------------------------*/
div#content {
width: 76%;
min-width: 809px;
margin: 0 auto;
text-align: left;
background-color: #e9e9e9;
}
	div#bg_left {
	background: url(../gfx/shadow_left.gif) left repeat-y;
	}
	div#bg_right {
	margin-right: -1px;
	background: url(../gfx/shadow_right.gif) right repeat-y;
	}
/*---End Basic layout-----------------------------------*/

/*---Top elements---------------------------------------*/
div#top {
height: 125px;
background-image: url(../gfx/top.gif);
}
	div#top_left {
	float: left;
	width: 47%;
	height: 100%;
	background: url(../gfx/top_left.jpg) no-repeat;
	}
		div#top_logo{
		width: 341px;
		height: 100%;
		margin-left: 35px;
		background-image: url(../gfx/top_logo.jpg);
		}
	div#top_right {
	float: right;
	width: 53%;
	height: 100%;
	margin-right: -1px;
	background: url(../gfx/top_right.jpg) right no-repeat;
	}
		div#top_navi{
		width: 388px;
		height: 100%;
		background: url(../gfx/top_navi_bg.jpg) -11px 0px no-repeat;
		}
/*---End Top elements-----------------------------------*/

/*---toolbar------------------------------------------------*/
div#toolbar {
clear: both;
width: 100%;
height: 41px;
font-size: 0.9em;
background: url(../gfx/toolbar_middle.gif) repeat-x;
}
	div#toolbar_left {
	float: left;
	width: 35px;
	height: 100%;
	background-image: url(../gfx/toolbar_left.jpg);
	}
	div#breadcrumbs {
	float: left;
	color: #515151;
	padding: 10px 0 0 15px;
	height: 1.6em;
	}
	/*---Content of the toolbar's right part----------------*/
	div#toolbar_right {
	float: right;
	height: 41px;
	padding-right: 54px;
	margin-right: -1px;
	background: url(../gfx/toolbar_right.jpg) no-repeat right;
	}
		div#login {
		float: left;
		color: #2e2e2e;
		margin: 10px 10px 0 0;
		/*padding-right: 10px;
		background: url(../gfx/separator.gif) no-repeat right top;*/
		}
		div#lang {
		float: left;
		color: #2e2e2e;
		padding-right: 20px;
		margin: 0px 0px 0 0;
		background: url(../gfx/separator.gif) no-repeat right top;
		}
		div#search {
		float: left;
		color: #2e2e2e;
		margin: 10px 0 0 0;
		}
		input.tf {
		float: left;
		color: #bbb;
		margin: 10px 0 0 5px;
		padding: 0 0 0 2px;
		height: 1.5em;
		font: 1em 'lucida grande', 'verdana', 'arial', 'tahoma', sans-serif;
		background: #6c6c6c url(../gfx/tf_bg.gif) repeat-x;
		border: 1px solid #0a0a0a;
		border-width: 0px 1px 1px 1px;
		border-color: #444 #777 #555 #555;
		}
		input.search_btn {
		float: left;
		margin: 9px 0 0 0;
		width: 21px;
		height: 18px;
		border: 0;
		font-size: 11px;
		font-weight: bold;
		color: #444;
		background: url(../gfx/search_btn.gif);
		}
	/*---End of toolbar's right part------------------------*/
/*---End of toolbar-----------------------------------------*/

/*---title area---------------------------------------------*/
div#titlearea{
clear: both;
width: 100%;
height: 88px;
background: url(../gfx/titlearea_left.jpg) left no-repeat;
}
	.title_area{
	float: left;
	margin: 20px 0 -20px 33px;
	}
	div#titlearea_right{
	float: right;
	width: 35px;
	height: 100%;
	margin-right: -1px;
	background: url(../gfx/titlearea_right.jpg) right no-repeat;
	}
/*---END of title area--------------------------------------*/

/*---Footer elements------------------------------------*/
div#footer {
clear: both;
height: 54px;
text-align: center;
font-size: 9px;
padding-top: 5em;
background: url(../gfx/footer.gif) bottom repeat-x;
margin-right: 1px;
}
	div#footer_left{
	float: left;
	width: 373px;
	height: 100%;
	text-align: right;
	background: url(../gfx/footer_left.jpg) no-repeat;
	}
	img#footer_middle{
	margin: 0 0 -4px 0;
	padding: 0;
	}
	div#footer_right{
	float: right;
	width: 373px;
	height: 100%;
	text-align: left;
	margin-right: -1px;
	background: url(../gfx/footer_right.jpg) no-repeat;
	}
		div.footer{
		margin-top: 39px;
		}
/*---End Footer elements------------------------------------*/

div.boxes {
clear: both;
padding: 0px 52px 0 50px;
background: url(../gfx/shadow_left.gif) left repeat-y;
}
div.cnt {
clear: both;
padding: 0 36px 0 36px;
}

/*---content high-------------------------------------------*/
div.glidebox{
}
div.box {
margin: .3em 0;
width: 100%;
}
div.marginbottom {
margin-bottom: 2em;
}
div.high {
background-color: #fff;
}
	div.left, div.right, div.box_edge_l, div.box_edge_r{
	width: 6px;
	height: 100%;
	margin-bottom: -1px;
	}
	div.top{
	height: 6px;
	font-size: 1px;
	}
	div.bottom{
	clear: both;
	height: 8px;
	font-size: 1px;
	margin-bottom: -1px;
	}
	div.box_content{
	border-left: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	margin-right: -1px;
	margin-left: -1px;
	padding: .2em 0 .5em 0;
	}
	div.left, div.box_edge_l{
	margin-left: -1px;
	float: left;
	}
	div.right, div.box_edge_r{
	margin-right: -1px;
	float: right;
	}
	
	div.high div.top{
	background-image: url(../gfx/box_high_o.gif);
	}
		div.high div.top div.left{
		background-image: url(../gfx/box_high_lo.gif);
		}
		div.high div.top div.right{
		background-image: url(../gfx/box_high_ro.gif);
		}
	div.high div.bottom{
	background-image: url(../gfx/box_high_u.gif);
	}
		div.high div.bottom div.left{
		background-image: url(../gfx/box_high_lu.gif);
		}
		div.high div.bottom div.right{
		background-image: url(../gfx/box_high_ru.gif);
		}
		div.invisible a i { 
	visibility: hidden; 
	}
	/*---One side edged-------------------------------------*/
	div.box_edge_l {
	border-left: 1px solid #e1e1e1;
	}
	div.box_edge_r {
	border-right: 1px solid #e1e1e1;
	}
/*---End of content left------------------------------------*/
/*---content low--------------------------------------------*/
div.low {
background-color: #f3f3f3;
}
	div.low div.top{
	background-image: url(../gfx/box_low_o.gif);
	}
		div.low div.top div.left{
		background-image: url(../gfx/box_low_lo.gif);
		}
		div.low div.top div.right{
		background-image: url(../gfx/box_low_ro.gif);
		}
	div.low div.bottom{
	background-image: url(../gfx/box_low_u.gif);
	}
		div.low div.bottom div.left{
		background-image: url(../gfx/box_low_lu.gif);
		}
		div.low div.bottom div.right{
		background-image: url(../gfx/box_low_ru.gif);
		}
/*---End of content low-------------------------------------*/
/*---content orange-----------------------------------------*/
div.orange {
color: #fff;
background-color: #e0905e;
}
	div.orange div.top{
	background-image: url(../gfx/box_orange_o.gif);
	}
		div.orange div.top div.left{
		background-image: url(../gfx/box_orange_lo.gif);
		}
		div.orange div.top div.right{
		background-image: url(../gfx/box_orange_ro.gif);
		}
	div.orange div.box_content{
	border-color: #e0cdc0;
	}
	div.orange div.bottom{
	background-image: url(../gfx/box_orange_u.gif);
	}
		div.orange div.bottom div.left{
		background-image: url(../gfx/box_orange_lu.gif);
		}
		div.orange div.bottom div.right{
		background-image: url(../gfx/box_orange_ru.gif);
		}
/*---End of content low-------------------------------------*/