/* 
    Document   : gute geister haushaltsservice css
    Created on : 20. august 2008, 10:52
    Author     : Martina Plawer universaldesign.de
    Description:
        Purpose of the stylesheet follows.
*/
* {
    margin: 0;
    padding: 0;
}
body {
    font-family: Verdana, Arial, Helvetica,  sans-serif;
	text-align:center;
	background-color: #9cce00;
	color: #fff;
	font-size: 100.01%;
}
h1 {
	text-align: center;
	margin-bottom: 21px;
}
h3 {
	font-weight: bold;
}
 h3, p, #text ul li {
	font-size: .6875em;
	line-height: 140%;
}
.vertrag {
font-size: .625em;
}
p {
	padding: 1em 0 0 0;
}
li {
	list-style: none;
}
#text ul li {
 list-style:disc;
 margin: 0 0 0 10px;
 }
#dokumente,
 #bewerber {
 margin: 1em 0 0 0;
 }
#dokumente a,
#bewerber a {
	text-decoration: none;
	font-weight:bold;
	color: #748f2c;
	background-color: inherit;
 }
#text ul {
 	padding: 10px 0 0 10px; 
  }
#logo {
	padding-top: 60px;
}
#wrapper {
	font-size: 1em;
	text-align:left;
	color:inherit;
	width: 1035px;
	margin:	auto;
	/*background: transparent url(../images/border_top.gif) 167px 197px no-repeat; */
	background: transparent url(../images/border_top.gif) 167px 233px no-repeat;
}
* html #wrapper {
background: transparent url(../images/border_top.gif) 167px 246px no-repeat; 
}
*+html #wrapper {
background: transparent url(../images/border_top.gif) 167px 233px no-repeat; 
}
#content {
	background: transparent url(../images/content_bg.gif) top left no-repeat;
	width: 674px;
	height: 381px;	
	float:left;	
}
.anfrage #content  {
	background: transparent url(../images/content_anfrage.gif) top left no-repeat;
}
.sonsiges #content {

	background: transparent url(../images/content_sl.gif) top left no-repeat;
	
}
#claim {
position:relative;
height:380px;
}
.sonsiges #content h3 {
	color: #9cce00;
}
a.internal {
color: #748f2c;
background-color: inherit;
text-decoration: none;
}
a#martina-plawer,
a.martina-plawer,
a#mail, a.internal {
border-bottom: 1px solid #9cce00;
}
.textlink {
text-decoration: none;
color: #648f2c;
border-bottom: 1px solid #9cce00;
}
a#martina-plawer,
a.martina-plawer {
text-decoration: none;
color: #648f2c;
}
a#web {
display: block;
padding: 1em 0 0 0;
}
#content .sonsiges {
	background-color: #eefcd0;
	color: #748f2c;
	width: 430px;
}
.abbinder {

position:absolute;
bottom: 23px;
	text-transform: uppercase;
}
#printausgabe {
	display: none;
}
.fir {
	display:none;
}
#images h2  {
	float:left;
}

a img {
	border: none;
}

#text,
#images,
#rightNav,
#leftNav  {
 	float:left;
}
#images img {
	float:left;
}
.sl,
.einmalEinsatz,
.likf,
.haushalstOrga,
.zweitwohnungsService,
.buegelservice,
.gartenservice {
    width: 218px;
	height:380px;
	background: #fff url(../images/sonstige_leistungen.jpg) top left no-repeat;
}
.einmalEinsatz {
	background: #fff url(../images/einmal.jpg) top left no-repeat;
}
.likf {
	background: #fff url(../images/krankheit.jpg) top left no-repeat;
}
.haushalstOrga {
	background: #fff url(../images/haushaltsorga.jpg) top left no-repeat;
}
.zweitwohnungsService {
	background: #fff url(../images/zweitwohnung.jpg) top left no-repeat;
}
.buegelservice {
	background: #fff url(../images/buegelservice.jpg) top left no-repeat;
}
.gartenservice {
	background: #fff url(../images/gartenservice.jpg) top left no-repeat;
}
#images ul {
	padding: 15px 15px 0 0;
}

