@CHARSET "ISO-8859-1";

html, body {
	text-align: center;
}

body {
	background: #fff none;
	font: 62.5% Arial, Verdana;
	color: #333;
	line-height: 18px;
	letter-spacing: normal;
}

.clear { clear: both; }

a { line-height:1.6em; }

#header_wrapper { width: 100%; height: 65px; background: url(../img/header.gif) repeat-x; text-align: center; }
	#header_margins { margin: 0 auto; width: 700px; } 
		#header_left { width: 50%; float: left; display: inline; padding-top: 6px; }
		#header_right { width: 50%; float: right; display: inline; padding-top: 6px; text-align: right; }
#page_margins { margin: 0 auto; width: 700px; text-align: center; }
		#page { width: 100%; text-align: left; }
			#logo { width: 180px; float: left; display: inline; padding-top: 20px; }
				#logo.intro { text-align: center; width: 100%;  }
			#nav_right { width: 520px; float: right; display: inline; padding-top: 28px; }
				#nav_right_inner { padding-top: 50px; padding-left: 100px; } 
				#nav_right_inner p { font: inherit; font-size: 1.2em; color: #666; line-height: 1.8em; text-align: right; font-style: italic; }
				
			#navcontainer { width: 100%; height: 40px; padding-top: 25px; } 
				#nav { border-top: 1px solid #777; padding-top: 10px; }
			#contentwrapper { width: 100%; min-height: 145px; font: inherit; font-size: 1.2em; 
				color: #555; background: url(../img/content_bg.png) no-repeat 0 bottom; }
				#contentwrapper.intro { background: none;  }
				#contentwrapper.solutions { background: none;  }
				#contentwrapper.cvjeroen {  background: url(../img/content_bg_groot.png) no-repeat 0 bottom; }
				#content_left { width: 50%; float: left; display: inline; padding-top: 6px; }
					#content_left p  { text-align: justify; padding: 1em 1.5em 1.5em 1em; }
				#content_right { width: 50%; float: right; display: inline; padding-top: 6px; }
					#content_right p { text-align: justify; padding: 1em 1.5em 1.5em 1em; }
			#footer { width: 100%; padding-top: 10px; }
				#footer p { text-align: center; }
				
/* contact */
#contact_col1 { width: 33%; float: left; display: inline; }
#contact_col2 { width: 33%; float: left; display: inline; }
#contact_col3 { width: 33%; float: left; display: inline; }

#contact_col1 img,
#contact_col2 img,
#contact_col3 img { padding-top: 10px; }

/* solutions */
p.solutions { text-align:right; color: #aaa; padding-bottom: 1.5em; }

/* extra opmaak */
h3 { font: 1.2em Arial; font-style: italic; color: #ED0776; padding: 1em 0 0 1em; }
p.adress { padding: 1em 0 1.5em 1em; }
p.nopadding { padding: 0 0 0 1em; }
			
/* grote quote */
#grotequotecontainer { width: 700px; height: 190px; background: url(../img/ballon1.png) no-repeat; margin-top: 10px; }
	#grotequoteinner { width: 100%; height: 190px; color: #fff; font: 1.4em Arial; font-weight: bold; padding: 10px; position: relative; } 
		#grotequoteinner p { padding: 1.5em 3.4em 1.5em 3.4em; }

/* navigatie */
#nav a { float: left; display: block; height: 10px; margin-right: 53px; }
#nav a span { display: none; }
#nav a.default:hover { background-position: 0 -10px; }
#nav .active { background-position: 0 -20px; }

a#home { background:transparent url(../img/nav_home.png) no-repeat scroll 0 0; width: 50px; }
a#mission { background:transparent url(../img/nav_mission.png) no-repeat scroll 0 0; width: 50px; }
a#solutions { background:transparent url(../img/nav_solutions.png) no-repeat scroll 0 0; width: 65px; }
a#cvluk { background:transparent url(../img/nav_cvluk.png) no-repeat scroll 0 0; width: 97px; }
a#cvjeroen { background:transparent url(../img/nav_cvjeroen.png) no-repeat scroll 0 0; width: 122px; }
a#contact { background:transparent url(../img/nav_contact.png) no-repeat scroll 0 0; width: 48px; margin-right: 0px; }

/* links */


/* footer */
#footer { color: #222; }
#footer a { color: #222; }
#footer a:link { text-decoration: none; }
#footer a:visited { text-decoration: none; }
#footer a:hover { text-decoration: underline; color: #444; }
#footer a:active { text-decoration: none; }

a { color: #ED0776; }
a:link { text-decoration: none; color: #ED0776; }
a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
a:active { text-decoration: none; }