/* Stylesheets für Tönnies */

/* Standard Font, Abstände, Hintergründe, Farben u. Bilder */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #688C8D;
	background-image: url(../../images/toennies/hg_rechts.gif);
	background-repeat:repeat-x;
}

html, td, div, span { font-family: Arial; font-size:11px; color:#000000; }

p {
	margin: 0; padding: 0;
	margin-top:20px;
}

/* Fliesstexte */
.text10grau { font-size: 10px; color: #474747; }
.text11grau { font-size: 11px; color: #474747; }
.text12grau { font-size: 12px; color: #474747; }

.text11dkgrau { font-size: 11px; color: #424343; }
.text12dkgrau { font-size: 12px; color: #424343; }

.text10rot { font-size:10px; color: #DE011A; }
.text11rot { font-size:11px; color: #DE011A; }
.text12rot { font-size:12px; color: #E91B32; }

.text10weiss { font-size:10px; color: #FFFFFF; }
.text11weiss { font-size:11px; color: #FFFFFF; }
.text12weiss { font-size:12px; color: #FFFFFF; }

.text11schwarz { font-size: 11px; color: #000000; }
.text12schwarz { font-size: 12px; color: #000000; }

.text11gruen { font-size: 11px; color:  #005D49; }
.text12gruen { font-size: 12px; color:  #005D49; }


/* Links */
A.LinkWhite:link, A.LinkWhite:visited, A.LinkWhite:active, A.LinkWhite:hover{ 
	font-size: 10px; 
	color: #FFFFFF;
	text-decoration: none;
}

A.LinkGruen:link, A.LinkGruen:visited, A.LinkGruen:active, A.LinkGruen:hover{ 
	font-size: 11px; 
	color: #005D49;
	text-decoration: none;
}

A.LinkPDF:link, A.LinkPDF:visited, A.LinkPDF:active, A.LinkPDF:hover{ 
	font-size: 11px; 
	color: #005D49;
	background-image: url(../../images/pfeil.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	font-weight: normal;
	line-height:20px;
	text-decoration: underline;
	padding: 0px 0px 0px 8px;
}

A:link, A:visited, A:active, A:hover{ 
	font-size: 11px; 
	color: #000000;
	text-decoration: none;
}

A.Archiv:link, A.Archiv:visited, A.Archiv:active, A.Archiv:hover{ 
	font-size: 11px; 
	color: #000000;
	text-decoration: none;
}
/* Aufzählungen */
.aufzaehlung ul {
	list-style-type: none;
	margin: 0; padding: 0;
	margin-top:3px;
}
.aufzaehlung ul li {
	background: url(../../images/toennies/li_arrow.gif) no-repeat;
	background-position: 0px 4px;
	padding-left: 10px;
}
.aufzaehlung_agb ul {
	list-style-type: none;
	margin: 0; padding: 10px 0 0 0;
	margin-top:3px;
}
.aufzaehlung_agb ul li {
	background: url(../../images/toennies/li_arrow.gif) no-repeat;
	background-position: 0px 14px;
	padding: 10px 0 0 10px;
}
.aufzaehlung_agb ul li a {
	color:#005D49;
	font-weight:bold;
	text-decoration:none;
}

/* Layer, Positionierungen, Aussehen */
#HINTERGRUND {
	position:absolute;
	width:985;
	height:100%;
	left:0px;
	top:0px;
	background-color: #FFFFFF;
	z-index:0;
}

#RANDLINKS, #RANDRECHTS {
	position:absolute;
	margin-left:7px;
	left:0px;
	top:0px;
	background-color:#005447;
	width:1px;
	height:100%;
	z-index:10;
}
#RANDRECHTS { margin-left:971px; }
#RANDLINKS { margin-left:7px; }

#HGRECHTS {
	position:absolute;
	margin-left:978px;
	left:0px; top:0px;
	background-color:#005447;
	width:7px;
	height:100%;
	z-index:10;
	background-image: url(../../images/toennies/hg_hp_rechts1a.gif);
}
#TOP {
	position:absolute;
	width:969px;
	height:98px;
	z-index:2;
	left: 8px;
	top: 0px;
	background-image: url(../../images/toennies/hg_oben.gif);
}
#LAYLOGO {
	position:absolute;
	width:312px;
	height:78px;
	z-index:2;
	left: 639px;
	top: 0px;
}
#LAYWERKSVERKAUF {
	position:absolute;
	width:277px;
	height:43px;
	z-index:2;
	left: 330px;
	top: 25px;
}
#LAYZEIT {
	position:absolute;
	width:242px;
	height:15px;
	z-index:2;
	left: 34px;
	top: 18px;
}

#NAVIGATIONHG {
	position:absolute;
	width:971px;
	height:26px;
	z-index:2;
	left: 5px;
	top: 108px;
	background-image: url(../../images/toennies/hg_navi.gif);
}
#LAYNAVI {
	position:absolute;
	width:571px;
	height:28px;
	z-index:3;
	left: 32px;
	top: 98px;
}

#STARTSEITE {
	position:absolute;
	width:946px;
	z-index:101;
	left: 16px;
	top: 155px;
}
#CONTENT {
	position:absolute;
	width:740px;
	z-index:101;
	left: 222px;
	top: 155px;
}
#CONTENTNAVI {
	position:absolute;
	width:218px;
	height:115px;
	z-index:102;
	left: 18px;
	top: 155px;
}

#LAYUNTERNEHMEN, #LAYPRODUKTION, #LAYQUALITAET, #LAYAKTIVITAET {
	position:absolute;
	z-index:100;
	background-color: #FFFFFF;
	border-top:1px solid #005447;
	border-left:1px solid #005447;
	border-right:1px solid #005447;
	border-bottom:1px solid #949494;
	background-image: url(../../images/toennies/hg_subnav.gif);
	background-position: bottom left;
	background-repeat:repeat-x;
}
#LAYUNTERNEHMEN {
	top: 39px;
	left: 105px;
	height: 58px;
	width: 114px;
}
#LAYPRODUKTION {
	top: 2px;
	height: 95px;
	left: 223px;
	width: 150px;
}
#LAYQUALITAET {
	top: 39px;
	_top: 40px;
	left: 330px;
	height: 58px;
	width: 155px;
}
#LAYAKTIVITAET {
	top: 39px;
	_top: 40px;
	left: 420px;
	height: 58px;
	width: 174px;
}
#FLASHINTRO {
	position:absolute;
	margin-top: 90px;
	margin-left: 11px;
	height: 957px;
	width: 467px;
}
#AUSWAHL {
	position:absolute;
	z-index: 999;
	margin-top: 40px;
	margin-left: 40px;
	height: 32px;
	width: 381px;
}

