/*   ////////////////////////////////////       LINKS         //////////////////////////////////////////////////////////////////////////////////    */

 .link {
  
    	font-family:'comic sans ms',verdana, arial;
    	font-size:1.2em;
    	text-decoration:none;

	}

 a.link:link    {

		color:rgba(255, 255, 255,0.5);
        	font-size:1.2em;
		font-weight:lighter;
		font-stretch:normal;
		-webkit-transition-duration: 0.4s;
        	transition-duration: 0.4s;
		}

 a.link:visited {

		color:rgba(255, 255, 255,0.5);
		font-weight:lighter;
		font-stretch:normal;
		}

 a.link:hover   {

		color:rgba(0, 0, 255,0.5);
		font-weight:lighter;
		font-stretch:ultra-expanded;
		font-style:normal;
		}

 a.link:active  {

		color:rgba(255, 255, 255,0.5);
		font-weight:lighter;
		font-stretch:ultra-expanded;

		}


                    /* Style MENU Dropdown Button */

 .dropbtn {
            background-color: rgba(0,170,255,0.1);
            color: rgba(255, 255, 255,0.5);
            padding-bottom:10px;padding-top:0px;padding-right:0px;padding-left:0px;
            font-family:'comic sans ms',Verdana,Arial,Helvetica,sans-serif;
	    font-style:normal;
	    font-weight:lighter;
	    font-size:1.2em;
            border: none;
	    border-radius: 10px;            
            -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s;
            cursor: pointer;

         }


       /* The container <div> - needed to position the dropdown content */

 .dropdown {  position: relative; display: inline-block; }
                                  

       /* Dropdown Content (Hidden by Default) */

 .dropdown-content {
                     display: none;
                     position: absolute;
                     background-color: rgba(0,170,255,0.6);
                     min-width: 110px;
		     border: none;
	    	     border-radius: 10px;
                     box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
                     z-index: 6;
                    
                   }

            /* Links inside the dropdown */

 .dropdown-content a {
                      color: rgba(255, 255, 255,0.6);
                      font-family:Verdana,Arial,Helvetica,sans-serif;
	              font-style:normal;
	              font-weight:lighter;
	              font-size:1.0em;
                      padding: 6px 8px;
                      text-decoration: none;
                      display: block;
                      -webkit-transition-duration: 0.4s;
                      transition-duration: 0.4s;
                     }


             /* Change color of dropdown links on hover */

 .dropdown-content a:hover {color: rgba(0, 0, 255,0.6);font-stretch:ultra-expanded;font-weight:lighter;font-style:normal;}

 .dropdown-content a:active {color: rgba(255, 255, 255,0.6);font-stretch:ultra-expanded;font-weight:lighter;}


        /* Show the dropdown menu on hover */

 .dropdown:hover .dropdown-content {  display: block; }
                                    
                                  

      /* Change the background color of the dropdown button when the dropdown content is shown */

 .dropdown:hover .dropbtn { color: rgba(0, 0, 255,0.6);font-stretch:ultra-expanded;font-weight:lighter; }
                           
  

                    /* Style HOROSKOP ORT Dropdown Button */

 .dropbtnew {
            background-color: rgba(100,200,255,0.6);
            color: rgba(0,0,204,0.5);
            padding-bottom:7px;padding-top:1px;padding-right:5px;padding-left:5px;
	    text-align:center;
            font-family:'comic sans ms',Verdana,Arial,Helvetica,sans-serif;
	    font-style:normal;
	    font-weight:lighter;
	    font-size:1.0em;
            border: none;
	    border-radius: 10px;
	    height:30px;
	    width:85px;            
            -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s;
            cursor: pointer;

         }


       /* The container <div> - needed to position the dropdown content */

 .dropdownew {  position: relative; display: inline-block; }
                                  

       /* Dropdown Content (Hidden by Default) */

 .dropdownew-content {
                     display: none;
                     position: absolute;
                     background-color: rgba(100,200,255,0.6);
                     min-width: 135px;
		     border: none;
	   	     border-radius: 10px;
                     box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
                     z-index: 6;
                    
                   }

            /* Links inside the dropdown */

 .dropdownew-content a {
                      color: rgba(255, 255, 255,0.6);
                      font-family:Verdana,Arial,Helvetica,sans-serif;
	              font-style:normal;
	              font-weight:lighter;
	              font-size:1.0em;
                      padding: 6px 8px;
                      text-decoration: none;
                      display: block;
                      -webkit-transition-duration: 0.4s;
                      transition-duration: 0.4s;
                     }


             /* Change color of dropdown links on hover */

 .dropdownew-content a:hover {color: rgba(0, 0, 255,0.6);font-stretch:ultra-expanded;font-weight:lighter;font-style:normal;}

 .dropdownew-content a:active {color: rgba(255, 255, 255,0.6);font-stretch:ultra-expanded;font-weight:lighter;}


        /* Show the dropdown menu on hover */

 .dropdownew:hover .dropdownew-content {  display: block; }
                                    
                                  

      /* Change the background color of the dropdown button when the dropdown content is shown */

 .dropdownew:hover .dropbtnew { color: rgba(0, 0, 255,0.6);font-stretch:ultra-expanded;font-weight:lighter; }

                        
                        /* FONTS */

 .red_font {color:rgba(255, 0, 0,0.6);font-size:1.0em;} 

  span {font-family:arial,verdana,'courier new';font-size:1.2em;color:rgba(255, 255, 255,0.5);font-weight:lighter;}

 .links {text-align:left;}

 .sol {color:rgba(255, 255, 255,0.5);font-weight:lighter;font-size:1.0em;}

 .sol_2 {color:rgba(255, 255, 255,0.5);font-weight:lighter;font-size:0.8em;}

 .center {text-align:center;color:rgba(255, 255, 255,0.5);font-weight:lighter;}


   /*   ////////////////////////////////////////        TABELLEN       //////////////////////////////////////////////////////////////////////////   */

 #tab  {position:absolute;margin-left:10px;width:780px;height:50px;border-collapse:collapse;background-color:rgba(153,140,255,0.0);}

 #tab1 {position:relative;top:0px;margin:auto;width:800px;height:10px;border-collapse:collapse;background-color:rgba(0,100,255,0.0);}

 .tab2 {position:relative;top:50px;margin:auto;width:450px;table-layout:auto;border-collapse:collapse;background-color:rgb(0,128,255);border-spacing:4px;cellpadding:2px;z-index:2;}

 .tab3 {position:relative;top:10px;margin:auto;width:200px;table-layout:auto;border-collapse:collapse;background-color:rgb(0,128,255);border-spacing:4px;cellpadding:2px;z-index:2;}

 .tab4 {position:relative;top:24px;margin:auto;width:350px;table-layout:auto;border-collapse:collapse;background-color:rgb(0,128,255);border-spacing:10px;cellpadding:10px;z-index:3;}

 #tab5 {position:relative;top:0px;margin:auto;width:780px;height:10px;border-collapse:collapse;background-color:rgba(0,100,255,0.0);}

 #tab6 {position:relative;top:-5px;margin:auto;height:10px;border-collapse:collapse;background-color:rgb(0,170,255);border-spacing:10px;cellpadding:10px;}

 .tab8 {position:relative;top:0px;margin:auto;width:70%;table-layout:auto;border-collapse:collapse;background-color:rgb(0,128,255);border-spacing:4px;cellpadding:2px;z-index:2;border-style: solid;border-color: rgba(255,255,255,0.4);border-width: 1px;}

 .tab9 {position:relative;top:0px;margin:auto;width:40%;table-layout:auto;border-collapse:collapse;background-color:rgb(0,128,255);border-spacing:4px;cellpadding:2px;z-index:2;border-style: solid;border-color: rgba(255,255,255,0.4);border-width: 1px;}

 .tab10 {position:relative;top:0px;margin:auto;width:40%;table-layout:auto;border-collapse:collapse;background-color:rgb(0,128,255);border-spacing:4px;cellpadding:2px;z-index:2;}

 .tab11 {position:relative;top:0px;margin:auto;width:50%;table-layout:auto;border-collapse:collapse;background-color:rgb(0,128,255);border-spacing:4px;cellpadding:2px;z-index:2;border-style: solid;border-color: rgba(255,255,255,0.4);border-width: 1px;}


                 /* BODY */

 body {

  	background-color:rgb(0,128,255);
        color:rgba(255,255,255,0.7);
        font-family:'comic sans ms',verdana, arial;
        scrollbar-base-color:rgb(0,120,240);
        scrollbar-3dlight-color:rgb(170,170,238);
        scrollbar-arrow-color:rgb(170,170,238);
        scrollbar-darkshadow-color:rgb(0,0,16);
        scrollbar-face-color:rgb(0,120,240);
        scrollbar-highlight-color:rgb(170,170,238);
        scrollbar-shadow-color:rgb(0,0,16);
        scrollbar-track-color:rgb(0,180,240);
    }



  p {font-family:'comic sans ms',verdana,arial;font-size:1.0em;font-weight:lighter;}

  .recht {text-align:right;}

  .links {text-align:left;}

  .links_1 {font-size:1.2em;text-align:left;color:rgba(255, 255, 255,0.7);}

  .links_2 {font-size:1.0em;color:rgba(255, 255, 255,0.7);text-align:left;}

  .center {text-align:center;}

  .medien {margin-left:auto;margin-right:auto;}


    /*   /////////////////////////////////////////        DIV BOX       ///////////////////////////////////////////////////////////////////////////////    */

  #box1 { position:relative;margin-top:0px;background-color:rgb(0,170,255);max-width:100%;height:245px;border-radius:20px;z-index:auto;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.1);}

  #box2 { position:relative;top:0px;margin:auto;background-color:rgb(0,170,255);width:800px;height:100px;z-index:auto;}

  #box3 { position:relative;top:35px;margin:auto;text-align:center;background-color:rgba(0,170,255,0.5);background-image:linear-gradient(to bottom,rgba(0,140,255,0.7) 0,transparent 45%,transparent 55%,rgba(0,140,255,0.7) 100%);width:100px;height:35px;z-index:6;border-radius:20px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.1);opacity: 0.9; transition: opacity 1s;}

  #box4 { position:relative;top:0px;margin:auto;background-color:rgba(153,140,255,0.8);width:800px;height:70px;z-index:auto;border-bottom-left-radius:20px;border-bottom-right-radius:20px;}

  #box5 { position:relative;top:0px;margin:auto;background-color:rgba(0,100,255,0.1);width:800px;height:25px;z-index:auto;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;}
  
  #box6 { position:relative;margin-top:0px;background-color:rgb(0,170,255);max-width:100%;height:245px;border-radius:20px;z-index:auto;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.1);}

  #box7 {  position:relative;margin-top:0px;background-color:rgb(0,170,255);max-width:100%;height:245px;border-radius:20px;z-index:auto;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.1);}
 
  #box8 { position:relative;margin-top:0px;background-color:rgb(0,170,255);max-width:100%;height:245px;border-radius:20px;z-index:auto;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.1);}

  .box9 { position:relative;top:43px;margin:auto;background-color:rgb(0,128,255);width:360px;height:900px;z-index:3;}

  #box10 { position:relative;top:-86px;margin:auto;background-color:rgba(0,170,255,0.5);background-image:linear-gradient(to bottom,rgba(0,140,255,0.7) 0,transparent 45%,transparent 55%,rgba(0,140,255,0.7) 100%);width:60%;height:52px;z-index:6;border-radius:20px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.1);opacity: 0.9; transition: opacity 1s;}

  #box11 { position:relative;top:40px;margin:auto;text-align:center;background-color:rgba(0,170,255,0.5);background-image:linear-gradient(to bottom,rgba(0,140,255,0.7) 0,transparent 45%,transparent 55%,rgba(0,140,255,0.7) 100%);width:100px;height:35px;z-index:6;border-radius:20px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.1);opacity: 0.9; transition: opacity 1s;} 

  
                    /* PLAYER */

  .player { position:relative;top:32px;margin:auto;background-color:rgb(0,128,255);width:270px;height:25px;z-index:3;}

  .audioplayer { position:relative;top:0px;margin:auto;width:270px;height:30px;background-color:rgb(0,128,255); z-index:3;}

  .td_player {padding-bottom:1px;padding-top:5px;padding-right:5px;padding-left:6px;}

  .td_streaming {padding-bottom:5px;padding-top:1px;padding-right:1px;padding-left:1px;}


                      /* FOTOS */

  
  .fotos { position:absolute;top:305px;margin:auto;background-color:rgb(0,128,255);width:100%;height:400%;z-index:3;}

  .td_fotos {padding-bottom:1px;padding-top:5px;padding-right:5px;padding-left:7px;}

  .back_foto {position:relative;margin-top:0px;margin-left:1%;}

  .back_dibujo {position:relative;margin-top:0px;margin-left:1%;}

  


   /*  ///////////////////////////////////      HOROSKOP  TABELLEN     /////////////////////////////////////////////////////////////////////    */


  .caption_horos {font-size:1.3em;}

  .td_horos {padding-bottom:1px;padding-top:5px;padding-right:5px;padding-left:15px;}

  .td_planet_kopf {padding-bottom:1px;padding-top:5px;padding-right:5px;padding-left:7px;background-color:rgb(0,140,255);width:40%;}

  .td_planet {padding-bottom:1px;padding-top:5px;padding-right:5px;padding-left:15px;background-color:rgb(0,140,255);width:40%;}

  .td_planet_blau {padding-bottom:1px;padding-top:5px;padding-right:5px;padding-left:15px;background-color:rgb(0,128,255);width:40%;}

  .td_grad_kopf {padding-bottom:1px;padding-top:5px;padding-right:5px;padding-left:7px;background-color:rgb(0,140,255);width:20%;}

  .td_grad {padding-bottom:1px;padding-top:5px;padding-right:5px;padding-left:15px;background-color:rgb(0,140,255);width:20%;}

  .td_grad_blau {padding-bottom:1px;padding-top:5px;padding-right:5px;padding-left:15px;background-color:rgb(0,128,255);width:20%;}

  .td_bminut_kopf {padding-bottom:1px;padding-top:5px;padding-right:5px;padding-left:7px;background-color:rgb(0,140,255);width:20%;}

  .td_bminut {padding-bottom:1px;padding-top:5px;padding-right:5px;padding-left:15px;background-color:rgb(0,140,255);width:20%;}

  .td_bminut_blau {padding-bottom:1px;padding-top:5px;padding-right:5px;padding-left:15px;background-color:rgb(0,128,255);width:20%;}

  .td_zeichen_kopf {padding-bottom:1px;padding-top:5px;padding-right:5px;padding-left:7px;background-color:rgb(0,140,255);width:20%;}

  .td_zeichen {padding-bottom:1px;padding-top:5px;padding-right:5px;padding-left:15px;background-color:rgb(0,140,255);width:20%;}

  .td_zeichen_klein {padding-bottom:1px;padding-top:5px;padding-right:80px;padding-left:9px;background-color:rgb(0,140,255);width:22%;}

  .td_zeichen_blau {padding-bottom:1px;padding-top:5px;padding-right:5px;padding-left:15px;background-color:rgb(0,128,255);width:20%;}

  .td_zeichen_blau_neu {padding-bottom:1px;padding-top:5px;padding-right:5px;padding-left:15px;background-color:rgb(0,128,255);width:5%;}

  .td_zeichen_neu {padding-bottom:1px;padding-top:5px;padding-right:5px;padding-left:15px;background-color:rgb(0,140,255);width:5%;}

  .td_aspekt {padding-bottom:1px;padding-top:5px;padding-right:5px;padding-left:7px;background-color:rgb(0,140,255);width:80%;}

  .td_abweich {padding-bottom:1px;padding-top:5px;padding-right:5px;padding-left:7px;background-color:rgb(0,140,255);width:20%;}

  .td_davor {padding-bottom:1px;padding-top:5px;padding-right:5px;padding-left:7px;background-color:rgb(0,140,255);width:60%;}

  .td_danach {padding-bottom:1px;padding-top:5px;padding-right:5px;padding-left:7px;background-color:rgb(0,128,255);width:60%;}

  .td_blau {padding-bottom:1px;padding-top:5px;padding-right:5px;padding-left:7px;background-color:rgb(0,140,255);width:40%;}

  .td_blau_danach {padding-bottom:1px;padding-top:5px;padding-right:5px;padding-left:7px;background-color:rgb(0,128,255);width:40%;}

  .td_birth {padding-bottom:1px;padding-top:5px;padding-right:5px;padding-left:7px;background-color:rgb(0,128,255);width:30%;}

  .td_horoseingabe {padding-bottom:1px;padding-top:5px;padding-right:5px;padding-left:7px;background-color:rgb(0,128,255);width:70%;}

  .td_haus {padding-bottom:1px;padding-top:5px;padding-right:5px;padding-left:7px;background-color:rgb(0,140,255);width:40%;}

  .td_haus_blau {padding-bottom:1px;padding-top:5px;padding-right:5px;padding-left:7px;background-color:rgb(0,128,255);width:40%;}

  .td_symbol {padding-bottom:1px;padding-top:5px;padding-right:5px;padding-left:7px;background-color:rgb(0,140,255);width:60%;}

  .td_symbol_blau {padding-bottom:1px;padding-top:5px;padding-right:5px;padding-left:7px;background-color:rgb(0,128,255);width:60%;}

  .td_haus_neu {padding-bottom:1px;padding-top:5px;padding-right:5px;padding-left:15px;background-color:rgb(0,140,255);width:5%;}

  .td_haus_neu_kopf {padding-bottom:1px;padding-top:5px;padding-right:1px;padding-left:10px;background-color:rgb(0,140,255);width:5%;}

  .td_haus_blau_neu {padding-bottom:1px;padding-top:5px;padding-right:5px;padding-left:15px;background-color:rgb(0,128,255);width:5%;}

  
                                    /* HOROSKOP   MENU */



  .horos { position:absolute;top:300px;margin:auto;background-color:rgb(0,128,255);width:100%;height:10%;z-index:3;}

  .horos1 { position:absolute;top:275px;margin:auto;background-color:rgb(0,128,255);width:100%;height:400%;z-index:3;}



               /* VIDEOS */


  .videos {position:absolute;top:305px;margin:auto;background-color:rgb(0,128,255);width:100%;height:300%;z-index:3;}

  .td_video {padding-bottom:1px;padding-top:6px;padding-right:5px;padding-left:8px;}
 
  .back {position:absolute;margin-top:-80px;margin-left:85%;height:28px;background-color:rgb(0,128,255);z-index:6;}

  
             /* DATUM und ZEIT */

  #reloj {font-family:verdana, arial,'courier new';font-size:1.0em;font-weight:lighter;font-stretch:normal;color:rgba(255, 255, 255,0.5);
   background-color:rgba(0,100,255,0.0);}

  #format_uhr {width:330px;height:15px;padding-left:3px;padding-bottom:1px;padding-top:1px;background-color:rgba(0,100,255,0.0);}

  #tr_farbe {background-color:rgba(0,100,255,0.0);}

 .datum {

  display:block;
    
    width:470px;
    font-family: verdana, arial,'courier new';
    font-size: 1.0em;
    font-weight: lighter;font-stretch:normal;
    color: rgba(255, 255, 255,0.5);
    text-align: right;
    background-color:rgba(0,100,255,0.0);
    filter:progid:DXImageTransform.Microsoft.DropShadow(offX=3,offY=2);
}

  #fehler  {height:10px;padding-bottom:3px;padding-top:1px;padding-right:150px;padding-left:1px;}
  #fehler1 {height:10px;padding-bottom:10px;padding-top:1px;padding-right:10px;padding-left:19px;}
  #fehler2 {height:10px;padding-bottom:3px;padding-top:1px;padding-right:60px;padding-left:1px;}



                /* LOGO */

  #kaki1 {position:absolute;margin-top:0px;height:100px;margin-left:0px;}

  #kaki2 {position:absolute;margin-top:0px;height:100px;margin-left:100px;}

  #kaki3 {position:absolute;margin-top:0px;height:100px;margin-left:200px;}

  #kaki4 {position:absolute;margin-top:0px;height:100px;margin-left:300px;}

  #kaki5 {position:absolute;margin-top:0px;height:100px;margin-left:400px;}

  #kaki6 {position:absolute;margin-top:0px;height:100px;margin-left:500px;}

  #kaki7 {position:absolute;margin-top:0px;height:100px;margin-left:600px;}

  #kaki8 {position:absolute;margin-top:0px;height:100px;margin-left:700px;}

  .img_kaki {width:100px;height:100px;}

   img {border:none;}


                        /* OPACITY */


  .opacity  { position: relative;opacity: 0.4; transition: opacity 1s; }

  .opacidad  { position: relative;opacity: 0.7; transition: opacity 1s; }

   
  .td_textos {padding-bottom:1px;padding-top:5px;padding-right:5px;padding-left:7px;}
  .td_dibujos {padding-bottom:1px;padding-top:5px;padding-right:5px;padding-left:7px;}
 
  .img_knopf {width:40px;height:40px;}


   /*   /////////////////////////////////     FORMULAR       //////////////////////////////////////////////////////////////////////////////////////////   */

 input,select,textarea

   { font-size:1.2em;font-weight:lighter;font-family:verdana,arial;color:rgba(0,0,204,0.5);padding-bottom:2px;background-color:rgba(90,200,255,0.0);border-radius:16px;}


  .feld { background-color:rgba(255,255,255,0.2);color:rgba(0,0,204,0.5);width:180px;border-radius:10px;height:22px;}
  .eingabe1 {text-align:left;padding-bottom:1px;padding-top:17px;padding-right:2px;padding-left:6px;}
  .eingabe2 {text-align:center;padding-bottom:1px;padding-top:15px;padding-right:2px;padding-left:15px;}
  .feldselect { font-size:1.1em;font-weight:lighter;font-family:verdana,arial;color:rgba(0,0,204,0.5);background-color:rgba(100,200,255,0.5);width:250px;border: none;border-radius: 4px;height:25px;}
   #neufeld { background-color:rgba(100,200,255,0.5);color:rgba(0,0,204,0.5);width:152px; border: none;border-radius:10px;height:25px;}
   #neufeld2 { background-color:rgba(100,200,255,0.5);color:rgba(0,0,204,0.5);width:95px; border: none;border-radius:10px;height:25px;}

  
 #knopf1

   { background-color:rgba(172,172,230,0.7);color:rgba(255, 255, 255,0.7);font-weight:lighter;width:80px;height:30px;
    margin-bottom:2px;
    margin-top:2px;
    margin-left:2px;
    margin-right:2px;
    border-radius:10px;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;   
}  

 #knopf1:hover

  { background-color:rgba(172,172,230,0.1);}




                          /* DIASHOW */


  .mySlides {display:none;}


    /*    ///////////////////////////////////////////           MENU          //////////////////////////////////////////////////////////////////////   */

  #menu1 {position:absolute;margin-top:10px;margin-left:5%;}

  #menu2 {position:absolute;margin-top:10px;margin-left:20.35%;padding-bottom:0px;padding-top:0px;padding-right:0px;padding-left:0px;border-radius:10px;}

  #menu3 {position:absolute;margin-top:10px;margin-left:85%;}

  #menu4 {position:absolute;margin-top:10px;margin-left:48.8%;padding-bottom:0px;padding-top:0px;padding-right:0px;padding-left:0px;border-radius:10px;}

  #menu5 {position:absolute;margin-top:10px;margin-left:33.92%;padding-bottom:0px;padding-top:0px;padding-right:0px;padding-left:0px;border-radius:10px;}

  #menu6 {position:absolute;margin-top:10px;margin-left:68.85%;padding-bottom:0px;padding-top:0px;padding-right:0px;padding-left:0px;border-radius:10px;}
  
  #menu7 {position:absolute;margin-top:46px;height:35px;margin-left:90%;}
 
  .menu8 {position:absolute;margin-top:50px;margin-bottom:40px;padding-bottom:10px;height:40px;width:150px;margin-left:75%;background-color:rgb(0,128,255);}

  .menu9 {position:absolute;margin-top:-30px;height:28px;margin-left:88%;background-color:rgb(0,128,255);}
  
  #menu10 {position:absolute;margin-top:0px;margin-bottom:40px;padding-bottom:10px;height:40px;width:150px;margin-left:75%;background-color:rgb(0,128,255);}

  #menu11 {position:absolute;margin-top:46px;height:35px;margin-left:5%;}


   
                  /* WETTER */

  .tiempo_platz {position:absolute;top:345px;margin:auto;}

 



      /*  //////////////////////////       SVG HOROSKOP ZEICHNUNG     ///////////////////////////////////////////////////////////////////////////////////    */


