body {
        background-color: #FFE57F;
background-image:url(bg_1.gif);
background-repeat:no-repeat;	
        color: #666;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-top: 0px;
	padding: 0;
	font-size: 15px;
	line-height:140%;
}

/* lobster-regular - latin */
@font-face {
  font-family: 'Lobster';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lobster-v28-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lobster-v28-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lobster-v28-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lobster-v28-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lobster-v28-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lobster-v28-latin-regular.svg#Lobster') format('svg'); /* Legacy iOS */
}


#mini {
display: none;
}

#kreis {
background-image:url(vocalcenter-bonn_gesang_und_sprechunterricht_.gif);
background-repeat:no-repeat;
position:absolute;
left:100px;
top:100px;
width:550px;
height:550px;
border: 0px solid #666;
z-index:1;
padding-top:100px;
text-align:center;
}

#foto {
position:absolute;
left:20px;
top:100px;
width:650px;
height:75px;
z-index:2;
}

#aktuell {
position:absolute;
left:20px;
top:180px;
width:650px;
height:75px;
z-index:20;
display:block;
}

#foto_klein {
position:absolute;
left:60px;
top:170px;
width:650px;
height:75px;
z-index:2;
}


#menu1 {
background-image:url(kreis_medium.gif);
background-repeat:no-repeat;
position:absolute;
left:570px;
top:60px;
z-index:2;
min-width:50px;
min-height:50px;
padding-left:25px;
padding-top:15px;
}

#menu2 {
background-image:url(kreis_medium.gif);
background-repeat:no-repeat;
position:absolute;
left:620px;
top:140px;
min-width:50px;
min-height:50px;
padding-left:25px;
padding-top:15px;
z-index:2;
}

#menu3 {
background-image:url(kreis_medium.gif);
background-repeat:no-repeat;
position:absolute;
left:660px;
top:40px;
min-width:50px;
min-height:50px;
z-index:2;
padding-left:25px;
padding-top:15px;
display:none;
}

#menu4 {
background-image:url(kreis_medium.gif);
background-repeat:no-repeat;
position:absolute;
left:610px;
top:200px;
min-width:50px;
min-height:50px;
z-index:2;
padding-left:25px;
padding-top:15px;
}

#menu5 {
background-image:url(kreis_medium.gif);
background-repeat:no-repeat;
position:absolute;
left:680px;
top:90px;
min-width:50px;
min-height:50px;
z-index:2;
padding-left:25px;
padding-top:15px;
}

#menu6 {
background-image:url(kreis_klein.gif);
background-repeat:no-repeat;
position:absolute;
left:500px;
top:80px;
min-width:30px;
min-height:30px;
z-index:2;
padding-left:15px;
padding-top:7px;
}

#menu7 {
background-image:url(kreis_medium.gif);
background-repeat:no-repeat;
position:absolute;
left:700px;
top:210px;
min-width:50px;
min-height:50px;
z-index:2;
padding-left:25px;
padding-top:15px;
}

#menu_imp {
background-image:url(kreis_klein.gif);
background-repeat:no-repeat;
position:absolute;
left:680px;
top:280px;
min-width:30px;
min-height:30px;
z-index:2;
padding-left:15px;
padding-top:7px;
}

#menu_sch {
background-image:url(kreis_medium.gif);
background-repeat:no-repeat;
position:absolute;
left:740px;
top:370px;
min-width:50px;
min-height:50px;
z-index:2;
padding-left:15px;
padding-top:7px;
}

#menu_sch_page {
background-image:url(kreis_medium.gif);
background-repeat:no-repeat;
position:absolute;
left:360px;
top:350px;
min-width:50px;
min-height:50px;
z-index:2;
padding-left:15px;
padding-top:7px;
}

#menu_sch_1 {
	background-image:url(kreis_klein.gif);
	background-repeat:no-repeat;
	position:absolute;
	left:710px;
	top:565px;
	min-width:50px;
	min-height:50px;
	z-index:2;
	padding-left:15px;
	padding-top:7px;
}

#menu_sch_2 {
	background-image:url(kreis_klein.gif);
	background-repeat:no-repeat;
	position:absolute;
	left:760px;
	top:430px;
	min-width:50px;
	min-height:50px;
	z-index:2;
	padding-left:15px;
padding-top:7px;
}

#menu_sch_3 {
	background-image:url(kreis_klein.gif);
	background-repeat:no-repeat;
	position:absolute;
	left:542px;
	top:492px;
	min-width:50px;
	min-height:50px;
	z-index:2;
	padding-left:15px;
	padding-top:7px;
}

#menu_sch_4 {
	background-image:url(kreis_klein.gif);
	background-repeat:no-repeat;
	position:absolute;
	left:858px;
	top:536px;
	min-width:50px;
	min-height:50px;
	z-index:2;
	padding-left:15px;
	padding-top:7px;
}

