/* Griffid swatches:
============================================================================ */
/*
red 			#e10020;
red - light		#fecccd;
red 			#660000;
blue			#047dc3;
blue - dark		#09537f;
gray 			#e1e1e1;
gray - dark		#4c4c4c;
block bg		#e2e2e2;
borders			#e9e9e9;
*/

*
{
	margin: 0em;
	padding: 0em;
}

h1,h2,h3,h4,h5,h6
{
	color: #4c4c4c;
}


body
{ 
background-image: url('../images/logo.jpg');
background-repeat: no-repeat;
background-attachment: inheret;
background-position: 0px 0px;
}





body,input
{
	font-family: verdana, sans-serif;
	font-size: 9pt;
	color: #4c4c4c;
	
	
}

input.button
{
	border-top: solid 1px #fff;
	border-left: solid 1px #fff;
	border-bottom: solid 1px #888;
	border-right: solid 1px #888;
	background-color: #eaeaea;
	color: #555;
	font-size: 0.8em;
	padding: 0.35em;
}

input.text
{
	border-top: solid 1px #888;
	border-left: solid 1px #888;
	border-bottom: solid 1px #fff;
	border-right: solid 1px #fff;
	padding: 0.1em;
	margin-top: 0.25em;
	margin-bottom: 0.5em;
}
/* hoe zien delinks er standaard uit in de body>>> */
a
{
	color: #819F8B;
	text-decoration: none;
}

a:hover
{
	color: #000000;
	text-decoration: underline;
}

/* Outer */

#outerside
{
	margin: 3.5em auto 0em auto;
	width: 100%;
}

/* Header */

#header
{
	padding: 4.5em 1.5em 0em 4.5em;
}

#header h2
{
	font-size: 0.8em;
	font-weight: normal;
	color: #949494;
	display: inline;
	padding-left: 0.5em;
}

#header h1
{
	font-size: 1.9em;
	display: inline;
	letter-spacing: -0.05em;
}

#header h1 a
{
	color: #343434;
	text-decoration: none;
}

/* Menu */

#menu
{
	
	position: absolute;
	top: 130px;
	left: 0px;
	background-color: #819F8B;
	border-bottom: solid 1px #000000;
	border-top: solid 1px #000000;
	width: 100%;
	
}


#rechts li
{
background:url(../images/mid_arrow.gif) no-repeat 0 5px #FDFEFF; padding-left:10px; margin-top:8px; display:block;
}

#rechts
{
float:right;
width:20%;
padding: 18em 0em 1.5em 2.5em;
}

#menu ul
{
	padding: 0.5em 4.5em 0.5em 4.5em;/* 1e en 3e waarde bepalen "dikte" menu-4e is ruimte links */
	list-style: none;
}

#menu li
{
	display: inline;/* tekst op een rij */
	padding-right: 2.0em;/* afstand tussen tekst */
	font-size: 0.8em;
	
}

#menu li a
{
	color: #ffffff;/* tekstkleur */
	background-color: inherit;
}

#menu li a:hover
{
	border-bottom: solid 1px #ffffff;
}

/* Content */

#content
{
	padding-left: 2em;
	padding-right: 2em;
}

.box
{
	margin-bottom: 0em;/* ruimte onder tekstblok */
}


.box_product
{
	margin-bottom: 4em;/* ruimte tussen boxen links */
}

.boxContent
{
	margin-top: 0.5em;
	padding: 1.25em 1em 0.25em 1em;
	background: #ffffff url('../images/bg_lijn.gif') top left repeat-x;
	
}

.boxlettersize
{
	font-size: 0.8em;
}

/** boxA submit email **/

.boxA .boxContent
{
	margin-top: 0em;
	color: #000000;
	border-bottom: solid 1px #cccccc;
	border-top: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
	background: #ffffff;
	padding: 0.5em 0.5em 0.5em 0.5em;
}

