body {
	  margin-left: 240px;
	  margin-top: 13px;
	  margin-right: 4px;
	  margin-bottom: 0px;
          width: 28em;
          h eight: 68em;
	  border-width: 0px;
	  border-style: solid;
	  border-color: #000000;
          background: #ffffff;
          font-size:14px;
}



/* BASICS PC */


 .basicsPCoben {
   margin-top: 10px;		
   margin-left: 2px;
   padding-left: 0px;
   font-size: 17px;
   font-color: #cc0000;
   word-spacing: 0px; 
   width: 22em;
   h eight: 2em;
   background: white;
   line-height: 1.4em;
   text-align: left;
	  border-width: 0px;
	  border-style: solid;
	  border-color: #000000;  
          margin-bottom: 32px; 
}



 .basicsPCvielspass {
          margin-top: 2px;          
          margin-left: 2px;
	  background: #ffffff;
          font-weight:bold;
          font-size: 2em;
          padding-top:0px;	
          width: 16em;
	  border-width: 0px;
	  border-style: dotted;
	  border-color: #000000;
          margin-bottom: 1em;
	}


 .basicsPCvielspassII {
          margin-top: 2px;          
          margin-left: 2px;
          width: 16em;
          h eight: 52em;
	  background: #ffffff;
          font-weight:bold;
          font-size: 1.5em;
          line-height: 1.4;
          padding-top: 0px;
	  border-width: 0px;
	  border-style: dotted;
	  border-color: #000000;
          margin-bottom: 1em;
	}


 .basicsPCreal { 
          margin-top: 2px;          
          margin-left: 2px;
          line-height: 1.4;
          width: 21em;
          h eight: 52em;
          text-align: left;
          word-spacing: 0.3em;
	  border-style: dashed;
	  border-color: #000000; 
          font-weight:normal;
          font-size: 1.5em;
	  border-width: 0px;
          color:#000000;
          margin-bottom:35px;

          }


 .basicsPCfoundmistake { 
          margin-top: 2px;          
          margin-left: 2px;
          line-height: 2em;
          width: 22em;
          h eight: 2em;
          font-size: 1.2em;
          word-spacing: 0em;
          text-align: left;
          padding-top: 4px;
          padding-left: 0px;
	  border-style: dashed;
	  border-color: #bababa; 
          font-weight: normal;
	  border-width: 0px;
          margin-bottom: 10px;
          }

 .basicsPCback { 
          margin-top: 2px;          
          margin-left: 2px;
          line-height: 2.4;
          width: 25em;
          h eight: 2em;
          font-size: 1.2em;
          word-spacing: 1.1em;
          text-align: left;
          padding-top: 4px;
          padding-left: 0px;
	  border-style: dashed;
	  border-color: #cc0000; 
          font-weight: normal;
	  border-width: 0px;
          margin-bottom: 45px;
          }

/* E N D E  BASICS PC */






    h2 {

	  background: #ffffff;
          background-image: url(untergoldolpener.bm);
          font-weight:bold;
          margin-left:0px;
          padding-top:0px;	
          width: 310px;
          padding-left: 2px;
	  border-width: 0px;
	  border-style: dotted;
	  border-color: #cccccc;
          margin-bottom:12px;

	}


 .float1 {	
   padding-left: 3px;
   float: left; 
   margin-top:30px;	
   width: 94px;
   height: 480px;
   background: white;
   text-align: left;
   background-image: url(bgauswahl.bmp);
	  border-width: 0px;
	  border-style: dashed;
	  border-color: #cccccc; 

         }


 .basics { 
   margin-left: 3px;
   line-height: 1.4;
   width: 19em;
   height: 46em;
   text-align: left;
   background-image: url(bgauswahl.bm);
	  border-width: 0px;
	  border-style: dashed;
	  border-color: #000000; 
          font-weight:normal;
          font-size:1.5em;
          color:#000000;
          margin-bottom: 0em;

          }


a,
a:link,
a:visited,
a:active,
a:hover
	{
	text-decoration: none;
	color: #000000;
        font-weight:normal;
	}

a:hover
	{
	color: #0000ff;
	}


a,
	{
	text-decoration: underline;
	color: #00BFFF;
	}
a:link
	{
	text-decoration: underline;
	color: #00BFFF;
	}
a:visited
	{
	text-decoration: underline;
	color: #00BFFF;
	}
