/* 
STYLES FOR
IVTIP - In Vitro Testing Industrial Platform
Author:Martin Hahn - www.hahnsinn.de
Date: 26.04.2008
*/


/* -------------------------------------------------*/
/* ---------->>>  L  A  Y  O  U  T <<<-----------*/
/* -------------------------------------------------*/

html {padding:0px;margin:0px;}

body{
background: #EDEAE1 url(../images/back.jpg) repeat-x;
text-align:center;
margin:0;
margin-top:25px;
padding:0;
font-size: 62.5%;
}

#page {
background-color:#ffffff;
width:720px;
margin:auto;
padding:0 40px 0 40px;
text-align:left;
}

/* ---------->>> H E A D E R <<<-----------*/
#balken_grey {
width:720px;
height:25px;
margin:auto;
margin-bottom:35px;
background-color:#ECE9E0;
border-bottom:1px solid #BFBFC0;
border-left:1px solid #BFBFC0;
border-right:1px solid #BFBFC0;
}
#logo {
background: #fff url(../images/logo.jpg) no-repeat;
height:50px;
margin-bottom:34px;
}



/* ---------->>> C O N T E N T <<<-----------*/
#links {
width:200px;
float:left;
margin:0;
padding:0;
}
#links p{
font-size: 1.1em; font-weight:normal;
font-family: Arial, geneva, helvetica, sans-serif;
line-height:1.6em;
color:#164557;
padding: 6px 0 6px 0;
border-bottom:1px solid #ccc;
}

#visual {
background: #fff url(../images/ivtip_keyvisual.jpg) no-repeat;
height:138px;
margin-bottom:25px;
}

#rechts {
width:451px;
margin-left:250px;
padding:0px;
font-size: 1.2em; font-weight:normal;
font-family: Arial, geneva, helvetica, sans-serif;
line-height:1.8em;
}

li{margin:0;padding:0; background-color:#fff;}


/* ---------->>> F O O T E R <<<-----------*/
#footer {
width:470px;
height:25px;
margin:auto;
margin-top:40px;
padding: 4px 0 0 250px;
background-color:#386175;
color:#fff;
font-size: 11px; font-weight:normal;
font-family: Arial, geneva, helvetica, sans-serif;
line-height:18px;
}



/* -------------------------------------------------*/
/* ---------->>>  N A V I G A T I O N <<<-----------*/
/* -------------------------------------------------*/

#menu {
text-align:left;
width:200px;
font-size: 1.1em; font-weight:normal;
font-family: Verdana, Arial, geneva, helvetica, sans-serif;
}

#menu ul {
	margin:0;
	padding:0;
margin:0 0 40px 0;
	list-style:none;float:left;
border-bottom:2px solid #1c4f64;
}

#menu li {
width:200px; margin:0; float:left; padding:0;
border-top:1px solid #1c4f64;
height:20px;
}

#menu li a {
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 21px;
	text-decoration: none;
}	

#menu li a:link, #menu li a:visited {
	color: #1c4f64;
	padding: 3px 0 5px 10px; 
}

#menu li a:hover {
	color: #fff;
	background: #1c4f64;
	padding: 3px 0 5px 10px; 
}

#menu li a:active {
	color: #ccc;
	padding: 3px 0 5px 10px; 
}


#menu a:link, #menu a:visited {
display:block;
margin:0;
padding:0;
background-color:#fff;
height:1em;
}
  
#aktiv{
	padding: 3px 0 5px 10px; 
	color: #fff;
	background: #1c4f64;
}

html>body #menu a:link, #menu a:visited {
height:auto;
}




/* ---------->>> T A B E L L E <<<-----------*/
#tabelle th{
background-color:#386175;
padding:5px;
font:1.4em arial,sans-serif;
color:#fff;
font-weight:normal;
}

#tabelle td{
background-color:#EDEAE1;
padding:5px;
font:1.2em arial,sans-serif;
color:#000;
font-weight:normal;
line-height:1.6em;
}








/* ---------------------------------------------------------------*/
/* ---------->>> T  Y  P  O  G  R  A  P  H  I  E <<<-----------*/
/* ---------------------------------------------------------------*/

h1{text-transform: uppercase;font:1.6em arial,sans-serif;font-weight:bold;color:#000;font-family:"Trebuchet MS", Verdana, Arial, geneva, helvetica, sans-serif;border-bottom:1px solid #ccc; width:100%;margin-top:25px;line-height:1.4em;}
h2{font:1.6em arial,sans-serif;color:#1c4f64;padding-top:20px;font-weight:bold;font-family:"Trebuchet MS", Verdana, Arial, geneva, helvetica, sans-serif;}
h3{font:1.4em arial,sans-serif;color:#999;font-weight:bold;line-height:10px;margin-top:25px;font-family:"Trebuchet MS", Verdana, Arial, geneva, helvetica, sans-serif;line-height:1.4em;}
h4{font:1.2em arial,sans-serif;color:#000;font-weight:bold;margin-top:25px;font-family:Trebuchet MS, Verdana, Arial, geneva, helvetica, sans-serif;}

#links h1{font:1.6em arial,sans-serif;font-weight:bold;color:#164557;width:100%;line-height:1.2em;border-bottom:1px solid #ccc;margin-top:50px;font-family:"Trebuchet MS", Verdana, Arial, geneva, helvetica, sans-serif;}

.bold{color: #B7130A;}
.blau{color: #042C2C;}

#links a:link, #links a:visited {
	color: #B7130A;
	text-decoration:none;
}

#links a:hover, #links a:active {
	color: #B7130A;
	text-decoration:underline;
}

#links #menu a {
	text-decoration:none;
}


#footer a:link, #footer a:visited, #footer a:active, #footer a:hover{
	color: #fff;
	text-decoration:none;
}

blockquote{text-align:justify;}

a.menu {text-align:center; color:#042C2C; text-decoration:none;}		
a.menu:active, a.menu:hover{color:#FF0000; text-decoration:none;}

a {color:#1c4f64; text-decoration:none;}		
a:active, a:hover{color:#FF0000; text-decoration:none;}

#rechts li{list-style-position:outside; margin-left:-15px;margin-bottom:0px; }
#hell{background-color:#fff;}

/* ---------->>> F O R M U L A R <<<-----------*/
.eingabe {background-color:#E3F3F3;  border:1px solid #ccc; font-size: 1.2em; font-family: arial, helvetica, sans-serif;padding:2px;}
.button {background-color:#00ACC2; color:#fff; width:80px; border:1px solid #ccc;}