@charset "utf-8";

/* ----------------------------- | Body | ----------------------------- */

* {
   margin: 0;
   padding: 0;
}

body {
	background: #f7f7f7 url(../images/bg-body.jpg) repeat-x;
   font: 0.8em Tahoma;
   color: #333;
   line-height: 1.5em;
}

/* ----------------------------- | Tags | ----------------------------- */

p {
   margin: 0 0 15px 0;
}

hr {
   height: 1px;
   border: 0;
   color: #f3f3f3;
   background: #f3f3f3;
   margin: 15px auto;
   border-top: 1px solid #c0c0c1;
   width: 100% !important;
}

a {
   color: #d4307d;
   text-decoration: underline;
   outline: none;
}

a:hover {
   color: #3e3e40;
}

.highlight {
	color: #838383;
}

/* ----------------------------- | Classes | ----------------------------- */

ul.list {
   list-style-type: none;
   margin-bottom: 15px;
}
					
ul.list li {
   background: url(../images/li-list.jpg) 0 6px no-repeat;
   padding-left: 20px;
}

.clear {
   float: none;
   clear: both;
}

.images {
	border: 1px solid #c0c0c1;
	background: #fff;
   padding: 2px;
   margin: 0 10px 10px 0;
}

/* ----------------------------- | Branding | ----------------------------- */

h1 {
   overflow: hidden;
   font-size: 0.1em;
   text-indent: -9999px;
	width: 220px;
   height: 95px;
	padding: 30px 0 0 80px;
	float: left;
}

h1 a {
	width: 220px;
   height: 95px;
   display: block;
}

/* ----------------------------- | Headlines | ----------------------------- */

h2 {
	margin: 0 0 10px 0;
	color: #3e3e40;
	font-size: 1.2em;
}

h3 {
	font-weight: bold;
   font-size: 1.0em;
   margin: 0 0 10px 0;
	color: #d7317f;
}

/* ----------------------------- | =container | ----------------------------- */

#container {
   background: url(../images/bg-container.jpg) repeat-y;
   width: 810px;
   margin: 0px auto;
}

/* ----------------------------- | =header | ----------------------------- */

#header {
   background: url(../images/bg-header.jpg) no-repeat;
   width: 810px;
   height: 163px;
}

/* ----------------------------- | =navi-add | ----------------------------- */

#navi-add {
	width: 130px;
	height: 25px;
	float: left;
	padding: 30px 0 0 320px;
}

#navi-add ul {
   list-style: none;
}

#navi-add li {
   float: left;
}

#navi-add a {
   display: block;
   overflow: hidden;
   float: left;
	font-size: 0.85em;
	text-decoration: none;
	color: #3e3e40;
	margin: 0 8px;
}

#navi-add a:hover,
#navi-add li.active a {
	text-decoration: underline;
}

/* ----------------------------- | =navi | ----------------------------- */

#navi {
	width: 429px;
	height: 27px;
	padding: 1px 0 0 80px;
	float: none;
	clear: both;
}

#navi ul {
   list-style: none;
}

#navi li {
   float: left;
}

#navi a {
   text-indent: 999px;
   display: block;
   overflow: hidden;
   float: left;
}

#navi a.home {
	background: url(../images/bg-navi.jpg) no-repeat;
	width: 67px;
	height: 27px;
}

#navi a.home:hover,
#navi li.active a.home {
	background: none;
	width: 67px;
	height: 27px;
}

#navi a.profil {
	background: url(../images/bg-navi.jpg) -67px 0 no-repeat;
	width: 76px;
	height: 27px;
}

#navi a.profil:hover,
#navi li.active a.profil {
	background: none;
	width: 76px;
	height: 27px;
}

#navi a.leistungen {
	background: url(../images/bg-navi.jpg) -143px 0 no-repeat;
	width: 108px;
	height: 27px;
}

#navi a.leistungen:hover,
#navi li.active a.leistungen {
	background: none;
	width: 108px;
	height: 27px;
}

#navi a.partner {
	background: url(../images/bg-navi.jpg) -251px 0 no-repeat;
	width: 91px;
	height: 27px;
}

#navi a.partner:hover,
#navi li.active a.partner {
	background: none;
	width: 91px;
	height: 27px;
}

#navi a.kontakt {
	background: url(../images/bg-navi.jpg) -342px 0 no-repeat;
	width: 87px;
	height: 27px;
}

#navi a.kontakt:hover,
#navi li.active a.kontakt {
	background: none;
	width: 87px;
	height: 27px;
}

/* ----------------------------- | =content | ----------------------------- */

#content {
   background: url(../images/bg-content.jpg) no-repeat;
   width: 810px;
}

#content:after {
   clear: both;
   content: '.';
   display: block;
   height: 0;
   visibility: hidden;
}

#content-main {
	width: 360px;
	float: left;
	margin: 100px 0 30px 77px;
}

#content-main01 {
	width: 290px;
	float: left;
	margin: 30px 0 30px 20px;
}

#content ul li {
background:transparent url(../images/li-list_002.gif) no-repeat scroll 0 6px;
padding-left:15px;
list-style: none;
margin-top: 5px;
}
/* ----------------------------- | =footer | ----------------------------- */

/*
#footer-kachel {

	height: 370px;
	float: none;
   clear: both;
}

*/

#footer {
   background: url(../images/bg-footer.jpg) no-repeat;
   width: 810px;
   height: 200px;
   margin: 0 auto;
}

#footer-img {
	width: 80px;
	height: 200px;
	float: left;
	margin: 18px 0 0 85px;
}

#footer-main {
	width: 185px;
	height: 200px;
	float: left;
	margin: 18px 0 0 15px;
}

#footer-main01 {
	width: 185px;
	height: 105px;
	float: left;
	margin: 18px 0 0 185px;
}