#images ul li{
	display:block;
	font-size: .685em;
	text-align: right;
	padding: 0 0 10px 0;
}
#images ul li a {
	display:block;
	text-decoration: none;
	color: #9cc11e;
	background-color: inherit;
}
#images ul li a:hover {
	font-weight: bold;
}
#text {
	width: 262px;
	padding: 30px 8px 0 12px;
	color: #748f2c;
	background-color: #fff;
}
.breaker {
	clear: both;
}
.subtitle {
	font-weight: normal;
	display:block;
	padding-top: 1.27em;
}
#greatings {
	display:block;
	padding: 1em 0 .75em 0;
	
}
#signature {
	font-size: 1.27em;
	font-weight: bold;
}
#details {
	font-size: .81em;
}
#copyright {
 padding: 5px 0 0 0;
}
address {
	display:block;
	padding-top: 1.27em;
	font: normal .685em Verdana, Arial, Helvetica sans-serif;
}
address a, #login {
	color: #748f2c;
	background-color: inherit;
	text-decoration: none;
	font-weight:bold;
}
#login {
	display:block;
	padding-top: 4.27em;
}
.telefon {
	display:block;
	padding-top: 1.27em;
	font-size: 1.27em;
	font-weight:bold;
}

body#start #home a {
background-position: 0 -70px; 
}
body#company #unternehmen a {
background-position: 0 -88px;
}
.guteGeister #ghost a {
	background-position: 0 -91px; 
}
.wasMachenWir #doing a {
background-position: 0 -107px; 
}
.jobs #jobs a { 
	background-position: 0 -90px; 
}
.whois #about a { 
	background-position: 0 -93px; 
}
body#dienstleistungen #service a {
	background-position: 0 -101px; 
}
body#contact #kontakt a {
	background-position: 0 -122px;
}
.basisPaket #basis a { 
	background-position: 0 -91px; 
}
.premiumPaket #premium a {
	background-position: 0 -107px; 
}
.deluxePaket #deluxe a {
	background-position: 0 -93px; 
}

.sonsiges #sonstiges a {
	background-position: 0 -90px; 
}
.anfrage #anfrage a {
background-position: 0 -36px; 
}
.impressum #imprint a { 
	background-position: 0 -24px; 
}
.pv #personalvermittlung,
.ee #einmaleinsatz,
.kf #krankheitsfall,
.ho #haushaltsorganistion,
.zs #zweitwohnungsservice,
.bs #buegelservice,
.gs #gartenservice {
	font-weight: bold;
}
#home a { 
display:block;
	width: 183px;
	height: 70px; 
	background: transparent url(../images/home.gif) top left no-repeat; 
}
#unternehmen a {
	display:block;
	width: 183px;
	height: 88px; 
	background: transparent url(../images/unternehmen.gif) top left no-repeat; 
}
#service a {
	display:block;
	width: 183px;
	height: 101px; 
	background: transparent url(../images/dienstleistungen.gif) top left no-repeat; 
}
#kontakt a {
	display:block;
	width: 183px;
	height: 122px; 
	background: transparent url(../images/kontakt.gif) top left no-repeat; 
}
#home a:hover,
#home a:focus,
#home a:active  { 
	background-position: 0 -70px; 
}
#unternehmen a:hover,
#unternehmen a:focus,
#unternehmen a:active  { 
	background-position: 0 -88px; 
}
#service a:hover,
#service a:focus,
#service a:active  { 
	background-position: 0 -101px; 
}
#kontakt a:hover,
#kontakt a:focus,
#kontakt a:active  { 
	background-position: 0 -122px; 	
}
#id_01 a,
#id_02 a,
#id_03 a,
#id_04 a {
cursor:default;
}
#contact-right-nav a,
#id_01 a {
	display:block;
	width: 167px;
	height: 91px; 
	background: transparent url(../images/01_nav.gif) top left no-repeat; 
	
}
#contact-right-nav a {
	background: transparent url(../images/anfrage_left.gif) top left no-repeat;
}
.anfrage #contact-right-nav a,
#contact-right-nav a:hover,
#contact-right-nav a:focus,
#contact-right-nav a:active  { 
	background-position: 0 -91px; 
}
#imprint-right-nav a,
#id_02 a {
	display:block;
	width: 167px;
	height: 107px; 
	background: transparent url(../images/02_nav.gif) top left no-repeat; 
}
#imprint-right-nav a {
 background: transparent url(../images/impressum_left.gif) top left no-repeat;
}
.impressum #imprint-right-nav a,
#imprint-right-nav a:hover,
#imprint-right-nav a:focus,
#imprint-right-nav a:active  { 
	background-position: 0 -107px; 
}
#id_03 a {
	display:block;
	width: 167px;
	height: 93px; 
	background: transparent url(../images/03_nav.gif) top left no-repeat; 
}