#surface  { fill:rgb(0,128,255);  width:100%; height:100%;}

#astro    { fill:rgba(0, 0, 255,0.1);      }
.astro2   { fill:rgba(255, 255, 255,0.2);    }
.planet   { fill:rgba(255, 255, 255,0.3);    }

#zeichnung {position:relative;top:0px;margin:auto;text-align:center;width:100%; height:100%;}

.himmel   { font-family:sans-serif;	
            font-size: 1.0em;
            font-weight: bold;
            fill: rgba(255, 255, 255,0.5); }

.haus {     font-family:sans-serif;	
            font-size: 0.8em;
            font-weight: bold;
            fill: rgba(0, 0, 0,0.5);}


.hauptlinie      { stroke:rgba(255, 255, 255,0.3);stroke-width:1; }

.nebenlinie      { stroke:rgba(255, 255, 255,0.3);stroke-width:1;   }

.haus_nebenlinie { stroke:rgba(255, 255, 255,0.3);stroke-width:1;   }

.planet_linie    { stroke:rgba(0, 0, 0,0.4);stroke-width:2;   }



.sternzeichen_fill {
	   		 fill: rgba(0, 0, 255,0.01);
	   		 stroke: rgba(0, 0, 0,0.8);
	   		 stroke-width: 6;
	 		 stroke-linecap: round;
	  		 stroke-linejoin: round;
		   }


