body {
	font-family: Verdana, Arial, sans-serif;
	font-size: 70%;
	color: #b6b6b6;
	line-height: 1.4em;
	background-color: #000000;
	background-image: url('../images/template/bg-chrome.jpg');
	background-repeat: repeat-x;
	background-position: center 223px;
	background-attachment: fixed;
	margin: 0px 0px 0px 0px;
}

* { font-size: 1.0em; }

img { border: 0; }

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

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

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

div.spacer {
	height: 20px;
	clear: both;
}

ul, ol {
	margin: 0px 10px 14px 5px;
	padding: 0px 0px 0px 10px;
}


* html ul, * html ol { padding-left: 14px; }
*+ html ul, *+ html ol { padding-left: 14px; }

h2 {
	font-size: 1.1em;
	margin: 0px 0px 18px 0px;
}


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

div#header {
	height: 219px;
	text-align: center;
	background-image: url('../images/template/bg-header.gif');
	background-repeat: repeat-x;
	background-position: 0px 192px;
	margin-top: 4px;
}

div#rahmen-inhalt {
	width: 984px;
	height: 342px;
	margin-left: auto;
	margin-right: auto;
}

* html div#rahmen-inhalt { margin-top: -1px; }

div#footer {
	height: 21px;
	border-top: 1px solid #7b7b7b;
	background-color: #4a4a4a;
}

div#navigation {
	float: left;
	width: 453px;
	height: 342px;
	background-image: url('../images/template/bg-chrome-rand-rechts.jpg');
	background-repeat: repeat-y;
	background-position: left;
}

* html div#navigation { margin-top: 1px; }

div#inhalt, div#inhalt-home {
	float: left;
	height: 343px;
}

div#inhalt {
	width: 531px;
	margin-top: -1px;
}

div#inhalt-home { width: 460px; }

* html div#inhalt-home { margin-top: 1px; }

div#inhalt {	
	background-color: #404040;
	background-image: url('../images/template/bg-chrome-rand-links.jpg');
	background-repeat: no-repeat;
	background-position: right 1px;
	overflow: auto;
}

* html div#inhalt { background-position: 529px 2px; } /* IE6 */
*+ html div#inhalt { background-position: 529px 1px; } /* IE7 */

div#inhalt-home {
	background-image: url('../images/template/bg-chrome-mitte-home.jpg');
	background-repeat: no-repeat;
	margin-left: -2px;
}

div#unternavigation {
	float: left;
	height: 342px;
	width: 185px;
}

div#inhalt-text {
	float: left;
	margin: 12px 0px 5px 10px;
}

div.mit-subnav div#inhalt-text { width: 310px; }
div.ohne-subnav div#inhalt-text { width: 490px; }


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

div#navigation ul {
	margin: 0px 0px 0px 3px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
}

div#navigation li {	float: left; }

div#navigation a {
	display: block;
	color: #000000;
	width: 224px;
	line-height: 114px;
	text-decoration: none;
	text-align: center;
	background-repeat: no-repeat;
}

div#navigation a:hover span, div#navigation a.aktiv span {
	display: block;
	position: relative;
	line-height: 112px;
	padding: 2px 0px 0px 2px;
}

* html div#navigation a:hover, * html div#navigation a.aktiv { position: static; } /* Geht nur so im IE6 */

a#visualisierung, a#animation, a#illustration { width: 226px !important; }

a#gosetti { height: 114px; background-image: url('../images/template/nav-button-gosetti.jpg'); }
a#gosetti:hover, a#gosetti.aktiv { background-image: url('../images/template/nav-button-gosetti-aktiv.jpg'); }

a#dokumentation { background-image: url('../images/template/nav-button-doku.jpg'); }
a#dokumentation:hover, a#dokumentation.aktiv { background-image: url('../images/template/nav-button-doku-aktiv.jpg'); }

a#datenverarbeitung { background-image: url('../images/template/nav-button-daten.jpg'); }
a#datenverarbeitung:hover, a#datenverarbeitung.aktiv { background-image: url('../images/template/nav-button-daten-aktiv.jpg'); }

