@charset "UTF-8";
/* CSS Document */
/* © Tom Schalken 2010 - ∞ for Stichting Verhalis */
html {text-align:center}
body {width:100%; height:100%; margin:0px; padding:0px; background-color:#FFF; color:#000; text-align:left; font-family:Helvetica, Arial, sans-serif; font-size:12px; line-height:1.5em}
img {margin: 0px; padding:0px; max-width:414px;}
table, tbody {margin:0px; padding:0px;}

/* opmaak van de grootste kop */
h1 {font-size:1.5em; color:#622280; font-weight:normal; margin-bottom:2em;}

/* opmaak subkop */
h2 {font-size:1.2em; color:#622280; font-weight:normal; margin-bottom:1.3em;}

/* opmaak sub-subkop */
h3 {font-size:1.0em; color:#622280; font-weight:normal; margin-bottom:-1em;}

/* opmaak van de links */
a {text-decoration:none; font-weight:bold; color:#622280;}

/* kleur van links als de cursor erop staat */
a:hover {color:#96BD0D;}

#content {width:900px; margin:0px auto; margin-top:20px;}
#banner {height:150px; background:#DEDA00;}
#adres {color:#FFF; height:4em; width:150px; position:relative; top:-77px; left:750px; z-index:98; letter-spacing:1px;}
#logo {width:329px; height:116px; position:relative; top:30px; left:11px; background-image:url(../media/logo-groen.png); z-index:99;}
#logo a {text-decoration:none; height:116px; display:block;}
#menu {z-index:100; width:100%;  position:relative; top:-3px; margin-bottom:32px; color:#FFF; color:#FFF; font-family:"Gill Sans",Helvetica, Arial, sans-serif; font-size:14px; font-weight:lighter; cursor:pointer;}
#menu a {text-decoration:none; font-weight:inherit; color:inherit; display:block; word-wrap:break-word;}
#menu ul {list-style: none; margin: 0; padding: 0;}
#menu ul li {width:225px; margin:0px; padding:0px; height:16px; line-height:16px; text-align:center; float:left;}
#menu ul li ul {width:100%; position:relative; visibility:collapse;}
#menu ul li:hover ul {visibility:visible;}
#menu ul li ul li, #menu ul li ul li.last-child {width:inherit; float:none; height:auto;}


/* achtergrondkleuren voor menuknoppen */
#menu ul li#home, #menu ul li#home ul li {background:#622280;}
#menu ul li#projecten, #menu ul li#projecten ul li {background:#DEDA00; color:#622280;}
#menu ul li#verhalismachine, #menu ul li#verhalismachine ul li {background:#6192C8;}
#menu ul li#over, #menu ul li#over ul li {background:#96BD0D;}

/* achtergrondkleuren wanneer cursor op knop staat */
#menu ul li#home:hover, #menu ul li#home ul li:hover {background:#6192C8;}
#menu ul li#projecten:hover, #menu ul li#projecten ul li:hover {background:#96BD0D;}
#menu ul li#verhalismachine:hover, #menu ul li#verhalismachine ul li:hover {background:#622280;}
#menu ul li#over:hover, #menu ul li#over ul li:hover {background:#DEDA00;}

#main {clear:both; text-align:justify; margin-top:5em;}


/* voor opmaak in kolommen. Width past de breedte van de kolommen aan. In totaal moeten de width van column1 en column2 en de margin-right 100% zijn. */
#column1 {width:46%; float:left; margin-left:1%; margin-right:6%; margin-bottom:4em;}
#column2 {width:46%; float:left; margin-bottom:4em;}

#footer{clear:both; text-align:center; margin-top:4em; line-height:16px; font-family:"Gill Sans",Helvetica, Arial, sans-serif; font-size:10px; font-weight:lighter;}
.editable {border:#622280 solid medium; margin-top:5px; padding:5px}
.danger, .safe {background:#CCC; border:#999 solid; color:#000;}
.danger {float:left;}
.safe {float:right;}
.danger:hover {border:#F00 solid; background:#F30; color:#FFF;}
.safe:hover {border:#0F0 solid; background:#6F6; color:#FFF;}

/* de waarde margin-top is gelijk aan de hoeveelheid witruimte tussen de projecten in het projectoverzicht */
.project {position:relative; margin-top:10em; clear:both;}

/* zorg er voor dat het eerste project gewoon netjes bovenaan begint */
.project:first-child {top:-49px;}

#animatie {position:absolute; top:20px; margin:0px; padding:0px; z-index:97}

#c1, #c2{
		position:absolute;
		top:20px;
		bottom:0;
		width:900px;
		height:150px;
		background-size:100%;
		background-size:cover;
		}