/* ### formatierung (classen) allgemein ### */
* { 
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}
html {
	/*height: 100%;*/
	width: 100%;
	overflow-x: hidden;
	margin: 0;
	padding: 0;
}
body {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #D8DEDD;
	background-image: url(../art/00-bg-body.gif);
	background-position: left top;
	background-repeat: repeat-x;
	color: black;
	font-size: 82%;
	overflow-x: hidden;
}

p, li, label, input, textarea {
	/*font-size: 76%;*/
	line-height: 130%;
	color: black;
}
p, ul, h1, h2, h3 {
	padding-bottom: 1.4em;
}
li {
	padding-left: 12px;
	list-style: none;
	background-image: url(../art/00-bullet-black.gif);
	background-repeat: no-repeat;
	background-position: 0em 0.45em;
	padding-bottom: 0.1em;
}
a {
	color: #004577;
	text-decoration: none;
	white-space: nowrap;
	font-weight: bold;
}
a img {
	border: none;
}
#content a img {
	border: 1px solid #004577;
}
#content a:hover img {
	border: 1px solid #F59616;
}
#content a:link, a:visited {
	color: #004577;
}
a:hover, a:active, a:focus, a.aktiv {
	color: #F59616;
	text-decoration: underline;
}
h1, h2, h3, h4 {
	color: black;
}

h1 {
	font-size: 126%;
	font-weight: bold;
	/*padding-bottom: 0.4em;
	margin-bottom: 0.4em;*/
}
h2 {
	font-size: 116%;
	padding-bottom: 0.5em;
}
h3 {
	font-size: 96%;
	padding-bottom: 0.5em;
}



/* ### layout -container, -elemente (id's) allgemein  ### */
#logo {
	border-right: 1px solid white;
	float: left;
}
#header-image {
	border-right: 1px solid white;
	position: absolute;
	left: 261px;
	top: 0;
}
a img#header-image {
	border: none;
}
#navi {
	position: absolute;
	left: 0;
	top: 158px;
	width: 260px;
	height: 350px;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	padding-top: 10px;
}
#language-switch {
	position: absolute;
	left: 18px;
	top: 110px;
}
#language-switch a {
	font-size: 92%;
}
#language-switch a:hover {
	color: #F59616 ! important;
}
#language-switch a img {
	border: 1px solid #004577;
}
#language-switch a:hover img {
	border: 1px solid #F59616;
}
#navi a {
	color: White;
	display: list-item;
	list-style: none;
	width: auto;
	padding-left: 18px;
	background-image: url(../art/00-bullet-white.gif);
	background-repeat: no-repeat;
	background-position: 5px 0.4em;
	font-size: 92%;
}
#navi a.level-2 {
	margin-left: 12px;
}
#navi a.active {
	color: #004577;
	background-image: url(../art/00-bullet-blue.gif);
}
#navi a .new {
	color: #F59616;
	background-color: White;
	padding-left: 3px;
	padding-right: 2px;
}
#navi .spacer {
	border: none;
	line-height: 1px;
	font-size: 1px;
	height: 1px;
	overflow: hidden;
	background-color: white;
	margin-top: 9px;
	margin-bottom: 5px;
	
}

#navi #bottom {
	position:absolute;
	bottom:5px;
}

#navi #sub-1 {
	padding-left: 18px;
	position: absolute;
	top: 380px;
}
#navi #sub-1 a {
	background-image: url(../art/00-bullet-blue.gif);
	color:#004577;
}
#navi #highlights {
	padding-left: 18px;
	position: absolute;
	top: 508px;
}
#navi #highlights.en { /* auf der englischen seiten - erstes oben */
	top: 380px;
}

#navi #highlights a {
	color:#004577;
}
#navi #highlights a {	/* und die links unten */
	background-image: url(../art/00-bullet-blue.gif);
	background-position: 1px 0.4em;
	padding-left: 13px;
}
#navi #highlights img {
	background-color: transparent;
}
* html #navi #highlights img {/* fuer ie6 - kein hintergrund */
	filter:Chroma(color=#c8d0d4);
}

#navi #messe {
	padding-left: 18px;
	position: absolute;
	top: 640px;
}
#navi #messe a {
	color:#004577;
}
#navi #messe a {	/* und die links unten */
	background-image: url(../art/00-bullet-blue.gif);
	background-position: 1px 0.4em;
	padding-left: 13px;
}
#navi #messe img {
	background-color: transparent;
}
* html #navi #messe img {/* fuer ie6 - kein hintergrund */
	filter:Chroma(color=#c8d0d4);
}

