html, body { height: 100%; }

body {
	font-family: Verdana, Arial, sans-serif;
	font-size: 70%;
	color: #000000;
	line-height: 1.4em;
	background: #2f4a65 url(../images/template/bg-rahmen.gif) repeat-x;
	margin: 0px 0px 0px 0px;
}

* { font-size: 1.0em; }

img { border: 0; }

p {
	margin: 0px 0px 14px 0px;
	padding: 0px 0px 0px 0px;
}

object, embed {
	margin: 0;
	padding: 0;
}

a { color: #000000; }
a:hover, a:active { text-decoration: none; }

div.spacer, div.spacer-float {
	clear: both;
	height: 1px;
	border-top: 1px solid #e2001a;
	margin: 5px 0px 6px 0px;
}

div.spacer-float { clear: none !important; }

div.spacer-blank { clear: both; }

h2 {
	font-size: 1.0em;
	color: #e2001a;
	margin: 5px 0px 2px 0px;
	padding: 0px 0px 0px 0px;
}
h2.abstand { margin: 21px 0px 14px 0px; }

h3 {
	font-size: 1.0em;
	padding: 0px 0px 5px 10px;
	margin: 0px 0px 5px 0px;
	border-bottom: 1px solid #e2001a;
}

h4 {
	font-size: 1.0em;
	color: #e2001a;
	margin: 0px 0px 2px 0px;
}

h5 {
	font-size: 1.0em;
	margin: 0px 0px 2px 0px;
}

* html div#logo img, * html div#inhalt-home, * html div#inhalt-home img { behavior: url("/media/include/iepngfix.htc"); }


/* ========
Box-Layout
======== */

div#rahmen {
	position: relative;
	min-height: 100%;
	height: auto !important; /* moderne Browser */
	height: 100%; /* IE */
	width: 985px;
	margin-left: auto;
	margin-right: auto;
	background: #ffffff url(../images/template/bg-inhalt.gif) repeat-y;
}

div#header {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 126px;
	width: 985px;
	background: url(../images/template/bg-header.jpg) no-repeat;
}

div#logo {
	position: absolute;
	top: 50px;
	right: 35px;
}

div#rundung {
	position: relative;
	height: 14px;
	margin-top: 126px;
	background: url(../images/template/bg-oben.gif) no-repeat;
}

div#rahmen-inhalt { padding: 140px 50px 50px 25px; }

div#subnavigation {
	float: left;
	width: 228px;
	margin: 0px 0px 0px 0px;
}

div#inhalt {
	float: right;
	width: 625px;
	margin: 20px 0px 0px -228px;
	padding: 0px 0px 0px 40px;
}

div#footer {
	position: relative;
	height: 49px;
	width: 985px;
	margin-left: auto;
	margin-right: auto;
	margin-top: -49px;
	background: #2f4a65 url(../images/template/bg-unten.gif) no-repeat;
	clear: both;
}


/* ========
Startseite
======== */

body#home div#rahmen { background: #00172f url(../images/template/bg-inhalt-home.gif) repeat-y; }

body#home div#inhalt { min-height: 450px; }
* html body#home div#inhalt { height: 450px; }

div#flash-home {
	position: absolute;
	left: 10px;
	top: 130px;
}

body#home div#rundung { background-image: url(../images/template/bg-oben-home.gif); }

body#home div#footer { background-image: url(../images/template/bg-unten-home.gif); }

div#inhalt-home {
	position: absolute;
	width: 354px;
	top: 154px;
	left: 10px;
	color: #fff;
	padding: 12px 0px 6px 30px;
	background: url(../images/template/home-linie.png) left bottom no-repeat;
	z-index: 10;
}

div#inhalt-home p.messelogo {
	position: relative;
	float: right;
	margin: -10px 0px 0px 0px;
	padding: 0px 15px 5px 0px;
}


/* ========
Navigation
======== */

/* Hauptnavigation */

ul#navigation {
	float: left;
	width: 611px;
	margin: 26px 0px 0px 0px;
	padding: 0px 0px 0px 2px;
	background: url(../images/template/bg-navigation.gif) 2px 0px no-repeat;
}

ul#navigation li {
	float: left;
	height: 27px;
	line-height: 27px;
	list-style-type: none;
}

ul#navigation li a {
	display: block;
	width: 116px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background: url(../images/template/nav-hover-normal.gif) 0px 27px no-repeat;
}

ul#navigation li.wide a {
	width: 147px;
	background-image: url(../images/template/nav-hover-wide.gif);
}

ul#navigation li a:hover, ul#navigation li a.aktiv {
	color: #fff;
	background-position: 0px -27px;
}

/* Unternavigation links */

div#subnavigation ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div#subnavigation ul li {
	width: 226px;
	margin: 0px 0px 3px 0px;
	list-style-type: none;	
}

div#subnavigation ul li a {
	display: block;
	line-height: 27px;
	font-weight: bold;
	text-decoration: none;
	padding: 0px 5px 0px 11px;
	background: url(../images/template/subnav-buttons.gif) no-repeat;
}

div#subnavigation ul li a:hover, div#subnavigation ul li a.aktiv {
	color: #fff;
	background-position: 0px -27px;
}

/* 2. Ebene */
div#subnavigation ul li ul { margin: 1px 2px 16px 2px; }

div#subnavigation ul li ul li {
	width: 222px;
	margin: 0px 0px 1px 0px;
}

div#subnavigation ul li ul li a {
	line-height: 23px;
	font-weight: normal;
	background-position: -2px -54px;
}

div#subnavigation ul li ul li a:hover, div#subnavigation ul li ul li a.aktiv {
	color: #d0041a;
	background-position: -2px -81px;
}