.planet_fill {
	   		 fill: rgba(0, 0, 255,0.01);
	   		 stroke: rgba(0, 100, 255,0.95);
	   		 stroke-width: 5;
	 		 stroke-linecap: round;
	  		 stroke-linejoin: round;
		   }

.planet_fill_2 {
	   		 	fill: rgba(0, 0, 255,0.01);
	   		 	stroke: rgba(0, 100, 255,0.95);
	   		 	stroke-width: 7;
	 		 	stroke-linecap: round;
	  		 	stroke-linejoin: round;
		   }



#svg_zwilling      {
	                fill: rgba(0, 0, 255,0.01);
	        	stroke: rgba(0, 0, 0,0.8);
	        	stroke-width: 6;
	        	stroke-linecap: round;
	       		stroke-linejoin: round;
	        	width:40px; height:27px;

		   }


.zeichen           {    font-family:sans-serif;	
           		font-size: 45px;
           		font-weight: bold;
           		fill: rgba(0, 0, 0,0.8);   }

 

 /* ////////////////////////////////////         J P L A Y E R   A U D I O  U N D   V I D E O     //////////////////////////////////////////////////////////   */


  /* ///////////////      BLUE MONDAY SKIN for jPlayer 2.9.2 ~ (c) 2009-2014 Happyworm Ltd ~ MIT License   /////////////////////////////////////   */