#id_04 a {
	display:block;
	width: 167px;
	height: 90px; 
	background: transparent url(../images/04_nav.gif) top left no-repeat; 
}

#ghost a {
	display:block;
	width: 167px;
	height: 91px; 
	background: transparent url(../images/guteGeister.gif) top left no-repeat; 
}

#doing a {
	display:block;
	width: 167px;
	height: 107px; 
	background: transparent url(../images/wasMachenWir.gif) top left no-repeat; 
}
#about a {
	display:block;
	width: 167px;
	height: 93px; 
	background: transparent url(../images/werSindWir.gif) top left no-repeat; 
}

#jobs a {
	display:block;
	width: 167px;
	height: 90px; 
	background: transparent url(../images/jobs.gif) top left no-repeat; 
}
#ghost a:hover,
#ghost a:focus,
#ghost a:active  { 
	background-position: 0 -91px; 
}
#doing a:hover,
#doing a:focus,
#doing a:active  { 
	background-position: 0 -107px; 
}
#about a:hover,
#about a:focus,
#about a:active  { 
	background-position: 0 -93px; 
}
#jobs a:hover,
#jobs a:focus,
#jobs a:active  { 
	background-position: 0 -90px; 
}

#basis a {
	display:block;
	width: 167px;
	height: 91px; 
	background: transparent url(../images/basisPaket.gif) top left no-repeat; 
}
#basis a:hover,
#basis a:focus,
#basis a:active  { 
	background-position: 0 -91px; 
}

#premium a {
	display:block;
	width: 167px;
	height: 107px; 
	background: transparent url(../images/premiumPaket.gif) top left no-repeat; 
}
#premium a:hover,
#premium a:focus,
#premium a:active  { 
	background-position: 0 -107px; 
}

#deluxe a {
	display:block;
	width: 167px;
	height: 93px; 
	background: transparent url(../images/deluxePaket.gif) top left no-repeat; 
}
#deluxe a:hover,
#deluxe a:focus,
#deluxe a:active  { 
	background-position: 0 -93px; 
}
#sonstiges a {
	display:block;
	width: 167px;
	height: 90px; 
	background: transparent url(../images/sonstiges.gif) top left no-repeat; 
}
#sonstiges a:hover,
#sonstiges a:focus,
#sonstiges a:active  { 
	background-position: 0 -90px; 
}
#anfrage span,
li a span { 
	display: none;
}
*+html #anfrage span,
*+html li a span { 
display: block;
	margin: -10000px;
}
* html #anfrage span,
* html li a span { 
display: block;
	margin: -10000px;
}

