body {
background-color: #f0f0f0;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0px;
margin:0px;
}

h2 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0px;
}

img.download {vertical-align:middle;}

#farbeoben {
	height:50px; 
	width:890px; 
/*	background-image:url(http://www.stz-unternehmensentwicklung.de/system/images/farbenoben.gif); 
	background-position:top; 
	background-repeat:no-repeat;
*/
}

#farbeoben img {
  /*      margin-left:101px;
        margin-top:24px;
*/
margin-left:33px;
margin-top:11px;
}

/* ----------container zentriert das layout-------------- */
#container {
width: 890px;
padding:0px;
margin: 0px;
margin-left: 0;
margin-right: 0;
margin-bottom:20px;
} 

/* ----------banner for logo-------------- */
#banner, #navibar {
text-align: left;
background-color: #f0f0f0;
padding: 0px;
margin: 0px; }


#banner img {
padding:0px 0px;
border:0px;
} 

 
/* ======================================================
===================    NAVIGATION     ===================
========================================================= */

#navcontainer { 
	width: 201px; 
	text-align:right;
	border-left: 3px solid #f0f0f0;
	float:right;
	}

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#navcontainer a
{
display: block;
padding: 3px;
padding-right:15px;
width: 183px;
/* background-color: #fff; */
border-bottom: 1px solid #eee;
text-transform:uppercase;
}

#navcontainer a:link, #navcontainer a:visited
{
/* color: #808080;*/
text-decoration: none;
}

#navcontainer a:hover
{
/* 
background-color: #808080; 
color: #fff; 
*/

}

img.open, img.close {
float:right;
padding-right:15px;
margin-top:-15px; 
display:inline;

}


/* ======================================================
===================   Navigation links styles   ========= */


.file_1 {
color: #808080;
background-color: #ffffff;
}

.file_1:hover {
background-color: #D03040;
color:#ffffff;
}

.file_high_1 {
background-color: #D03040;
color:#ffffff;
}




 
/* -----------------------------------------
-----------------Inhalt--------------------- 
--------------------------------------------*/
#content{ 
position: relative; 
margin: 0px; 
border-left:0px solid #f0f0f0;
border-top: 3px solid #f0f0f0;
min-height:549px;
}

p{
padding: 5px 10px;
margin:0px; }

pre{
font-size: 12px;
padding: 5px 10px;
margin:0px;}


#navibar {
height:20px;
/* background-color:red; ->Farbe kommt aus dem navibar.php include */
color:white;
margin-top:8px;
text-transform:uppercase;
border-left:3px solid #f0f0f0;
}

#navibar h1 {
margin:0px 0px 0px 0px;
padding:3px 0px 0px 0px;
	margin-left:30px;
	font:11px Arial, Helvetica, sans-serif;


}


/* ----------------------------------------------------------
-------------- Top-Navigation -------------------------------
-------------------------------------------------------------*/

#navigation {

/* 	background-color:#808080; */
	background-color:#f0f0f0;
	color:white;
	margin-top:1px;
	font-weight:bold;
	border-left:3px solid #f0f0f0;
}



#navigation table {
	margin-left:294px;
	font:11px Arial, Helvetica, sans-serif;
	padding-top:3px;
	border-left:3px solid #f0f0f0;
}
#navigation table td {

	padding-top:0px; /* Für IE, damit nicht in jede TD 3px Padding oben vom table padding übernommen wird; */}

.schalter a:link, .schalter a:visited  {
padding:4px 0px 4px;
}

td.navizeile {
	border-bottom:1px solid #f0f0f0;
	text-align:left;
background-color:#808080;
	
}

td.navizeile1 {
	border-bottom:1px solid #f0f0f0;
	border-right: 1px solid #f0f0f0;
	text-align:left;
	width:20px;
	height:17px;
}
#topnavi {
	width:593px;
}

#topnavi a:link, #topnavi a:visited, #topnavi a:active 
{
	text-decoration:none;
	color: #fff;
	padding-left:5px;
	display:block;

	width:564px;
}

#topnavi a:hover 
{
	background-color:#666;
	text-decoration:none;

}

#button {

	border:0px;

}


.tooltip {
	position: absolute;
	display: none;
	background-color: #FF0000;
	color:#fff;
	padding:5px;
	border:1px solid #f0f0f0;
}


.box1 {
color:black;
background:#f0f0f0;
border-left: 3px solid #f0f0f0;
border-top: 2px solid #f0f0f0;
}

.links {
margin:0;
padding:0em;
float:left;
width:294px;
background-color:#f0f0f0;
min-height:549px;
height:auto !important;  /* für moderne Browser */
height:549px;  /*für den IE */

/* background-image:url(http://www.stz-unternehmensentwicklung.de/system/images/wuerfel-bg.bmp); */
background-repeat:no-repeat;
}

.rechts {
margin:0 0 0 294px;
padding:6px 19px 20px 16px;
background:white;
color: #808080;
font-size: 1.1em;

/* Jetzt folgen 2 Hacks für den IE. Einmal für den linken Rand vom div.rechts und dann
für die Mindesthöhe des divs. Siehe dazu auch: 
http://standards.webmasterpro.de/index-article-CSS+Hacks.html#hack2 */

border-left: 3px solid #f0f0f0 !important; 
border-left: 0px; /* nur für den IE */

min-height:523px; /* 549px - padding von oben 6px und unten 20px */
height:auto !important;  /* für moderne Browser */
height:523px;  /*für den IE */

}