.jp-audio :focus,.jp-audio-stream :focus,.jp-video :focus {outline:0;}
.jp-audio button::-moz-focus-inner,
.jp-audio-stream button::-moz-focus-inner,
.jp-video button::-moz-focus-inner {border:0;}
.jp-audio,.jp-audio-stream,
.jp-video {font-size:1.0em;font-family:verdana,arial,sans-serif;line-height:1.5;color:rgba(255, 255, 255,0.7);}
.jp-audio {height:100%;width:37%;margin-top:0px;background-color:rgba(0,128,255,0.2);}
                              

                        
  /* ////////////////////////////////////////     I N T E R F A C E    ////////////////////////////////////////////////////////////////////////////////////////   */


.jp-interface {position:absolute;margin-top:-60px;width:360px;height:100%;}

.jp-audio .jp-interface {height:40px;border-radius:20px;}


 /* .jp-interface_2 {position:absolute;background-color:rgb(0, 0, 131);width:100%;}  */
 /* .jp-video-full .jp-gui {position:relative;left:0px;width:100%;height:100%;z-index:3;}   */


  /*  /////////////////////////////////            C O N T R O L S          /////////////////////////////////////////////////////////////////////////////////   */


.jp-controls-holder {clear:both;width:65%;position:relative;overflow:hidden;}

