/** Default-CSS fuer die Bildschirmdarstellung
 *
 * @author Andreas Zitzelsberger
 * @version $Rev: 98 $
 * @date $Date: 2006-07-06 15:13:11 +0200 (Do, 06 Jul 2006) $
 */
 
/*IE kennt nur .eot*/
@font-face {
	font-family: "DejaWeb";
	src: url(fonts/DejaWeb.eot);
}


@font-face {
	font-family: "DejaWeb";
	src: url(fonts/DejaWeb-Bold.eot);
	font-weight: bold;
}

/*Da italic und bold-italic auf der Site nicht verwendet werden, wird durch das auskommentieren Bandbreite gespart*/ 
/*@font-face {
	font-family: "DejaWeb";
	src: url(fonts/DejaWeb-Italic.eot);
	font-style: italic;
}
*/
 

 

/*@font-face {
	font-family: "DejaWeb";
	src: url(fonts/DejaWeb-BoldItalic.eot);
	font-weight: bold;
	font-style: italic;
}
*/
 

/*Diese Version ist für die anderen Browser*/
@font-face {
	font-family: "DejaWeb";
	src: url(fonts/DejaWeb.ttf)/*  format("truetype") */;
}

@font-face {
	font-family: "DejaWeb";
	src: url(fonts/DejaWeb-Bold.ttf)/*  format("truetype") */;
	font-weight: bold;
}

@font-face {
	font-family: "Monofur";
	src: url(fonts/monof55.ttf)/*  format("truetype") */;
}

@font-face {
	font-family: "PerSans";
	src: url(fonts/persans.ttf)/*  format("truetype") */;
}

@font-face {
	font-family: "PerSans";
	src: url(fonts/persansb.ttf)/*  format("truetype") */;
	font-weight: bold;
}


/*Da italic und bold-italic auf der Site nicht verwendet werden, wird durch das auskommentieren Bandbreite gespart*/ 
/*
@font-face {
	font-family: "DejaWeb";
	src: url(fonts/DejaWeb-Italic.ttf) format("truetype");
	font-style: italic;
}

@font-face {
	font-family: "DejaWeb";
	src: url(fonts/DejaWeb-BoldItalic.ttf) format("truetype");
	font-weight: bold;
	font-style: italic;
}
*/

 
 
