/* Grundeinstellungen
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

body {
  color: #88093e;
  background: #9e2c4f;
  font-family: arial,verdana,sans-serif;
  font-size: 100.01%;
  font-weight: normal;
  text-align: center;  
  padding: 0;
  margin: 0;
}

img {
  border: 0;
}

p {
  padding: 0;
  margin: 0;
}

span {
  padding: 0;
  margin: 0;
}

/* Globale Klassen
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.invisible {
 display: block;
 position: absolute;
 top: -6000px;
 left: -6000px;
 height: 1px;
 width: 1px;
 }

.stopFloat {
 display: block;
 float: none;
 clear: both;
 height: 1px;
 font-size: 0px;
 line-height: 0px;
 }

/* Formular
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#formbox {
 width: 600px; 
 text-align: center; 
}

.beschriftung {
  float: left;
  width: 12em;
  text-align: right;
  margin-top: 0.8em;
}

.eingabefeld {
  float: left;
  width: 20em;
  max-width: 450px;
  margin-top: 1em;
}

.senden {
  float: left;
  margin-left: 12em;
  margin-top: 1em;
  width: 20em;
  max-width: 450px;
}

form p {
  font-size: 90%;
  margin: 14px 0;

}

label {
  display: block; 
  font-size: 90%;
  font-weight: bold;
  margin-right: 10px;
}

input,
textarea {
  width: 100%;
  background: #F7F7F7;
  font-family: verdana,arial,sans-serif;
  font-size: 100%;
  border: 1px solid #CCC;
}

input:hover,
textarea:hover {
  background: #FCFCFC;
  border: 1px solid #999;
}

input:focus,
textarea:focus {
  background: #FFF;
  border: 1px solid #CC0000;
}

/* Allgemeine Formatierungen
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#box{
	text-align: center; 
	margin: 0px auto;
}

#rahmen{
	width: 1010px;
	margin: 0px auto;
	border: 1px solid #f7a538;
}

#kopf{
	background: #88093e url(../images/bg_kopf.gif) repeat-x;
	height: 106px;
	text-align: left;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* Kopfbereich
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.logo{
	float:left;
}

.augen{
	float:left;
}

/* Haupt-Navigation
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
#kopf ul{
 	margin: 0; 
 	padding: 0; 
 	list-style: none; 
}

#kopf li{
	float: left;
	height: 30px;
}

#kopf a:link,
#kopf a:visited{
 font-size: 0.75em; 
 letter-spacing: 0.08em;
 font-weight: normal;
 color: #FFF;
 text-decoration: none;
 text-transform: none;
 display: block;
 margin: 8px 10px 8px 10px;
}

#kopf a:hover,
#kopf a:focus,
#kopf a:active{
 	text-decoration: underline;
}

#kopf a:active{
	 text-decoration: none;
}

#kopf #current{
	background-color: #f7a538;
 	display: block;
 	text-decoration: none;
 	text-transform: none;
}

#kopf #current a:hover{
 text-decoration: none;
}

/* ENDE Kopfbereich  - - - - - - - - - - - - - - - - - - - - - - -  */

#main{
	background: #FFF url(../images/bg_content.gif) repeat-y;
	text-align: left;
}

/* Unter-Navigation
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#nav_left{
	float: left;
	background-color: #88093e;
	width: 221px;
}

#nav_left ul{
 	margin: 22px 0 40px 0; 
 	padding: 0; 
 	list-style: none; 
}

#nav_left li{
	height: 30px;
	border-bottom: 1px solid #f7a538;
}

#nav_left a{
 	display: block;
	margin: 0;
	padding: 6px 10px;
	font-size: 0.75em; 
}

#nav_left a:link,
#nav_left a:visited{
 	letter-spacing: 0.08em;
 	font-weight: normal;
 	color: #FFF;
 	text-decoration: none;
 	text-transform: none;
}

#nav_left a:hover,
#nav_left a:focus,
#nav_left a:active{
 	text-decoration: underline;
}
#nav_left a:active{
	color: #88093e;
	text-decoration: none;
}

#nav_left #point a{
 	display: block;
	margin: 0;
	padding: 8px 10px;
	color: #88093e;
	background-color: #f7a538;
}

#nav_left #point,
#nav_left #point a:hover{
	color: #88093e;
	background-color: #f7a538;
	text-decoration: none;
}

/* ENDE Unter-Navigation - - - - - - - - - - - - - - - - - - - - - -  */

