﻿body
 { 
     
      background-color: #009900;
      position:relative;
 }
 
 
#logo #logo_text { 
color: #ffff00;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border: 7px;
  background: transparent url(menubar.png);
  left: 0;
  padding: 10px 20px 20px 20px;
}
 
#logo h1, #logo h2 { 
  font: normal 200% 'News Cycle', arial, sans-serif;
  border-bottom: 0;
  text-transform: none;
  margin: 0;
}

#logo_text h1, #logo_text h1 a, #logo_text h1 a:hover { 
  padding: 0;
  color: #FFF;
  color: #ffff00;
  text-decoration: none;
}

#logo_text h1 a .logo_colour { 
  color: #4D8D01;
  text-shadow: 1px 1px #294701; 
}

#logo_text a:hover .logo_colour { 
  color: #FFF;
}

#logo_text h2 { 
 font-size: 140%; 
  padding: 0 0 0 0;
  color: #FFF;
  color: #ffff00;
   
    font-family: 'Tangerine', serif;
	font-size: 42px;
	text-align:center;
}
  
   /* Mein PC */
   @media screen and (min-width: 769px)  
   {
       .padd
       {
           padding-left:140px;
       }
     
 #section1
        {
            padding-top: 50px;
            
            height: 1100px;
            color: #fff;
            font-size:18px;
          
        }
        
    #section4 {
        padding-top: 50px;
        height: 542px;
        color: #fff;      
        background-color:#009900;
        font-size: 18px;
    }

    #section5 {
        padding-top: 50px;
        height: 942px;
        color: #fff;
        background-color:#669900;
        font-size: 18px;
    }

    #referenze {
        padding-top: 50px;
        height: 542px;
        color: #fff;
        background-color:#99cc00;
        font-size: 18px;
    }
   
    #section6 {
        padding-top: 50px;
        /*   height: 842px; */
        height: 952px;
        color: #fff;
        
        background-color:#294701;
        font-size: 18px;
    }
      
        }
  
    
   /* Smartphone */
 /*@media screen and (max-width: 569px) {*/
@media screen and (max-width: 641px) {

    .padd {
        padding-left: 40px;
    }

    #section1 {
        padding-top: 70px;
        /*height: 2500px;*/
        color: #fff;
    }


    #section3 {
        padding-top: 50px;
        height: 2300px;
        color: #fff;
        background-color: #009900;
    }

    #section4 {
        padding-top: 50px;
        height: 842px;
        color: #fff;
        background-color: #669900;
    }

    #section5 {
        padding-top: 50px;
        height: 1240px;
        color: #fff;
        background-color: #99cc00;
    }

    #referenze {
        padding-top: 50px;
        height: 942px;
        color: #fff;
        background-color: #99cc00;
    }

    #section6 {
        padding-top: 50px;
        /*  height: 842px; */
        height: 962px;
        color: #fff;
        background-color: #cccc00;
    }
}

 