﻿body, html
	{
	height: 100%;
	margin: 0px;
	padding: 0px;
         font: 90% fontin, trebutchet, verdana, sans-serif;
         /*font: 1em "Lucida Grande", Lucida, Verdana, sans-serif;*/

	line-height: 1.6;
	color: #ccc;
         }
.home {
	background-image:			url('img/body_bg.jpg');
	background-repeat:			repeat;
         }

p {
	margin-top: 0px;
	text-align: justify;
         color: #D8D6CD;
	}
ul {
	margin-top: 0px;
	text-align: left;
         color: #A6A491;
	}
h1 {
	color: #fff;
	margin-top:0px;
         margin-bottom:18px;
	padding:0px;
	font: 200% fontin, trebutchet, verdana, sans-serif;
	}
h2 {
	color: white;
	margin-bottom:10px;
	padding:0px;
	font: 160% fontin, trebutchet, verdana, sans-serif;
	}
h4 {
	color: #F37F1A;
	margin-top:10px;
         margin-bottom:-3px;
	padding:0px;
	font:	11pt, fontin sans, sans-serif;
	font-style: bold;
	}
h5 {
	color: #F37F1A;
	margin-top:-3px;
	padding:0px;
	font:	9pt, fontin sans, sans-serif;
	font-style: italic;
	}
a {
        color: #F37F1A;
	}
a:visited{
	color: #F37F1A;
	}
a:hover	{
	color:			#660000;
	}
.astrong {
         font-weight: bold;
         }
#wrap {
	width: 950px;
         margin: 0px auto;
         background-color: ;
         }
.redbg {
         background-image:			url('img/wrap_bg.jpg');
	background-repeat:			repeat-y;
         }
#topnav {
         height: 26px;
         }
#topnav a {
	display: block;
         text-decoration: none;
	color: black;
         margin: 0px auto;
	padding: 0px 25px 1px 25px;
         float:right;
	}
#topnav a:visited {
	}
.topactive {
	background: #620000;
	color: white;
	}
#topnav a:hover {
	background: #620000;
	color: white;
	}
#header {
	height: 200px;
         background-image:			url('img/header_bg.jpg');
         }
#mainmenu {
	height: 80px;
         padding: 0px 0px 0px 84px;
         }
#maincontent {
         padding: 20px 0px 0px 104px;
         background-color: #39404A;
         }
#subcontent {
         padding: 10px 0px 20px 104px;
         background-color:#5D6065;
         }
#footer {
	height: 26px;
         padding: 0px 0px 0px 84px;
         background-color:#5D6065;
         }




#navigation {
	float:left;
	margin:0;
	padding:0;
         display:block;
         list-style-type:none;
}

#navigation li {
	float:left;
	margin:0;
	padding:0;
}

#navigation a {
	border:none;
	display: block;
	height: 80px;
         width:173px;
         cursor: hand;
         cursor: pointer;
}

#navigation a span {
	font-size: 0.01em;
	vertical-align: middle;
	display:block;
	height:80px;
         width:173px;
	text-indent:-2500px;
         cursor: hand;
         cursor: pointer;
}


a.startseite {
	background:url(img/mainnav.jpg) 0 0 no-repeat;
}
a.startseite span {
         background:url(img/mainnav.jpg) 0 -80px no-repeat;
}
a.startseite_active{
	background:url(img/mainnav.jpg) 0 -80px no-repeat;
}
a.kompetenz {
	background:url(img/mainnav.jpg) -173px 0 no-repeat;
}
a.kompetenz span {
	background:url(img/mainnav.jpg) -173px -80px no-repeat;
}
a.kompetenz_active {
	background:url(img/mainnav.jpg) -173px -80px no-repeat;
}
a.projekte {
	background:url(img/mainnav.jpg) -346px 0 no-repeat;
}
a.projekte span {
	background:url(img/mainnav.jpg) -346px -80px no-repeat;
}
a.projekte_active {
	background:url(img/mainnav.jpg) -346px -80px no-repeat;
}
a.team {
	background:url(img/mainnav.jpg) -519px 0 no-repeat;
}
a.team span {
	background:url(img/mainnav.jpg) -519px -80px no-repeat;
}
a.team_active {
	background:url(img/mainnav.jpg) -519px -80px no-repeat;
}
a.kontakt {
	background:url(img/mainnav.jpg) -692px 0 no-repeat;
}
a.kontakt span {
	background:url(img/mainnav.jpg) -692px -80px no-repeat;
}
a.kontakt_active {
	background:url(img/mainnav.jpg) -692px -80px no-repeat;
}
#footer a {
	display: block;
         text-decoration: none;
	color: #F37F1A;
         margin: 0px auto;
	padding: 0px 0px 1px 30px;
         float:left;
	}
#footer a.footeractive {
	color: white;
	}
#footer a:hover {
	color: white;
	}

.left {
         float:left;
	}
.right {
         float:right;
	}
.contentleft {
         float:left;
         width: 386px;
         padding: 10px;
         margin-bottom: 5px;
         margin-top: 5px;
	}
.contentleftbig {
         float:left;
         width: 792px;
         padding: 10px;
         margin-bottom: 5px;
         margin-top: 5px;
	}
.contentright {
         float:right;
         width: 386px;
         padding: 10px;
         margin-bottom: 5px;
         margin-top: 5px;
         margin-right: 20px;
	}
.overflow {
         overflow: auto;
         }
.contentjustify {
         float:left;
         width: 805px;
         padding: 10px;
         margin-bottom: 10px;
	}
.clear {
         clear:left;
}
.spacer {
	height: 15px;
         float:left;
	}
.initial {
        float:   left;
        margin: 8px 15px;
}
.border {
	border: 1px solid #000000;
}
form   {
         font: 120% fontin sans, sans-serif, bold;
         color: #7b7668;
	}

input, select, textarea {
       	color:#000000;
	}

.Bereich, .Feld {
	background-color:#000000;
         color:#e6d1bf;
         border:1px solid #e6d1bf;
         type:text;
         size:25;
         wrap:hard;
	}
.Auswahl {
         background-color:;
         width:300px;
         border:6px solid #e6d1bf;
	}

.Check, .Radio {
        background-color:;
        border:1px solid #e6d1bf;
	}

.Button  {
         background-color:#000000;
         color:#e6d1bf;
         border:1px solid #e6d1bf;
         position: relative;
         top: 4px;
	}
.smallmargin {
         margin: 20px;
	    }