/* Inhaltsbereich
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#content{
	background-color: #FFFFFF;
	float: right;
	margin: 20px;
	width: 747px;
}

#content h1{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	line-height: 1.8em;
	letter-spacing: 0.08em; 
	padding: 0;
	margin: 10px 0;
}

#content h2{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.3em;
	padding: 0;
	margin: 10px 0;
}

#content h3{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
	padding: 0;
	margin: 10px 0;
}

#content p{
	font-size: 0.9em;
	line-height: 1.6em;
	padding-bottom: 0.8em; 
}

#content ul{
	padding: 0 0 0.8em 20px;
	margin: 0;
}

#content li{
	font-size: 0.9em;
	line-height: 1.4em;
}

#content a:link{ 
 color: #d76f00;
 text-decoration: underline; 
 text-transform: none;
}

#content a:visited {
 color: #88093e;
 text-decoration: underline;
 text-transform: none;
}

#content a:hover {
 color: #f7b358;
 text-decoration: underline;
}

#content a:focus, a:active {
 color: #f7b358;
 text-decoration: underline;
 text-transform: none;
}

#content span.dreh { 
 unicode-bidi: bidi-override; 
 direction: rtl; 
}

#content .img_breit {
 margin: 0;
}

#content .img_breit p {
 color: #88093e;
 font-size: .7em;
 font-weight: bold;
 line-height: 1.3em;
 margin-top: 3px;
 margin-bottom: 10px;
 padding-left: 0;
}

#content .img_border {
  padding: 4px;
  border: 1px solid #f3adc3;
}

#content .img_right {
 float: right;
 margin-right: 10px;
 margin-left: 10px;
 margin-top: 3px;
 margin-bottom: 10px;
}

#content .img_right p {
 color: #88093e; 
 font-size: .7em;
 font-weight: bold;
 line-height: 1.3em;
 margin-top: 3px;
 margin-bottom: 10px;
 padding-left: 0;
}

#content .img_left {
 float: left;
 margin-right: 10px;
 margin-left: 0px;
 margin-top: 20px;
 margin-bottom: 10px;
}

#content .img_left p {
 color: #88093e; 
 font-size: .7em;
 font-weight: bold;
 line-height: 1.3em;
 margin-top: 3px;
 margin-bottom: 10px;
 padding-left: 0;
}

#bildnachweis h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	padding: 0;
	margin: 10px 0 5px 0;
}

#bildnachweis p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	padding: 0;
	margin: 5px 0;
}

/* Tabelle ---------------------------------------------------------- */

#content table {
 width: 90%;
}

#content th{
 color: #88093e;
 font-size: 0.9em;
 font-weight: bold;
 line-height: 1.3em;
 padding: 4px 0 4px 16px;
 border-bottom: 1px solid #f3adc3;
}

#content td{
 color: #88093e;
 font-size: 0.9em;
 font-weight: normal;
 line-height: 1.3em;
 padding: 4px 0 4px 16px;
 border-bottom: 1px solid #f3adc3;
}

#content .anwendung{
 width: 48%;
 text-align: left;
}

#content .dauer{
 width: 30%;
 text-align: left;
}

#content caption{
 padding: 8px;
 font-style: italic;
}

#content .preis{
 width: 12%;
 text-align: right;
}

/* ------------------------------------------------------------------ */

/* ENDE Inhaltsbereich - - - - - - - - - - - - - - - - - - - - - - - */

/* Fussbereich
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#fuss{
	float: left;
	background: #FFF url(../images/bg_fuss.gif) repeat-x;
	width: 1010px;
	height: 110px;
}

.hinweis{
	text-align: right;
	margin-top: 66px;
	margin-right: 50px;
	font-size: 1.5em;
}

.fehler{
	font-size: 1.5em;
	font-weight: bold;
}
.erfolg{
	font-size: 1.5em;
	font-weight: bold;
	color:#009933;
}
/* ENDE Fussbereich - - - - - - - - - - - - - - - - - - - - - - - */