@charset "UTF-8";
/* CSS Document */

/*****************
 CSS Document 
 Copyright 2009 
 27NewMedia
 Schoolstraat 11
 7071 ZX Ulft
 W: www.27newmedia.nl
 E: info@27newmedia.nl
 T: 06 53 60 44 71
 alle rechten voorbehouden
 *********************/
 
/* algemene opbouw en achtergrond */

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

html, body {
	font-family			:	Verdana, Arial, Helvetica, sans-serif;
	}
#bgheader{
	height				: 	450px;
	width				: 	100%;
	border-bottom		: 	10px solid #e20177;
	background-image	: 	url(../images/bglelie.jpg);
	background-repeat	: 	repeat;
	}
	
#bgtussen{
	height				: 	770px;
	width				: 	100%;
	border-top			: 	7px solid #08dbf7;
	border-bottom		: 	10px solid #e20177;
	background-image	: 	url(../images/bgplaid.jpg);
	background-repeat	: 	repeat;
	position			: 	relative;
	}
	
#bgfooter{
	height				: 	1200px;
	width				: 	100%;
	border-top			: 	7px solid #08dbf7;
	background-image	: 	url(../images/bglelie.jpg);
	background-repeat	:	 	repeat;
	}
	
#banner {
	position			: 	relative;
	z-index				: 	1000;
	top					: 	0px;
	right				: 	50px;
}

#logo {
	position			: 	relative;
	z-index				: 	1000;
	top					: 	0px;
	float				: 	right;
	}


/* einde algemene opbouw en achtergrond */

/* begin nav */
#nav{
	margin				:	0 auto;
	float:				:	left;
	width				: 	700px;
	height				: 	60px;
	font-size			: 	16px;
}

.navitem{
	display				: 	block;
	width				:	 auto;
	float				: 	left;
	margin				: 	28px 25px 0 10px;
}

#nav a {
	color				: 	#08dbf7;
	text-decoration		: 	none;
	}

#nav a:hover
{	position			:	relative;
	color				: 	#08dbf7;
	border-bottom		: 	4px solid #e20177;
}

/* einde nav */

/* begin header */
#header{
	width				: 	700px;
	margin				: 	0 auto;
	padding				: 	50px 0 0 15px;
	font-family			: 	"Trebuchet MS", Verdana;
	color				: 	#FFFFFF;
	font-size			: 	34px;
	line-height			: 	43px;
	font-weight			: 	normal;
	text-align			: 	left;
}

.roze {
	background-color	: 	#e30177;
	padding-right		: 	2px;
	padding-left		: 	2px;
}

.roze a{
	color				:	#fff;
	text-decoration		:	none;
	}

.roze a:hover{
	color				:	#08dbf7;
	text-decoration		:	none;
}
/* einde header */

/* begin tussenstuk */
#werk{
	width				: 	700px;
	text-transform		: 	uppercase;
	color				: 	#e20177;
	padding-top			: 	130px;
	padding-left		: 	10px;
	margin-top			: 	0;
	margin-right		: 	auto;
	margin-bottom		: 	0;
	margin-left			: 	auto;
	padding-bottom		: 	10px;
}

#meerwerk{
	width				: 	700px;
	margin-top			: 	0;
	margin-right		: 	auto;
	margin-bottom		: 	0;
	margin-left			: 	auto;
	text-transform		: 	uppercase;
	color				: 	#08dbf7;
	}

.bubbleInfo{
	height				: 	210px;
	width				: 	700px;
	margin				: 	0 auto;
	position			:	relative;
}

.klant{
	border				: 	8px solid #08dbf7;
	margin				: 	12px 0 0 0;
}
/* einde tussenstuk */

/* begin 3 kolommen */
#kolommen{
	height				: 	auto;
	width				: 	700px;
	margin-top			: 	0px;
	margin-right		: 	auto;
	margin-bottom		: 	0px;
	margin-left			: 	auto;
	padding-top			: 	30px;
}

.kolom{
	height				: 	300px;
	width				: 	230px;
	float				: 	left;
	margin-top			: 	10px;
	margin-right		: 	3px;
	font-size			: 	12px;
	line-height			: 	18px;
}

