
body { 
    padding: 0 auto;
    margin: 0 auto;
	min-width: 600px;
	max-width: 1000px; 
	padding: 5px;
	background: url(hintergrund.jpg)  repeat-x;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	}

body > div {
    height: 750px;
	background: white;
	padding:5px 8px;
	-webkit-border-radius: 7px;
    -moz-border-radius: 7px;
     border-radius: 7px;
	-moz-box-shadow: 7px 7px 20px 5px #999;
	-webkit-box-shadow: 7px 7px 20px 5px #999;
	 box-shadow: 7px 7px 20px 5px #999;	 
}

h1 { 
   position: absolute; top:-45px; margin-left: 279px;  
   box-shadow: 4px4px 4px 4px #999;
   border-radius: 7px;	
}

h2{  position: absolute; top: -35px; margin-left: 779px;   }

h3  {  position: absolute; top: -28px; margin-left: 11px;   }

/* Layout Klappmenü */
#navi4 ul {
	margin:78px 0px;	padding: 0; 
}

#navi4 ul li { display: inline; position:relative; }
#navi4 ul ul, #navi4 ul ul ul { display: none; }
#navi4 ul li:hover > ul { display: block; position: absolute; left:0px; top:-180%; z-index:1;}
#navi4 ul ul li:hover ul { left: 100%; top: 0px;  }
#navi4 ul ul li, #navi4 ul ul ul li { display: block; }

/* Styling Klapp-Menü */

#navi4 > ul {
	padding: 5px; background: url(bg_gray_2.png) repeat-x;
}

#navi4 ul li { background: url(bg_gray_2.png) repeat-x; padding: 5px 15px; min-width: 130px; }

#navi4 ul ul li {  padding: 1px ;     }

#navi4 a { color: white; text-decoration: none; }
#navi4 li:hover { background: url(bg_gray_2_hover.png); z-index:1;}
#navi4 ul li a { background: url(li_active.png) center left no-repeat; padding-left: 20px; }
#navi4 ul ul li a { background: url(li3.png) center left no-repeat; padding-left: 20px; font-size: .8em;   }

.nummer {border: 2px; position:absolute; padding-left: 860px; top:110px; height:1px;}
.zeit {border: 2px; position:absolute; padding-left: 2px; top:110px;font-size: .7em; }
#flashcontent { position:absolute;  top:180px; padding-left:80px;}

.willkommen {text-align:center; position: absolute; top:115px; margin-left:230px;  }

#text {position: absolute; top:170px; margin-left:55px;}


/* Instrumente */
.bild1  {  position: absolute;  top:210px; margin-left:250px;}
.bild2  {  position: absolute;  top:210px; margin-left:510px;}


.bild11 { position: absolute; top:720px; margin-left:160px;}

.bild12 { position: absolute; top:720px; margin-left:400px;}

.bild13 { position: absolute; top:790px; margin-left: 700px;}

#bubble {

	    position: relative;
        left: 300px;
		top:540px;
	    padding: 3px 10px;

	    width: 60px;
        box-shadow: 7px 1px 5px 1px #999;
	    background:-webkit-linear-gradient(top, #ffd5a9, #ff901c);

	    background:-moz-linear-gradient(center top, #ffd5a9, #ff901c);

	    background:-o-linear-gradient(top, #ffd5a9, #ff901c);

	    background: linear-gradient(#ffd5a9, #ff901c);

	    border-radius: 50%;

	    color: #fff;

	    text-align: center;

	    font-weight: bold;

	}

#bubble:before {

	    position: absolute;

	    width: 25px;

	    height: 25px;

	    left:50px;
        box-shadow: 7px 1px 3px 0.6px #999;
	    content: "";

	    background: #ff901c;

	    border-radius: 30px;

	    bottom: -25px;

	}

	#bubble:after {

	    position: absolute;

	    width: 15px;

	    height: 15px;

	    left: 77px;
        box-shadow: 7px 1px 4px 0.5px #999;
	    content: "";

	    background: #ff9090;

	    border-radius: 15px;

	    bottom: -30px;}

#footer   {border-top: #FFCC00 solid 3px; width:962px;
          position: absolute; top:720px; font-size: 15px;  word-spacing:10px; text-indent: 3px;line-height: 25px;}

#footer ul a {word-spacing: position: relative; top:20px;   text-decoration: none;     }
#footer ul li { display: inline;   position: relative; padding:10px;top:-7px;}
#footer  ul li a{  color: blue; }        
#footer a:hover {  color: red;      }