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

/*=====================HTML-TAGS======================*/

body {
	height: 100%;
	background: #fff url(../img/body-hg.png) repeat-x top;
	margin: 0;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 13px;
	color: #004F84;
	line-height: 1.3em;
	padding: 0px;
	text-align: center;
	}
body strong {
	font-weight: bold;
	color: #004F84;
	}
table {
	font-size: 12px;
	}
img {
	border: 0px;
	padding: 0px;
	margin: 0px;
	}
a, a:link , a:visited{
	color: #E1001A;
	text-decoration:underline;
	}
a:hover, a:active {
	color: #006AB1;
	}
p, h1, h2, h3, h4, h5, h6, form {
	margin: 0;
	padding:0;
	}
h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 1.2em;
	color: #E1001A;
	}
h1 {
	font-size: 20px;
	margin-bottom: 10px;
	}
h2{
	font-size: 18px;
	margin-bottom: 3px;
	}
h3{
	font-size: 16px;
	margin-bottom: 3px;
	}
h4{
	font-size: 14px;
	margin-bottom: 5px;
	}
h5{
	font-size: 13px;
	margin-bottom: 3px;
}
ul {
	margin: 3px 0 0 10px;
	padding: 2px 0 2px 0px;
}
li {
	line-height: 15px;
	padding: 0 0 2px 5px;
	margin: 0 0 0 5px;
	list-style-position: outside;
}
/*---------------------DIV-FORMATIERUNGEN------------------------------*/
#top {
	width: 100%;
	height: 184px;
	background: url(../img/header-hg.jpg) no-repeat center top;
	}
#header {
	width: 950px;
	height: 184px;
	margin: 0 auto;
	}
#slogan {
	width: 902px;
	height: 10px;
	padding: 26px 0 0 48px;
	text-align: left;
	
	}
#logo {
	clear: left;
	width: 237px;
	height: 85px;
	float: left;
	padding: 21px 0 0 0;
	}
#stern {
	width: 125px;
	height: 86px;
	float: right;
	padding: 61px 19px 0 0;
	}
	
/*------------------Bildnavigation---------------------*/	
#navigation {
	width: 950px;
	height: 35px;
	margin: 0 auto;
	padding: 0 0 50px 0;
	background: url(../img/navi-hg.gif) no-repeat center top;
	}
#navi-home, #navi-unternehmen, #navi-planung, #navi-produkte, #navi-seminare, #navi-webshop {
	float: left;
	margin-right: 1px;
	}
#navi-kontakt {
	float: left;
	}
#navi-home:hover {
	background: url(../img/navi-home-hover.gif) no-repeat left top;
	}
#navi-kontakt:hover {
	background: url(../img/navi-kontakt-hover.gif) no-repeat right top;
	}
#navi-unternehmen:hover, #navi-planung:hover, #navi-produkte:hover, #navi-seminare:hover, #navi-webshop:hover {
	background: url(../img/navi-hover-hg.gif) repeat-x center top;
	}
/*------------------Ende Bildnavigation---------------------*/	

#content {
	width: 894px;
	margin: 0 auto;
	text-align: left;
	padding-bottom: 35px;
	}
#features {
	width: 196px;
	float: left;
	color: #002D4A;
	font-size: 11px;
	line-height: 1.3em;
	}
#subnavi {
	width: 142px;
	padding: 0 27px 15px 27px;
	background: url(../img/subnavi-hg.png) no-repeat bottom center;
	margin-bottom: 20px;
	}
#subnavi-header {	
	width: 142px;
	height: 24px;
	padding: 12px 27px 0 27px;
	background: url(../img/subnavi-header-hg.png) no-repeat top center;
	}
#newsticker {
	width: 142px;
	height: 116px;
	background: url(../img/newsticker-hg.png) no-repeat center;
	margin-bottom: 20px;
	padding: 12px 27px;
	}
