/**************** Maurer Werbeagentur - 2009 Julia Faulde ***/

html, body, div, p, h1, h2, h3, ul, ol, span, a, table, td, form, img, li, input, textarea, select {
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana,sans-serif;
	/*font-family: Arial, Verdana,sans-serif;*/
	font-size:12px;
	color:#ffffff;
	}
body {
	background:#00101E;
	text-align:left;
	background-image:url(images/bg_vertikal.jpg);
	background-repeat:repeat-x;
	background-position:0 0;
	}
#header {
	background-image:url(images/strich_1.gif);
	background-repeat:no-repeat;
	background-position:0 25px;
	width:850px;
	height:122px;
	margin:0 0 0 37px;
  	}
#header #logo{
	position:absolute;
	width:209px;
	height:15px;
	margin:37px 0 0 0px;
	padding:0;
	}
#header #navi{
	width:86px;
	position:absolute;
	margin:32px 0 0 780px;
  	}
#header #navi ul {
	margin:0;
	padding:0;
	display: inline;
	}
#header #navi ul li {
	display: inline;
	height:10px;
	margin:0;
	padding:0;
	}
#header #navi ul li a{
	height:10px;
	display:block;
	margin:6px 0;
	}
#header #navi ul li a span{
	display:none;
	}
#header #navi ul li a.beispiele { width: 86px; background-image:url(images/beispiele.gif);	background-repeat:no-repeat;}
#header #navi ul li a:hover.beispiele, #header #navi ul li#aktiv a.beispiele {background-image:url(images/beispiele_on.gif);background-repeat:no-repeat;}

#header #navi ul li a.referenzen { width: 86px; background-image:url(images/referenzen.gif);	background-repeat:no-repeat;}
#header #navi ul li a:hover.referenzen, #header #navi ul li#aktiv a.referenzen {background-image:url(images/referenzen_on.gif);background-repeat:no-repeat;}

#header #navi ul li a.impressum { width: 86px; background-image:url(images/impressum.gif);	background-repeat:no-repeat;}
#header #navi ul li a:hover.impressum, #header #navi ul li#aktiv a.impressum {background-image:url(images/impressum_on.gif);background-repeat:no-repeat;}

#header #navi ul li a.kontakt { width: 186px; background-image:url(images/kontakt2.gif);	background-repeat:no-repeat;}
#header #navi ul li a:hover.kontakt, #header #navi ul li#aktiv a.kontakt {background-image:url(images/kontakt_on2.gif);background-repeat:no-repeat;}

#header #navi ul li a.newsletter { width: 91px; background-image:url(images/newsletter.gif);	background-repeat:no-repeat; position:absolute; z-index:10; margin: 0 0 0 0;}
#header #navi ul li a:hover.newsletter, #header #navi ul li#aktiv a.newsletter {background-image:url(images/newsletter_on.gif);background-repeat:no-repeat;}

#header #navi ul li a.film { width: 47px; height:22px; background-image:url(images/film.gif);	background-repeat:no-repeat;position:abolsute; margin: -2px 0 0 95px; z-index:0; }
#header #navi ul li a:hover.film, #header #navi ul li#aktiv a.film {background-image:url(images/film_on.gif);background-repeat:no-repeat;}

#header #navi ul li a.facebook { width: 21px; height:22px; background-image:url(images/facebook.gif);	background-repeat:no-repeat;position:abolsute; margin: -23px 0 0 150px; z-index:0;}
#header #navi ul li a:hover.facebook, #header #navi ul li#aktiv a.facebook {background-image:url(images/facebook.gif);background-repeat:no-repeat;}


#header #beispiele{
	width:540px;
	height:58px;
	position:absolute;
	margin:37px 0 0 235px;
  	}
#header #beispiele img{
	width:59px;
	height:59px;
	margin:0 12px 0 0;
  	}
#header #beispiele a img{
	border:1px solid #00101F;
	position: relative;
  	}
