/* CSS f�r www.fato-chemie.de   */
/* FATO-blau: 			#0047ba */
/* FATO-blau (65%): 	#5181d0 */
/* FATO-blau (40%): 	#9ab6e4 */
/* FATO-blau (30%): 	#b3c8ea */
/* FATO-blau (20%): 	#d7e2f4 (OnMouseOver bei Tabellen) */
/* FATO-hellblau: 		#e5ecf8 */
/* 3. blau (MAINNAV):	#bcceed */

html,body {
	margin: 0;
	padding: 0;
	background: #eee url(../media/bg_body.jpg) repeat-y 50% 0;
	color: #333;
	font: 1em Verdana,Sans-serif;
}

a, a:link {
	color: #5181d0;
}

a:active, a:hover, a:visited {
	color: #0047ba;
}

/* F�r Links im Content-Bereich:*/
#content p a, #content h2 a {
  background: url(../media/zeichen_link.gif) no-repeat left top;
  padding-left: 14px;
}

/* doch kein Linkzeichen: */
#content a.linknosign {
  background: none;
  padding-left: 0;
}

/* Bilder sollen auch kein Linkzeichen haben:
#content p a img {
  background: none;
  padding-left: 0;
}
*/


/* Zur�ck-Links: */
#content a.linkback {
  background: url(../media/zeichen_link_zurueck.gif) no-repeat left top;
  padding-left: 14px;
}

/* Mail-Links: */
#content a.linkmail {
  background: url(../media/zeichen_link_mail.gif) no-repeat left top;
  padding-left: 18px;
}

/* F�r externe Links: */
#content a.offsite {
  background: url(../media/zeichen_offsite.gif) no-repeat left top;
  padding-left: 18px;
}

p {
	margin: 0 60px 20px 60px;
	font-size: 0.75em;
	line-height: 150%;
}

h1 {
	margin: 0 60px 20px 40px;
	font-size: 1em;
	line-height: 150%;
}

h2 {
	margin: 0 60px 8px 60px;
	font-size: .8em;
	line-height: 150%;
}

/* Breite der Texte: */
h1, h2, p, ol {
	width: 460px;
	overflow: visible;
}

/* Content-Bilder einr�cken */
#content img {
	margin-left: 40px;
}

/* Aussehen von Tabellen: */
/**************************/
table {
	margin-left: 40px;
	font-size: 0.75em;
	border-collapse: collapse;
	margin-bottom: 30px;
}

th {
	background-color: #0047ba;
	color: #FFF;
	padding: 4px;
	vertical-align: top;
}

td {
	border-bottom: #0047ba 1px solid;
	padding: 4px;
	text-align: center;
	height: 32px;
}

/*
td a:hover {
	display: block;
}
*/

th.erstespalte, td.erstespalte {
	text-align: left;
}

/* Haken f�r Tabellen: */
a.haken {
	background-image: url(../media/zeichen_haken.gif);
	background-repeat: no-repeat;
	background-position: center top;
	
	display: block;
	/*width: 200px;*/
	padding-top: 20px;
	margin: 0;
	overflow: hidden;
	height: 0;
}
a.haken:hover {
	background-image: url(../media/zeichen_haken_hover.gif);
}

.hidden {
	display: none;
}


/* Aufz�hlungen */

ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ol li {
	padding-top: 6px;
	padding-bottom: 6px;
	font-size: 0.75em;
	line-height: 150%;
	list-style-position: outside;
	margin-left: 40px;
}


/* Wenns doch mal eine Liste sein soll: class="list" */
ul.list {
	list-style-type: square;
	margin-top: 0;
	margin-bottom: 10px;
	margin-left: 60px;
}
	
ul.list li {
	padding: 0px 0px 5px;
	line-height: 120%;
	font-size: .75em;
}

.no {
	display: none;
}

.tip {
	cursor: help;
	border-bottom-style: dashed;
	border-bottom-color: #AAA;
	border-bottom-width: 1px;	
}

/* hr-Tag f�r Umbr�che: */
hr {
	clear: both;
	visibility: hidden;
}


/*******************************************************************************/
/* MAINNAV: */

#home #home-on a,
#ueberuns #ueberuns-on a,
#produkte #produkte-on a,
#fatoweltweit #fatoweltweit-on a,
#kontakt #kontakt-on a,
#aktuelles #aktuelles-on a {
	font-style: italic;
	font-weight: bold;
	color: #fff;
}

#div_mainnav {
	/* right: 40px; */
	width: 140px;
	padding: 75px 30px 0;
	float: left;
}

ul#mainnav {
	list-style: none;
	line-height: normal;
	text-align: right;
}

ul#mainnav li {
	border-bottom: 1px solid #fff;
}
ul#mainnav li.erster {
	border-top: 1px solid #fff;
}

ul#mainnav li a {
	display: block;
	color: #bcceed;
	text-decoration: none;
	font-size: 0.8em;
	padding: 10px 17px 10px 17px;
}

ul#mainnav li a:hover {
	background: #e5ecf8;
	color: #036;
}