#menu_sch_5 {
	background-image:url(kreis_klein.gif);
	background-repeat:no-repeat;
	position:absolute;
	left:519px;
	top:433px;
	min-width:50px;
	min-height:50px;
	z-index:2;
	padding-left:15px;
	padding-top:7px;
}

#menu_sch_6 {
	background-image:url(kreis_klein.gif);
	background-repeat:no-repeat;
	position:absolute;
	left:794px;
	top:560px;
	min-width:50px;
	min-height:50px;
	z-index:2;
	padding-left:15px;
	padding-top:7px;
}

#menu_sch_7 {
	background-image:url(kreis_klein.gif);
	background-repeat:no-repeat;
	position:absolute;
	left:686px;
	top:471px;
	min-width:50px;
	min-height:50px;
	z-index:2;
	padding-left:15px;
	padding-top:7px;
}

#menu_sch_8 {
	background-image:url(kreis_klein.gif);
	background-repeat:no-repeat;
	position:absolute;
	left:636px;
	top:526px;
	min-width:50px;
	min-height:50px;
	z-index:2;
	padding-left:15px;
	padding-top:7px;
}

#menu_sch_9 {
	background-image:url(kreis_klein.gif);
	background-repeat:no-repeat;
	position:absolute;
	left:847px;
	top:456px;
	min-width:50px;
	min-height:50px;
	z-index:2;
	padding-left:15px;
	padding-top:7px;
}

#menu_sch_10 {
	background-image:url(kreis_klein.gif);
	background-repeat:no-repeat;
	position:absolute;
	left:847px;
	top:500px;
	min-width:50px;
	min-height:50px;
	z-index:2;
	padding-left:15px;
	padding-top:7px;
	height: 32px;
}

#menu_sch_11 {
	background-image:url(kreis_klein.gif);
	background-repeat:no-repeat;
	position:absolute;
	left:605px;
	top:480px;
	min-width:50px;
	min-height:50px;
	z-index:2;
	padding-left:15px;
	padding-top:7px;
}

#menu_sch_12 {
	background-image:url(kreis_klein.gif);
	background-repeat:no-repeat;
	position:absolute;
	left:665px;
	top:419px;
	min-width:50px;
	min-height:50px;
	z-index:2;
	padding-left:15px;
	padding-top:7px;
}

#menu_sch_13 {
	background-image:url(kreis_klein.gif);
	background-repeat:no-repeat;
	position:absolute;
	left:584px;
	top:402px;
	min-width:50px;
	min-height:50px;
	z-index:2;
	padding-left:15px;
	padding-top:7px;
}

#menu_sch_14 {
	background-image:url(kreis_klein.gif);
	background-repeat:no-repeat;
	position:absolute;
	left:826px;
	top:589px;
	min-width:50px;
	min-height:50px;
	z-index:2;
	padding-left:15px;
	padding-top:7px;
}

#menu_sch_15 {
	background-image:url(kreis_klein.gif);
	background-repeat:no-repeat;
	position:absolute;
	left:748px;
	top:474px;
	min-width:50px;
	min-height:50px;
	z-index:2;
	padding-left:15px;
	padding-top:7px;
}

#menu_sch_16 {
	background-image:url(kreis_klein.gif);
	background-repeat:no-repeat;
	position:absolute;
	left:623px;
	top:566px;
	min-width:50px;
	min-height:50px;
	z-index:2;
	padding-left:15px;
	padding-top:7px;
}

#menu_sch_17 {
	background-image:url(kreis_klein.gif);
	background-repeat:no-repeat;
	position:absolute;
	left:574px;
	top:524px;
	min-width:50px;
	min-height:50px;
	z-index:2;
	padding-left:15px;
	padding-top:7px;
}

#menu_sch_18 {
	background-image:url(kreis_klein.gif);
	background-repeat:no-repeat;
	position:absolute;
	left:732px;
	top:521px;
	min-width:50px;
	min-height:50px;
	z-index:2;
	padding-left:15px;
	padding-top:7px;
}

#menu_sch_19 {
	background-image:url(kreis_klein.gif);
	background-repeat:no-repeat;
	position:absolute;
	left:796px;
	top:512px;
	min-width:50px;
	min-height:50px;
	z-index:2;
	padding-left:15px;
	padding-top:7px;
}

#menu_sch_20 {
	background-image:url(kreis_klein.gif);
	background-repeat:no-repeat;
	position:absolute;
	left:723px;
	top:433px;
	min-width:50px;
	min-height:50px;
	z-index:2;
	padding-left:15px;
	padding-top:7px;
}

#menu_sch_21 {
	background-image:url(kreis_klein.gif);
	background-repeat:no-repeat;
	position:absolute;
	left:599px;
	top:441px;
	min-width:50px;
	min-height:50px;
	z-index:2;
	padding-left:15px;
	padding-top:7px;
}

