html { 
  padding:0px;
}

body {
	color:#525252;
	font-family:verdana,helvetica;
	background-color: #002b45;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat;
	padding:0px;
	margin:0px;
	line-height:18px;
	font-size:16px;
}

h3 {
	font-size:14px;
}

hr {
margin-top:20px;
margin-bottom:0px;
border-bottom:1px dashed grey;
border-top:0px;
border-left:0px;
border-right:0px;
}

img.left {
   	float:left;
   	padding:5px 10px 5px 5px;
   	border:none;
}


a {
color:#4e91c5;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

.geschichtetext {
padding-right:100px;
display:block;
}

.starttext {
padding-right:0px;
display:block;
}

.flagge {
float:right;
margin-right:105px;
margin-top:5px;
}

.flagge2 {
float:right;
margin-right:5px;
margin-top:5px;
}

#content a:link {
color:#4e91c5;
text-decoration:none;
}

#content a:visited {
color:#4e91c5;
text-decoration:none;
}

#content a:hover {
text-decoration:underline;
}

#wrapper {
width:1024px;
background-color:none;
height:288px;
margin:0px auto;
}

#header {
padding-left:80px;
width:814px;
}

#htop {
background-image:url(../images/headertop.png);
background-repeat:no-repeat;
height:65px;
}

*html #htop {
background-image: none;
background-repeat:no-repeat;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/headertop.png');
}

#hleft {
background-image:url(../images/headerleft.png);
background-repeat:no-repeat;
height:223px;
width:49px;
float:left;
}

*html #hleft {
background-image: none;
background-repeat:no-repeat;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/headerleft.png');
}

#hcenter {
background-image:url(../images/headercenter.jpg);
background-repeat:no-repeat;
height:223px;
width:652px;
float:left;
}

#hright {
background-image:url(../images/headerright.png);
background-repeat:no-repeat;
height:223px;
width:113px;
float:left;
}

*html #hright {
background-image: none;
background-repeat:no-repeat;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/headerright.png');
}

#contentdaddy {
float:left;
background-color:none;
width:677px;
margin-left:116px;
}

*html #contentdaddy {
height:500px;
margin-left:58px;
}

.spalte1 {
	display: inline-block;  
	margin-left: 5px;
	padding: 0;  
	text-align: left; 
	width: 300px; 
	background-color:#fff;
	vertical-align: top; 	
}

.spalte2 {
	display: inline-block;  
	margin-left: 5px;
	
	padding: 0;  
	text-align: left; 
	width: 300px; 
	background-color:#fff;
	vertical-align: top; 
	font-size:11px;
}

.spaltebass {
	display: inline-block;  
	margin-left: 0px;
	padding-top: 50px;  
	text-align: left; 
	width: 318px; 
	background-color:#fff;
	vertical-align: top; 
	font-size:11px;
}



.spaltemini1 {
	display: inline-block;  
	margin-left: 0px;
	padding: 0;  
	text-align: left; 
	width: 110px; 
	background-color:#fff;
	vertical-align: left; 	
	padding-top:5px;
}

.videospalte {
	display: inline-block;  
	margin-left: 0px;
	margin-right:10px;
	padding: 0;  
	text-align: left; 
	width: 140px; 
	background-color:#fff;
	vertical-align: left; 	
	padding-top:5px;
}


.newsbild {
border:1px dashed grey;
padding:1px;
}

.galbild {
border:0px dashed grey;
padding:1px;
margin-right:2px;
margin-bottom:3px;
}


.unterricht {
margin-top:53px;
}

.portrait {
margin-top:0px;
}

.spaltemini2 {
	display: inline-block;  
	margin-left: 0px;
	padding: 0;  
	text-align: left; 
	width: 184px; 
	background-color:#fff;
	vertical-align: top; 
}

.ueberschrift {
display:block;
margin-bottom:0px;
}

.subtitle {
margin-top:30px;
margin-bottom:5px;
display:block;
}

#content {
background-color:white;
padding:38px 20px 15px 25px;
font-size:13px;
min-height:350px;
}

#navigation {
height:38px;
width:667px;
margin-left:116px;
background-color:white;
padding-left:5px;
padding-right:5px;
}

#navnav {
height:38px;
background-image:url(../images/navibg.gif);
background-repeat:repeat-x;
width:666px;
}

#glowbox {
width:208px;
height:120px;
background-image:url(../images/minibassaktionen.png);
background-repeat:no-repeat;
margin-bottom:10px;
float:right;
margin-right:8px;
}

#glowbox:hover {
width:208px;
height:120px;
background-image:url(../images/minibassaktionenglow.png);
background-repeat:no-repeat;
margin-bottom:10px;
}


#kontaktbox {
width:206px;
margin-right:9px;
}

*html #kontaktbox {
margin:3px;
}

#kontakttop {
background-image:url(../images/kontakttop.png);
background-repeat:no-repeat;
padding-top:13px;
}