a:active,
a:hover
	{
	color: #000000;
	}





 .haupts1 {
          padding-top: 2px;
          padding-left: 0px;
          word-spacing:0px;
	  background: #ffffff;
          background-image: url(bgauswahl.bm);
          margin-left:3px;
          margin-top:0px;	
          width: 350px; 

	  border-width: 0px;
	  border-style: solid;
	  border-color: #999999;
          margin-bottom:20px;

	}


 .haupts {
          padding-top: 2px;
          padding-left: 0px;
          word-spacing:0px;
	  background: #ffffff;
          background-image: url(bgauswahl.bm);
          margin-left:3px;
          margin-top:0px;	
          width: 350px; 
          height: 698px;
	  border-width: 0px;
	  border-style: solid;
	  border-color: #999999;
          margin-bottom:20px;

	}



 .preise {
          padding-top: 2px;
          padding-left: 1px;
          word-spacing:0px;
	  background: #ffffff;
          background-image: url(bgauswahl.bm);
          margin-left:3px;
          margin-top:0px;	
          width: 350px; 
          height: 833px;
	  border-width: 0px;
	  border-style: solid;
	  border-color: #999999;
          margin-bottom:20px;

	}


 .menue {
          padding-top: 2px;
          padding-left: 3px;
          word-spacing:0px;
	  background: #ffffff;
          background-image: url(bgauswahl.bmp);
          margin-left: 0px;
          margin-top:5px;	
          width: 347px; 
          height: 70px;
	  border-width: 0px;
	  border-style: solid;
	  border-color: #999999;
          margin-bottom:12px;

	}


 .impr {
          padding-top: 2px;
          padding-left: 0px;
          word-spacing:0px;
	  background: #ffffff;
          background-image: url(bgauswahl.bm);
          margin-left:3px;
          margin-top:0px;	
          width: 350px; 
          height: 1731px;
	  border-width: 0px;
	  border-style: solid;
	  border-color: #999999;
          margin-bottom:20px;

	}

 .kont {
          padding-top: 2px;
          padding-left: 0px;
          word-spacing:0px;
	  background: #ffffff;
          background-image: url(bgauswahl.bm);
          margin-left:3px;
          margin-top:0px;	
          width: 350px; 
          height: 67px;
	  border-width: 0px;
	  border-style: solid;
	  border-color: #999999;
          margin-bottom:30px;

	}


.inf {	
          padding-top: 2px;
          padding-left: 0px;
          word-spacing:0px;
	  background: #ffffff;
          background-image: url(bgauswahl.bm);
          margin-left:3px;
          margin-top:370px;	
          width: 350px; 
          height: 264px;
	  border-width: 0px;
	  border-style: solid;
	  border-color: #999999;
          margin-bottom:10px;

	}