#metaNav {
	display: block;
	background: transparent url(../images/border_bottom.gif) top left no-repeat; 
	height: 30px;
}
html>body #metaNav {
	margin-left: 167px;

}
* html ul#metaNav {
float: left;
	margin-left: 83px;
	border-left: 1px solid #9cce00;
	width: 708px;
}
#imprint a {

	display:block;
	width: 86px;
	height: 24px; 
	background: transparent url(../images/impressum.gif) top left no-repeat; 
}

html>body #anfrage {
position:relative;
/*position: absolute;*/
top: -20px;
padding: 0 0 0 780px;
}
* html #anfrage  {
position:relative;
top: -20px;
left: 770px;

}

#anfrage a {

	display:block;
	width: 99px;
	height: 36px; 
	background: transparent url(../images/anfrage.gif) top left no-repeat; 
}
#anfrage a:hover,
#anfrage a:focus,
#anfrage a:active  { 
	background-position: 0 -36px; 
}
#imprint a:hover,
#imprint a:focus,
#imprint a:active  { 
	background-position: 0 -24px; 
}

a:focus {
outline: none;
}
.row {
width: 381px;
height: 190px;
}
#master0,
#master1,
#master2,
#master3,
#master4,
#master5 {
position: relative;
}
#master1 {
top: -190px;
 left: 127px;
}
#master2 {
top: -380px;
 left: 254px;
}
#master3 {
left: 0;
top: 0;
}
#master4 {
top: -190px;
 left: 127px;
}
#master5 {
 left: 254px;
 top: -380px;
}
* html #master0,
* html #master1,
* html #master2,
* html #master3,
* html #master4,
* html #master5 {
top:auto;
left:auto;
float: left;
}
form {
color: #9cce00;
font-size: .6875em;
line-height: 200%;
}
h2.formular {
font-size: .75em;
padding: 10px 0 1em 10px;
color: #748f2c;
}
h2.formular .errortext {
 color: #cc0000;
 background-color: inherit;
}
#content p.formular {
padding: 0 0 0 10px;
color: #748f2c;
}
input, select {
width: 120px;
color: #748f2c;
border: 1px solid #9cce00;
}

.left select,
.left input {
padding: 2px 2px 2px 2px;
margin: 5px 0 0 0;
width: 150px;
}
#object {
width: 158px;
}

.left label {
width: 180px;
padding: 1px 2px 2px 2px;
margin: 5px 0 0 0;
display:block;
float:left;
}
.left {
width: 370px;
float:left;
padding: 0 0 0 10px;
color: #748f2c;
background-color: #eefcd0;

}
.right {
width: 240px;
float:left;
padding: 0 0 0 20px;
}
.right select,
.right input {
padding: 0 2px 2px 2px;
width: 230px;
}
.right select {
width: 238px;
}
.right label {
display:block;
padding: 0 2px 2px 2px;
color: #748f2c;
}

textarea {
font-family: Verdana, Arial, Helvetica,  sans-serif;
color: #748f2c;
font-size: 1.25em;
width: 230px;
padding: 0 2px 2px 2px;
border: 1px solid #9cce00;
/*border: 1px solid #748f2c;*/
}
input:focus, 
select:focus, 
textarea:focus {
border: 1px solid #748f2c;
color: #748f2c;
}
fieldset {
border: none;
}
#loginform {
padding-top: 1em;
}
#submit {
border: 1px solid #9cce00;
color: #748f2c;
background-color: #fff;
padding: 2px 10px;
margin: 20px 0 0 0;
}
.mitarbeiterlogin label {
color: #748f2c;
display:block;
 padding: 0 2px 2px 2px;
}
.mitarbeiterlogin input {
width: 200px;
}
#einloggen {
width: 205px;
	margin: 30px 0 0 0;
}
ul#cleaning {
	padding-top: 0;
}
.noMargin {
padding-top: 0;
}
#mymovie {
margin: 120px 0 0 -35px;
}

#jobs-gutegeister {
margin: auto;
width: 1035px;
position: relative;
top: -544px;
}

#job-btn {
position: absolute;
top: 0;
left: 190px;
}