*html #kontakttop {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/kontakttop.png');
background-repeat:no-repeat;
background-image: none;
height:14px;
}

#kontakttext {
background-color:white;
margin-right:0px;
font-size:10px;
padding: 2px 8px 0px 8px;
line-height:16px;
}

#kontaktbottom {
height:137px;
background-image:url(../images/kontaktbottom.png);
background-repeat:no-repeat;
}

*html #kontaktbottom {
background-image: none;
background-repeat:no-repeat;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/kontaktbottom.png');
}

#footer {
background-image:url(../images/footer.png);
background-repeat:no-repeat;
height:20px;
font-size:10px;
padding-top:15px;
text-align:right;
padding-right:10px;
color:#eee;
}

*html #footer {
background-repeat:no-repeat;
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/footer.png');
}

#footer a:link,a:visited {
color:white;
text-decoration:none;
}

#footer a:hover {
text-decoration:underline;
}

#kontaktbox {
float:right;
}

#clear {
clear:both;
}


a img {
border:0px;
}


#navcontainer {
margin-left: 4px;
padding: 0px; 
}

#navcontainer ul {
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: left; 
}

#navcontainer ul li { 
float: left;
position:relative; 
}

#navcontainer ul li#startseite a {
text-decoration: none;
background-image: url(../navigation/startseite.jpg);
background-repeat:no-repeat;
font-size: 12px;
float: left;
margin: 0px;
height: 38px;
width: 115px;
}

#navcontainer li#startseite a:hover {
background-image: url(../navigation/startseite_hover.jpg);
}

#navcontainer ul li#vita a {
text-decoration: none;
background-image: url(../navigation/vita.jpg);
background-repeat:no-repeat;
font-size: 12px;
float: left;
margin: 0px;
height: 38px;
width: 63px;
}

#navcontainer li#vita a:hover {
background-image: url(../navigation/vita_hover.jpg);
}

#navcontainer ul li#kontakt a {
text-decoration: none;
background-image: url(../navigation/kontakt.jpg);
background-repeat:no-repeat;
font-size: 12px;
float: left;
margin: 0px;
height: 38px;
width: 93px;
}

#navcontainer li#kontakt a:hover {
background-image: url(../navigation/kontakt_hover.jpg);
}

#navcontainer ul li#instrument a {
text-decoration: none;
background-image: url(../navigation/das_instrument.jpg);
background-repeat:no-repeat;
font-size: 12px;
float: left;
margin: 0px;
height: 38px;
width: 145px;
}

#navcontainer li#instrument a:hover {
background-image: url(../navigation/das_instrument_hover.jpg);
}

#navcontainer ul li#unterricht a {
text-decoration: none;
background-image: url(../navigation/unterricht.jpg);
background-repeat:no-repeat;
font-size: 12px;
float: left;
margin: 0px;
height: 38px;
width: 113px;
}

li {
list-style-type:none;
}

#navcontainer li#unterricht a:hover {
background-image: url(../navigation/unterricht_hover.jpg);
}

/* hide the sub level links */
#navcontainer ul ul {
visibility:hidden;
position:absolute;
width:149px;
height:0;
top:38px;
left:0;
}

/* make the sub level visible on hover list or link */
#navcontainer ul li:hover ul,#navcontainer ul a:hover ul{
visibility:visible;
}

#navcontainer ul ul li#basstotal a {
text-decoration: none;
background-image: none;
background-color:#f6f6f6;
font-size: 12px;
float: left;
margin-left: 12px;
height: 30px;
width: 80px;
padding-left:13px;
padding-top:9px;
}

#navcontainer ul ul li#basstotal a:hover {
text-decoration: none;
background-image: none;
background-color:#ebebeb;
font-size: 12px;
float: left;
margin-left: 12px;
height: 30px;
width: 80px;
padding-left:13px;
padding-top:9px;
}

#navcontainer ul ul li#basstotal a:visited {
color:#4e91c5;
}

#navcontainer ul li#media a {
text-decoration: none;
background-image: url(../navigation/media.jpg);
background-repeat:no-repeat;
font-size: 12px;
float: left;
margin: 0px;
height: 38px;
width: 74px;
}

#navcontainer li#media a:hover {
background-image: url(../navigation/media_hover.jpg);
}

 
l#navpoint li{
float:left;
position:relative;
z-index:100;
}

ul#navpoint li a:hover  {
display:block;
}



* html .spalte1 { display: inline; } 
* html .spaltemini2 { display: inline; } 
* html .videospalte { display: inline; } 
* html .spaltemini1  { display: inline; } 
* html .spalte2 { display: inline; } 
*:first-child+html .spalte1  { display: inline; }
*:first-child+html .spaltemini2  { display: inline; }
*:first-child+html .videospalte  { display: inline; }
*:first-child+html .spaltemini1  { display: inline; }
*:first-child+html .spalte2 { display: inline; }