@charset "utf-8";
/* CSS Document */

body {
	background-color: #333;
	background-image: url(../media/bg_verlauf_rot.jpg);
	background-position: top;
	background-repeat: repeat-x;
	font-family: Calibri, Arial, sans-serif;
	text-align: center;
	margin: 0;
	padding: 0;
}
div {
	margin: 0;
	padding: 0;
}
#container {
	background-image: url(media/bg_white_shadow.png);
	background-repeat: no-repeat;
	background-position: top center;
	overflow: hidden;
	height: 662px;
}
#header {
	margin: 0 auto;
	text-align: left;
	width: 800px;
}


/*#header #breadcrumbs {
	color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	margin: 28px 0 10px 0;
	padding: 0;
}

#header #breadcrumbs ul {
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;

}

#header #breadcrumbs ul li a {
	list-style: none;
	text-decoration: none;
	color: #FFFFFF;
}

#header #breadcrumbs ul li a:hover {
	color: #000000;
}*/




#header #breadcrumbs {
	color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	padding: 0 0 25px 0;
	margin: 25px 0 0 0;
}
#header #breadcrumbs ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#header #breadcrumbs ul li {
	position: relative;
	float: left;
}
#header #breadcrumbs a{
	color: #FFF;
	text-decoration: none;
	font-weight: normal;
	margin: 0;
	padding: 0 20px 0 0;
	display: block;
}
#header #breadcrumbs a:hover {
	color:#000000;
}



#main {
	margin: 0 auto;
	position: relative;
	width: 800px;
	text-align: left;
}
#navigation {
	background-image: url("media/logo.jpg");
	background-position: 630px 0px;
	background-repeat: no-repeat;
	height: 170px;
	width: 800px;
}
#navigation h1 {
	display: none;
}
#navigation #masthead ul {
	list-style: none;
	display: block;
	margin: 0;
	padding: 80px 0 0 20px;
}
#navigation #masthead ul li {
	float: left;
	height: 38px;
	list-style: none;
}
#navigation #masthead ul a,
#navigation #masthead ul span {
	background-image: url(media/navbar.gif);
	background-repeat:no-repeat;
	display: block;
	height: 38px;
}
#navigation ul a span,
#navigation #masthead ul a span,
#navigation #masthead ul span span {
	display: none;
}


#navigation #masthead ul a#start,
#navigation #masthead ul span#start {
	background-position: 0 0;
	width: 53px;
}
#navigation #masthead ul a#start:hover,
#navigation #masthead ul a#start.current {
	background-position: 0 -38px;
}


#navigation #masthead ul a#produkte,
#navigation #masthead ul a#produkte.current {
	background-position: -53px 0;
	width: 102px;
}
#navigation #masthead ul a#produkte:hover,
#navigation #masthead ul a#produkte.current {
	background-position: -53px -38px;
}


#navigation #masthead ul a#qualitaet,
#navigation #masthead ul a#qualitaet.current {
	background-position: -155px 0;
	width: 88px;
}
#navigation #masthead ul a#qualitaet:hover,
#navigation #masthead ul a#qualitaet.current {
	background-position: -155px -38px;
}


#navigation #masthead ul a#unternehmen,
#navigation #masthead ul a#unternehmen.current {
	background-position: -243px 0;
	width: 139px;
}
#navigation #masthead ul a#unternehmen:hover,
#navigation #masthead ul a#unternehmen.current {
	background-position: -243px -38px;
}


#navigation #masthead ul a#referenzen,
#navigation #masthead ul a#referenzen.current {
	background-position: -382px 0;
	width: 117px;
}
#navigation #masthead ul a#referenzen:hover,
#navigation #masthead ul a#referenzen.current {
	background-position: -382px -38px;
}


#navigation #masthead ul a#kontakt,
#navigation #masthead ul a#kontakt.current {
	background-position: -499px 0;
	width: 76px;
}
#navigation #masthead ul a#kontakt:hover,
#navigation #masthead ul a#kontakt.current {
	background-position: -499px -38px;
}


#navigation #links {
	height: 40px;
	background-image: url(media/bg_balken.jpg);
	background-repeat: repeat-x;
	margin: 50px 0 0 0;
}
#navigation #links ul {
	list-style: none;
	margin: 0;
	width: 200px;
	position: absolute;
	top: 130px;
	right: 0;
}
#navigation #links ul a {
	background-image: url(media/icons.jpg);
	background-repeat:no-repeat;
	display: block;
	float: left;
	height: 40px;
}


#navigation #links ul a#kontakt {
	background-position: 0 0;
	width: 64px;
}
#navigation #links ul a#kontakt:hover {
	background-position: 0 -40px;
}
#navigation #links ul a#download {
	background-position: -64px 0;
	width: 65px;
}
#navigation #links ul a#download:hover {
	background-position: -64px -40px;
}
#navigation #links ul a#drucken {
	background-position: -133px 0;
	width: 70px;
}
#navigation #links ul a#drucken:hover {
	background-position: -133px -40px;
}
#navbar {
	height: 300px;
	width: 225px;
	position: absolute;
	left: -150px;
	top: 192px;
}
#navbar ul {
	float: left;
	padding: 20px 10px 0 20px;
	line-height: 30px;
	list-style: none;
}
#navbar ul li a {
	clear: both;
	display: inherit;
	color:#333333;
	text-decoration: none;
}
#navbar ul li a:hover {
	text-decoration: none;
	list-style-image: url(media/greydot.gif);
}

#navbar ul li a.current {
	color: #900;
	text-decoration: none;
	list-style-image: url(media/reddot.gif);
}