.jp-interface .jp-controls {display:block;margin-left:0px;margin-top:-7px;margin-right:0px;margin-bottom:5px;padding:0px;overflow:hidden;border-radius:20px;}

.jp-audio .jp-controls {width:100%;height:100%;float:left;margin-top:0px;padding:0px 0px 0px 0px;background-color:rgba(0,0,140,0.6);background-image:linear-gradient(to bottom,transparent 0,rgba(0,128,255,0.8) 35%,rgba(0,128,255,0.8) 65%,transparent 100%);}
.jp-controls button {float:left;overflow:hidden;text-indent:-9999px;border:none;cursor:pointer;}

/*  .jp-interface_2 .jp-controls {padding:0px 0px 0px 0px;overflow:hidden;background-color:rgb(0,0,131);}    */
/*  .jp-video .jp-type-single .jp-controls {width:100%;margin-top:0px;margin-left:55%;}   */


 /* //////////////////////////////////////////////     BUTTONS: PLAY, STOP, PREVIOUS, NEXT      //////////////////////////////////////////////////////////////   */


.jp-play {width:40px;height:40px;margin-top:1px;margin-bottom:0px;margin-left:2px;background:url(../bilder/audiobutton.svg) -13px -19px no-repeat;}
.jp-play:focus {width:40px;height:40px;margin-top:1px;margin-bottom:0px;margin-left:2px;background:url(../bilder/audiobutton.svg) -50px -19px no-repeat;}
.jp-state-playing .jp-play {width:40px;height:40px;margin-top:1px;margin-bottom:0px;margin-left:2px;background:url(../bilder/audiobutton.svg) -15px -59px no-repeat;}
.jp-state-playing .jp-play:focus {width:40px;height:40px;margin-top:1px;margin-bottom:0px;margin-left:2px;background:url(../bilder/audiobutton.svg) -50px -59px no-repeat;}

