/* 
 * Master Stylesheet Lohnunternehmen Reichardt
 * Alle Medien (Screen/Print)
 *
 * Erstellt: 12.02.2009
 *
 * Autor: STUDIOO, Jochen Brenner
 *
 *           #078d2e; (gruenton hausfarbe)
 *           #b5ccb3; (hintergrund Seitenleiste)
 *           #ffa002; (highlight orange)
 *           #005ffd; (highlight invert) ??
 */

* {
    margin: 0;
    padding: 0;
    border: 0;
}

/* HTML Elemente
 * ************* */

body {
	font: 12px/1.2 Arial, Helvetica, Tahoma, sans-serif;
	color: black;
	background-color: white;
}

a {
	color:  #078d2e; /* hausfarbe */
}

h1 {
	font-size: 18px;
	font-weight: normal;
	color: #078d2e; /* hausfarbe */
	padding-bottom: 0.7em;
}

h2 {
	font: bold 12px/1.2 Verdana, Tahoma, Helvetica, sans-serif;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	padding-bottom: 0.6em;
}

h3 {
	font-size: 12px;
	padding-bottom: 0.6em;
}

p {
	padding-bottom: 0.6em;
}

table {
	width: 100%;
}

table td, th {
	font: 12px/1.2 Arial, Helvetica, Tahoma, sans-serif;
	text-align: left;
}

table th {
	font-weight: bold;
}

input, textarea {
	font-family: Arial, Helvetica, Tahoma, sans-serif;
}

/* Grundaufbau
 * *********** */

#head {
	position: absolute;
	z-index: 2;
	width: 990px;
	height: 156px;
	left: 0;
	top: 0;
	background: url(../img/head.png) 0 0 no-repeat;
}

#casing {
	width: 990px;
	padding-top: 85px;
	background: white url(../img/hg-menue.gif) 0 0 repeat-y;
}

#casing.casinghome {
	background: white url(../img/hg-plain.gif) 0 0 repeat-y;
}

/* Spaltendefinition
 * ************************************************************ */

div.col1sp {
	float: left;
	width: 195px;
}

div.col1sp .in {
	width: 180px;
	float: right;
}

div.permute1sp {
	
}

div.top {
	padding-top: 85px;
}

div.full {
	clear: left;
	width: 100%;
	padding-bottom: 0.6em;
}

div.col2sp {
	float: left;
	width: 390px;
	padding-bottom: 0.6em;
}

div.col2sp .in {
	width: 375px;
	float: right;
}

div.permute1sp .in {
	background: #078d2e url(../img/hg-home.gif) left bottom no-repeat; /* hausfarbe */
	color: white;
}

div.c2onbg { /* zweispaltig auf hintergrund, erbt von col2sp */
	width: 405px;
}

div.c2onbg .inwr {
	margin-right: 8px;
}

div.c2onbg #keyvisual {
	float: right;
	width: 390px;
}

div.col2sp .col1sp {
	width: 180px;
	float: left;
	clear: left;
	padding-bottom: 0.6em;
}

div.col2sp .r {
	float: right;
	clear: right;
}

/* Kopfleiste
 * ************************************************************ */


#head #logo {
	float: left;
	padding: 0 69px 0 35px;
}

#head #ahead {
	padding-top: 10px;
}

#head #ahead #helpers {
	color: white;
	text-align: right;
	height: 28px;
}

#head #ahead #helpers a {
	color: white;
	margin-right: 15px;
}

#head #ahead #menue {
	
}

#head #ahead #menue a {
	display: block;
	float: left;
	margin: 0 15px 0 0;
}

#head #ahead #menue .separator {
	display: block;
	width: 375px;
	height: 36px;
	float: left;
	/*margin-bottom: 9px; nee, nun: 27+9=36 height*/
}


/* Navi in Spalte 1
 * *************************** */

ul.navi {
	margin-top: 6px;
	list-style: disc outside;
}

