/* CSS */

/* bg */
/* LAYOUT */



html { /* bei Bedarf fuer zentriertes Layout */
min-height: 100%; /* erzwingt vertikalen Scrollbalken-Platzhalter im Firefox, um ein "Huepfen" zu vermeiden (zusammen mit margin-bottom: 0.1px;) */
margin-bottom: 0.1px;
border-bottom: 1px solid #FFFFFF; /* dann funktionierts auch mit Safari und Opera, allerdings mit immer mit aktivem Scrollbalken, auch im FF */
}


body {
font: 100.01% Tahoma, sans-serif;
margin:0 auto;
padding:0;
background-color: #ffffff;
text-align:center;
}

.invsbl { /* unsichtbare Inhalte */
position:absolute;
top:-5000em;
left:-5000em;
overflow:hidden;
text-indent:-5000em;
margin: 0;
}


/* CONTAINER */

#container {
width: 904px;
margin: 0 auto;
}

#header {
width: 904px;
position: relative;
}

/* Title 
**********************************************************/

div#branding {	
position:absolute;
top: 70px;
left: 2px;
}

div#branding h1,
div#branding h2 {	
position:absolute;
top:-5000em;
left:-5000em;
overflow:hidden;
text-indent:-5000em;
margin: 0;
}


/* Meta-Navigation
*******************************************************/

#metanav {
height: 37px;
width: 904px;
border-bottom: 2px solid #000000;
}

#metanav ul {
margin-top: 18px;
float: right;
list-style-type: none;
}

#metanav li {
float: left;
}

#metanav a {
height: 11px;
overflow:hidden;
text-indent:-5000em;
display: block;
}

#header #metanav a:hover,
#header #navigation a:hover,
#header #metanav .active a,
#header #navigation .active a {
padding-bottom: 2px;
border-bottom: 1px solid #bfbfbf;
}

#metanav .c7 a {
margin-right: 2px;
width: 66px;
background: transparent url(../_img/metanav-impressum.gif) left top no-repeat;
}

#metanav .c6 a {
width: 48px;
margin-right: 11px;
background: transparent url(../_img/metanav-kontakt.gif) left top no-repeat;
}

#metanav .c5 a {
width: 31px;
margin-right: 11px;
background: transparent url(../_img/metanav-news.gif) left top no-repeat;
}

/* Navigation
*******************************************************/

#navigation {
height: 72px;
}

#navigation ul {
margin-top: 43px;
float: right;
list-style-type: none;
}

#navigation li {
float: left;
}

#navigation a {
height: 13px;
overflow:hidden;
text-indent:-5000em;
display: block;
}

#navigation li.last a {
}

#navigation a:hover {
}

#navigation li.active {
}

#navigation li.active a,
#navigation li.active a:hover {
}

#navigation .c1 a {
margin-right: 20px;
width: 83px;
background: transparent url(../_img/navi-unternehmen.gif) left top no-repeat;
}

#navigation .c4 a {
width: 115px;
margin-right: 10px;
background: transparent url(../_img/navi-gebaeudereinigung.gif) left top no-repeat;
}

#navigation .c9 a {
width: 192px;
margin-right: 15px;
background: transparent url(../_img/navi-wach-und-sicherheit.gif) left top no-repeat;
}

#navigation .c10 a {
width: 132px;
background: transparent url(../_img/navi-gastronomiebetriebe.gif) left top no-repeat;
}

/* Titelbilder
**********************************************************/

#headpic {
border: 2px solid #000000;
}


/* Content 
**********************************************************/

#mainbody {
text-align:left;
margin-top: 40px;
width: 904px;
float: left;
clear: both;
}

*+html #mainbody {
margin-top: 36px !important;
}

*html #mainbody {
margin-top: 36px !important;
}

#content {
font-size: 0.7em;
float: right;
width: 662px;
}
#content ul {
margin: 0 0 18px 15px;
padding: 0;
line-height: 1.25em;
}
#content ol {
margin: 0 0 18px 25px;
padding: 0;
line-height: 1.25em;
}
#content li {
margin: 10px 0;
}


/* Subnavigation 
*************/

#subnavi ul {
list-style-type: none;
}

#subnavi a {
text-decoration: none;
color: #000000;
}

#subnavi .active a,
#subnavi a:hover {
text-decoration: underline;
}

#subnavi ul li {
margin-bottom: 1px;
}

/* Sidebar 
*************/

#sidebar {
width: 242px;
float: left;
font-size: 0.7em;
color: #000000;
}

#sidebar h1 {
font-weight: bold;
text-transform: uppercase;
font-size:1em;
margin-bottom:0;
margin-top: 20px;
}
#sidebar h2 {
margin-top:7px;
margin-bottom:5px;
}