/* HAUPT-NAVIGATION EBENE I. */
.leftnav {
	font-family: Arial;
	font-weight: normal;
	font-size: 11px;
	width: 128px;
}

.leftnav a {
	background: url(../../images/link_arrow.gif) no-repeat;
	background-position: 3px 6px;
	color: #FFFFFF;
	background-color: #808B91;
}
.leftnav a:hover, .leftnav a.active {
	background: url(../../images/link_arrowdown.gif) no-repeat;
	background-position: 2px 8px;
	color: #FFFFFF;
	background-color: #728194;
}
.leftnav {
	font-family: verdana;
	font-size: 11px;
	width: 127px;
}
.leftnav ul {
	list-style-type: none;
	margin: 0; padding: 0;
}
.leftnav li a {
	display: block;
	text-decoration: none;
	padding-left: 13px;
	padding-top: 3px;
	padding-bottom: 3px;
	_height: 0%;
	border-bottom: 1px solid #FFFFFF;
}

/* UNTER-NAVIGATION  --- OBEN --- EBENE I. */
.unav, .contnav { font-size: 10px; }

.unav a, .contnav a { color: #000000; }
.unav a:hover, .unav a.active, .contnav a:hover {
	background: url(../../images/toennies/link_unav.gif) no-repeat;
	background-position: 9px 5px;
	color: #E91B33;
}
.contnav a.active {
	/*visibility:hidden;
	margin-top: -18px;*/
	background: url(../../images/toennies/link_unav.gif) no-repeat;
	background-position: 9px 5px;
	color: #E91B33;
}

.unav ul, .contnav ul {
	list-style-type: none;
	margin: 0; padding: 0;
}
.unav li a, .contnav li a {
	display: block;
	text-decoration: none;
	padding-left: 18px;
	padding-top: 2px;
	padding-bottom: 2px;
	_height: 0%;
	border-bottom: 1px solid #D9D8D8;
}

/* BEWERBUNGSFORMULAR */

input.bewerbung {
	width:230px;
	height:20px;
	background-color:#ffffff;
	border:1px solid #A5ACB2;
	font-size:11px;
	color:#000000;
}
textarea.bewerbung {
	width:450px;
	height:94px;
	background-color:#ffffff;
	border:1px solid #A5ACB2;
	font-size:11px;
	color:#000000;
}

.hr{
background-color:#BFBFBF; /* Mozilla 1.4 */
color:#BFBFBF; /* IE 6 */
border: #BFBFBF; /* Opera 7.11 */
height: 1px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
}

