body
{

max-width: 100%; 
margin: 0px;
padding: 0px;
border: 0px;
line-height:28px;
background-color:#000000;
font-family: poppins;
overflow-x:hidden;


background-attachment: fixed;

        scrollbar-track-color: #FFFFFF;
        scrollbar-arrow-color: #cccccc;
        scrollbar-base-color: #FFFFFF;
        scrollbar-darkshadow-color: #FFFFFF;
        scrollbar-face-color: #FFFFFF;
        scrollbar-highlight-color: #cccccc;
        scrollbar-shadow-color: #cccccc;
}

* html body { /*IE6 hack*/
padding-top: 0px;
padding-bottom:0px;
padding-left:0;
padding-right:0; 
}

html,body, .input .td
{
color:#FFFFFF;
font-family: poppins;
font-weight:300;
font-size:14px;

}

h1 {        font-size:24px;  font-family: poppins;font-weight:900;margin:0px;margin-bottom:0px;margin-top:3px;color:#000000;text-transform:uppercase;}
h2 {        font-size:20px ;  font-family: poppins; color:#000000;margin:0px;margin-bottom:0px;text-transform:uppercase;}


li      {        
       list-style: square outside;
        margin-left:20px;/*was 10*/
        padding-left:0px;
        }
		
ul      {        
        margin-top:0px;
        margin-bottom:0px;
        margin-left: 0px;/*was -23*/
        padding-left:0px;
        }

.submit {font:16px poppins; color:#4f4f4f; cursor:pointer; background:#FFFFFF;border : 1px solid #d9d9d9;padding:5px; }

.input, .textarea   {
            font-family: poppins;
            font-size: 16px;
            color: #4f4f4f;
            background-color: #FFFFFF;
            border : 1px solid #d9d9d9;
			width:150px;
			font-weight:300;
        }
        



a:link {color:#000000;cursor:pointer;}
a:visited {color:#000000;cursor:pointer;}
a:hover {color:#d9061f;cursor:pointer;}
a:active {color:#d9061f;cursor:pointer;}

.kolom {}
a.kolom:link {color:#000000; text-decoration:underline;}
a.kolom:visited {color:#000000;text-decoration:underline;}
a.kolom:hover {color:#999999;text-decoration:none;}
a.kolom:active {color:#999999;text-decoration:none;}



 #container
{
  margin-top:0px;
  margin-left:-600px;/* dit is om te centreren. Moet helft zijn van width*/
  position:absolute;
  width:1200px;/* dit is om een vaste breedte te maken*/
  left:50%;/* dit is om te centreren*/
  z-index:2;
    }
	
.tweekolommen
{
width:48%;
min-width:300px;
float:left;
padding:0px;
text-align:left;
}
	
#slider1_container
{
position: relative; top: 0px; left: 0px; width: 1100px; height: 706px;
}

#slider1_slides
{
position: absolute; overflow: hidden; left: 0px; top: 0px; width: 1100px; height: 706px;
}
	

 #kop
 {
  position:relative;
  width:100%;
  top:10px;
   }
 
 #contact-mobiel,#inbeeld-mobiel
{
display:none;
}
 
 #contact
 {
 position:absolute;
  display:inline-block;
 top:20px;
 width:100%;
 }
 
 #contact-inner
 {
  text-align:right;
  width:210px;
   float:right;
   margin-right:30px;
 }
 
 .button
 {color:#FFFFFF;background-color:#d9061f;text-align:center;border-radius:5px;padding:10px;cursor:pointer;font-weight:500;font-family:poppins}
 
 .button:hover{color:#FFFFFF;background-color:#000000;}
 
  #inhoud
 {
  position:relative;
  top:10px;
  
  }
 
 
 #midden
{
  position: relative;
  float:left;
  top:0px;
  width:65%;
  background-color:#FFFFFF;
  opacity: 0.95;
  color:#000000;
}


#midden_inner
{
   padding:25px;  
}

 
#kolom
{
  position: relative;
  float:left;
  top:0px;
  right:0px;
  width:35%;
  background-color:#cccccc;
  
  color:#000000;   
 }

#kolom_inner
{
   padding:25px;
}








#adres
{
  position: absolute;
  bottom:0px;
  left:0px;
  height: 16px;
  width:100%;
  background-color: #ebebeb;
  text-align:right;
  color:#999999;
  border-top:solid 1px #666666;
  }
  
 .youtube
 { 
 margin-top:5px;margin-bottom:5px;width:100%;height:300px;"
 }

  
  
@media screen and (max-width:1200px) /**/
{
	
 
 	#container
	{
  	width:100%;/* dit is om een vaste breedte te maken*/
	margin-top:0px;
  	margin-left:0px;/* dit is om te centreren. Moet helft zijn van width*/
 	left:0%;/* dit is om te centreren*/
  	}
 
 }
 
 @media screen and (max-width:1030px) /*ipadhor*/
{

#midden
{ 
width:60%;
}

#kolom
{ 
width:40%;
}

.tweekolommen
{
width:100%;

}

}
 
 @media screen and (max-width:770px) /*ipadvertikaal*/
{

#midden,#kolom
{ 
width:50%;
}

#oudeoptredens
{
display:none;
height:0px;
}

.youtube
 { 
 height:200px;
 }

}

 
 @media screen and (max-width:570px) /**/
{
#kolom,#midden
{ 
width:100%;
}



#inbeeld,#contact
{display:none;}

#contact-mobiel,#inbeeld-mobiel
{
display:inline;
}

}