#kontakt {
	width: 142px;
	height: 111px;
	padding: 12px 27px;
	background: url(../img/kontakt-hg.png) no-repeat center;
	margin-bottom: 20px;
	}
#impressum ul {
	margin: 0 0 0 36px;
	}
#impressum li {
	list-style-image:url(../img/pfeil-klein.gif);
	list-style-position: outside;
	padding-left: 0;
	}
#impressum li a {
	color: #7CA6C5;
	text-decoration: none;
	}
#impressum li a:hover {
	color: #006AB1;
	text-decoration: underline;
	}
#features address {
	font-style: normal;
	margin-bottom: 3px;
	}
#inhalte {
	float: right;
	width: 657px;
	}
#ende { clear: both; }

/*------------------Subnavi---------------------*/

#subnavi ul{
	list-style-type: none;
	margin: 0 0 0 14px;
	padding: 0;
	}
#LM_level_1 li{
	font-size: 12px;
	margin: 0;
	padding: 0;
	list-style-image: url(../img/subnavi-pfeil.gif);
	list-style-position: outside;
	}
#LM_level_1 li a{
	color: #E1001A;
	text-decoration: underline;
	display: block;
	padding: 0px 0px 2px 0px;	
	}
#LM_level_1 li a:hover{
	color: #002D4A;
	}
#LM_youAreHere {
	color: #006AB1;
	display: block;
	padding: 0px 0px 2px 0px;	
	}
html #LM_youAreHere {
	margin: 0px;
	}
html #LM_level_1 li a{
	margin: 0px;
	}
/*------------------Navigation unten---------------------*/
#navi-bottom {
	clear: both;
	width: 894px;
	height: 50px;
	margin: 0 auto;
	border-top: 1px solid #DDE8F0;
	text-align: left;
	padding: 0 0 0 56px;
	}
#navi-bottom-inside {
	float: left;
	}
#navi-bottom-inside ul {
	list-style-type: none;
	list-style-position: inside;
	padding: 0;
	margin: 0;
	}
#navi-bottom-inside li{
	float: left;
	padding: 0;
	margin: 0;
	}
#navi-bottom-inside li a {
	background:url(../img/navi-unten-pfeil.gif) no-repeat center top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #93B5CF;
	text-decoration: none;
	margin-right: 30px;
	display: inline-block;
	padding-top: 10px;
	}
#navi-bottom-inside li a:hover { 
	color: #006AB1;
	}
#navi-bottom-inside .LGlob_active {	}	
#navi-bottom-inside .LGlob_active a { 
	color: #93B5CF;
	}
#navi-bottom-inside  .LGlob_active a:hover{ 
	color: #93B5CF;
	}


#impuls {
	float: right;
	padding-right: 28px;
	text-align: right;
	}
#impuls a {
	color: #93B5CF;
	font-size: 11px;
	text-decoration: none;
	padding-top: 10px;
	background:url(../img/navi-unten-pfeil.gif) no-repeat center top;
	display: inline-block;
	margin: 0;
	}

/*---------------------KLASSEN------------------------------*/

.printey { display: none; }

.tabelle {
	border-collapse: collapse;
	background-color: #F0F4F9;
	text-align: left;
	font-size: 13px;
	margin-bottom: 5px;
	vertical-align: middle;
	}
.tabelle td {
	padding: 5px 5px 5px 9px;
	border: 1px solid #DDE8F0;
	}
.tabelle-header {
	background-color: #F0F4F9;
	font-weight: bold;
	padding: 4px;
	}
.tabelle-hervorhebung {
	background-color: #F4E8C1;
	font-weight: normal;
	padding: 4px;
	}

.tabelle-kontaktformular {
	padding: 5px;
	border: 1px solid #DDE8F0;
	background-color: #F0F4F9;
	}
.bilder-rahmen {
	padding: 5px;
	border: 1px solid #DDE8F0;
	}
.button-blau {
	background:url(../img/navi-hover-hg.gif) repeat-x top;
	border: 1px solid #006AB1;
	height: 19px;
	padding: 3px 6px;
	margin-right: 3px;
	}