.jp-stop {width:40px;height:40px;margin-top:1px;margin-left:2px;}
.jp-stop {width:40px;height:40px;margin-top:1px;margin-left:2px;background:url(../bilder/audiobutton.svg) -15px -96px no-repeat;}
.jp-stop:focus {width:40px;height:40px;margin-top:1px;margin-left:2px;background:url(../bilder/audiobutton.svg) -50px -96px no-repeat;}

.jp-previous {width:45px;height:40px;margin-top:2px;margin-left:12px;}
.jp-previous {width:45px;height:40px;margin-top:2px;margin-left:12px;background:url(../bilder/audiobutton.svg) -16px -184px no-repeat;}
.jp-previous:focus {width:45px;height:40px;margin-top:2px;margin-left:12px;background:url(../bilder/audiobutton.svg) -61px -184px no-repeat;}

.jp-next {width:45px;height:40px;margin-top:2px;margin-left:4px;}
.jp-next {width:45px;height:40px;margin-top:2px;margin-left:4px;background:url(../bilder/audiobutton.svg) -14px -139px no-repeat;}
.jp-next:focus {width:45px;height:40px;margin-top:2px;margin-left:4px;background:url(../bilder/audiobutton.svg) -60px -139px no-repeat;}


 /* //////////////////////////////////////////////     PROGRESS, TIME-HOLDER, CURRENT-TIME, DURATION    //////////////////////////////////////////////////////   */