.boxA span
{
	font-weight: bold;
	font-size: 0.8em;
}

.boxA a
{
	background-color: inherit;
	color: #fff;
	font-size: 0.8em;
}

.boxA a:hover
{
	text-decoration: none;
	border-bottom: solid 1px #ff9900;
}

.boxA input.button
{
	margin-top: 0.25em;
	vertical-align: middle;
}

.boxA input.text
{
	width: 100%;
}

/** boxB-search & losse boxen links**/

.boxB .boxContent
{	
	margin-top: 0em;
	color: #000000;
	background: none;
	padding: 1em 1.5em 1em 0em;
	
}

.boxB span
{
	font-weight: bold;
	font-size: 0.8em;
}

.boxB a
{
	background-color: inherit;
	color: #fff;
	font-size: 0.8em;
}

.boxB a:hover
{
	text-decoration: none;
	border-bottom: solid 1px #003300;
}

.boxB input.button
{
	margin-top: 0.25em;
	vertical-align: middle;
}

.boxB input.text
{
	width: 100%;
}

/** Content **/

#content p
{
	margin-bottom: 1em;
	text-align: justify;
	line-height: 1.5em;
}

#content strong
{
	color: #444;
}

#content h2,h3,h4,h5,h6
{
}

#content h2,h3
{
}

#content h3
{
	font-size: 1.0em;
}

#content h2
{
	font-size: 1.25em;
}

#content ul
{
	margin-bottom: 1em;
	padding-left: 1em;
	line-height: 1.8em;
}

#content blockquote
{
	padding: 1em;
	margin-bottom: 1.5em;
	border-left: solid 6px #819F8B;
}

#content blockquote p
{
	margin-bottom: 0em;
	line-height: 0.4em;
}

#content table
{
	margin-bottom: 0.2em;
}

#content table th
{
	text-align: center;
	font-weight: bold;
	padding: 0.5em;
	color: #444;
}

#content table td
{
	padding: 0em;
}

#content scheme
{
	padding: 1em;
}

#content table tr.rowA
{
	background-color: #efefef;
	color: inherit;
}

#content table tr.rowB
{
	background-color: #fafafa;
	color: inherit;
}

/* Primary Content -Middenstuk*/

#primaryContentContainer
{
	float: right;
	margin-left: -25em;
	width: 95%;
}


#primaryContent
{
	margin: 5.6em 0em 0em 15em;
	padding: 2.5em 2.5em 1.5em 2.5em;
}


#primaryContent_product
{
	margin: 5.6em 0em 0em 15em;/* eerste hoogte aan bovenkant/3e is ruimte aan de onderkant, boven copyright gedeelte, laatste is positie links*/
	padding: 2.5em 2.5em 1.5em 2.5em;
}



/* Secondary Content */

#secondaryContent/* productsheet */
{
	font-size: 0.8em;
	float: left;
	width: 20em;
	padding: 8em 2.5em 1.5em 2.5em;/* BOVENKANT RUIMTE LINKS / eerste hoogte aan bovenkant/laatste is positie links*/
}



#secondaryContentindex
{
	float: left;
	width: 16em;
	padding: 5.0em 2.5em 1.5em 2.5em;/* eerste hoogte aan bovenkant/laatste is positie links*/
}

#secondaryContentemail/* index */

{
	float: left;
	width: 14em;
	padding: 8em 0.5em 1.5em 2.5em;/* eerste hoogte aan bovenkant/laatste is positie links*/
}

#secondaryContentsearch/* index */
{
	position: absolute; top: -20px; right: 10px; 
	width: 18em;
	padding: 4.5em 2.5em 1.5em 2.5em;/* eerste hoogte aan bovenkant/laatste is positie links*/
}
/* Footer */

#footer
{
	border-top: solid 1px #e5e5e5;
	text-align: center;
	padding: 1.5em 0em 1.5em 0em;
	
}

.clear
{
	clear: both;
}