#sidebar h4,
#sidebar h3,
#sidebar h2 {
color:#000000;
}

.txtpic-65-1 a {
text-decoration: none;
}

.txtpic-65-1 a:hover {
text-decoration: underline;
}

.txtpic-70-1 p {
line-height: 1.6em;
}
/* Footer 
**********************************************************/

#siteinfo {
display: none;
clear:both;
font-size: 0.65em;
color:#777777;
padding-top: 5px;
}
#siteinfo p {
margin: 0;
}
#siteinfo a,
#siteinfo a:hover {
color:#777777;
text-decoration:none;
}
#siteinfo a:hover {
text-decoration:underline;
}




/********************************************************* 
allgemeine Formate
**********************************************************/

h1, h2 {
font-size: 1em;
margin: 0 0 10px 0;
}

h3 {
font-size: 1em;
margin: 0 0 10px 0;
text-transform: uppercase;
}

h4 {
font-size: 1em;
margin: 0 0 10px 0;
}

h5 {
font-size: 1em;
margin: 0 0 10px 0;
font-weight: normal;
}
h6 {
font-size: 1em;
margin: 0 0 10px 0;
font-weight: normal;
}

p {
margin: 0 0 10px 0;
line-height: 1.35em;
}

ul, ol, li {
margin: 0;
padding: 0;
}


a {
color: #000000;
text-decoration: underline;
}
a:hover {
border: none;
text-decoration: none;
}

a.mailto {
color: #000000;
text-decoration: none;
}
a.mailto:hover {
color: #000000;
text-decoration: underline;
}

a.anchor {
clear: both;
display: block;
height: 1px;
width: 1px;
overflow: hidden;
}

hr {
height: 1px;
background-color: #999999;
color: #999999;
border: none;
/*border-top: 3px dotted #666666;*/
margin: 3px 0 15px 0;
width: 100%;
clear:both;
}


table {
border-collapse: collapse;
margin-bottom: 15px;
line-height: 1em;
font-size: 0.9em;
width: 100%;
}

th {
border-top: 1px solid #666666; 
border-bottom: 2px solid #666666;
padding: 4px 15px 4px 6px;
background: #fefefe;
text-align: left;
vertical-align: top;
color: #333333;
}
td {
border-top: 1px dashed #666666;
border-bottom: 1px dashed #666666;
padding: 4px 15px 4px 6px;
text-align: left;
vertical-align: top;
}

td p,
th p {
margin: 0;
}

img {
border: none;
}



form {	
margin: 0;
padding: 0;
font-size:1em;
float:left;
clear: both;
}

form p {
margin:0;
clear:both;
width:100%;
}

fieldset {	
border: none;
padding: 0;
margin: 0;
}

legend {	
font-weight: bold;
font-size: 1.05em;
padding: 0 5px 15px 0;
margin-left: -5px;
background-color: transparent;
}

label {	
margin:2px 0 5px 0;
float:left;
font-size:1em;
}

input,
select, 
textarea {	
float:left;
margin: 0 5px 5px 0;
border:1px solid #ccc;
background-color:#fff;
padding:1px;
font-family: Arial, sans-serif;
font-size:1em;
}

input.submit {	
float:left;
margin: 0 5px 5px 0;
border:1px solid #666;
background: #ccc;
font-weight: bold;
width:auto;
}







.left {
float:left;
}
.right {
float:right;
}

.clear {
clear: both;
}


/********************************************************* 
MODUL-Formate
**********************************************************/


/* Abstand + Clear
*************************/

div.space {
height: 25px;
clear:both;
}


/* MODUL Text + Bild
**************************/

div.section-txtpic {
margin: 0 0 10px 0;
clear:both;
float:left;
width:100%;
}

div.section-txtpic div.sectiontext {
clear:both;
}
div.section-txtpic.re div.sectiontext,
div.section-txtpic.li div.sectiontext,
div.section-txtpic.li-box div.sectiontext {
clear:none;
}

div.section-txtpic div.sectiontext img {
margin: 3px 15px 15px 0;
float:left;
}


div.section-txtpic p.pic {
margin: 0 0 10px 0;
display:inline;
float:left;
}
div.section-txtpic.re p.pic {
margin: 3px 0 15px 20px;
float: right;
clear:both;
}
div.section-txtpic.li p.pic {
margin: 3px 20px 15px 0;
float: left;
clear:both;
}
span.picsub {
font-size: 0.85em;
line-height:1.2em;
margin:4px 0;
padding-bottom:4px;
display:block;
}



/* fuer 2-spaltige Darstellung */

div.section-txtpic.col-li,
div.section-txtpic.col-re,
div.section-txtpic.col-li-box,
div.section-txtpic.col-re-box {
float:left;
clear:none;
width:48%;
}