.jp-progress {overflow:visible;}
.jp-audio .jp-progress {position:absolute;margin-top:13px;height:15px;padding:0px 0px 0px 0px;}
.jp-audio .jp-type-playlist .jp-progress {margin-left:200px;width:136px;padding:0px 0px 0px 0px;border-radius:3px;}

.jp-seek-bar {background:url(../bilder/audiobutton.svg) 0 -247px repeat-x;width:0;height:100%;cursor:pointer;margin-left:0px;border-radius:3px;}
.jp-play-bar {background:url(../bilder/audiobutton.svg) 0 -277px repeat-x;width:0;height:100%;border-radius:3px;}

.jp-audio .jp-time-holder {position:absolute;height:09px;margin-top:24px;padding:0px 0px 5px 0px;}
.jp-audio .jp-type-playlist .jp-time-holder {margin-left:200px;width:136px;border-radius:3px;}

.jp-audio .jp-current-time {float:left;display:inline;cursor:default;}
.jp-audio .jp-current-time {width:49%;font-family: arial,verdana,sans-serif;font-size:0.7em;font-weight:lighter;color:rgba(255,255,255,0.4);}
.jp-audio .jp-duration {float:right;display:inline;text-align:right;cursor:pointer;}
.jp-audio .jp-duration {width:49%;font-family: arial,verdana,sans-serif;font-size:0.7em;font-weight:lighter;color:rgba(255,255,255,0.4);}



/*    .jp-video .jp-progress {margin-top:0px;margin-left:0px;width:100%;height:10px;}     */
                                                                  

  /* ////////////////////////////////             P L A Y L I S T          //////////////////////////////////////////////////////////////////////////////////    */ 


.jp-details {font-weight:lighter;text-align:center;cursor:default;}
.jp-details,.jp-playlist {width:200%;background-color:rgba(0,128,255,0.5);}
.jp-type-playlist .jp-details,.jp-type-single .jp-details {border-top:none;}
.jp-details .jp-title {margin:auto;padding:0px 0px 0px 0px;font-size:1.1em;font-weight:lighter;}
.jp-playlist ul {list-style-type:none;width:100%;margin-top:65px;padding:0px 0px 0px 0px;font-family:verdana,arial,sans-serif;font-size:0.8em;font-weight:lighter;}
.jp-playlist li {padding:5px 0px 5px 8px;}
.jp-playlist li div {display:inline;}
 div.jp-type-playlist div.jp-playlist li:nth-of-type(even) {border-radius:20px;background-color:rgba(0,138,255,0.9);background-image:linear-gradient(to bottom,rgba(0,128,255,0.4) 0,transparent 46%,transparent 54%,rgba(0,128,255,0.4) 100%);}
 div.jp-type-playlist div.jp-playlist li.jp-playlist-current {padding-left:20px;}
 div.jp-type-playlist div.jp-playlist a {color:rgba(255,255,255,0.5);text-decoration:none;-webkit-transition-duration: 0.4s;
            transition-duration: 0.4s;}
 div.jp-type-playlist div.jp-playlist a.jp-playlist-current,div.jp-type-playlist div.jp-playlist a:hover {color:rgba(0,0,255,0.5);}









 /*        //////////////////////////////////////////////    V I D E O    ( NICHT VERWENDET )     ////////////////////////////////////////////////////////////  



    .jp-audio .jp-volume-controls {position:absolute;}   
    .jp-audio .jp-type-playlist .jp-volume-controls {margin-top:0px;margin-left:65%;width:20%;background-color:rgb(0,0,131);}  
    .jp-audio .jp-volume-controls button {line-height:100%;text-indent:-9999px;border:none;cursor:pointer;}     

                                                                
   .jp-video .jp-volume-controls {position:absolute;}
   .jp-video .jp-type-single .jp-volume-controls {margin-left:20%;margin-top:-45px;margin-right:0px;margin-bottom:0px;width:35%;}
   .jp-video .jp-volume-controls button {line-height:100%;text-indent:-9999px;border:none;cursor:pointer;}

                                                        
/*  .jp-audio .jp-volume-max {margin-left:35%;}    */
    .jp-video .jp-volume-max {margin-left:21%;}
 


  .jp-mute {width:18px;height:15px;}
  .jp-volume-max {width:18px;height:15px;}
  .jp-mute {background:url(../bilder/jplayer.blue.jpg) -60px -170px no-repeat;}     
  .jp-mute:focus {background:url(../bilder/jplayer.blue.jpg) -19px -170px no-repeat;}  
  .jp-state-muted .jp-mute {background:url(../bilder/jplayer.blue.jpg) -60px -170px no-repeat;}   
  .jp-state-muted .jp-mute:focus {background:url(../bilder/jplayer.blue.jpg) -80px -170px no-repeat;} 

  .jp-volume-max {background:url(../bilder/jplayer.blue.jpg) 0px -186px no-repeat;}             
  .jp-volume-max:focus {background:url(../bilder/jplayer.blue.jpg) -19px -186px no-repeat;}       

 .jp-volume-bar {overflow:visible;background:url(../bilder/jplayer.blue.jpg) 0px -250px repeat-x;height:100%;cursor:pointer;}
 .jp-volume-bar-value {overflow:visible;background:url(../bilder/jplayer.blue.jpg) 0px -256px repeat-x;height:100%;}

