!-- include SM2 library (see builds for optimized versions) -->
<script type="text/javascript" src="/soundmanagerv297a-20140901/script/soundmanager2.js"></script>

<!-- configure SM2 for your use -->
<script type="text/javascript">

soundManager.setup({

  // location: path to SWF files, as needed (SWF file name is appended later.)

  url: 'grain.de//soundmanagerv297a-20140901/swf/'
  // optional: version of SM2 flash audio API to use (8 or 9; default is 8 if omitted, OK for most use cases.)
  // flashVersion: 9,

  // use soundmanager2-nodebug-jsmin.js, or disable debug mode (enabled by default) after development/testing
  // debugMode: false,

  // good to go: the onready() callback

  onready: function() {

    // SM2 has started - now you can create and play sounds!

    var mySound = soundManager.createSound({
      id: 'demotest', // optional: provide your own unique id
      url: '/http://drgrain.de/Audio_Demos'
      // onload: function() { console.log('sound loaded!', this); }
      // other options here..
    });

    mySound.play();

  },

  // optional: ontimeout() callback for handling start-up failure

  ontimeout: function() {

    // Hrmm, SM2 could not start. Missing SWF? Flash blocked? No HTML5 audio support? Show an error, etc.?
    // See the flashblock demo when you want to start getting fancy.

  }

});

</script>

body {
  text-align: center;
  background-color: black;
 
}

h1 {
  font-size: 20px;
  font-family:Verdana;
  color: darkgreen;
  margin-top: 10px;
  width: 400px;
}

h2 {
  font-size: 12px;
  font-family:Verdana;
  color: darkgreen;
}



h3 {
  font-size: 12px;
  font-family:Verdana;
  color: black;
  
}

p {
  text-align: justify;
  font-size: 12px;
}

table {
    margin-bottom: 30px;
}

td {
    
    text-align: justify;
    vertical-align: top;
}
.prepix {
    
    vertical-align: top;
    padding-right: 25px;
}

tr {
    
}

table tr td h2 {
  font-size: 12px;
  font-family:Verdana;
  color: darkgreen;
  margin-top: 0px;
}

.head {
	width: 920px;
}

.page {
	min-width: 920px;
	width: 920px;
	margin:0px auto;
	text-align:center;
	
	
}

.page .navi { 
	
	background-image: url(pics/navi3.jpg);   
	background-repeat: no-repeat;  
	background-position: center;
	width: 172px;
	height: 723px;
	float: left;
	margin: 0 auto;
	overflow: hidden;

}

.navi .buttons {
  padding-top: 4px;
  text-align: center;
  
  
}

.page .main {
  	
	background-image: url(pics/main3.jpg);  
	background-repeat: no-repeat; 
	background-position: center;
	width: 748px;
	height: 723px;
	margin: 0 auto;
	float: left;

	
}

.page .main .content {
	margin-left: 35px;
	margin-top: 35px;
	height: 640px;
	width: 640px;
	padding-left: 5px;
	padding-right: 25px;
	padding-top: 0px;
	text-align: left;
	overflow: scroll;
	overflow-x:hidden; 
  
}

.page .main .content {
	
    
}

.page .main .content .schmal {
	width: 310px;
	float: left;
	padding-right: 20px;
  
}

.page .main .content .breit {
	width: 620px;
	float: left;
	
  
}

.page .main .content .schmalrechts {
	width: 290px;
	float: right;
	
  
}

.page .main .content .schmalrechts2 {
	width: 310px;
	float: right;
	
  
}

.bilderlinks {
	padding-top: 12px;
	float: left;
}

.bilderrechts {
	padding-top: 12px;
	
  
}


.navi .icons {
	
  
}

.fett {
  font-size: 12px;
  font-family:Verdana;
  font-weight:bold;
  color: darkgreen;
  text-decoration: none;
}

.pfeil {
    width: 120px;
    float: right;
    font-size: 12px;
    font-family:Verdana;
    color: darkgreen;
    margin-top: 7px;
}