div.section-txtpic.col-re,
div.section-txtpic.col-re-box {
float:right;
margin-left:2%;  /*fuer FF3, Safari */
}

div.colclear {
clear: both;
height: 1px;
}



/* MODUL Galerie
 * allgemein
**********************/

#content div.gallery ul {
margin:0;
padding: 0;
}
#content div.gallery li {
list-style: none;
/*display: inline;*/
float:left;
display: block;
width: 118px;
height: 118px;
overflow: hidden;
margin:0 3px 3px 0;
}
#content div.gallery li img {
border:none;
}


/* KONTAKT-FORMULAR xform
**********************************/

div.form-kontakt {
}

div.form-kontakt form {
margin:0 0 10px 0;
}
div.form-kontakt input,
div.form-kontakt select, 
div.form-kontakt textarea {	
margin-bottom: 8px;
width:410px;
border:1px solid #000000;
}

div.form-kontakt textarea {
width:594px;
margin-right:0;
}

div.form-kontakt label {	
width: 64px;
}
div.form-kontakt p.req {
font-size: 0.85em;
color:#ccc;
}
div.form-kontakt input.submit {	
float:right;
margin-right:0;
width:80px;
font-size:11px;
background:#FFFFFF;
}
div.antispam {
display: none;
}

#content ul.form_warning {
list-style: none;
margin:0 0 15px 0;
color:#000;
}
li.error-first {
font-weight: bold;
}
p.answertext {
}

div.form-kontakt p {
float:left;
}

form div {
float:left;
}

/* Strasse/ Nr */

p.formlabel-strasse {
width:372px;
margin-right:19px;
}
p.formlabel-strasse input {
width:304px;
margin-right:0;
}

p.formlabel-nr {
clear:none;
float:left;
width:100px;
} 
p.formlabel-nr label {
width:21px;
}
p.formlabel-nr input {
width:62px;
}


/* PLZ/ Stadt */
p.formlabel-plz {
width:126px;
margin-right:15px;
}
p.formlabel-plz input {
width:58px;
margin-right:0;
}

p.formlabel-stadt {
clear:none;
float:left;
width:500px;
} 
p.formlabel-stadt label {
width:39px;
}
p.formlabel-stadt input {
width:294px;
}



/* Email/ Tel */
p.formlabel-email {
width:301px;
margin-right:15px;
}
p.formlabel-email input {
width:233px;
margin-right:0;
}

p.formlabel-tel {
clear:none;
float:left;
width:177px;
} 
p.formlabel-tel label {
width:45px;
}
p.formlabel-tel input {
width:113px;

}




/* Dateidownload 
 * Klasse per jquery
**********************/

/*div.filedownload {
clear:both;
width:300px; fuer IE 7 
margin: 0 0 22px 0;
}*/

/*
#content div.filedownload a
{	line-height: 25px;
	padding: 5px 0 0 26px;
	background: transparent url(../_img/default-icon.gif) no-repeat 0 0;
}*/
#content a.pdf {	
background: transparent url(../_img/pdf-icon.gif) no-repeat 0 0;
padding: 5px 0 0 26px;
}
/*
#content div.filedownload a.word
{	background: transparent url(../_img/word-icon.gif) no-repeat 0 0;
}
#content div.filedownload a.text
{	background: transparent url(../_img/txt-icon.gif) no-repeat 0 0;
}
#content div.filedownload a.xls
{	background: transparent url(../_img/xls-icon.gif) no-repeat 0 0;
}*/


/* MODUL Tabelle
 * ohne Rahmen
 * sonst Standardformat
**************************

table.border,
table.noborder {
clear:both;
margin-bottom:10px;
}

table.noborder,
table.noborder th,
table.noborder td {
border: none;
padding-left:0;
}
*/

/* MODUL Artikel-, Kategorieliste, Paginierung 
**********************************************
ul.kategorie-list,
ul.article-list,
ul.pagination {
clear:both;
margin-bottom:10px;
}

#content ul.pagination {
margin-left:0;
}
#content ul.pagination li {
display:inline;
list-style:none;
margin-right:4px;
}
#content ul.pagination li a {
padding:0 2px;
background:none;
border: 1px solid #ffffff;
}
#content ul.pagination li a:hover {
border: 1px solid #1db0bb;
}
#content ul.pagination li.active a {
color:#ffffff;
border: 1px solid #1db0bb;
background-color:#1db0bb;
}
#content ul.pagination li.active a:hover {
}*/


/* MODUL Sitemap 
*********************
ul.sitemap {
}

#content ul.sitemap {
font-size:1.15em;
padding-top:10px;
text-transform:uppercase;
line-height:1.6em;
}
#content ul.sitemap ul,
#content ul.sitemap ul ul {
font-size:0.85em;
font-weight:normal;
padding-top:0;
}
*/