/* === CRAZY OLD DUTCH - MAIN.CSS ===  */
@import url(https://fonts.googleapis.com/css?family=Slackey);
@import url('flexslider.css');
@import url('menu.css');
@import url('faq.css');
@import url('specials.css');

*{margin:0;padding:0;}


body, th, td
{
font-weight:100;
font-style:normal;
font-family:Verdana,arial,verdana,helvetica,sans-serif;
color:#000;
font-size:65.5%; /* maakt 1 voor em */
background:url('../images/background.png') no-repeat fixed center top;
background-size:100% 100%;
}


hr /* default horizontale lijn */
{
border:0;
height:1px;
margin-top:5px;
margin-bottom:5px;
width:100%;

background:-webkit-linear-gradient(left, rgba(204,204,204,1), rgba(204,204,204,0)); /* For Safari */
background:-o-linear-gradient(left, rgba(204,204,204,1), rgba(204,204,204,0)); /*Opera 11-12*/
background:-moz-linear-gradient(left, rgba(204,204,204,1), rgba(204,204,204,0)); /*Fx 3.6-15*/
background:linear-gradient(to right, rgba(204,204,204,1), rgba(204,204,204,0)); /*Standard - LAATST*/
}


#BedrijfsNaam
{
position:absolute;
top:5px;
padding:0 20px 0 0;
right:0px;
z-index:3;
width:auto;
height:auto;
font-size:4em;
font-family:'Slackey';
font-style:normal;
color:#cf9a2d;

-webkit-text-shadow:7px 4px 9px #000; /* For Safari */
-moz-text-shadow:7px 4px 9px #000; /*Fx 3.6-15*/
text-shadow:2px 2px 2px #000; /*Standard LAATSTE*/
}


#Header{max-width:960px;margin:0 auto;}


#Container
{
max-width:920px;
margin:0 auto;
height:auto;
padding:0;
}


#ContentContainer
{
float:left;
max-width:920px;
margin:0 auto;
height:auto;
padding:20px;
font-size:1.5em;
line-height:1.2em;
margin-top:15px;
background-color:#fff;

-moz-border-radius:15px;
-o-border-radius:15px;
border-radius:15px;

-webkit-box-shadow:2px 2px 8px #696969; 
-moz-box-shadow:2px 2px 8px #696969;
box-shadow:2px 2px 8px #696969;

filter:alpha(opacity=90); /* IE */
-moz-opacity:0.9; /* Mozilla */
opacity:0.9; /* CSS3 */
}


#ContentContainerScenes
{
float:left;
max-width:920px;
margin:0 auto;
height:auto;
padding:20px;
font-size:1.5em;
line-height:1.2em;
margin-top:15px;
background-color:#f5f5dc;

-moz-border-radius:15px;
-o-border-radius:15px;
border-radius:15px;

-webkit-box-shadow:2px 2px 8px #696969; 
-moz-box-shadow:2px 2px 8px #696969;
box-shadow:2px 2px 8px #696969;
}


#Links
{
float:left;
position:relative;
width:26.7%;
height:auto;
margin:0;
padding-right:20px;
font-size:1.0em;
line-height:1.2em;
}


#Links img
{
width:100%;
margin:5px 0 5px 0;

-moz-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;
}


#Links h1
{
margin:0 0 -20px -5px;
	
-webkit-text-shadow:1px 1px 1px #a8a8a8;
-moz-text-shadow:1px 1px 1px #a8a8a8;
text-shadow:1px 1px 1px #a8a8a8;
}

#Links a:link,
#Links a:visited{color:#000;text-decoration:none;}
#Links a:hover{color:#000;text-decoration:none;}


#Links ul
{margin-top:5px;}
#Links li
{
margin-left:10px;
list-style-type:none;
list-style-image: url("../images/pijl-rood10x5.gif");
font-size:1.0em;
line-height:1.4em
}
#Links li a:link,
#Links li a:visited{color:#000;text-decoration:none;display:block}
#Links li a:hover,
#Links li a:active{color:#000;text-decoration:none;background-color:#e8e8e8}


#Rechts h1
{
float:left;
width:100%;
margin:10px 0 10px 0;
font-size:1.5em;
font-family:'Slackey';
font-style:normal;
line-height:1.2em;
color:#CA1702;

-webkit-text-shadow:1px 1px 1px #000;
-moz-text-shadow:1px 1px 1px #000;
text-shadow:1px 1px 1px #000;
}

#Rechts h2
{
float:left;
width:100%;
margin:10px 0 10px 0;
font-size:1.5em;
font-family:'Slackey';
font-style:normal;
line-height:1.2em;
color:#cf9a2d;

-webkit-text-shadow:1px 1px 1px #000;
-moz-text-shadow:1px 1px 1px #000;
text-shadow:1px 1px 1px #000;
}

#Rechts h3
{
float:left;
width:100%;
margin:10px 0 10px 0;
font-size:1.5em;
font-family:'Slackey';
font-style:normal;
line-height:1.2em;
color:#306754;

-webkit-text-shadow:1px 1px 1px #000;
-moz-text-shadow:1px 1px 1px #000;
text-shadow:1px 1px 1px #000;
}


#KolomRechts
{
float:left;
position:relative;
width:47%;
border:1px solid #ccc;
margin-right:4px;
padding:5px;

-moz-border-radius:10px;
-o-border-radius:10px;
border-radius:10px;
}


#Rechts
{
float:left;
position:relative;
width:71%;
height:auto;
margin:0;
padding:0;
}


#ContentRechts
{
float:left;
position:relative;
width:90%;
height:auto;
margin:0;
border:1px solid #ccc;
padding:15px;
background-color:#92BF3B;

-moz-border-radius:10px;
-o-border-radius:10px;
border-radius:10px;
}

#ContentRechts a:link,
#ContentRechts a:visited
{color:#000;text-decoration:underline;font-size:1.0em; line-height:1.7em}
#ContentRechts a:hover,
#ContentRechts a:active
{color:#CA1702;text-decoration:underline}


#ContentRechts img
{
max-width:100%;
margin:5px 0 5px 0;

-moz-border-radius:12px;
-o-border-radius:12px;
border-radius:12px;
}


#ContentRechtsMembers
{
float:left;
position:relative;
width:90%;
height:auto;
margin:0;
border:1px solid #ccc;
padding:15px;
background-color:#CFB53B;

-moz-border-radius:10px;
-o-border-radius:10px;
border-radius:10px;
}


#ContentRechtsMembers a:link,
#ContentRechtsMembers a:visited
{color:#000;text-decoration:underline;font-size:1.0em; line-height:1.7em}
#ContentRechtsMembers a:hover,
#ContentRechtsMembers a:active
{color:#CA1702;text-decoration:underline}


#ContentRechtsMembers img
{
max-width:100%;
margin:5px 0 5px 0;

-moz-border-radius:12px;
-o-border-radius:12px;
border-radius:12px;
}


#ContentRechtsLogo img
{
margin-top:-45px;
margin-bottom:20px;
margin-left:-45px;

-ms-transform:rotate(-8deg); /* IE 9 */
-webkit-transform:rotate(-8deg); /* Safari and Chrome */
transform:rotate(-8deg); /*Standard LAATSTE*/
}