h4{
	font-size			: 	16px;
	font-weight			: 	bold;
	text-transform		: 	uppercase;
	color				: 	#fff;
	background-image	: 	url(../images/pijl.gif);
	background-repeat	: 	no-repeat;
	height				: 	28px;
	padding-left		: 	10px;
	padding-top			:	4px;
	margin				: 	0px;
}

h4 a{
	color				:	#fff;
 	text-decoration		:	none;}

h4 a:hover{
	color				:	#08dbf7;
 	text-decoration		:	none;}

.uitlijn{
	width				: 	215px;
	text-align: left;
}

.voordeel {
	font-size			: 	13px;
	height				: 	24px;
	text-indent			: 	35px;
	padding-top			:	7px;
	list-style-type		: 	none;
	background-image	: 	url(../images/warning.png);
	background-repeat	: 	no-repeat;
	background-position	: 	left center;
	display: block;
}
/* einde 3 kolommen */

/* begin footer */
#footer{
	height				: 	auto;
	width				: 	700px;
	margin				:	0 auto;
	padding-top			: 	30px;
	font-size			: 	13px;
	color				: 	#f2f2f2;
	line-height			: 	18px;
}

h6{
	font-size			: 	26px;
	font-weight			: 	normal;
	color				: 	#fff;
	font-family			: 	"Trebuchet MS", Verdana;
	margin-bottom		: 	10px;
	margin-top: 15px;
	}

#over{
	float				: 	left;
	height				: 	auto;
	width				: 	380px;
}
.adresroze {
	color				: 	#E20177;
}

#adres, #route{
	float				: 	left;
	margin-top			:	20px;
	line-height			:	18px;
	font-size			:	14px;
	height				:	 auto;
	width				: 	380px;
}

#route{
	float				: 	left;
	margin-top			:	20px;
	line-height			:	18px;
	font-size			:	14px;
	height				:	 auto;
	width				: 	380px;
}

#footer p{
	margin-top			:		0;
	margin-right		: 	15px;
	margin-left			: 	0;
	margin-bottom		: 	10px;
}

#contact{
	float				: 	right;
	height				: 	auto;
	width				: 	310px;
	margin-bottom		: 	25px;
}

#alto{
	float				: 	right;
	height				: 	auto;
	width				: 	310px;
	margin-top			: 	10px;
	}

#alto a{
	color				: 	#f2f2f2;
	text-decoration		: 	none;
}
#alto a:hover{
	color				: 	#E20177;
	text-decoration		: 	none;
}
	
.skype, .az, .mail, .linkedin, .msn {
	background			: 	transparent url(../images/skype.png) no-repeat scroll left center;
	font-size			: 	14px;
	height				: 	32px;
	text-indent			:	40px;
	padding-top: 10px;
}

.az {
	background			: 	transparent url(../images/az.png) no-repeat scroll left center;
	}
	
.msn {
	background			: 	transparent url(../images/users.png) no-repeat scroll left center;
	}
.mail {
	background			: 	transparent url(../images/email.png) no-repeat scroll left center;
	}

.linkedin {
	background			: 	transparent url(../images/linkedin.png) no-repeat scroll left center;
	}
/* einde footer */

/* begin contactform */
td {
	color				: 	#e20177;
	font-size			:	14px;
	font-family			: 	"Trebuchet MS", Verdana;
	letter-spacing		: 	1px;
	
}

#form27{
	margin-left: -2px;
}

#button {
	background-color	: 	#e20177;
	height				: 	27px;
	width				: 	260px;
}
.height {
	height				:	20px;
	margin-bottom		: 	10px;
	font-size: 14px;
}
#vraag {
	font-size: 14px;
}

/* einde contactform */

#gegevens{
	height				: 	60px;
	width				: 	100%;
	background-color	: 	#E20177;
}

#data {
	height				: 	50px;
	width				: 	700px;
	background-color	: 	#E20177;
	font-size			: 	12px;
	margin				:	0 auto;
	padding-top			: 	5px;
	text-align			: 	center;
	color				: 	#000000;
	line-height: 24px;
}

