/* ##########  RESET  ########## */

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, code, img, small, strong, dl, dt, dd, ol, ul, li, fieldset, form, label {
	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font-weight: normal; vertical-align: baseline; background: transparent; }

body {
	font-family: Tahoma; font-weight: normal; font-variant: normal; text-decoration: none;
}




/* ##########  GENERAL  ########## */

html, body {
	height: 100%;
	background: #8a8d91 url(../images/main/body_bg.png) repeat-x;
}

.clearfix {
	clear: both; display: block; overflow: hidden;
}




/* ##########  MAIN  ########## */

#main {
	width: 950px; margin: 0 auto; top: 25px; position: relative; overflow: auto;
}




/* ##########  TOP  ########## */

#top {
	width: 950px; height: 100px;
	background: transparent url(../images/main/top_bg.png) no-repeat;
}

#top ul {
	margin: 0; padding: 0;
}

#top li {
	list-style: none;
	float: left;
}

#logo {
	width: 200px; height: 38px;
	position: absolute; top: 32px; left: 30px;
}

#language {
	width: 200px; height: 15px;
	position: absolute; top: 28px; left: 685px;
}

#language a {
	font-size: 11px; font-weight: bold; line-height: 9px; color: #8b8b8b; text-decoration: none;
	padding: 0 0 0 23px;
}

#language a.de {
	background: transparent url(../images/icons/sprache_de.png) 0px 1px no-repeat;
	margin: 0 15px 0 0;
}

#language a.en {
	background: transparent url(../images/icons/sprache_en.png) 0px 1px no-repeat;
}

#language a:hover {
	color: #5e6467;
}



/* #####  NAVIGATION  ##### */

#navigation {
	width: 600px; height: 25px;
	position: absolute; z-index: 4; top: 60px; left: 270px;
	font-size: 11px;
}

#navigation a {
	height: 19px; padding: 6px 0 0 15px; display: inline-block; float: left;
	font-size: 11px; color: #ffffff; font-weight: bold; text-decoration: none;
}

#navigation a.home { width: 50px; }
#navigation a.unternehmen { width: 95px; }
#navigation a.leistungen { width: 79px; }
#navigation a.hilfe { width: 77px; }
#navigation a.kontakt { width: 63px; }

#navigation a:hover, #navigation a.onhover {
	height: 18px; width: 135px;
	border-bottom: 1px solid #909193;
	background: #3a3f43;
}



/* #####  SUB-NAVIGATION  ##### */

#subnav_unternehmen {
	width: 150px; display: none;
	position: absolute; z-index: 300; top: 85px; left: 335px;
}

#subnav_leistungen {
	width: 150px; display: none;
	position: absolute; z-index: 300; top: 85px; left: 445px;
}

#subnav_unternehmen a, #subnav_leistungen a {
	width: 120px; padding: 6px 15px; display: block;
	font-size: 11px; color: #ffffff; text-decoration: none; line-height: 11px;
	background: #64686c;
	border-bottom: 1px solid #909193;
}

#subnav_unternehmen a:hover, #subnav_leistungen a:hover {
	background: #484c50;
}




/* ##########  PICTURE  ########## */

#picture {
	width: 950px; height: 250px;
	background: #ffffff;
}

#picture .pictures {
	position: absolute; z-index: 1;
	width: 920px; height: 250px;
}

#picture .pictures img {
	position: absolute; z-index: 2; display: none;
	margin: 0 0 0 30px;
}

#picture .fg {
	width: 900px; height: 20px; padding: 230px 0 0 50px;
	position: absolute; z-index: 200;
	background: transparent url(../images/main/picture_fg.png) no-repeat;
	font-size: 11px; color: #ffffff; text-decoration: none;
}

#picture .fg a {
	font-size: 11px; color: #ffffff; text-decoration: underline;
}




/* ##########  MIDDLE  ########## */

#middle {
	width: 950px; overflow: auto;
	background: transparent url(../images/main/middle_bg.png) repeat-y;
}



/* #####  CONTENT  ##### */

#content {
	width: 592px; padding: 30px 30px 30px 40px; float: left;
	font-size: 12px; color: #666666; line-height: 18px;
}

#content h1 {
	font-size: 20px; color: #e42f2d; font-weight: normal; line-height: 26px;
	margin: 0 0 10px 0;
}

#content h2 {
	font-size: 14px; color: #000000; font-style: italic; line-height: 18px;
	margin: 0 0 15px 0;
}

#content ul {

}

#content li {
	list-style-type: none; padding: 0 0 0 30px;
	background: transparent url(../images/icons/li.png) 16px 8px no-repeat;
}

#content a {
	font-size: 11px; color: #a95756; text-decoration: underline;
}

#content a:hover {
	color: #e42f2d;
}

#content a.pdf {
	padding: 0 0 0 25px; background: url(../images/icons/pdf.gif) no-repeat left;
}

#content a.visitenkarte {
	font-weight: bold; text-decoration: none;
	padding: 0 25px 0 0; background: transparent url(../images/icons/visitenkarte.png) no-repeat right 1px;
}

#content a.visitenkarte:hover {
	background: transparent url(../images/icons/visitenkarte_h.png) no-repeat right 1px;
}

#content .red {
	color: #e42e2c;
}

#content .hr {
	height: 1px; margin: 20px 0 10px 0; display: block;
	border-top: 1px solid #d6d6d6;
}

#content img.right {
	float: right; margin: 0 0 20px 15px;
}




/* #####  RIGHT  ##### */

#right {
	width: 228px; padding: 30px 30px 30px 0; float: left;
	font-size: 12px; color: #5c6167; line-height: 18px;
}

#right .topic {
	width: 210px; height: 18px; padding: 5px 20px;
	font-size: 13px; color: #ffffff; font-weight: bold;
	border-left: 8px solid #e42e2c;	background: #909193;
}

#right .text {
	width: 210px; margin: 20px 0 15px 28px;
}




/* ##########  FOOTER  ########## */

#footer {
	width: 890px; height: 43px; padding: 17px 60px 0 0;
	font-size: 11px; color: #eaeaea; text-decoration: none; text-align: right;
	background: transparent url(../images/main/footer_bg.png) no-repeat;
}

#footer a {
	font-size: 11px; color: #eaeaea; text-decoration: none;
}

#footer a:hover {
	color: #ffffff;
}




/* ##########  FORMULARE  ########## */

input.text {
	width: 240px; padding: 3px 4px;
	font-family: Tahoma; font-size: 12px; color: #000000;
    border: 1px solid #d6d6d6;
}

textarea.text {
	width: 240px; height: 187px; padding: 4px;
	font-family: Tahoma; font-size: 12px; color: #000000; line-height: 18px;
    border: 1px solid #d6d6d6;
}

input.text:focus, input.text:hover, textarea.text:focus, textarea.text:hover {
    border: 1px solid #e42e2c;
}




/* ##########  ADD-ONS  ########## */



/* #####  ACCORDION  ##### */

#content a.accordion {
	font-size: 12px; font-weight: bold; color: #666666; text-decoration: none;
	display: block;	padding: 3px 0 3px 20px; margin: 0 0 0 0;
	cursor: pointer;
}

#content a.accordion:hover, #content a.active {
	padding: 3px 0 3px 12px;
	border-left: 8px solid #e42e2c;	background: #909193; color: #ffffff;
}

#content .acc_text {
	padding: 0 20px 0 36px; margin: 0 0 15px 0;
	background: #edeeee;
}