.bopet {	
          padding-top: 2px;
          padding-left: 0px;
          word-spacing:0px;
	  background: #ffffff;
          background-image: url(bgauswahl.bm);
          margin-left:3px;
          margin-top:0px;	
          width: 350px; 
          height: 337px;
	  border-width: 0px;
	  border-style: solid;
	  border-color: #999999;
          margin-bottom:20px;

	}


 .anmelden-online {
          padding-top: 2px;
          padding-left: 1px;
          word-spacing:0px;
	  background: #ffffff;
          background-image: url(bgauswahl.bm);
          margin-left:3px;
          margin-top:0px;	
          width: 350px; 
          height: 635px;
	  border-width: 0px;
	  border-style: solid;
	  border-color: #999999;
          margin-bottom:30px;

	}


 .anmelden-online-probestunde {
          padding-top: 2px;
          padding-left: 1px;
          word-spacing:0px;
	  background: #ffffff;
          background-image: url(bgauswahl.bm);
          margin-left:3px;
          margin-top:0px;	
          width: 350px; 
          height: 567px;
	  border-width: 0px;
	  border-style: solid;
	  border-color: #999999;
          margin-bottom:30px;

	}

 .anmelden-online-gutscheine {
          padding-top: 2px;
          padding-left: 1px;
          word-spacing:0px;
	  background: #ffffff;
          background-image: url(bgauswahl.bm);
          margin-left:3px;
          margin-top:0px;	
          width: 350px; 
          height: 620px;
	  border-width: 0px;
	  border-style: solid;
	  border-color: #999999;
          margin-bottom:30px;

	}


 .unterrichtsorte {
          padding-top: 2px;
          padding-left: 1px;
          word-spacing:0px;
	  background: #ffffff;
          background-image: url(bgauswahl.bm);
          margin-left:3px;
          margin-top:0px;	
          width: 630px; 
          height: 705px;
	  border-width: 0px;
	  border-style: solid;
	  border-color: #999999;
          margin-bottom:30px;

	}


 .hinweis {
          padding-top: 2px;
          padding-left: 1px;
          word-spacing:0px;
	  background: #ffffff;
          font-weight:bold;
          font-size:20px;
          color:#009900;
          background-image: url(bgauswahl.bm);
          margin-left:3px;
          margin-top:0px;	
          width: 350px; 
          height: 343px;
	  border-width: 0px;
	  border-style: solid;
	  border-color: #999999;
          margin-bottom:30px;

	}


 .nichtvers {
          padding-top: 0px;
          padding-left: 3px;
	  background: #ffffff;
          background-image: url(untergoldolpener.bm);
          margin-left:0px;
          margin-top:0px;	
          width: 310px; 
          font-weight:bold;
          font-size:25px;
          color:#FF3333;
          word-spacing:3px;
	  border-width: 0px;
	  border-style: dotted;
	  border-color: #cccccc;
          margin-bottom:12px;

	}


 .anmelden-online-nicht-versendet {
          padding-top: 2px;
          padding-left: 3px;
          word-spacing:0px;
	  background: #ffffff;
          background-image: url(bgauswahl.bm);
          margin-left:0px;
          margin-top:0px;	
          width: 310px; 
          height: 87px;
	  border-width: 0px;
	  border-style: solid;
	  border-color: #999999;
          margin-bottom:12px;

	}


	p {
          padding-top: 2px;
          padding-left: 2px;
          font-size: 14px;
	  background: #ffffff;
          background-image: url(bgauswahl.bm);
          margin-left: 0px;
          margin-top:0px;	
          width: 310px; 
          height: 480px;
	  border-width: 0px;
	  border-style: solid;
	  border-color: #999999;
          margin-bottom:12px;

	}





       h2 {
	  background: #ffffff;
          background-image: url(untergoldolpener.bmp);
          margin-left: 0px;
          margin-top:0px;	
          width: 310px; 
          height: 25px;
          padding-left: 1px;
          padding-top: 5px;
	  border-width: 0px;
	  border-style: dotted;
	  border-color: #cccccc;
          font-weight:bold;
          font-size:20px;
          margin-bottom:12px;

	}




@media only screen and
(min-device-width:480px) and
(max-device-width:500px) }







 .Kont {
          padding-top: 2px;
          padding-left: 1px;
          word-spacing:0px;
	  background: #ffffff;
          background-image: url(bgauswahl.bm);
          margin-left:3px;
          margin-top:0px;	
          width: 350px; 
          height: 992px;
	  border-width: 0px;
	  border-style: solid;
	  border-color: #999999;
          margin-bottom:30px;

	}






