body{
	font-family:'Trebuchet MS',Arial,Verdana,sans-serif;
	font-size:12px;
	line-height:17px;
}
a{
	color:#F26100;
	text-decoration:none;
	
}
a.news{
	color:#606060;
	text-decoration:none;

}
a.news:hover{
	text-decoration:underline;
}
a.news_active{
	

}
h1{
	font-size:16px;
	margin:0px;
	padding:0px;
	padding-bottom:8px;
}
h2{
	font-size:12px;
	font-weight:bold;
	margin:0px;
	padding:0px;
}
h3,h4{
	color:#990000;
	font-style:italic;
	font-weight:normal;
	font-size:12.5px;
	padding:0px;
	margin:0px;
}
h4{
	font-size:10px;
}
div.news{
	height:200px;
	overflow:auto;
}
table{
	border-collapse:collapse;
	width:100%;
}
table.download{
	height:200px;
}
table.news td
{
	padding:0px 4px 0px 0px;
}
td.spacer{
	width:20px;
}
td{
	vertical-align:top;
}
#newstitle{
	font-weight:bolder;
	padding-top:18px;
}
.trenner{
	color:#606060;
}
#left,
#left_mid{
	float:left;
	width:400px;
	margin-top:41px;
	margin-left:45px;
	padding:0px;
	z-index:2;

	/*height:341px;*/
}
#left_mid{
	margin-top:76px;
}
#right,
#right_mid,
#right_scroll{
	float:right;
	margin-right:45px;
	width:400px;
	margin-top:65px;

}
#right_scroll{
	overflow:auto;
	height:300px;
	padding-right:10px;

}
#right_mid{
	margin-top:114px;
}
#right.fb-frame{
	margin-top:25px;
}
.clear{
	clear:both;
}
#container{
	position:relative;
	top:40px;
	left:50%;
	width:920px;
	margin-left:-462px;
	border:2px solid #666666;
	height:560px;
}
#content,
#content_snare{
	height:437px;
	padding:0px;
	margin:0px;
}
#content_snare{
	background-image:url(../images/snare.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
}
#logo{
	background:url(../images/logo.jpg) no-repeat scroll 0 0 transparent;
	width:280px;
	height:55px;
	position:relative;
	top:3px;
	left:40px;

	display:block;
}
#sprachen{
	position:absolute;
	top:10px;
	right:10px;
}
#footer{
	background-color:#F26100;	
	height:115px;
	width:100%;
	border-top:8px solid #990000;
}
* html #footer{
	height:124px;
}
.drum_images{
	position:absolute;
	right:0px;
	bottom:123px;
}
.index_images{
	position:absolute;
	bottom:53px;
	right:0px;
}
#images img{
	display:block;
	padding-top:8px;
	border:0px;
}
#kontakt{
	background-image:url(../images/kontakt.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	width:890px;
	height:440px;
	position:absolute;
	top:0px;
	left:0px;
	padding-top:74px;
	padding-left:30px;
}
#special{
	position:absolute;
	bottom:140px;
	left:30px;
	font-size:10px;
	width:400px;
}
#special img{
	float:left;
	margin-right:4px;
}
.img_right{
	padding:0px;
	width:300px;
	position:relative;
	top:0px;
	left:145px;
}
.beschreibung,.beschreibung2{
	font-size:10px;
	line-height:12px;
	color:#5a5a5a;
	text-align:left;
}
.beschreibung{
	padding-top:4px;
	margin-left:4px;
}
.beschreibung2{
	color:#000000;
}
.img_right_beschreibung{
	
}
.img_left{
	position:absolute;
	bottom:152px;
	left:0px;
}
.img_left_desc{
	position:absolute;
	bottom:152px;
	left:0px;
}
.slideshow{
	padding:0px 0px 10px 0px;
	position:relative;
	top:0px;
	right:0px;
}	
.hinweis{
	position:absolute;
	bottom:140px;
	left:45px;
	font-size:11px;

	line-height:10px;
}
#free_lesson_image {
	position:relative;
	top:-130px;
}

.rssBody ul {
	list-style:none;
	padding: 0px;
}

.rssBody {
	height: 270px;
	overflow: auto;
}
/* 
	pure layout properties are not indent. you can edit them for your needs.
	pure technical properties are indent 3 tabs. Generally there is no need to edit them. // important for functionality
	some properties are indent 1 tab, they are important for functionality but have to be adapted to your layout

	Reine Designangaben für das Menue sind nicht eingerückt!
	Rein technische Angaben sind  dreimal eingerückt. Diese müssen in der Regel nicht geändert werden.
	Eine "Zwischenstellung" nimmt beispielsweise die Menuebreite Breite ein. Sie ist sowohl für Design als auch Funktionstüchtigkeit wichtig. Derartige Angaben sind zweimal eingerückt.
*/
li {padding: 0;margin:0;}
/* 
	original code @ http://www.alistapart.com/articles/horizdropdowns/
*/

/* Allgemeine CSS-Class ausserhalb des Viewports */
.sbh {
		position: absolute;
		left: -999px;
		width: 0;
		overflow: hidden;
		
}
/* 
	original code @ http://www.htmldog.com/articles/suckerfish/dropdowns/example/
*/

#sfnav, #sfnav ul {
/*width: 24.44em;*/
width:100%;
list-style: none;
line-height: 1;
background: none;
font-weight: lighter;
font-size:14px;
padding: 0;
margin: 0em 0 1em 4em;
position: absolute;
}

#sfnav a {
display: block;
color:white;
text-decoration: none;
/*padding: 0.25em 2em;*/
padding-top:4px;
}
#sfnav a:hover,#sfnav ul li.active a,#sfnav li.active a{
	color:black;
}

#sfnav a.daddy {
/*background: url(rightarrow2.gif) no-repeat 95%;*/
}

#sfnav li {
float: left;
/*width: 8em;*/
margin:0px 20px 0px 20px;
padding:6px;
}

#sfnav li ul {
position: absolute;
left: -999em;
width: 13.9em;
height: auto;
font-weight: lighter;
border-width: 0.25em;
margin-left:-20px;
font-size:12px;
}

#sfnav li li {
		/*width: 13.9em*/
		padding:0px;
}

#sfnav li ul ul {
		margin: -1.75em 0 0 14em;
}

#sfnav li:hover ul ul, #sfnav li:hover ul ul ul,
#nav3 .navfxenabled li:hover ul, #nav3 .navfxenabled li:hover ul ul, #nav3 .navfxenabled li:hover ul ul ul,
#nav3 .navfxenabled li.over ul ul,#nav3 .navfxenabled li.over ul ul ul
{
			left: -999em;
}
#sfnav li:hover ul, 
#nav3 .navfxenabled li.over ul,#nav3 li.showul ul
 {
			left: auto;
}
#sfnav li li:hover ul, #sfnav li li li:hover ul,
#nav3 .navfxenabled li li.over ul, #nav3 .navfxenabled li li li.over ul
 {
			left: -2px;
}
#nav3 li li.over ul.leftover, 
#nav3 .navfxenabled li li li.over ul.leftover, 
#nav3 .navfxenabled li li li li.over ul.leftover
 {
			left: -28.44em;
}
#nav3 #sfnav li.over,#sfnav li:hover {
/*background: #eda;*/
}

/*
	Styles für das 2. versteckte Menue
	Quick & Dirty / no IE support without JavaScript!!!!
*/

.konzept, .umsetzung
{
	float:left;
}

.umsetzung
{
	margin-left:24px;
}