#teaserPicture {
	float:left;
	margin: 8px 18px 10px 18px;
}

#framelessPicture {
	float: right;
	margin: 0;
	padding: 0 0 12px 12px;
}
#framelessPictureLeft {
	float: left;
	margin: 0;
	padding: 0 24px 12px 0;
}

#framelessPictureLeft_2 {
	float: left;
	margin: 0;
	padding: 0 24px 12px 0;
}

#framlessPictureTop {
	float: right;
	margin: 0 0 0 10px;
	padding: 0 0 12px 12px;
}

#framlessPictureBelow {
	float: left;
	padding: 26px 0 0 0;
}

#brecherPicture {
	float: left;
	width: 1px;
	height: 1px;
}

#downloadPicture {
	float: left;
	padding: 24px 12px 0 24px;
}
	
#contents {
	margin: 0;
	padding: 0;
	line-height: normal;
	height: 429px;
	background-color: #FFFFFF;
}
#contents h1 {
	margin: 0;
	padding: 10px 0 5px 15px;
	color: #900;
	font-size: 30px;
	font-weight: 300;
}
#contents h2 {
	margin: 0;
	padding: 0 5px 5px 15px;
	color: #900;
	font-size: 22px;
	font-weight: 300;
}
#contents h2 a {
	color: #900;
	font-weight: 500;
}
#contents h2 a img {
	border: none;
	float: left;
	margin: 0;
	padding: 0 25px 9px 0;
}

#contents h3 {
	margin: 0;
	padding: 0;
	color: #900;
	font-size: 12px;
	font-weight: 300;
}
#contents p {
	margin: 0;
	padding: 10px 15px 10px 15px;
	color: #000;
	font-size: 12px;
	font-weight: 100;
}
#contents p.nah {
	margin: 0;
	padding: 0px 15px 10px 15px;
}
#contents p.more {
	padding: 0 0 25px 14px;
	color: #000000;
	text-decoration: none;
}

#contents a {
	color: #900;
	text-decoration: none;
}

#contents a:hover {
	color: #333333;
}

#contents ol li{
	padding: 0 0 0 0px;
	font-size: 12px;
	list-style: decimal;
	color: #900;
}
#contents ol li span{
	color: #000000;
}



#contents ul li{
	padding: 0 0 5px 0;
	list-style: none;
	list-style-image: url(media/reddot.png);
	text-decoration: none;
	color:#000000;
	font-size: 12px;
}

#contents .download a {
	float: left;
	padding: 0 0 0 33px;
	background-repeat: no-repeat;
 	background-image: url(media/pfeil_download.gif);
	width: 100px;
	height: 20px;
	display: block;
	color:#000000;
	font-weight: 300;
	font-size: 13px;
	
}

#contents .download a:hover {
 background-image: url(media/pfeil_download_hover.gif);
 color: #971b15;
}

#contents ul.download li{
	margin: 0 0 0 210px;
	list-style: none;
	list-style-image: url(media/reddot.png);
	text-decoration: none;
	color:#000000;
	font-size: 12px;
}


#contents .kontakttabelle {
	padding: 0 0 0 25px;
}

#contents .tabelle {
	color: #666666;
	clear: both;
	float: left;
}



#contents .profiltabelle {
	padding: 0 0 0 24px;
	color: #666666;
	margin: 0 24px 0 24px;
}

#contents .profiltabelle tr{
	color: #666666;
	height: 22px;
	font-size: 12px;

}

#contents .profiltabelle tr.grau {
	color: #666666;
	background-color: #F4F4F4;
	height: 22px;
	font-size: 12px;
}

#contents .profiltabelle td{
	text-align: right;
}


#contents .profiltabelle td.border {
	border-left: medium;
	border-left-color: #900;
	border-left-style: dotted;
}

#contents .profiltabelle td.border a{
	color: #FFFFFF;
}

#contents .profiltabelle td.border a:hover{
	color: #900;
}

#contents .profiltabelle td.zentriert {
	color: #666666;
	margin: 0;
	text-align: center;
	border-left: medium;
	border-left-color: #900;
	border-left-style: dotted;
}




#contents .actabelle {
	color: #666666;
	margin: 0 0 0 24px;
}

#contents .actabelle td.bild{
	height: 40px;
	width: 50px;
}


#contents .actabelle td.punkt{
	height: 40px;
	vertical-align: middle;
	width: 130px;
	padding: 0 24px 5px 0;
	font-size: 14px;
	color: #000000;
	font-weight: 500;

}
#contents .actabelle td.inhalt {
	vertical-align: top;
	width: 170px;
	padding: 5px 24px 12px 0;
	text-align: left;
	font-size: 12px;
	color:#000000;
}


#contents .farbtabelle {
	color: #666666;
	clear: none;
	float: left;
}

#contents .farbtabelle td{
	width: 45px;
	height: 55px;
}

#contents .farbtabelle td.zifferleft{
	width: 45px;
	height: 55px;
	padding: 0 0 0 24px;
}

#contents .farbtabelle td.ziffer {
	vertical-align: middle;
	color: #000000;
	width: 89px;
	clear: none;
	padding: 0;
	text-align: left;
	font-size: 11px;
}



#footer {
	color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	margin: 0 auto;
	padding: 10px 0;
	width: 800px;
	text-align: right;
	display: block;
}
#footer ul {
	list-style: none;
	text-align: left;
	width: 800px;
	margin: 0;
	padding: 0;
}
#footer ul li {
	display: inline;
	list-style: none;
	padding: 0 0 0 20px;
	margin: 0;
}
#footer a {
	color: #FFF;
	text-decoration: none;
}