
/*		| START : HACK explanation |		*/
/*		IE 5.5 : * In front of the css property FE: *margin: 10px 0; */
/*		IE 6 : _ In front of the css property FE: _margin: 10px 0; */
/*		IE 7 : * In front of the css property FE: *margin: 10px 0; */
/*		IE: !ie After the property value and in front of the ; . FE: margin: 10px 0 !ie; */


/*		| END : HACK explanation |		*/
/*		--------------------------------------------------------------------------------------------------------------------------------------*/
/* Deze website is ontworpen en gerealiseerd door Laura Chavarria
Het copyright voor het ontwerp en de techniek berust bij Laura Chavarria */

/*		| START : DEFAULTS |		*/

*{
	margin: 0;
	padding: 0;
}
body {
	font-family: "Arial", Verdana, Helvetica, sans-serif;
	font-size: 100%;
	overflow:-moz-scrollbars-vertical;
	margin: 0px;
	display: inline-block;
}
span {
	display: none;
}
.floatLeft{
	float: left;
	display: inline;
}
.floatRight{
	float: right;
	display: inline;
}
p	{
	margin-top: 7px;
	margin-bottom: 7px;	
}
h1  {
	font-size: 200%;
	font-family: arial, sans-serif, helvetica, verdana, geneva;
	color: #384070;
	font-weight: bold;
	margin: 20px 0 10px 0;
	letter-spacing: 1px;
}
h2 {
	font-size: 120%;
	font-family : arial, sans-serif, helvetica, verdana, geneva;
	color : #3a3b45;
	font-weight : bold;
	margin-bottom : 10px;
}
a {
	color: #1150B1;
	text-decoration: none;
}
a:hover {
	color : #052C79;
	text-decoration : underline;
}
a:active {
	color: #024EC5;
	text-decoration: underline;
}
ul	{
	margin: 3px;
	margin-top: -5px;
	padding: 0px;
	padding-left: 20px;
	text-align: left;
}
#pageWidth {
	position: relative;
	width: 1000px;
	overflow: hidden;
	margin: 0 auto;
	background: #fff;
	text-align: left;
}
/* Menu styles */
.frame	{
	width: 1000px;
	height: 25px;
	background-color:#000;
	margin: 10px 0 0 0;
	padding: 0 0 0 0;
	background-image: url(bg_menu.gif); 
}
.menu	{
	width: 745px;
	font-family: tahoma, verdana, arial, helvetica, sans-serif, geneva;
	color: White;
	margin: 0 0 0 255px;
	font-size:12px;
	height: 25px;
	background-image: url(bg_menu.gif); 
}
.menu a 	{
	color: #fff;
	font-weight: bold;
	padding: 4px 20px 6px 30px;
	display: block;
	border-bottom: 2px solid #fff;
}
.menu a:hover	{
	color: #eee;
	text-decoration: none;
	padding: 4px 20px 6px 30px;
}
.menu a:active  {
	color : #F4EC1B;
	text-decoration : none;
}
.menuSelected, .menuSelectedHome, .menuSelectedContact, .menuSelectedBlue, .menuSelectedPortf, .menuSelectedWie	 	{
	background-color: #4D505B;
	cursor: pointer;
}
.menuSelectedHome	 	{
	background-color: #00E300;
}
.menuSelectedContact	 	{
	background-color: #F4EC1B;
}
.menuSelectedBlue	 	{
	background-color: #0B08ED;
}
.menuSelectedPortf	 	{
	background-color: #00E1E2;
}
.menuSelectedWie	 	{
	background-color: #D31208;
}
.menuActiveHome, .menuActiveContact, .menuActiveBlue, .menuActivePortf, .menuActiveWie	 	{
	color: #000;
	font-weight: bold;
	padding: 4px 20px 7px 30px;
	display: block;
}
.menuActiveHome	 	{
	background-color: #00e300;
}
.menuActiveContact	 	{
	background-color: #F4EC1B;
}
.menuActiveBlue	 	{
	background-color: #0B08ED;
	color: #ffffff;
}
.menuActivePortf	 	{
	background-color: #00E1E2;
}
.menuActiveWie	 	{
	background-color: #D31208;
	color: #ffffff
}
/* Content styles */
.content	{
	font-family:  verdana, tahoma, helvetica, sans-serif, geneva;
	font-size: 70%;
	color: #494841;
	line-height: 180%;
	margin: 0 0 30px 325px;
	text-align: left;
}
#logo {
	background-image:url(logo_arg.gif);
	background-repeat:no-repeat;
	width: 245px;
	height: 110px;
	margin: 0 15px 20px 756px;
	cursor: pointer;
}
#header, #header_home, #header_contact, #header_portfolio, #header_filmprod, #header_wie {
	background-repeat:no-repeat;
	width: 745px;
	height: 291px;
	margin: 0 15px 20px 255px;
}
#header_home {
	background-image:url(ph_home.jpg);
}
#header_contact {
	background-image:url(ph_contact.jpg);
}
#header_portfolio {
	background-image:url(ph_portfolio.jpg);
}
#header_wie {
	background-image:url(ph_wieisanne.jpg);
}
.header1 {
	background-repeat:no-repeat;
	width: 745px;
	height: 291px;
	margin: 0 15px 20px 255px;
}
/* table styles and copy right */
td {
	vertical-align: top;
	text-align: left;
}
table	{
	border-spacing: 0px;
}
.color1	{
	background-color : #EEEEEE;
	padding: 5px 5px 5px 5px;
}
.color2	{
	background-color : #DDE3E6;
	padding: 5px 5px 5px 5px;
}
.color3	{
	background-color : #55666E;
	padding: 5px 5px 5px 5px;
	color: #ffffff;
}
.wie	{
	font-size: 110%;
	margin: 15px 10px 30px 0;
	border-spacing: 5px;
	width: 550px;
}
.small, .copyright {
	font-family: verdana, tahoma, arial, helvetica, sans-serif, geneva;
	font-size: 70%;
	color: #999fad;
}
.copyright {
	text-align: left;
	border-top: 1px solid #d4d7de;
	padding: 10px 0 0 0;
	letter-spacing: 2px;
	width: 745px;
	margin: 45px 0 0 255px;
	color:#999fad;
}
.clear{
	clear:both;
	height: 0px;
	width: 0px;
	display:block;
	font-size: 0px;
	line-height: 0px;
}

/* Image styles */
.image	{
	display: block;
}
.line_menu{
	background-image: url(line_menu.gif); 
	width: 1px; 
	border-bottom: 2px solid #fff;
}
.bg_menu{
	background-image: url(bg_menu.gif); 
	width: 1px; 
	border-bottom: 2px solid #fff;
}
.line_menub{
	width: 1px; 
	border-bottom: 2px solid #fff;
}
.icon, .image {
	border: 0px;
}

/* Form styles */
.form_field {
	font-size: 100%;
	background: #ffffff;
	color: #142A20;
	font-family: verdana, tahoma, arial, helvetica, sans-serif, geneva;
	border: 1px solid #C2C1B6;
}