#data a{ 
	color				:	#000;
 	text-decoration		:	none;
	}

#data a:hover{ 
	color				:	#08dbf7; 
	text-decoration		:	none;
	}
/* voorwaarden */

#bgvoorwaarden{
	height				: 	auto;
	width				: 	100%;
	border-top			: 	7px solid #08dbf7;
	border-bottom		: 	10px solid #e20177;
	background-image	: 	url(../images/bglelie.jpg);
	background-repeat	: 	repeat;
	}

#voorwaarden{
	width				: 	700px;
	padding-top			: 	150px;
	padding-left		: 	10px;
	margin 				: 	0 auto;
	padding-bottom		: 	10px;
	color				: 	#FFFFFF;
	line-height			: 	22px;
}

#voorwaarden p{
	margin-bottom		: 	10px;
	font-size			:	13px;
}

#bgportfolio{
	height				: 	4800px;
	width				: 	100%;
	border-top			: 	7px solid #08dbf7;
	border-bottom		: 	10px solid #e20177;
	background-image	: 	url(../images/bgplaid.jpg);
	background-repeat	: 	repeat;
	position			: 	relative;
	}
	
/* 404 */
#bg404{
	height				: 	100%;
	width				: 	100%;
	}
	
#header404{
	width				: 	700px;
	margin				: 	0 auto;
	padding				: 	30px 0 0 15px;
	font-family			: 	"Trebuchet MS", Verdana;
	color				: 	#FFFFFF;
	font-size			: 	34px;
	line-height			: 	43px;
	font-weight			: 	normal;
	text-align			: 	center;
}

#newmedia{
	width				: 	700px;
	height				:	auto;
	margin				: 	0 auto;
	padding-top			: 	30px;
	color				: 	#FFFFFF;
	}

#logo404{
	width				: 	350px;
	height				:	auto;
	float				:	left;
	}
	
h5{
	font-size			: 	22px;
	font-weight			: 	normal;
	color				: 	#fff;
	margin-top			: 	9px;
	margin-bottom		: 	10px;
	font-family			: 	"Trebuchet MS", Verdana;
	}

#info404 a{
	color:#FFFFFF;
	text-decoration:none;}
	
#info404 a:hover{
	color:#e20177;
	text-decoration:none;}
	
.p404{
	background-image: url(../images/refresh.png);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 40px;
	height: 32px;
	margin-top: 10px;
	margin-left: -5px;
}

#info404{
	width				: 	350px;
	height				:	auto;
	float				:	right;
	}

/* 404 */


/* BUBBLE */
.trigger {	
    width				: 	662px;
	border				: 	8px solid #08dbf7;
	margin				: 	12px 0 0 0;
	}

/* Bubble pop-up */

.popup {
	position			: 	absolute;
    display				: 	none;
	width				:	600px;
    z-index				: 	3000;
    border-collapse		: 	collapse;
        }

.popup td.corner {
    height				: 	15px;
    width				: 	19px;
        }

.popup td#topleft {}
.popup td.top {}
.popup td#topright { }
.popup td.left { }
.popup td.right {}
.popup td#bottomleft { }
.popup td.bottom { }
.popup td.bottom img { display: block; margin: 0 auto; }
.popup td#bottomright { }


.popup table.popup-contents {
	font-size			: 	13px;
	width:600px;
	background-color	: 	#000;
	font-family			: 	"Trebuchet MS", Verdana;
	border				: 	3px solid #e20177;
    }


table.popup-contents th {
	text-align			: 	right;
	padding				: 	5px 0 0 10px;
	color				: 	#FFF;
    }

table.popup-contents td {
	text-align			: 	left;
	padding				: 	5px 0 0 10px;
	display				: 	block;
	color				: 	#fff;
    }

tr#release-notes th {
	text-align			: 	left;
	padding				: 	0 0 10px 0;
	text-indent			: 	-9999px;
	height				: 	24px;
   }

tr#release-notes td a {
	color				: 	#08DBF7;
	text-decoration		: 	underline;
   }
		
tr#release-notes td a:hover {
    color				: 	#e20177;
	text-decoration		: 	underline;
    }
        
/* BUBBLE */