body{
	font-family: "Century Gothic", Verdana, Arial, Sans-Serif;
	font-size:0.7em;
	background:#74a9e1 url(images/bgstripper.jpg);
	background-position:top left;
	background-repeat: repeat-x;
	color:#ffffff;
}

/* Gebruikte kleuren:

Lichte blauw 	#74a9e1
donkere blauw	#387bc0
rood			#c72525
wit				#ffffff
zwart			#000000
*/

/* TOOLTIP bij LOGO - wie? */
.wie {
	background:#c72525 url(images/erick_bg.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	border:solid 25px #387bc0;
	color:#000000;
	height:224px;
	margin:0 0 0 -200px;
	padding:12px 22px 12px 162px; 
	position:absolute;
	visibility:hidden;
	width:328px;	
	text-align:left;
	z-index:100;
}
/* ToolTip bij links in teksten */
.texttip {
	position:absolute; z-index:100;
	visibility:hidden;
	padding:11px;
	border:solid 2px #387bc0; 
	width:280px;
	font-size:1.1em;
	text-align:left;
	color:#000000;  
	background-color:#ffffff;
}
.texttip span{color:#387bc0;background-color:#ffffff;}


.pasfototip{
	position:absolute; z-index:100;
	visibility:hidden;
	padding:11px;
	border:solid 2px #387bc0; 
	width:244px;
	text-align:center;
	background-color:#ffffff;
}

/* ToolTip bij uitleg technieken */
.tip {
	border:solid 25px #387bc0; 
	width:280px; 
	padding:22px;
	position:absolute; z-index:100;
	visibility:hidden; 
	color:#000000;
	text-align:left; 
	top:0px;
	left:90px; 
	background-color:#ffffff;
}

/* MAINCONTAINER */
#maincontainer{
width: 754px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}


#contentcolumn_large{	background:#387bc0;	
padding:23px 27px 19px 25px;}

#contentcolumn_large .column_large{	
background:#ffffff;color:#000;
padding:11px 11px 11px 11px;
height:36.25em;/* Alle Browsers */
*height:35.85em;/* IE7 en IE6 */
_height:35.85em;/* IE6 */
}

.column_large h2{
	padding:0px;
	margin:0;
	font-size:1.7em;
	text-align:left;
	font-weight:normal;
	background:transparent;
}
/* HEADER */
#topsection{
	background: #74a9e1 url(images/erick_logo.gif);
	background-position:100px 0px;
	background-repeat:no-repeat;
	height:76px;
	font-size:1.1em;
}
#topsection .links{
	width:729px;
	padding:0;
	text-align:right;
}
#topsection .links a:link, #topsection .links a:visited{text-decoration: none;background:#74a9e1;color: #ffffff;}
#topsection .links a:hover{text-decoration: underline;background:#74a9e1;color: #000000;}
#topsection .links a.active{text-decoration: none;background:#74a9e1;color: #000000;}

#topsection h1{
	font-family: "Century Gothic", Verdana, Arial, Sans-Serif; 
	letter-spacing:0.4em;/* Alle Browsers */
	font-size:1.2em;
	font-weight:normal;
	text-align:left;
	padding:0;
	margin:0;
}
#innercolumn h1{font-size:2em;background:#ffffff;color:#c72525;}

#topsection h2{
	font-family: "Century Gothic", Verdana, Arial, Sans-Serif; 
	letter-spacing:0.4em;/* Alle Browsers */
	font-size:1.2em;
	font-weight:normal;
	text-align:left;
	padding:0;
	margin:0;
	color:#ffffff;
	background:#74a9e1;
}

h1.teksthead{
	padding:0;
	margin:0;
	font-size:2em;
	text-align:left;
	font-weight:normal;
	background:#ffffff;
	color:#c72525;
}
h1 span.pagenr{
	padding:0;
	font-size:11px;
	text-align:right;
	font-weight:normal;
	background:#ffffff;
	color:#000000;
}
h2.teksthead{
	padding:0;
	margin:0;
	font-size:2em;
	text-align:left;
	font-weight:normal;
	background:#ffffff;
	color:#c72525;
}