ul.navi li {
	font-weight: bold;
	padding-bottom: 1.2em;
	margin-left: 13px;
	margin-right: 4px;
}

ul.navi li a {
	color: black;
	text-decoration: none;
}

ul.navi li a:hover {
	/*color: #005ffd;*/
	color: #078d2e; /* hausfarbe */
}

ul.navi li.current,
ul.navi li.current a,
ul.navi li.current a:hover {
	color: #078d2e; /* hausfarbe */
}

/* Startseite Navi in Spalte 1..3
 * ****************************** */

div.permute1sp ul.navi {
	margin-top: 12px;
	list-style: none;
}

div.permute1sp ul.navi li a {
	color: white;
	text-decoration: none;
}

div.permute1sp ul.navi li a:hover {
	color: #ffa002; /* highlight */
}

div.fixednavi {
	height: 26em;
}

/* Startseite Spezialelemente
 * ************************** */

h2.headWrap { /* Ueberschriften als Bild */
	display: block;
	width: 180px;
	height: 77px;
	overflow: hidden;
	color: white;
	background-color: #078d2e; /* hausfarbe */
	padding-bottom: 0;
}

h2.headWrap span {
	display: none;
}

h2.headingLandwirtschaft {
	background: #078d2e url(../img/head-landwirtschaft-text.gif) 0 0 no-repeat;
}

h2.headingPrivat {
	background: #078d2e url(../img/head-privat-text.gif) 0 0 no-repeat;
}

h2.headingGewerbe {
	background: #078d2e url(../img/head-gewerbe-text.gif) 0 0 no-repeat;
}

/* Newsticker
 * *************************** */
 
div.newsticker {
	border-bottom: 1px dotted black;
	margin-bottom: 0.6em;
}

div.newsticker a {
	display:block;
	
	text-decoration: none;
}

div.newsticker a:hover p {
	color: #078d2e; /* hausfarbe */
	text-decoration: underline;
}

div.newsticker a p {
	color: black;
}

div.newsticker h1 {
	padding-bottom: 0.3em;
}

/* Tag Erweiterungen
 * *************************** */

.kompetenzliste {
	list-style: none;
	border-top: 1px solid darkgray;
}

.kompetenzliste li {
	padding: 4px 0 4px 14px;
	background: url(../img/bullet.gif) 0 7px no-repeat;
	border-bottom: 1px solid darkgray;
}

.absatz {
	display: block;
	padding-top: 0.8em;
}

.highlight {
	
}

.linetabelle {
}
.linetabelle td, .linetabelle th {
	border-right: 1px solid darkgray;
	border-bottom: 1px solid darkgray;
}


/* Bildergalerien
 * ************** */

div.bildergalerie {
	margin-top: 0.6em;
	padding-top: 0.6em;
	border-top: 1px dotted black;
}

div.bildergalerie a {
	display: block;
	color: black;
	text-decoration: none;
}

div.bildergalerie div.row {
	clear: both;
}

div .bildlegende {
	min-height: 20px;
	padding-right: 14px;
	background: url(../img/lupe.png) right 2px no-repeat;
}

/* Formulare
 * *************** */


#ooform {
	width: 328px;
}

#ooform label {
	display: block;
	clear: both;
}

#ooform label span {
	display: block;
	width: 30%;
	float: left;
	padding: 0.1em 0;
	float: left;
}

#ooform input,
#ooform textarea,
#ooform button {
	font-size: 100%;
	border: 1px solid #6a6a6a;
	padding: 0.1em 0;
}


#ooform input {
	display: block;
	float: left;
	width: 68%;
}

#ooform input[name=Erreichbar] {
	width: 324px;
}

#ooform textarea {
	display: block;
	clear: both;
	width: 324px;
}


/* Fusszeile
 * *************************** */

#closure {
	width: 990px;
	color: #fff;
	background: #000 url(../img/edge-footer.gif)  bottom right no-repeat;
}

#closure a {
	color: white;
}

#closure p {
	display: block;
	padding: 3px 0 4px 15px;
}