.rechts h1 {
font-size:11px;
color:#808080;
padding:5px 0 0 0;
margin:0;

}

.rechts p.first, .rechts p {
padding-left:0px;
padding-bottom:0px;
margin-bottom:0px; 
}

p.first a:link, p.first a:visited, p.first a:active,
p.beschreibung a:link, p.beschreibung a:visited, p.beschreibung a:active 
{
color:#808080; 
text-decoration:none;
background-color:#fff;
}

p.first a:hover {
background-color:#fff;
color:#808080; 
text-decoration:underline;

}

p.beschreibung a:hover {
display:block;
background-color:#f3f3f3;
color:#808080; 
text-decoration:none;
}




.rechts a:link, .rechts a:visited, .rechts a:active {
   text-decoration:underline;
   color:#808080;
}

.rechts a:hover {
  color:#fff;
  background-color:#808080;
   text-decoration:underline;
}
.footer {

margin-top:-15px;
text-align:right;
width:884px
}
.footer a:link, .footer a:visited, .footer a:active {
   text-decoration:underline;
   color:#808080;
}

.footer a:hover {
  color:#fff;
  background-color:#808080;
   text-decoration:underline;
}

/* =SLIDE
================================================= */
 .slide0 { margin-bottom: 20em; }
 .slide1 { margin-bottom: 18em; }
 .slide2 { margin-bottom: 16em; }
 .slide3 { margin-bottom: 14em; }
 .slide4 { margin-bottom: 12em; }
 .slide5 { margin-bottom: 10em; }
 .slide6 { margin-bottom: 8em; }
 .slide7 { margin-bottom: 6em; }
 .slide8 { margin-bottom: 4em; }
 .slide9 { margin-bottom: 2em; }
 .slide10 { margin-bottom: 0; }


.shinelog0 a { background-color: #639EC4 }
.shinelog1 a { background-color: #6FA8CD }
.shinelog2 a { background-color: #7DB3D5 }
.shinelog3 a { background-color: #8ABDDD }
.shinelog4 a { background-color: #99C7E4 }
.shinelog5 a { background-color: #A8D0EA }
.shinelog6 a { background-color: #B8DAF0 }
.shinelog7 a { background-color: #C9E4F5 }
.shinelog8 a { background-color: #DAEDF9 }
.shinelog9 a { background-color: #ECF6FC }
.shinelog10 a { background-color: #FFFFFF }


#kontaktform {

 border-collapse:collapse;
}

form .kontakt {
padding:0;
margin:0;
font-size:11px;
}

#kontaktform td {
 border-collapse:collapse;
line-height:18px;
}

#kontaktform .textinput {
width:100%;
 border:0px;
font-size:11px;

}

.rechts1 {
margin:0 0 0 294px;
padding:6px 0px 20px 0px;
background:white;
color: #808080;
font-size: 1.1em;

/* Jetzt folgen 2 Hacks für den IE. Einmal für den linken Rand vom div.rechts und dann
für die Mindesthöhe des divs. Siehe dazu auch: 
http://standards.webmasterpro.de/index-article-CSS+Hacks.html#hack2 */

border-left: 3px solid #f0f0f0 !important; 
border-left: 0px; /* nur für den IE */

min-height:523px; /* 549px - padding von oben 6px und unten 20px */
height:auto !important;  /* für moderne Browser */
height:523px;  /*für den IE */
}

.untenrechts {
width:105px;
border-bottom: 1px solid #808080;
border-right: 1px solid #808080;
padding-left:3px;
vertical-align:top;
}

.untenlinks {
border-bottom: 1px solid #808080;
border-left: 1px solid #808080;
}

.spalterechts {
width:484px;
}


.plz {
padding-left:3px;
border-left:0px;
}

.inputplz { width:50px;}

.message {
width:483px;
height:300px;
border:0px;
}

td.bgred {
color:#FF0000;
font-weight:bold;
}

.submitbutton {
font-size:11px;
background-color:#fff;
border:1px solid #808080;
margin:3px;
}

.rechts-ma {
margin:0 0 0 294px;
padding:0px 0px 20px 0px;
background:white;


/* Jetzt folgen 2 Hacks für den IE. Einmal für den linken Rand vom div.rechts und dann
für die Mindesthöhe des divs. Siehe dazu auch: 
http://standards.webmasterpro.de/index-article-CSS+Hacks.html#hack2 */

border-left: 3px solid #f0f0f0 !important; 
border-left: 0px; /* nur für den IE */

min-height:523px; /* 549px - padding von oben 6px und unten 20px */
height:auto !important;  /* für moderne Browser */
height:523px;  /*für den IE */
}


.matable {
border-collapse:collapse;
margin-left:4px;
}
.matable td {
border: 1px solid #ffffff;
border-left: 2px solid #ffffff;
border-right: 2px solid #ffffff;
border-collapse:collapse;
text-align:center;
margin:0;
padding:0;
padding-bottom:5px;
} 

.matable img {
border:0px;
}

.matable a:link, .matable a:visited, .matable a:visited {
text-decoration:none;
color:#808080;
} 

.matable a:hover {
text-decoration:underline;
}
.madetail {
font-size:1.1em;
color:#808080;
padding-top:3px;
padding-left:8px;
}

.madetailtable {
width:580px;
}

#matablelink {
padding-left:8px;
}

#matablelink  a:link, #matablelink  a:visited, #matablelink  a:visited  {
text-decoration:none;
color:#808080;
font-size:1.1em;
}

#matablelink  a:hover {
text-decoration:underline;
}