html { margin: 0; padding: 0; }
body { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans serif; font-size: 12px; line-height: 1.5em;/*font: normal 11px Verdana, Arial, helvetica, sans-serif;*/ background: #4D4D4D; margin:0; padding:0; text-align:center; }

a { color: #ff790b; font-weight: normal; text-decoration: none; }
a:active { color: #f36; font-weight: normal; text-decoration: none; }
a:visited { color: #eb6e08; text-decoration: none; }
a:hover { color: #97be0d; font-weight: normal; text-decoration: none; }

img.referenzen {margin-bottom: 15px;}

form { margin: 0; padding: 0; }
form input.submit { width: auto; }

#content {}
#content h1 { color: #359D52; font-size: 18px; font-weight: bold; /*font: normal 16px Verdana, Arial, helvetica, sans-serif;*/ margin: 0; padding: 7px 0 4px 0; line-height: 20px; }
/* IE-Bug, kein p+h1 verfügbar */
/* #content h1.firsth1 { padding: 4px 0 4px 0; } */
#content h2 { color: #359D52; font-size: 15px; font-weight: normal; line-height: 1.3em; /*font: normal 12px Verdana, Arial, helvetica, sans-serif;*/ margin: 0; padding: 8px 0 2px 0; }


#content p { line-height: 1.5em; font-size: 12px; margin: 0; padding: 0 0 6px 0; }


#main { width: 760px; margin: 175px auto 22px auto; text-align: left; background: #737373 url(textfeld-mitte.png) 0 0 repeat-y; }
#mBot { clear: both; background: #737373 url(textfeld-bottom.png) 0 0 no-repeat; height: 12px; line-height: 0; font-size: 0; }
#mTop { clear: both; background: #737373 url(textfeld-top.png) 0 0 no-repeat; height: 12px; line-height: 0; font-size: 0; }


#content { float: left; background: #EBEAEF/*#efefef*/; }
/* IE-Bugfest */
#content { margin: 0; padding: 0 157px 0 44px; width: 601px; height: 333px; }
/* padding: 102 + x px */
#content ul { font-size: 12px; line-height: 1.5em; margin-top: 5px;}
#content ol { font-size: 12px; line-height: 1.5em; margin-top: 5px;}
#content li {margin-bottom: 4px;}
html>body #content { margin: 0 0 0 44px; padding: 0 157px 0 0; width: 400px; min-height: 333px; height: auto; }

#context { float: left; margin: 0 0 0 20px; padding: 21px 0 0 0;  width: 120px;  color: #666666; font-size: 11px; line-height: normal; }
/* IE's calculation of line-height is crappy. */
html>body #context { padding: 0 0 0 0; }
#context h1 { color: #349B51; font-size: 12px; margin: 0; padding: 12px 0 0 0; }
#context h1.firsth1 { padding: 0; }
#context p { margin: 0; padding: 0; }


#navi a, #miscNavi a, #miscNavi span { color: #97BE0D; text-decoration: none; font-size: 14px; font-weight: bold; /*font: bold 11px Verdana, Arial, helvetica, sans-serif;*/ }
#navi a:hover, #miscNavi a:hover, #navi a.active, #miscNavi a.active, #miscNavi span.active { color: #fff; }


#miscNavi { position: absolute; top: 13px; left: 0; width: 100%; text-align: center; }
#anotherIEBug { margin: 0 auto; text-align: right; width: 760px; background: #737373 url(header.png) 0 0 no-repeat; height: 101px; }
#miscNavi ul { list-style-type: none;  margin: 0; padding: 0; }
#miscNavi li { display: inline; margin: 0 0 0 11px}


#navi { position: absolute; top: 114px; left: 0; width: 100%;  text-align: center; background: url(out/out-9-rand_re.png) 0 0 repeat-x;  }
#navi1 { margin: 0 auto; width: 760px; z-index: 1;   }


#navi2 { width: 100%;  margin: 0 auto; width: 760px; clear: both; position: relative; z-index: 100; text-align: left; }
/* IE-Bugfest */
#navi2 { top: -30px; height: 30px;}
html>body #navi2 { top: -25px; height: 25px;  }


#navi ul { list-style: none; margin: 0; padding: 0; }
#navi1 li { margin: 0; padding: 0; display: block; float: left; }
/* IE-Bugfest */
#navi1 a { display: block; margin: 0; padding: 20px 0 0 0; height: 63px;}
html>body #navi1 a { height: 43px; }
#navi2 li { margin: 0; padding: 6px 0 0 11px; display: inline; height: 30px; }
html>body #navi2 li { height: auto; padding: 4px 0 10px 11px; }


#navHome a { background: url(out/out-2-home.png) 0 0 no-repeat; width: 54px; }
#navPod a { background: url(out/out-3-pod.png) 0 0 no-repeat; width: 127px; }
#navVideo a { background: url(out/out-4-video.png) 0 0 no-repeat; width: 141px; }
#navWiewir a { background: url(out/out-5-wiewir.png) 0 0 no-repeat; width: 110px; }
#navBsp a { background: url(out/out-6-beispiele.png) 0 0 no-repeat; width: 73px; }
#navUns a { background: url(out/out-7-ueberuns.png) 0 0 no-repeat; width: 75px; }
#navZusatz a { background: url(out/out-8-zusatz.png) 0 0 no-repeat; width: 178px; }

#navi1 li a:hover, #navi1 li a.active { font-size: 12px; }

#navHome a:hover, #navHome a.active { background: url(over/over-2-home.png) 0 0 no-repeat; }
#navPod a:hover, #navPod a.active { background: url(over/over-3-pod.png) 0 0 no-repeat; }
#navVideo a:hover, #navVideo a.active { background: url(over/over-4-video.png) 0 0 no-repeat; }
#navWiewir a:hover, #navWiewir a.active { background: url(over/over-5-wiewir.png) 0 0 no-repeat; }
#navBsp a:hover, #navBsp a.active { background: url(over/over-6-beispiele.png) 0 0 no-repeat; }
#navUns a:hover, #navUns a.active { background: url(over/over-7-ueberuns.png) 0 0 no-repeat; }
#navZusatz a:hover, #navZusatz a.active { background: url(over/over-8-zusatz.png) 0 0 no-repeat; }


/* Ausrichtung für die Level-2 Navi */
#navi2_1 { padding-left: 8px; }
#navi2_2 { padding-left: 51px; }
#navi2_3 { padding-left: 178px; }
#navi2_4 { padding-left: 317px; }
#navi2_5 { padding-left: 427px; }
#navi2_6 { padding-left: 502px; }
#navi2_7 { padding-left: 575px; }