/* 3. Ebene */
div#subnavigation ul li ul li ul {
	position: relative;
	margin: -1px 0px 10px 0px;
	padding: 5px 1px 10px 0px;
	border-color: #000;
	border-style: solid;
	border-width: 1px 1px 0px 1px;
}

div#subnavigation ul li ul li ul li { width: 220px; }
* html div#subnavigation ul li ul li ul li { width: 219px; }

div#subnavigation ul li ul li ul li a {
	line-height: 15px;
	background: none;
	padding-right: 20px;
}

div#subnavigation ul li ul li ul li.last { position: relative; }

div#subnavigation ul li ul li ul li.last a {
	position: relative;
	margin: 0px 0px -12px 0px;
	padding: 0px 5px 12px 11px;
	background: url(../images/template/subnav-linie.gif) bottom center no-repeat;
}

div#subnavigation ul li ul li ul li a:hover { background-position: bottom center; }


/* Sprachwahl */

ul#sprache {
	float: right;
	margin: 0px 30px 0px 0px;
}

ul#sprache li {
	float: left;
	line-height: 30px;
	list-style-type: none;
}

ul#sprache li a {
	color: #a4a2a0;
	text-decoration: none;
	padding: 0px 8px 0px 8px;
	border-right: 1px solid #e2001a;
}

ul#sprache li.last a { border: none; }

ul#sprache li a:hover, ul#sprache li a.aktiv { color: #fff; }


/* ==========
Unterseiten
========== */

div.bild-rechts, div.bild-rechts-variabel, div#flash-film {
	float: right;
	text-align: right;
	margin: 0px 0px 5px 30px;
}
* html div.bild-rechts { margin-bottom: 20px; }

div.bild-rechts-variabel img  { margin-bottom: 7px; }

div.bild-rechts p, div.bild-rechts-variabel p {
	font-size: 0.9em;
	text-align: left;
	margin: 2px 0px 2px 1px;
}

div#inhalt table {
	margin: 0px 8px 0px 0px;
	padding: 10px 0px 10px 0px;
}

div#inhalt table td {
	vertical-align: top;
	padding: 0px 10px 15px 0px;
}

div#inhalt table td.nospace { padding: 0px 10px 2px 0px; }

div#inhalt table.kunden {
	width: 100%;
	margin: 0px 0px 20px 0px;
}

div#inhalt table.kunden td {
	text-align: center;
	vertical-align: middle;
	padding: 0px 0px 40px 0px;
}

div.service-hell, div.service-dunkel {
	height: 154px;
	padding: 5px 5px 5px 12px;
	margin: 0px 0px 8px 0px;
}

p.bilder-anfahrt img { float: left; }

div.text-rechts {
	float: right;
	width: 210px;
	margin: 10px 0px 5px 10px;
}

a#flowplayer {
	display: block;
	width: 480px;
	height: 272px;
	outline: none;
}

p.download a { text-decoration: none; }

p.download a span {
	font-size: 0.9em;
	padding-left: 6px;
}


/* =============
Inhalt Produkte
============= */

div.produkt-konzept-links {
	float: left;
	width: 395px;
}

div.produkt-konzept-links p { padding: 5px 5px 5px 15px; }

div.produkt-konzept-bild {
	height: 290px; 
	text-align: center;
	padding: 20px 0px 5px 0px;
}

div.produkt-konzept-bild a {
	position: absolute;
	font-size: 1.1em;
	text-decoration: none;
	height: 16px;
	width: 17px;
	padding: 1px 0px 0px 1px;
}

div.produkt-konzept-bild a, div.produkt-konzept-bild a.normal {
	background-image: none;
}

div.produkt-konzept-bild a.aktiv {
	background-image: url('../images/template/bg-link-map.gif');
	background-repeat: no-repeat;
}
	
div.produkt-konzept-rechts {
	float: right;
	width: 185px;
	text-align: left;
	padding: 10px 0px 0px 10px;
}

div.produkt-konzept-rechts ul { color: #000000 !important; }

div.produkt-konzept-rechts ul {
	margin: 10px 0px 0px 10px;
	padding: 0px 0px 0px 10px;
}

div.produkt-konzept-rechts p { margin: 10px 0px 2px 0px !important; }

div.vergleich-text {
	float: left;
	width: 300px;
	margin: 50px 0px 0px 0px;
}

div.vergleich-vorteile, div.vergleich-nachteile {
	float: left;
	width: 290px;
	padding: 0px 0px 20px 0px;
}

div.vergleich-nachteile { margin-left: 20px; }

div#inhalt ul {
	color: #e2001a;
	padding: 5px 5px 7px 22px;
	margin: 0px 0px 0px 0px;
	line-height: 1.4em;
}

div#inhalt ul li span { color: #000000; }

div.film-text {
	float: left;
	width: 165px;
	height: 288px;
	padding: 5px 5px 5px 0px;
}

div.box-hell, div.box-dunkel {
	width: 396px;
	padding: 5px 0px 1px 0px;
	margin-bottom: 8px;
}

div.wide { width: 460px; }

* html div.box-hell, * html div.box-dunkel { padding-bottom: 10px; }

div.box-hell-full {	padding: 15px 50px 20px 0px; }

div.box-hell li, div.box-dunkel li { padding: 10px 0px 2px 0px; }

div.anwendungsbeispiele .film-text { height: 275px; }


/* =============
Kontaktformular
============= */

label {
	float: left;
	width: 12.0em;
}

textarea {
	width: 168px;
	font-family: Verdana;
	font-size: 1.0em;
}