.bk {
   float: right; 
   margin-top:79px;
   margin-right: 30px;
   width: 207px;
   height: 275px;
   background-image: url(bk.jpg);
	  border-width: 0px;
	  border-style: dashed;
	  border-color: #cccccc; }





  .php {
          padding-top: 2px;
          padding-left: 2px;
	  background: #ffffff;
          background-image: url(bgauswahl.bm);
          margin-left:115px;
          margin-top:0px;	
          width: 637px; 
	  border-width: 0px;
	  border-style: solid;
	  border-color: #999999;
          margin-bottom:12px;
          a:link { text-decoration:none; font-weight:small; color:#cccccc; }


	}







 .raeume-video {
          padding-top: 2px;
          padding-left: 3px;
	  background: #000000;
          background-image: url(bgauswahl.bm);
          margin-left:115px;
          margin-top:0px;	
          width: 700px; 
          height: 422px;
	  border-width: 0px;
	  border-style: solid;
	  border-color: #999999;
          margin-bottom:12px;

	}


 .probes {
          padding-top: 1px;
          padding-left: 2px;
	  background: #ffffff;
          background-image: url(bgauswahl.bm);
          margin-left:115px;
          margin-top:0px;	
          width: 637px; 
          height: 214px;
	  border-width: 0px;
	  border-style: solid;
	  border-color: #999999;
          margin-bottom:12px;

	}


 .guts {
          padding-top: 1px;
          padding-left: 2px;
	  background: #ffffff;
          background-image: url(bgauswahl.bm);
          margin-left:115px;
          margin-top:0px;	
          width: 637px;
          height: 181px; 
	  border-width: 0px;
	  border-style: solid;
	  border-color: #999999;
          margin-bottom:12px;

	}

 
 .school {
	  background: white;
          background-image: url(rockschoolkoeln.de.bmp);
          margin-left:115px;
          margin-top:0px;
          width: 639px;
          height: 242px;
	  border-width: 0px;
	  border-style: dashed;
	  border-color: #cccccc;
          margin-bottom:12px;
	}



.index-koeln-ost-olpener-str {
	  background: white;
          background-image: url(koeln-ost_mod-center.bmp);
          margin-left:115px;
          margin-top:0px;
          width: 639px;
          height: 242px;
	  border-width: 0px;
	  border-style: dashed;
	  border-color: #cccccc;
          margin-bottom:12px;
	}


.index-unter-goldschmied-10 {
	  background: white;
          background-image: url(Rockschool_Koeln_Unter_Goldschmied_10-center.bmp);
          margin-left:115px;
          margin-top:0px;
          width: 639px;
          height: 242px;
	  border-width: 0px;
	  border-style: dashed;
	  border-color: #cccccc;
          margin-bottom:12px;
	}


 .schoolsize {
	  background: white;
          background-image: url(rockschoolkoeln.de.bmp);
          margin-left:115px;
          margin-top:0px;
          width: 639px;
          height: 242px;
	  border-width: 0px;
	  border-style: dashed;
	  border-color: #cccccc;
          margin-bottom:12px;
	}


 .unterrichtsort {
          padding-top: 6px;
          padding-left: 2px;
	  background: #ffffff;
          margin-left:115px;
          margin-top:0px;
          width: 637px;
          height: 30px;
	  border-width: 0px;
	  border-style: dashed;
	  border-color: #cccccc;
          margin-bottom:12px;
	}



.lageplan-k-z {
	  background: white;
          background-image: url(Rockschool_Koeln_Unter_Goldschmied_10-new.bmp);
          margin-left:115px;
          margin-top:0px;
          width: 639px; height: 400px;
	  border-width: 0px;
	  border-style: dashed;
	  border-color: #cccccc;
          margin-bottom:12px;
	}


.lageplan-k-o {
	  background: white;
          background-image: url(koeln-ost_mod-new.bmp);
          margin-left:115px;
          margin-top:0px;
          width: 639px; height: 400px;
	  border-width: 0px;
	  border-style: dashed;
	  border-color: #cccccc;
          margin-bottom:12px;
	}


.koeln-olpenerstr {
	  background: white;
          background-image: url(koeln-brueck-olpener-str-new.bmp);
          margin-left:115px;
          margin-top:0px;
          width: 639px; height: 400px;
	  border-width: 0px;
	  border-style: dashed;
	  border-color: #cccccc;
          margin-bottom:12px;
	}




  .bessergleichschnuppern {
          padding-left: 2px;
          padding-top: 2px;
	  background: #ffffff;
          margin-left:115px;
          font-weight:small;
          background-image: url(bg.bm);
          width: 637px;
          height: 43px;
	  border-width: 0px;
	  border-style: dotted;
	  border-color: #cccccc;
          margin-bottom:12px;
	}


  .untergoldschmied {
          padding-left: 2px;
	  background: white;
          margin-left:115px;
          font-weight:bold;
          background-image: url(untergoldolpener.bmp);
          width: 637px;
	  border-width: 0px;
	  border-style: dotted;
	  border-color: #cccccc;
          margin-bottom:12px;
	}



  .olpener {
          padding-left: 2px;
	  background: white;
          margin-left:115px;
          font-weight:bold;
          background-image: url(untergoldolpener.bmp);
          width: 637px;
	  border-width: 0px;
	  border-style: dotted;
	  border-color: #cccccc;
          margin-bottom:12px;
	}


  .VIEL_SPASS {
          padding-left: 2px;
          padding-top: 2px;
	  background: #ffffff;
          margin-left:115px;
          font-weight:small;
          background-image: url(bg.bm);
          width: 637px;
          height: 44px;
	  border-width: 0px;
	  border-style: dotted;
	  border-color: #cccccc;
          margin-bottom:12px;
	}

  .Site_Infos_Suchfunktion {
          padding-left: 2px;
          padding-top: 2px;
	  background: #ffffff;
          margin-left:115px;
          font-weight:small;
          background-image: url(bg.bmp);
          width: 637px;
          height: 42px;
	  border-width: 0px;
	  border-style: dotted;
	  border-color: #cccccc;
          margin-bottom:12px;
	}

