/*  .jp-audio .jp-type-playlist .jp-volume-bar {overflow:hidden;position:absolute;margin-top:11px;width:33%;height:5px;margin-left:26%;}     */          

.jp-video .jp-volume-bar {overflow:hidden;background:url(../bilder/jplayer.blue.jpg) 0px -250px repeat-x;width:0;height:100%;cursor:pointer;}
.jp-video .jp-type-single .jp-volume-bar {position:absolute;margin-top:11px;width:15%;height:4px;margin-left:14%;}                                  


.jp-video .jp-current-time {margin-left:1%;margin-top:0px;}
.jp-video .jp-duration {margin-right:1%;margin-top:0px;}
.jp-video .jp-current-time {width:10%;font-family: arial,verdana,sans-serif;font-size:0.7em;font-weight:lighter;color:rgba(255,255,255,0.6);}
.jp-video .jp-duration {width:10%;font-family: arial,verdana,sans-serif;font-size:0.7em;font-weight:lighter;color:rgba(255,255,255,0.6);}
.jp-video .jp-current-time {float:left;display:inline;cursor:default;}                                
.jp-video .jp-duration {float:right;display:inline;text-align:right;cursor:pointer;}


.jp-video-270p {width:480px;}
.jp-video-360p {width:640px;}
.jp-video-full {width:480px;height:270px;position:relative;}
.jp-video-full div div {z-index:3;}

.jp-video-play {width:100%;overflow:hidden;cursor:pointer;background-color:transparent;}
                                    
.jp-video-360p .jp-video-play {margin-top:-360px;height:360px;}                 
                                       
.jp-video-play-icon {position:relative;display:block;width:112px;height:100px;margin-left:270px;margin-top:140px;background:url(../bilder/jplayer.blue.video.play.png) no-repeat;text-indent:-9999px;border:none;cursor:pointer;}
.jp-video-play-icon:focus {background:url(../bilder/jplayer.blue.video.play.png) 0 -100px no-repeat;}


   //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////    */




 /*     /////////////////////////////////      BUTTONS:   REPEAT, TOGGLES, SHUFFLE   ( NICHT VERWENDET )    /////////////////////////////////////////////////////// 


.jp-toggles {padding:0;overflow:hidden;background-color:rgb(0,0,131);}
                                                                                                   
     /*  .jp-audio .jp-type-playlist .jp-toggles {position:absolute;width:12%;margin-left:68%;margin-top:40px;}     */
.jp-video .jp-toggles {position:absolute;margin-bottom:0px;margin-top:-40px;margin-left:85%;width:18%;}
.jp-toggles button {float:left;width:25px;height:18px;text-indent:-9999px;line-height:100%;border:none;cursor:pointer;}

.jp-full-screen {background:url(../bilder/jplayer.blue.jpg) 0px -308px no-repeat;margin-left:4%;}
.jp-full-screen:focus {background:url(../bilder/jplayer.blue.jpg) -90px -308px no-repeat;}
.jp-state-full-screen .jp-full-screen {background:url(../bilder/jplayer.blue.jpg) -60px -308px no-repeat;}
.jp-state-full-screen .jp-full-screen:focus {background:url(../bilder/jplayer.blue.jpg) -90px -308px no-repeat;}

.jp-repeat {background:url(../bilder/jplayer.blue.jpg) 0px -290px no-repeat;}

     /*.jp-repeat:focus {background:url(../bilder/jplayer.blue.jpg) -30px -290px no-repeat;}*/
.jp-state-looped .jp-repeat {background:url(../bilder/jplayer.blue.jpg) -60px -290px no-repeat;}
.jp-state-looped .jp-repeat:focus {background:url(../bilder/jplayer.blue.jpg) -90px -290px no-repeat;}
.jp-shuffle {background:url(../bilder/jplayer.blue.jpg) 0px -270px no-repeat;margin-left:4%;}
      /*.jp-shuffle:focus {background:url(../bilder/jplayer.blue.jpg) -30px -270px no-repeat;}*/
.jp-state-shuffled .jp-shuffle {background:url(../bilder/jplayer.blue.jpg) -60px -270px no-repeat;}
.jp-state-shuffled .jp-shuffle:focus {background:url(../bilder/jplayer.blue.jpg) -90px -270px no-repeat;}


   //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////     */