h2 span.pagenr{
	padding:0;
	font-size:11px;
	text-align:right;
	font-weight:normal;
	background:#ffffff;
	color:#000000;
}



.functie{float:left;padding-top:48px;}

.topmenu_holder{float:right;padding-top:51px;}
/* Einde HEADER */


#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-left: 397px; /*Set left margin to LeftColumnWidth*/
}

#contentcolumn{
	background:#387bc0;	
	padding:23px 27px 19px 27px;/* Alle Browsers */
	*padding:23px 27px 23px 27px;/* IE7 en IE6 */
	_padding:23px 27px 23px 27px;/* IE6 */
}



/* Tussen MAINLEFT en MAINRIGHT zie je een 'BLOKJE' bij het gekozen onderwerp! */
.subject-pointer-blanko{position:absolute;display:block;background:#74a9e1;width:30px;height:30px;margin:23px 0 0 367px;}

.subject-pointer-webdesign{position:absolute;display:block;background:#387bc0;width:30px;height:30px;margin:23px 0 0 367px;}

.subject-pointer-webbouw{position:absolute;display:block;background:#387bc0;width:30px;height:30px;margin:182px 0 0 367px;}

.subject-pointer-advies{position:absolute;display:block;background:#387bc0;width:30px;height:30px;margin:341px 0 0 367px;}



.tekstvlak{
	background:#ffffff;
	overflow:auto;
	padding:6px 10px 10px 10px;
	height:36.25em;/* Alle Browsers */
	*height:35.85em;/* IE7 en IE6 */
	_height:35.85em;/* IE6 */
}

.small{font-size:96%;font-style:italic;}


.tekstvlak_subnav{
	background:#ffffff;
	overflow:auto;
	overflow-x:hidden;
	padding:6px 10px 10px 10px;
	height:36.25em;/* Alle Browsers */
	*height:35.85em;/* IE7 en IE6 */
	_height:35.85em;/* IE6 */
}

#navlist{
margin:0 0 12px 0;
padding-left: 0;
list-style: none;
}
#navlist li{
margin:6px 0 0 0;
padding:0 0 0 26px;
background-image: url(images/bullet.gif);
background-repeat: no-repeat;
background-position: 0 0.15em;
color:#000000;
font-size:1.2em;
}


/* Lijst met alfabetische volgorde */
#alphalist{
margin-left:-20px;*margin-left:17px;_margin-left:17px;
list-style-type: upper-alpha;
list-style: square outside;
color:#c72525;
}
.alphalistitem{padding:0 0 3px 5px;font-size:1.2em;color:#000000;background:#ffffff;}

/* Lijst op Landingpage van verzonden email */
ol#landingpagelist, ol#landingpagelistlast{
margin-left:-20px;*margin-left:17px;_margin-left:17px;
list-style-type: square;
color:#c72525;
font-weight:bold;
}
ol#landingpagelist .landingpagelistitem, ol#landingpagelistlast .landingpagelistitem{font-size:1.2em;padding-bottom:5px;padding-left:6px;}

.black{background:#ffffff;color:#000000;font-weight: inherit;}

/* Links in teksten */
a.textlink:link, a.textlink:visited {background:#ffffff;color:#c72525;text-decoration: none;}
a.textlink:hover {background:#ffffff;color:#000000;text-decoration: underline;}
a.textlink:active {background:#ffffff;color:#c72525;text-decoration: none;}

a.textlinkbold:link, a.textlinkbold:visited {background:#ffffff;color:#c72525;font-weight:bold;text-decoration: none;}
a.textlinkbold:hover {background:#ffffff;color:#000000;font-weight:bold;text-decoration: underline;}
a.textlinkbold:active {background:#ffffff;color:#c72525;font-weight:bold;text-decoration: none;}

/* Links zonder underline in teksten */
a.textlinknounderline:link, a.textlinknounderline:visited {font-size:14px;background:#ffffff;color:#c72525;text-decoration: none;}
a.textlinknounderline:hover {background:#ffffff;color:#000000;text-decoration: none;}
a.textlinknounderline:active {background:#ffffff;color:#c72525;text-decoration: none;}


/* Links in footer */
a.footerlink:link, a.footerlink:visited {background:#74a9e1;color:#ffffff;text-decoration: none;}
a.footerlink:hover {background:#74a9e1;color:#000000;text-decoration: underline;}
a.footerlink:active {background:#74a9e1;color:#ffff00;text-decoration: none;}


a.meerinformatielink:link, a.meerinformatielink:visited {background:#ffffff;color:#c72525;text-decoration: none;}
a.meerinformatielink:hover {background:#ffffff;color:#000000;text-decoration: underline;}
a.meerinformatielink:active {background:#ffffff;color:#c72525;text-decoration: none;}

a.meerinformatiesmall:link, a.meerinformatiesmall:visited {font-size:90%;background:#ffffff;color:#c72525;text-decoration: none;}
a.meerinformatiesmall:hover {font-size:90%;background:#ffffff;color:#000000;text-decoration: underline;}
a.meerinformatiesmall:active {font-size:90%;background:#ffffff;color:#c72525;text-decoration: none;}



a.contactlink:link, a.contactlink:visited {
font-size:1em;/* Alle Browsers */
*font-size:1.2em;/* IE7 en IE6 */
_font-size:1.2em;/* IE6 */
background:#ffffff;color:#c72525;text-decoration: none;}
a.contactlink:hover {background:#ffffff;color:#000000;text-decoration: underline;}
a.contactlink:active {background:#ffffff;color:#c72525;text-decoration: none;}

a.portfoliolink:link, a.portfoliolink:visited {background:#ffffff;color:#c72525;text-decoration: none;}
a.portfoliolink:hover {background:#ffffff;color:#000000;text-decoration: underline;}
a.portfoliolink:active {background:#ffffff;color:#c72525;text-decoration: none;}


a.portfoliolink2:link, a.portfoliolink2:visited {background:#ffffff;color:#c72525;font-size:1.2em;line-height:2em;text-decoration: none;}
a.portfoliolink2:hover {background:#ffffff;color:#000000;text-decoration: underline;}
a.portfoliolink2:active {background:#ffffff;color:#387bc0;text-decoration: none;}

a.portfolio_small:link, a.portfolio_small:visited{background:#ffffff;color:#387bc0;text-decoration: none;font-size:1.2em;line-height:2em;text-transform:lowercase;letter-spacing:0.075em;}
a.portfolio_small:hover {background:#ffffff;color:#000000;text-decoration: underline;}
a.portfolio_small:active {background:#ffffff;color:#c72525;text-decoration: none;}


/* De subnavigatie onderaan wit tekstvlak */
.subnav_txt_left{width:140px;height:24px;background:#ffffff;float:left;text-align:left;padding-left:10px;}

.subnav_txt_right{width:140px;height:24px;background:#ffffff;float:right;text-align:right;padding-right:10px;}



#leftcolumn{
float: left;
width: 367px; /*Width of left column*/
margin-left: -754px; /*Set left margin to -(MainContainerWidth)*/
}
/* 3 MAIN BUTTONS */
/* WEBDESIGN BUTTON */
.webdesign_butt a {
display:block;
background: #ffffff url("images/webdesignbutt.jpg") 0 0 no-repeat;
text-decoration: none;
width: 333px;
height:121px;
text-align: left;
padding:28px 0 0 34px;
font-size: 1.2em;
font-weight:normal;
letter-spacing:-1px;
color:#000000;
cursor: pointer;
}
.webdesign_butt a:hover { 
background-position: 0 -149px;
color: #c72525;
}
.webdesign_butt a:active {
background-position: 0 -298px;
color:#000000;
}

h2.webdesign{
	padding:0px 0 0px 10px;
	margin:0;
	font-size:1.7em;
	text-align:left;
	font-weight:normal;
	background:transparent;
}

p.buttons{
color:#000000;
background:transparent;
padding:0;
padding-left:10px;
margin:0;
font-size:1.2em;
line-height:1.550em;
text-align:left;
}
.buttonsred{background:#ffffff;color:#c72525;font-size:1em;font-weight:normal;letter-spacing: 0px;padding:0;margin:0;}


/* WEBBOUW BUTTON */
.webbouw_butt a {
background: #ffffff url("images/webbouwbutt.jpg") 0 0 no-repeat;
display:block;
width: 333px;
height:121px;
margin-top:9px;
padding:28px 0 0 34px;
color:#000000;
font-size: 1.2em;
font-weight:normal;
letter-spacing:-1px;
text-decoration: none;
text-align: left;
cursor: pointer;
}
.webbouw_butt a:hover, .webbouw_buttpage a:hover { 
background-position: 0 -149px;
color: #c72525;
}
.webbouw_butt a:active, .webbouw_buttpage a:active {
background-position: 0 -298px;
color:#000000;
}

/* ADVIES BUTTON */
.advies_butt a {
display:block;
margin-top:8px;
background: #ffffff url("images/adviesbutt.jpg") 0 0 no-repeat;
text-decoration: none;
width: 333px;
height:121px;
text-align: left;
padding:28px 0 0 34px;
font-size: 1.2em;
font-weight:normal;
letter-spacing:-1px;
color:#000000;
cursor: pointer;
}
.advies_butt a:hover, .advies_buttpage a:hover { 
background-position: 0 -149px;
color: #c72525;
}
.advies_butt a:active, .advies_buttpage a:active {
background-position: 0 -298px;
color:#000000;
}

/* De SPANs voor alle 3 de main buttons */
span.webdesign{
display:block;margin:0;padding:6px 0 0 0;font-size:0.6em;font-weight:normal;letter-spacing: 0px;}

span.webbouw{
display:block;margin:0;padding:6px 0 0 0;font-size:0.6em;font-weight:normal;letter-spacing: 0px;}

span.advies{
display:block;margin:0;padding:6px 0 0 0;font-size:0.6em;font-weight:normal;letter-spacing: 0px;}

/* Voor rode regel tekst in 3 main buttons */
span.red{clear:all;background:#ffffff;color:#c72525;font-size:0.6em;font-weight:normal;letter-spacing: 0px;padding:0;margin:0;}

/* Einde 3 MAIN BUTTONS */




/* PORTFOLIO */
#screenshots{
float: left;
width: 315px; /*Width of left column*/
background:#387bc0;
margin-left: -754px; /*Set left margin to -(MainContainerWidth)*/
padding:23px 26px 23px 26px;
}
.screenshot_vlak{
	background:#ffffff;
	overflow:auto;
	height:37.60em;/* Alle Browsers */
	*height:38.75em;/* IE7 en IE6 */
	_height:38.75em;/* IE6 */
	margin:0;
	color:#000000;
	text-align:justify;
}
.screenshot_vlak p{
padding:0 10px 0 10px;
margin:0;
color:#000000;
background:#ffffff;
font-size:1.2em;
line-height:1.8em;/* Alle Browsers */
*line-height:1.275em;/* IE7 en IE6 */
_line-height:1.275em;/* IE6 */
}
.description strong{background:#ffffff;color:#c72525;}

a.screenshot:link, a.screenshot:visited {background:#ffffff;color:#000000;font-size:1.4em;text-decoration: none;text-align:right;}
a.screenshot:hover {background:#ffffff;color:#c72525;text-decoration: underline;}
a.screenshot:active {background:#ffffff;color:#387bc0;text-decoration: none;}




a.sitemap:link, a.sitemap:visited {background:#387bc0;color:#ffffff;text-decoration: none;padding:2px 5px 2px 5px;}
a.sitemap:hover {background:#387bc0;color:#74a9e1;text-decoration: none;}
a.sitemap:active {background:#387bc0;color:#ffffff;text-decoration: none;}


p{
color:#000000;
background:#ffffff;
font-size:1.2em;
line-height:1.550em;/* Alle Browsers */
*line-height:1.275em;/* IE7 en IE6 */
_line-height:1.275em;/* IE6 */
text-align:justify;
}

a{color:#000000;}

#footer{
clear: left;
width: 100%;
color: #ffffff;
text-align:left;
padding:1px 0 0 0;/* Alle Browsers */
*padding:12px 0 0 0;/* IE7 en IE6 */
_padding:12px 0 0 0;/* IE6 */
}

#footer p{font-size:1em;color:#ffffff;background:transparent;text-align:left;}

strong.erick{font-weight:bold;letter-spacing:2px;color:#ffffff;background:transparent;}


/* Voor uitlijning in het algemeen */
.alignleft_contact{
float:left;
text-align:left;
margin-top:40px;/* Alle Browsers */
*margin-top:0px;/* IE7 en IE6 */
_margin-top:0px;/* IE6 */
margin-bottom:0px;
font-size:1.2em;
}

.alignleft{float:left;text-align:left;margin-bottom:0px;font-size:1.2em;}
.alignright{float:right;text-align:right;margin-bottom:0px;font-size:1.2em;}
.aligncenter{text-align:center;margin-bottom:0px;padding:0 auto 0 auto;font-size:1.2em;}

strong.center{text-align:center;}

h2{
	padding:0;
	margin:0;
	font-size:1.7em;
	text-align:left;
	font-weight:normal;
	background:#74a9e1;
	color:#c72525;
}

h2.active{
	padding:0;
	margin:0;
	font-size:1.7em;
	text-align:left;
	font-weight:normal;
	background:#387bc0;
	color:#c72525;
}

h3{
	padding:0;
	margin:0;
	font-size:1.2em;
	font-weight:bold;
	background:#ffffff;
	color:#c72525;
}
h3.right{
	padding:0;
	margin:0;
	font-size:1.4em;
	font-weight:bold;
	background:#ffffff;
	color:#c72525;
	text-align:right;
}

img{border:0;padding:0;margin:0;}

/* Formulieren */
INPUT.naam, INPUT.emailadres, INPUT.telefoon{
width:250px;height:21px;background:#ffffff;color:#c72525;font-size:16px;padding:2px 0 0 2px;font-weight:normal;border:1px solid #a32025;}

TEXTAREA{width:244px;height:70px;background:#ffffff;color:#c72525;font-size:16px;padding:4px;font-weight:normal;border:1px solid #a32025;}

INPUT.button{width:254px;height:24px;background:#ffffff;color:#c72525;font-size:16px;font-weight:normal;border:1px solid #a32025;margin:4px 0 0 0px;}

.verplicht_veld{width:252px;padding-top:10px;text-align:right;font-size:10px;color:#000000;background:#ffffff;padding:0;}

strong{font-weight:bold;background:#ffffff;color:#000000;}

strong.contact{font-weight:bold;background:#74a9e1;color:#fff;}

TD{background:#ffffff;color:#000000;
font-size:1.2em;/* Alle Browsers */
*font-size:1em;/* IE7 en IE6 */
_font-size:1em;/* IE6 */
}

/* Eind Formulieren */





hr {
width:200px;
height: 0;
border: 0;
border-top: 1px solid #c72525;
}

hr.tooltip{
height: 0;
border: 0;
border-top: 1px solid #75a9e2;}

hr.landingpage {
width:100%;
height: 0;
padding-bottom:10px;
border: 0;
border-top: 1px dotted #cccccc;
}

.z{font-weight:bold;font-size:1.2em;color:#ff0000;background:#ffffff;}

/* Preloading IMAGES! */
.hiddenPic {display:none;}

.noshow {
  display: none !important;
}

.adres{visibility: hidden !important;}





/* LANDINGPAGE EMAIL AANBOD */
#outercolumn{width:694px;background:#387bc0;padding:23px 27px 19px 25px;}
#innercolumn{background:#ffffff;padding:30px;color:#000000;}


#topsection .links_land{
	width:729px;
	padding:0;
	text-align:right;
	padding-right:8px;
}
#topsection .links_land a:link, #topsection .links_land a:visited{text-decoration: none;background:#74a9e1;color: #ffffff;}
#topsection .links_land a:hover{text-decoration: underline;background:#74a9e1;color: #000000;}
#topsection .links_land a.active{text-decoration: none;background:#74a9e1;color: #000000;}


/* Gebruikte kleuren:

Lichte blauw 	#74a9e1
donkere blauw	#387bc0
rood			#c72525
wit				#ffffff
zwart			#000000
*/