
body
            { background-color: #f1f1f1; margin: 0 0 20px; padding: 0 }

table,td   { color: #000; font-size: 97%; font-family: Arial; line-height: 125% }
h2      { color: #272727; font-size: 125%; font-family: Arial; letter-spacing: 2px; border-bottom: 0 solid #746b64 }


.li {
width:14px;
background-image:url(images/ra1.jpg);
background-repeat:repeat-y;
vertical-align:top;
border-right:solid 0px #BFBFBF;
}


.re {
width:14px;
background-image:url(images/ra2.jpg);
background-repeat:repeat-y;
border-left:solid 0px #BFBFBF;}


/* hauptgerüst */

#main   { margin-bottom: 20px; width: 960px }

#top       { color: #2a3c22; background-image: url("images/bg_mitte.gif"); background-repeat: repeat; background-position: center; border-top: 0 solid #fff; border-left: 1px solid #fff }

#hpname          { color: #000; font-size: x-large; font-family: "Trebuchet MS"; font-style: italic; background-color: white; text-align: left; letter-spacing: 1px; padding: 5px 10px; height: 60px }

/* menue oben */


.buleiste {
vertical-align:top;
height:60px;background-color:white;
background-image:url(images/bu_ob.jpg);
background-repeat:repeat-x;
border-top:solid 1px #C4C4C4;}

#menu2 a, #menu2 a:visited , #menu2 a:active  { color: #000; font-size: 10pt; font-family: verdana, sans-serif; line-height: 36px; text-decoration: none; background-image: url("images/bu_ob.jpg"); text-align: center; display: block; margin-right: 0; margin-left: 0; padding: 0 10px; border-left: 0 solid #aaaaaa }


#menu2 a:hover   { color: #000030; text-decoration: none; background-color: #fff; background-image: url("images/white.gif"); border-top: 0 solid #fff; border-bottom: 0 solid #e6e6e6; border-left: 0 solid #fff }

#nav  { background-repeat: repeat-y; background-position: left top; padding: 0; vertical-align: top; border-left: 0 solid #fff }


#sp2     { font-size: 12px; font-family: Arial; line-height: 140%; background-color: #fff; text-align: justify; padding: 40px 30px; width: 100%; height: auto }
#spjobs  { font-size: 12px; font-family: Arial; background-color: #fff; text-align: justify; padding: 40px 30px; width: 100%; height: 400px }
#spueber    { font-size: 12px; font-family: Arial; line-height: 140%; background-color: #fff; text-align: justify; padding: 40px 30px; width: 100%; height: 400px }
#spanfrage   { background-color: #fff; background-repeat: no-repeat; background-position: center bottom; text-align: justify; padding: 10px; width: 100%; height: 800px }
/*Startseite*/
#sp2a       { font-size: 12px; font-family: Arial; line-height: 140%; background-color: #fff; text-align: justify; padding: 40px 30px 10px; width: 100% }
#sp2price { background-color: #fff; text-align: justify; padding: 40px 30px 10px; width: 100%; height: 400px }
/*Innen-Tabelle auf der Serviceseite*/
#sp3  { font-size: 97%; font-family: Arial; line-height: 125%; background-color: #fff; text-align: justify; padding: 10px; width: 100%; border-bottom: 1px dotted #808080 }
#fussb     { color: #fff; font: 12px/16px verdana, sans-serif; background-color: #393; background-image: url("images/bgfooter1.gif"); background-repeat: no-repeat; background-position: right 0; text-align: center; height: 130px }
#fussb1  { color: #fff; font: 12px/16px verdana, sans-serif; background-repeat: repeat; background-position: center 0; text-align: center; height: 40px }
/* scrolleiste internet explorer ab vers.5.5 */

body
{scrollbar-arrow-color: #737b66; scrollbar-base-color: #F5F8F3;
scrollbar-highlight-color : #737b66; scrollbar-shadow-color : #ffffff;
SCROLLBAR-TRACK-COLOR: #e6e6e6;}




/* menue  */

#menu01    { background-color: #279d2d; background-repeat: repeat; text-align: left; margin: 0; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; border: dashed 0 #fff }

#menu01 ul, #menu01 li    { color: #fff; list-style-type: square; margin-left: 10px; padding: 0 }
#menu01 li a:link, #menu01 li a:visited, #menu01 li a:active    { color: #fff; font-size: 14px; line-height: 16px; text-decoration: none; display: block; padding-left: 5px; width: 200px; georgia: height: 16px   }

#menu01 li a:hover    { color: #fff; text-decoration: underline; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; letter-spacing: 0; padding-left: 5px }

.box1       { color: #0f1113; font: 11px/18px Verdana; background-color: #98c380; background-repeat: repeat; margin: 0; padding-top: 15px; padding-bottom: 15px; padding-left: 10px; width: 230px; height: 100%; border-bottom: 1px solid #fff }

.box2      { color: #fff; font-size: 11px; font-family: Verdana; font-style: normal; font-variant: normal; font-weight: normal; background-color: #279d2d; margin: 0; padding-top: 15px; padding-bottom: 15px; padding-left: 5px; width: 230px; border-top: 1px solid #fff }
.trenn1     { color: #fff; font: 11px/18px Verdana; background-color: #279d2d; margin: 0; padding-top: 15px; padding-bottom: 15px; padding-left: 10px; width: 230px; height: 10px; border-top: 0 solid #fff; border-bottom: 1px solid #fff }

.trenn2       { color: #fff; font: 11px/18px Verdana; background-color: #279d2d; margin: 0; padding-top: 15px; padding-bottom: 15px; padding-left: 10px; width: 230px; border-top: 1px solid #fff; border-bottom: 1px solid #fff }
.trenn3  { color: #000; font: 11px/18px Verdana; background-color: #98c380; margin: 0; padding-top: 15px; padding-bottom: 15px; padding-left: 10px; width: 230px; border-top: medium none #fff; border-bottom: 1px solid #fff }
/* allgemeine links im text */

a:link, a:visited, a:active    { color: #0e5fc8; font-size: 12px; font-family: Arial }

a:hover   { text-decoration: none }
/*Kontaktformular*/
textarea, input, select      { font-size: 12px; background-image: url("images/inputfield.png"); background-repeat: repeat-x; border: solid 1px #ddd }
.button   { color: #fff; background-color: #036; border: solid 2px #036 }
#service      { color: #000; font-size: 12px; font-family: Arial; padding: 10px; border: dotted 1px #ddd }
#serviceinhalt    { color: #000; font-size: 12px; font-family: Arial; line-height: 150%; padding: 10px 5px }
#serviceinhalt a { color: #00f; font-size: 12px; font-family: Arial; text-decoration: underline }
#serviceinhalt a:hover { color: #00f; font-size: 12px; font-family: Arial; text-decoration: none }
#partner    { color: #000; font-size: 12px; font-family: Arial; line-height: 125%; padding: 10px }
#jobs  { color: #000; font-size: 12px; font-family: Arial; line-height: 125%; padding: 10px }
#dirk { font-size: 12px; font-family: Arial; background-color: #fff; padding: 10px }
#dirkbild { border: solid 2px #279d2d }
#reinigung { padding: 10px; border: solid 2px #279d2d }

/** FAQ **/

.faq { 
	margin-bottom:2em;
	border:0 none;
	margin-left:0;
	padding:0;
}

.faq dt {
	background-position:right 50%;
	background-repeat:no-repeat;
	border-bottom:1px dotted #BBBBBB;
	cursor:pointer;
	line-height:1.6;
	padding:0.3em 0;
}

.faq dt.off  { background-image: url("images/expand.gif") }

.faq dt.on  { background-image: url("images/collapse.gif") }

.faq dd {
	border-bottom:1px dotted #BBBBBB;
	line-height:1.6;
	padding:10px 0 10px 60px;
}
.phone { margin-top: -18px }