#menu_sch_22 {
	background-image:url(kreis_klein.gif);
	background-repeat:no-repeat;
	position:absolute;
	left:487px;
	top:522px;
	min-width:50px;
	min-height:50px;
	z-index:2;
	padding-left:15px;
	padding-top:7px;
}

#menu_sch_23 {
	background-image:url(kreis_klein.gif);
	background-repeat:no-repeat;
	position:absolute;
	left:547px;
	top:566px;
	min-width:50px;
	min-height:50px;
	z-index:2;
	padding-left:15px;
	padding-top:7px;
}

#menu_sch_24 {
	background-image:url(kreis_klein.gif);
	background-repeat:no-repeat;
	position:absolute;
	left:574px;
	top:606px;
	min-width:50px;
	min-height:50px;
	z-index:2;
	padding-left:15px;
	padding-top:7px;
}
#menu_sch_25 {
	background-image:url(kreis_klein.gif);
	background-repeat:no-repeat;
	position:absolute;
	left:654px;
	top:600px;
	min-width:50px;
	min-height:50px;
	z-index:2;
	padding-left:15px;
	padding-top:7px;
}
#menu_sch_26 {
	background-image:url(kreis_klein.gif);
	background-repeat:no-repeat;
	position:absolute;
	left:650px;
	top:650px;
	min-width:50px;
	min-height:50px;
	z-index:2;
	padding-left:15px;
	padding-top:7px;
}
#menu_sch_27 {
	background-image:url(kreis_klein.gif);
	background-repeat:no-repeat;
	position:absolute;
	left:695px;
	top:630px;
	min-width:50px;
	min-height:50px;
	z-index:2;
	padding-left:15px;
	padding-top:7px;
}
#menu_sch_28 {
	background-image:url(kreis_klein.gif);
	background-repeat:no-repeat;
	position:absolute;
	left:732px;
	top:606px;
	min-width:50px;
	min-height:50px;
	z-index:2;
	padding-left:15px;
	padding-top:7px;
}
#menu_sch_29 {
	background-image:url(kreis_klein.gif);
	background-repeat:no-repeat;
	position:absolute;
	left:820px;
	top:408px;
	min-width:50px;
	min-height:50px;
	z-index:2;
	padding-left:15px;
	padding-top:7px;
}
#menu_sch_30 {
	background-image:url(kreis_klein.gif);
	background-repeat:no-repeat;
	position:absolute;
	left:760px;
	top:648px;
	min-width:50px;
	min-height:50px;
	z-index:2;
	padding-left:15px;
	padding-top:7px;
}
#menu_sch_31 {
	background-image:url(kreis_klein.gif);
	background-repeat:no-repeat;
	position:absolute;
	left:730px;
	top:678px;
	min-width:50px;
	min-height:50px;
	z-index:2;
	padding-left:15px;
	padding-top:7px;
}
#menu_sch_32 {
	background-image:url(kreis_klein.gif);
	background-repeat:no-repeat;
	position:absolute;
	left:800px;
	top:690px;
	min-width:50px;
	min-height:50px;
	z-index:2;
	padding-left:15px;
	padding-top:7px;
}

h1 {
color:#996600;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
margin-bottom:4px;
margin-left:74px;
margin-top:30px;
}

h2 {
	color:#cc6600;
		font-family:Lobster;
	font-size:40px;
	letter-spacing:0.05em;
    text-shadow: 2px 2px 2px #fff;
	margin-top:10px;
margin-left:60px;
	margin-bottom:0px;	
}

h3 {
color:#FF6600;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:15px;
font-weight:bold;
margin-top:0px;
margin-left:0px;
}
h4 {
color:#996600;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
margin-bottom:4px;
margin-left:74px;
margin-top:10px;
}
a {
	text-decoration:none;
	border-bottom:0px dashed #0060A0;
	color: #996600;
	font-weight:bold;

}

a:active {
	text-decoration:none; 
	border-bottom:0px dashed #0060A0;
	color: #996600;
}

a:visited {
	text-decoration:none; 
	border-bottom:0px dashed #0060A0;
	color: #996600;
}

a:hover {
	text-decoration:none;
	border-bottom:0px dashed #0060A0;  
        color:#FF6600;
}

h2 a {
color:#666;
}

h2 a:active {
color:#666;
}

h2 a:visited {
color:#666;
}

h2 a:hover {
color:#666;
}

	@media only screen and ( max-width:700px ) {
#maxi {
display: none;
}	

#aktuell {
position:absolute;
left:20px;
top:180px;
width:100%;
height:auto;
z-index:20;
display:block;
}

#mini {
display:block;	
	}
		
h1 {
margin-left:0px;
margin-top:20px;	
	}	
	
h2 {
	font-size:30px;
margin-left:0px;
	margin-bottom:0px;	
}	
h4 {
margin-left:0px;
}
	}