/*******************************************************************************/
/* TOPNAV: */

#divtopnav {
	width: 779px;
	height: 29px;
	float: left;
	background: #0047ba;
	border-left: 1px solid #e5ecf8;
}

ul#topnav {
	list-style: none;
	font-size: .8em;
	text-align: right;
	margin-top: 4px;
}

ul#topnav li {
	display: inline;
	padding: 0px 10px;
}

ul#topnav li a {
	/* display: block; */
	text-decoration: none;
	line-height: normal;
	color: #bcceed;
	/* padding: 5px 17px 5px 17px; */
}

ul#topnav li a:hover {
	color: #fff;
	text-decoration: underline;
}

/*******************************************************************************/
/* TABNAV (Reiter): */

#divtabnav {
	width: 779px;
	height: 160px;
	font-size: 0.8em;
	float: right;
	/*overflow: hidden;*/
	border-left: 1px solid #e5ecf8;
}

#home #divtabnav {
	background: url(../media/header/home.jpg) repeat-x;
}

#ueberuns #divtabnav {
	background: url(../media/header/ueberuns.jpg) repeat-x;
}

#produkte #divtabnav {
	background: url(../media/header/produkte.jpg) repeat-x;
}

#fatoweltweit #divtabnav {
	background: url(../media/header/fatoweltweit.jpg) no-repeat;
}

#kontakt #divtabnav {
	background: url(../media/header/kontakt.jpg) no-repeat;
}

#aktuelles #divtabnav {
	background: url(../media/header/aktuelles.jpg) no-repeat;
}

ul#tabnav {
	padding-top: 99px;
	/*padding-left: 10px;*/
}

ul#tabnav li {
	display: inline;
}

ul#tabnav li a {
	display: block;
	float: left;
	color: #5181d0;
	text-decoration: none;
	padding: 2px 10px 3px 33px;
	margin-right: 0;
	background: #e5ecf8;
	border-top: 1px solid #fff;
	/*
	border-top: 1px solid #000;
	padding: 2px 12px 3px 12px;
	margin: 0 4px;
	background: #e5ecf8;
	border-left: 1px solid #0047ba;
	border-right: 1px solid #0047ba;
	border-top:  1px solid #0047ba;
	*/
}

ul#tabnav li a:hover {
	color: #0047ba;
}

ul#tabnav li.first a {
	/*border-left: 1px solid #0047ba;*/
	padding-left: 12px;
}

ul#tabnav li.on a {
	background: #fff;
	color: #0047ba;
	border-left: 1px solid #d5dce8;
	padding-left: 12px;
}

ul#tabnav li.onoff a {
	background: #e5ecf8 url(../media/tab_onoff.gif) no-repeat left;
}

ul#tabnav li.offoff a {
	background: #e5ecf8 url(../media/tab_offoff.gif) no-repeat left;
}

ul#tabnav li.laston a {
	padding: 2px 19px 4px 0;
	background: url(../media/tab_laston.gif) no-repeat left;
	border-top: 0;
}

ul#tabnav li.lastoff a {
	padding: 2px 19px 4px 0;
	background: url(../media/tab_lastoff.gif) no-repeat left;
	border-top: 0;
}

/*******************************************************************************/

#container {
	min-height: 620px;
	margin: 0 auto;
	width: 980px;
}

#headercontainer {
	width: 980px;
}

#logo {
	width: 200px;
	height: 148px;
	float: left;
	overflow: hidden;
}

#logo h1#fato {
	margin: 0;
}

#logo h1#fato a {
	display: block;
	width: 200px;
	padding-top: 200px;
	background: url(../media/logo.jpg) no-repeat 0 0px;
	margin: 0;
	overflow: hidden;
	height: 0;
}

#contentcontainer {
	width: 980px;
	background: url(../media/bg_container.gif) no-repeat scroll left top;
	float: right;
	overflow: visible;
}

#content, #footer {
	width: 779px;
}

#content {
	padding-bottom: 35px;
	float: left;
	border-bottom: 10px solid #0047ba;
	border-left: 1px solid #e5ecf8;
	min-height: 420px;
}

#footer {
	padding: 10px 0 45px 0;
	float: right;
	font-size: 0.75em;
}


/* Formulare: */
/**********************************************************************/

form {
	width: 360px;
	/*padding: 30px 10px 10px;*/
	padding-top: 30px;
	/*background: #f4f4f4;*/
	/*border: 1px solid #e4e4e4;*/
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 40px;
}

label {
	clear: both;
	float: left;
	display: block;
	width: 360px;
	margin-top: -0.5em;
	font-size: .75em;
}
input {
	position: relative;
	top: -1.4em;
	left: 85px;
	display: block;
	width: 240px;
	border: 1px solid #0047ba;
	padding: 4px;
}

input.submit
{
	clear: both;
	top: 0;
	width: 100px;
	background: #fff;
	color: #0047ba;
	cursor: pointer;
}

textarea {
	position: relative;
	top: -1.4em;
	left: 85px;
	display: block;
	width: 240px;
	border: 1px solid #0047ba;
}