a#visualisierung { background-image: url('../images/template/nav-button-visualisierung.jpg'); }
a#visualisierung:hover, a#visualisierung.aktiv { background-image: url('../images/template/nav-button-visualisierung-aktiv.jpg'); }

a#animation { background-image: url('../images/template/nav-button-animation.jpg'); }
a#animation:hover, a#animation.aktiv { background-image: url('../images/template/nav-button-animation-aktiv.jpg'); }

a#illustration { background-image: url('../images/template/nav-button-illustration.jpg'); }
a#illustration:hover, a#illustration.aktiv { background-image: url('../images/template/nav-button-illustration-aktiv.jpg'); }


/* =====
Subnav
===== */

div#unternavigation ul {
	margin: 1px 0px 0px 1px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
}

div#unternavigation li { margin-bottom: 2px; }

div#unternavigation a {
	display: block;	
	text-decoration: none;
	background-color: #000000;
	border: 1px solid #a6a6a6;
	padding: 1px 0px 1px 12px;
	
}

* html div#unternavigation a { width: 171px; }

div#unternavigation a:hover, div#unternavigation a.aktiv {
	color: #d3dbe4;
	background-color: #6e8096;
}


/* =======
Fusszeile
======= */

div#footer ul {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1px;
	margin-bottom: 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
}

div#footer li {
	float: left;
	margin-right: 3px;
}

div#footer li.right { float: right; }

div#footer a {
	display: block;
	width: 109px;
	/*padding: 0px 15px 0px 17px;*/
	font-size: 0.9em;
	text-decoration: none;
	text-align: center;
	border: 1px solid #a6a6a6;
	color: #949496;
	background-color: #000000;
}

div#footer a:hover, div#footer a.aktiv {
	color: #d3dbe4;
	background-color: #6e8096;
}


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

form { margin: 30px 0px 0px 0px; }

form p { margin: 0px 0px 9px 0px; }

form h4 {
	font-size: 1.0em;
	margin: 20px 0px 10px 0px;
}

form label {
	float: left;
	width: 10.0em;
}

input[type=text] {
	width: 170px;
	padding: 2px 0px 2px 2px;
	border: 1px solid #A5ACB2;
}

/* input[type=text]:focus { background-color: #e0dfe3; } */

* html input { width: 170px; }
input#PLZ_r { width: 50px !important; }
input#Ort_r { width: 108px !important; }

p.buttons { padding: 0 0 0 10.0em; }

p.buttons input {
	margin: 1.0em 1.0em 0 0;
	width: 80px;
}

div.hinweise {
	float: right;
	width: 170px;
	margin: 12px 0px 0px 0px;
}

select {
	width: 174px;
	height: 1.6em;	
	border: 1px solid #A5ACB2;
}

textarea {
	width: 172px;
	font-family: Arial;
	font-size: 1.0em;
	border: 1px solid #A5ACB2;
}


/*====
Filme
====*/

div#streamingvideo {
	position: absolute;
	width: 593px;
	height: 333px;
	left: 50%;
	margin-left: -331px;
	top: 160px;
	padding: 55px 55px 75px 55px;
	background-color: #000;
	border: 1px solid #2b2b2b;
	z-index: 5;
	display: none;
}

div#abdunklung {
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #000;
	opacity: 0.60;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	z-index: 4;
}
div#abdunklung:hover { cursor: pointer; }

a#closebutton { 
	display: block;
	position: absolute;
	bottom: 20px;
	right: 55px;
	width: 31px;
	height: 30px;
	float: right;
	background-image: url(../images/template/close-movie.gif);
	background-repeat: no-repeat;	
}

div#videodownload { 
	display: block;
	position: absolute;
	bottom: 20px;
	height: 30px;
	float: left;
	color: #666666;
	font-size: 0.9em;
	line-height: 13px;
}
div#videodownload a {
	color: #666666;
}