h1#title{
	position: absolute;
	left: 280px;
	top: 120px;
	width: 618px;
}
#content {
	position: absolute;
	left: 261px;
	top: 158px;
	width: 100%;
	background-image: url(../art/00-bg-white.gif);
	background-position: left 360px;
	background-repeat: repeat-x;
}
#title-image {
	border-right: 1px solid white;
	display: block;
	float: left;
	width: 639px;
}
#title-image img {
	display: block;
	float: left;
	
}
#content {
	
}
#content-text {
	background: white;
	/*width: 686px;*/
	width: 618px;
	min-height: 220px;
	padding-left: 21px;
	padding-right: 100%;
	padding-top: 2.5em;
	float: left;
}
#content-text.padding-small { /* z.b. homepage */
	padding-top: 0.5em;
}
#content-text a,
.link {
	padding-left: 12px;
	background-image: url(../art/00-bullet-blue.gif);
	background-repeat: no-repeat;
	background-position: 1px 0.4em;
}
#content-text p,
#content-text h1,
#content-text h2,
#content-text h3 { /* text rechts abstand */
	padding-right: 12px;
}
#content-text .image-col-left p,
#content-text .half-col-left p,
#content-text .contact-col-left p,
#content-text .contact-col-right p { /* linke spalten ohne abstand */
	padding-right: 0px;
}
a.no-bullet,
#content-text a.no-bullet,
#navi #highlights a.no-bullet,
#navi #messe a.no-bullet {
	padding-left: 0px !important;
	background-image: none !important;
}
a.no-border img {
	border: none !important;
}

.bullet-black {
	text-indent: 12px;
	background-image: url(../art/00-bullet-black.gif);
	background-repeat: no-repeat;
	background-position: 0px 0.45em;
}
.bullet-orange {
	text-indent: 12px;
	background-image: url(../art/00-bullet-orange.gif);
	background-repeat: no-repeat;
	background-position: 0px 0.45em;
}
.image-col-left {
	width: 204px;
	float: left;
}
.image-col-left .caption,
.image-col-right .caption { /* bildunterschrifte */
	text-indent: 12px;
	padding-left: 10px;
	background-image: url(../art/00-bullet-black.gif);
	background-repeat: no-repeat;
	background-position: 9px 0.45em;
	font-size: 86%;
	font-weight: bold;
}
.image-col-right {
	/*width: 482px;*/
	width: 414px;
	float: left;
}
.half-col-left,
.half-col-right {
	/*width: 300px;*/
	width: 299px;
	float: left;
}
.half-col-right {
	margin-left: 20px;
}
.half-col-left h3.bullet-orange,
.half-col-right h3.bullet-orange { /* z.b. bei evolution infill */
	margin-left: 8px;
}
h3 .new { /* z.b. bei evolution infill */
	color: white;
	background-color: black;
	padding-left: 3px;
	padding-right: 2px;
}
.contact-col-left,
.contact-col-right {
	width: 308px;
	/*height: 80px;*/
	float: left;
	background-color: #D8DEDD;
	background-image: url(../art/00-corner-white-gray-top-left.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 10px;
	padding-bottom: 0;
}
.contact-col-left {
	/*width: 288px;*/
	width: 287px;
}
.contact-col-right {
	/*width: 258px;*/
	width: 277px;
	padding-left: 20px;
	margin-left: 4px;
}


#footer {
	clear: both;
	height: 2em;
	font-size: 86%;
	text-align: right;
}




/* ### formate, klassen allgemein  ### */
#navi a {
	
}
.clear {
    clear:both;
	 /*height: 3em;*/
}
.image-rows .clear {
    height: 1px;
	 line-height: 1px;
	 font-size: 1px;
}
.bg-gray {
	background-color: #D8DEDD;
}
.box-gray {/* z.b. bei downloads */
	background-color: #D8DEDD;
	padding: 8px;
	padding-left: 14px;
	background-image: url(../art/00-corner-white-gray-top-left.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
.image-rows img {/* z.b. bei fasermaterial */
	float: left;
	padding-right: 9px;
	padding-bottom: 10px;
}
.small {
	font-size: 82%;
}



/* ### homepage ### */



/* ### kontakt  ### */
table.contact tr td {
	border-bottom: 4px solid white;
}
form.contactForm textarea {
	width: 332px;
	font-size: 96%;
}


/* ### z.b. zertifikate ### */

table.features tr td,
table.features tr.first td.bg-gray {
	background-color: #D8DEDD;
	border-bottom: 2px solid white;
	border-right: 2px solid white;
	padding: 7px;
	padding-left: 16px;
	background-image: url(../art/00-corner-white-gray-top-left.gif);
	background-position: left top;
	background-repeat: no-repeat;
	font-weight: bold;
	color: Black;
}
table.features tr.first td,
table.features td.bg-blue {
	background-color: #2269A4;
	background-image: url(../art/00-corner-white-blue-top-left.gif);
	color: White;
}
table.features tr.first td.bg-white,
table.features tr.bg-white td {
	background-image: none;
	background-color: white;
}
/* galerie-bilder, z.b. bei news */
.lightbox a {
	padding-left: 0px !important;
	background-image: none !important;
}
.lightbox img {
	border: none !important;
}


/* ### infillcalculator ### */
div#infillcalculator {
	height: 436px;
	background-image: url(../art/infillcalculator-start.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}
div#infillcalculator-link-wrap {
	padding: 165px 0 0 420px;
}

#content a.infillcalculator-link,
#content a:link.infillcalculator-link,
#content a:visited.infillcalculator-link,
#content a:hover.infillcalculator-link,
#content a:active.infillcalculator-link {
	padding-left: 14px;
	background-image: url(../art/00-bullet-infillcalculator.gif);
	background-position: 0 0.1em;
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-size: 12px;
}
#content a:hover.infillcalculator-link {
	text-decoration: underline;
}