a.button-blau {
	color: #fff;
	text-decoration: none;
	}
.button-blau:hover {
	background:	url(../img/button-hg.png) repeat-x top;
	border: 1px solid #0EA0F8;
	}
table.filmbox {
	background: url(../content_img/home-hg-film.gif) no-repeat left top;
	width: 100%;
	height: 85px;
	}
.filmbox td{
		padding: 5px;
		}	
.EGthumbnail { 
	padding: 3px;
	background-color: #F0F4F9;
	margin: 3px 0px; 
	}
.EGthumbnail:hover { 
	background-color: #E1001A;
	}

/*---------------------ANFRAGEFORMULAR-----------------------------*/

#errorMessage {
	background-color: #DDE8F0;
	border: 1px solid red;
	padding: 3px;
	width: 99%;
	margin-bottom: 10px;
	}
#successMessage {
	background-color: #DDE8F0;
	border: 1px solid green;
	padding: 3px;
	width: 99%;
	margin-bottom: 10px;
	}
#formular label {
	display: block;
	float: left;
	width: 75px;
	vertical-align: middle;
	padding: 3px 0px 0px 5px;
	}
#formular p {
	clear: left;
	background-color: #DDEAF0;
	padding: 5px;
	margin-bottom: 2px;
	width: 380px;
	border: 1px solid #DDE8F0;
	}
#formular input {
	border: 1px solid #DDE8F0;
	background-color: #FFFFFF;
	font-family: Tahoma, Arial, Verdana;
	font-size: 12px;
	color: #03497C;
	}
#formular textarea {
	border: 1px solid #DDE8F0;
	background-color: #FFFFFF;
	font-family: Tahoma, Arial, Verdana;
	font-size: 13px;
	color: #03497C;
	width: 450px;
	}
#formular .pflichtfelder {
	border: 1px solid #A5C2D8;
	}	
#formular #sendenbutton, #formular #loeschenbutton {
	width: 200px;
	height: 25px;
	padding: 3px;
	color: #fff;
	background: #B30016 url(../img/button-hg.png) repeat-x top;
	}
#formular #sendenbutton:hover, #formular #loeschenbutton:hover {
	background: url(../img/navi-hover-hg.gif) repeat-x top;
	cursor: hand;
	}

/*----------------------- Audioplayer ---------------------------------------*/
#player {
	position: absolute;
	right: 10px;
	top: 10px;
	}
		
/*---------------------GOOGLE-MAPS-----------------------------*/

#aussenrahmen {
	border: 1px solid #F0F4F9;
	width: 100%;
	text-align: center;
	}
#karte {
	width: 100%; 
	height: 320px;
	}
#input-hintergrund {
	background: #F0F4F9;
	padding: 5px;
	}
#adresseingabe {
	width: 400px;
	padding: 1px;
	height: 20px;
	border: 1px solid #CDD6DD;
	background-color: #FFFFFF;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #000;
	}
#mapsButton1 {
	width: 200px;
	height: 23px;
	padding: 3px;
	color: #fff;
	border: none;
	background: #B30016 url(../img/button-hg.png) repeat-x top;
	vertical-align: bottom;
	}
#mapsButton1:hover {
	background: #006AB1 url(../img/navi-hover-hg.gif) repeat-x top;
	cursor: hand;
	}
*+html #mapsButton1 { margin-top: -2px;}
.sprechblase {
	font-size: 12px;
	color: #004F84;
	}
	
/*----------------------- FLASHÜBERSCHRIFTEN ---------------------------------------*/

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	}
.sIFR-replaced {
	visibility: visible !important;
	}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	/*display: block;*/
	overflow: hidden;
	}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
	}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h1 {
	visibility: hidden;
	line-height: 25px;
	}
	
/*Transparente PNGS in IE6*/
* html img, div { behavior: url(iepngfix.htc) };