#header #beispiele a:hover img, #header #beispiele a#on img {
	border:1px solid #ffffff;
	position: relative;
 	}

a.tooltip, a.tooltip:link, a.tooltip:visited, a.tooltip:active  {
	position: relative;
  	text-decoration: none;
	color: #ffffff;
    }
a.tooltip:hover {
  	color: #ffffff;
  	background: transparent;
  	}
a.tooltip span {
  	display: none;
  	text-decoration: none;
	}
a.tooltip:hover span {
  	display: block;
  	position: absolute;
  	left: 0;
  	white-space:nowrap;
 	z-index: 100;
  	color: #ffffff;
  	}
#fest {
	position:absolute;
	padding: 2px;
	line-height:18px;
	z-index:100;
	font-size:11px;
	}
#container {
	text-align:left;
	width:850px;
	margin:0;
	/*margin:0 auto;*/
	padding:0;
	}
#wrapper {
	background-image:url(images/bg.jpg);
	background-repeat:no-repeat;
	position:absolute;
	margin:0;
	padding:0 0 0 37px;
	width:850px;
	height:550px;
	}
a:focus { outline: none; }

#content {
	float:left;
	width:527px;
	height:424px;
	margin:50px 0 0 37px;
	text-align:right;
	z-index:0;
	}
#content img{
	text-align:right;
	}
#ani{
	position:absolute;
	margin:338px 0 0 445px;
	width:139px,
	height:58px;
	border:0;
	}
#start, #normal {
	position:absolute;
	width:700px;
	height:424px;
	margin:50px 0 0 80px;
	}
#normal  p {
	width:520px;
	padding:0;
	margin:0;
	line-height:135%;

	}
#start  p {
	width:520px;
	padding:0;
	margin:0;
	line-height:135%;
	font-size:18px;
	font-weight:bold;
	}
#start  a, #normal a {
	text-decoration:none;
			color:#999fa5;
	}
#start  a:hover, #normal a:hover {
	text-decoration:underline;
	}
#start  p.kleiner {
	font-size:11px;
	text-align:left;
	padding:0;
	margin:130px 0 0 0;
	line-height:125%;
	}
#start p.kleiner  a {
	font-size:11px;
	text-decoration:none;
	}
#start p.kleiner a:hover {
	font-size:11px;
	text-decoration:underline;
	}

#slide{
	position:absolute;
	width:527px;
	height:424px;
	margin:68px 0 0 175px;
	text-align:right;
	z-index:0;
	}
#newsslide{
	position:absolute;
	width:527px;
	height:174px;
	margin:68px 0 0 0px;
	text-align:right;
	z-index:0;
	}

#extra {
	position:absolute;
	width:300px;
	height:124px;
	margin:50px 0 0 580px;
	left:0;
	z-index:0;
	}
#extra p {
	margin:0;
	line-height:135%;
	letter-spacing:0.01em;
	}
#extra a {
		text-decoration:none;
		color:#999fa5;
	}
#extra a:hover {

	text-decoration:underline;
	}
#content p {
	margin:0 0 18px 22px;
	line-height:135%;
	width:440px;
	letter-spacing:0.01em;
	}
#content ul {
	margin:0 0 18px 35px;
	line-height:150%;
	letter-spacing:0.01em;
	}
#content h1 {
	margin:18px 10px 0 22px;
	line-height:135%;
	font-size:16px;
	}

#content h2 {
	margin:12px 10px 0 22px;
	line-height:135%;
	font-size:11px;
	}
#content a {
	text-decoration:none;
			color:#999fa5;
	}
#content a:hover {
	text-decoration:underline;
	}
a img {
	border:0;
	}
img#event{
	position:absolute;
	margin:227px 0 0 275px;
	z-index:100;
	}
.hell{
	color:#B2ACA0;
	}
.fett {
	font-weight:bold;
	  }