@charset "UTF-8";

/*colors:
achtergrondgrijs: #B3B9BB
rood: #990000
tekstdonkergrijs: #424143*/

* {
	padding: 0;
	margin: 0;
}
body, html { height:100%; }


body  {
	margin: 0; /* het is een goede gewoonte om de instellingen voor margin (marge) en padding (opvulling) van het element body op nul in te stellen en daarmee op de standaardinstellingen van de verschillende browsers */
	padding: 0;
	text-align: center; /* hiermee centreert u de container (het hoofdobject) in IE 5*-browsers Vervolgens wordt de tekst ingesteld op de standaardinstelling van links uitlijnen in de kiezer #container */
	color: #424143;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	background-color: #B3B9BB;
	background-image: url(../i/back_body.jpg);
	background-repeat: repeat-x;
}

/*structuur ___________________________________*/
		
		
#wrapper {
	position: absolute;
	width: 780px;
	left: 50%;
	margin-left: -390px;
	text-align: left;
	padding:0;
	font-size: 100%;
	background-image: url(../i/back.jpg);
	top: 70px;
	height: auto;
}

#header {
	background-image: url(../i/back_top.jpg);
	height: 185px;
	width: 780px;
}
#kop {
	height: 72px;
	width: 780px;
	position: absolute;
	top: 113px;
}

#left {
	float: left;
	width: 245px;
	margin: 0px;
	padding: 0px;
	background-image: url(../i/back_klok.jpg);
	background-repeat: no-repeat;
}

#nav {
	float: left; 
	width: 195px; 
	padding: 0px;
	margin-top: 150px;
	margin-left: 50px;
	}

#content {
	margin-top: 0px;
	margin-bottom: 0;
	margin-left: 35px;
	font-size: 100%;
	padding-top: 15px;
	padding-right: 40px;
	padding-bottom: 30px;
	padding-left: 245px;
}		
#footer  {
	height: 20px;
	text-align: right;
	width: 780px;
	background-image: url(../i/footer.jpg);
	background-repeat: no-repeat;
} 
/*einde structuur ___________________________________*/
		





/*navigatie in list verticaal ______________________________*/
#nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
}

#nav li {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#nav ul li a {
	height: 30px;
	width: 159px;
	display: block;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 36px;
	background-image: url(../i/button.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#nav a:link, #nav a:visited {
	color: #424143;
	text-decoration: none;
}

#nav a:hover {
	color: #424143;
	text-decoration: none;
	background-position: 0px -30px;
}

/*active*/
body#index #nav li.index a  {text-decoration: none; background-position: 0px -30px; color: #990000; cursor: default}
body#contentmanagement #nav li.contentmanagement a  {text-decoration: none; background-position: 0px -30px; color: #990000; cursor: default}
body#tekstproducties #nav li.tekstproducties a  {text-decoration: none; background-position: 0px -30px; color: #990000; cursor: default}
body#opdrachtgevers #nav li.opdrachtgevers a  {text-decoration: none; background-position: 0px -30px; color: #990000; cursor: default}
body#contact #nav li.contact a  {text-decoration: none; background-position: 0px -30px; color: #990000; cursor: default}


/*einde navigatie ___________________________________*/



/*typogrammen _______________________________________*/
#header h1 span{
	display: none;
}

#header #kop h2 {
	font-size: 1.6em;
	font-weight: normal;
	color: #FFFFFF;
	letter-spacing: 0.1em;
	margin: 0px;
	padding-top: 45px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 280px;
}
#header #kop h3 {
	margin: 0px;
}

#content p{
	margin: 0px;
	padding: 0px;
	font-size: 1.2em;
	line-height: 1.6em;
}
#content a:link, #content a:visited {
	color: #424143;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #424143;
	text-decoration: none;
	font-weight: bold;
}
#content a:hover, #content a:active {
	color: #990000;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #990000;
	text-decoration: none;
	font-weight: bold;
}

#content h1 {
	font-size: 1.6em;
	font-weight: normal;
	color: #424143;
	line-height: 1.6em;
	display: block;
	letter-spacing: 0.3px;
	padding: 0px;
	margin-top: 14px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
}
#content h2 {
	font-size: 1.2em;
	font-weight: bold;
	color: #990000;
	line-height: 1.6em;
	display: block;
	margin-top: -4px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	letter-spacing: 0.3px;
}
#content h3 {
	font-size: 1.4em;
	font-weight: normal;
	color: #990000;
	line-height: 1.6em;
	display: block;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
	letter-spacing: 0.3px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #424143;
}
#content h4 {
	display: none;
}
#content h6 {
	font-size: 1.4em;
	font-weight: normal;
	color: #424143;
	line-height: 1.6em;
	margin-right: 80px;
}
#content img {
	margin-top: 6px;
	margin-bottom: 150px;
}

ul {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	list-style-position: outside;
	padding-left: 0px;
	margin-left: 13px;
	list-style-type: square;
	color: #990000;
	font-size: 1.2em;
	line-height: 1.6em;
}
.fltrt {
	float: right;
	margin-left: 20px;
}
.fltlft {
	float: left;
	margin-right: 20px;
}
.rood {
	color: #990000;
}
.grijs {
	color: #424143;
}.vet {
	font-weight: bold;
}
.cursief {
	font-style: italic;
}


/*einde typogrammen _______________________________________*/


/*footer _______________________________________________*/

#footer p {
	color: #FFFFFF;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding-top: 4px;
	padding-right: 30px;
	padding-bottom: 0;
	padding-left: 0;
	letter-spacing: 1px;
	display: block; /*bugfix text-align for IE7*/
	float: right; /*bugfix text-align for IE7*/
}
#footer a:link, #footer a:visited {
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
}
#footer a:hover, #footer a:active {
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
}

/*einde footer _______________________________________________*/


/*dit moet erin _____________________________________________*/

.clearfloat { /* dit exemplaar van class moet op een element div of break zijn geplaatst en dient het laatste element te zijn vóór de afsluiting van een container (hoofdobject) die op zijn beurt een zwevend object volledig dient te bevatten */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

html {overflow-y: scroll;}

/*einde dit moet erin ________________________________________*/







/*grapje op index
*/

#header #kop h3  {
	position: absolute;
	height: 72px;
	width: 780px;
	cursor: default;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-image: url(../i/quote.jpg);
}
#header #kop h3:hover {
	background-position: 0px -72px
}

#header #kop h3 span {
	display: none;
}