@charset=utf8;
html{
	height: 100%;
}
body{
	background-image: url(images/bg_website_homepage.jpg);
	background-attachment: fixed;
	background-position: center top;
	background-repeat: no-repeat;
	margin: 0;
	height: 100%;
	overflow-x: hidden;
}
#create{
	background-image: url(images/bg_website_create.jpg);
}

#header{
	background-image: url(images/bg_header.png);
	height: 97px;
	left: 50%;
	margin: 0 0 0 -594px;
	width: 1188px;
	position: relative;
	z-index: 350;
}
#header #logo{
	border: 0;
	float: left;
}
#header #logo img{
	border: 0;
	margin: 4px 40px 10px 69px;
}
#header ul{
	float: left;
	margin: 56px 0 0 0px;
	*margin: 56px 0 0 120px;
	list-style: none;
}
#header ul li{
	float: left;
}
#header ul li a{
	color: #ffffff;
	font-family: Arial;
	font-size: 18px;
	line-height: 20px;
	text-decoration: none;
	padding: 5px 14px 5px 15px;
}
#header ul li a:hover{
	text-decoration: underline;
}

#banner{
	border: 0;
	position: absolute;
	left: 50%;
	top: 200px;
	margin: 0 0 0 -376px;
}
#banner img{
	border: 0;
}

#carousel{
	background-image: url(images/graffiti3.png);
	background-repeat: no-repeat;
	background-position: 50px 200px;
	height: 538px;
	left: 50%;
	margin: 0px 0 0 -536px;
	width: 1046px;
	position: relative;
	z-index: 100;
}
#carousel #design{
	position: absolute;
	z-index: 200;
}

#carousel .middle{
	height: 538px;
	overflow: hidden;
	width: 1046px;
}
#carousel .inner{
	width: 6000px;
}
#carousel .slide{
	float: left;
	height: 538px;
	width: 1046px;
	position: relative;
}

#carousel .slide img{
	float: right;
	padding: 0 140px 0 0;
}
#carousel .school{
	color: #ffffff;
	height: 548px;
	font-family: Arial;
	font-size: 30px;
	text-align: center;
	line-height: 81px;
	width: 705px;
	padding: 0 155px 0 186px;
	position: absolute;
}
#carousel .school strong{
	display: block;
	position: absolute;
	margin: 270px 0 0 -100px;
	*margin: 270px 0 0 -450px;
	letter-spacing: 2px;
	font-weight: normal;
	width: 600px;
	z-index: 100;
}
#carousel #string{
	background-image: url(images/string.png);
	background-repeat: no-repeat;
	background-position: 186px 370px;
	color: #ffffff;
	height: 548px;
	font-family: Arial;
	font-size: 30px;
	text-align: center;
	line-height: 81px;
	width: 705px;
	padding: 0 155px 0 186px;
}
#carousel #prev,
#carousel #next{
	background-image: url(images/label-prev.png);
	color: #000000;
	cursor: pointer;
	display: block;
	font-family: Arial;
	font-size: 12pt;
	height: 35px;
	line-height: 35px;
	margin: 358px 0 0 28px;
	width: 161px;
	text-indent: 10px;
	padding: 0;
	position: absolute;
	left: 0px;
	text-align: left;
	z-index: 300;
}
#carousel #next{
	background-image: url(images/label-next.png);
	right: 0px;
	text-indent: 70px;
	margin: 359px 0 0 888px;
}

#paper{
	background-image: url(images/bg_paper.png);
	position: absolute;
	width: 259px;
	padding: 30px 30px 0 40px;
	height: 586px;
	right: -20px;
	top: 68px;
}
#paper p{
	color: #3a1469;
	font-size: 13px;
	font-family: Verdana;
	line-height: 22px;
}

#layer,
#contact,
#schoolshirts{
	clear: both;
	left: 50%;
	width: 1020px;
	margin: 0px 0 0 -510px;
	position: relative;
	z-index: 300;
}
#contact{
	height: 460px;
	background-image: url(images/bg_graffiti-contact.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin: 20px 0 0 -400px;
	width: 903px;
}
#prijscategorie{
	
	clear: both;
	left: 50%;
	position: relative;
	z-index: 300;
	height: 645px;
	background-image: url(images/bg_prijscategorie.png);
	background-repeat: no-repeat;
	background-position: 0 -70px;
	margin: 0 0 0 -700px;
	width: 1317px;
	padding: 20px 0 0 300px;
}
#schoolshirts{
	background-image: url(images/bg_schoolshirts.png);
	font-family: Arial;
	height: 677px;
	width: 883px;
	margin: 0 0 0 -400px;
	padding: 0;
	position: absolute;
	top: 0;
}
#schoolshirts img{
	position: relative;
	border: 0;
	float: left;
	margin: 0 4px 0 380px;
}
#schoolshirts div{
	background-image: url(images/bg_schoolshirts.jpg);
	background-repeat: no-repeat;
	background-position: 32px 0;
	clear: both;
	float: left;
	height: 406px;
	position: relative;
	margin: 0;
	padding: 25px 470px 0 65px;
	width: 344px;
}
#schoolshirts div h1{
	color: #810e4c;
	font-size: 24px;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 22px;
	margin: 0;
	padding: 0;
}
#schoolshirts div p{
	color: #810e4c;
	font-size: 10pt;
	line-height: 20px;
	padding: 6px 0;
}
#layer div,
#contact div,
#prijscategorie div{
	background-image: url(images/bg_layer.png);
	float: left;
	width: 450px;
	padding: 25px;
	height: 140px;
}
#prijscategorie div,
#contact div{
	color: #beddfe;
	font-family: Arial;
	height: 240px;
	width: 368px;
}
#prijscategorie div p,
#contact div p{
	font-size: 10pt;
	line-height: 26px;
	width: 360px;
}
#contact div a{
	text-decoration: none;
}
#layer #ruler,
#contact #ruler,
#prijscategorie #ruler{
	background-image: url(images/bg_ruler.png);
	float: left;
	display: block;
	padding: 25px 0;
	width: 20px;
}
#layer div h1,
#contact div h1,
#prijscategorie div h1{
	font-size: 24px;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 22px;
	margin: 0;
	padding: 0;
}
#layer div p{
	line-height: 26px;
	width: 340px;
}
#pink *{
	color: #e07cd4;
}
#blue *{
	color: #beddfe;
}
#pink a,
#blue a{
	display: block;
	float: left;
	font-family: Arial;
	background-image: url(images/icon_creator.gif);
	background-repeat: no-repeat;
	background-position: right top;
	margin: -11px 0 0 0;
	padding: 14px 13px 0 0;
	position: relative;
	text-decoration: none;
	width: 450px;
}
#blue a{
	cursor: pointer;
	background-image: url(images/icon_login.gif);
	margin: -51px 0 0 0;
	padding: 54px 36px 0 0;
}

#prijscategorie #prijs_opties{
	background-image: url(/images/bg_paper_prices.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 187px;
	width: 389px;
	margin: -156px 0 0 -20px;
	float: left;
	clear: left;
}
#prijscategorie #prijs_opties p,
#prijscategorie #prijs_opties ul,
#prijscategorie #prijs_opties ul li{
	color: #270a06;
	font-size: 10pt;
	margin: 0;
	line-height: 24px;
}

.create{
	background-image: url(images/bg_pattern-vertical.png);
	width: 812px;
	padding: 0 16px 0 48px;
	height: auto!important;
	min-height: 100%;
	*height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	margin: 0 0 0 -438px;
}
.create #clear{
	height: 100px;
}
.create #flex{
	margin: 100px -4px 0 -34px;
}
.create .title{
	float: left;
	margin: 10px 0 10px 0;
}
.create #portfolio{
	width: 560px;
}
.create #portfolio ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.create #portfolio li{
	position: relative;
	float: left;
	height: 275px;
	margin: 5px 16px 0px 0;
}

.create #portfolio li div{
	background-repeat: no-repeat;
	display: block;
	width: 157px;
	height: 30px;
	position: absolute;
	left: 0;
	float: left;
	z-index: 51;
	padding: 230px 0 0 0;
}
.create #portfolio .kader1 div{
	background-image: url(images/fotokader01.png);
}
.create #portfolio .kader2 div{
	background-image: url(images/fotokader02.png);
}
.create #portfolio .kader3 div{
	background-image: url(images/fotokader03.png);
}
.create #portfolio .kader4 div{
	background-image: url(images/fotokader04.png);
}
.create #portfolio .kader5 div{
	background-image: url(images/fotokader05.png);
}
.create #portfolio li img{
	float: left;
	position: relative;
	z-index: 50;
}
.create #portfolio .kader1 img{
	padding: 25px 0 3px 3px;
}
.create #portfolio .kader2 img,
.create #portfolio .kader3 img,
.create #portfolio .kader4 img,
.create #portfolio .kader5 img{
	padding: 28px 0 0 3px;
}
.create #portfolio li label{
	clear: left;
	color: #ffffff;
	font-size: 11px;
	font-family: Verdana;
	height: 36px;
	line-height: 15px;
	float: left;
	padding: 8px 0 0 0;
	width: 163px;
}

.create #tool{
	float: left;
	clear: left;
}
.create #tool label{
	float: left;
	clear: left;
}
.create #tool label strong{
	color: #ffffff;
}
.create #tool .colors{
	clear: left;
	float: left;
	margin: 0;
	padding: 0;
	width: 192px;
}
.create #tool .colors li{
	background-color: #ffffff;
	float: left;
	border: 1px solid #000000;
	padding: 2px;
	list-style: none;
	margin: 0 4px 4px 0;
}
.create #tool .colors li a{
	display: block;
	height: 14px;
	width: 14px;
}
.create #shirt{
	float: left;
	padding: 0 30px;
}
.create hr{
	background-image: url(images/bg_hr.png);
	height: 3px;
	padding: 0;
	margin: 10px 0 10px -12px;
	border: 0;
	clear: both;
	width: 806px;
}
.create #designs{}
.create #designs #center{
	color: #ffffff;
	text-align: center;
	padding: 0;
	line-height: 18px;
	margin: 0 0 4px 0;
}
.create #tekst{
	font-family: Arial;
}
.create #tekst h1{
	color: #e07cd4;
	font-size: 24px;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 22px;
	margin: 0;
	padding: 0;
}
.create #tekst p{
	color: #e07cd4;
	font-size: 10pt;
	float: left;
	line-height: 26px;
	width: 360px;
	margin-right: 40px;
}

.create #label{
	background-image: url(images/bg_form_label.png);
	height: 288px;
	margin: 0;
	padding: 170px 23px 0 23px;
	position: absolute;
	right: 20px;
	top: 0px;
	width: 200px;
}
.create #label fieldset{
	border: 0;
	padding: 0;
	margin: 0;
}
.create #label fieldset legend{
	display: none;
}
.create #label fieldset table{
	background-image: url(images/bg_offerte_rulers.png);
	background-repeat: no-repeat;
	background-position: left top;
	color: #2f281e;
	font-family: Verdana;
	font-size: 12px;
	width: 100%;
}
.create #label fieldset table th{
	line-height: 22px;
	text-align: left;
}
.create #label fieldset table label{
	display: block;
	width: 120px;
}
.create #label fieldset table .amount{
	border: 1px solid #862424;
	font-size: 10pt;
	line-height: 14px;
	padding: 3px;
	margin: 0 6px;
	width: 50px;
}
.create #label #button_offerte{
	background-color: transparent;
	background-image: url(images/button_offerte.gif);
	border: 0;
	color: #fed8a2;
	font-size: 10pt;
	height: 31px;
	line-height: 31px;
	margin: 20px 0 0 0;
	padding: 0;
	width: 197px;
}

.zwart{			background-color: #000000;}
.wit{			background-color: #ffffff;}
.geel{			background-color: #d8ce2d;}
.oranje{		background-color: #dc902d;}
.rood{			background-color: #d82020;}
.roze{			background-color: #d88888;}
.fuchsia{		background-color: #d8244f;}
.lavendel{		background-color: #bea8d8;}
.paars{			background-color: #3e3469;}
.turkooise{		background-color: #61d8d7;}
.lichtblauw{	background-color: #1e66d8;}
.marineblauw{	background-color: #000ad8;}
.groen{			background-color: #00d819;}

#contact form{
	background-image: url(images/bg_form-contact.png);
	background-repeat: no-repeat;
	clear: both;
	height: 469px;
	margin: 220px 0 0 10px;
	padding: 10px 0 0 0;
	position: absolute;
	width: 675px;
	top: 0;
}
#contact fieldset{
	border: 0;
	margin: 30px;
	padding: 0;
}
#contact fieldset legend{
	color: #270a06;
	font-family: Arial;
	font-size: 24px;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 22px;
	padding: 0;
	margin: 0;
}
#contact fieldset p{
	clear: both;
	color: #270a06;
	font-family: Arial;
	font-size: 12pt;
	padding: 10px 0;
	margin: 10px 0;
	* margin: 0;
}
#contact fieldset p label{
	color: #270a06;
	display: block;
	font-family: Arial;
	font-size: 12pt;
	float: left;
	width: 150px;
	text-align: right;
	margin: 5px 5px 0 0;
}
#contact fieldset .error{
	color: #270a06;
	padding: 5px 0;
	margin: 0;
}
#content fieldset .error strong{
	color: #862424;
}
#contact fieldset .input input,
#contact fieldset .input textarea{
	border: 1px solid #862424;
	float: left;
	font-size: 10pt;
	padding: 3px;
	width: 260px;
}
#contact fieldset #submit input{
	background-color: transparent;
	background-image: url(images/button_submit.gif);
	color: #fed8a2;
	border: 0;
	float: left;
	font-size: 10pt;
	height: 31px;
	line-height: 31px;
	margin: 10px 0 0 155px;
	padding: 0;
	width: 140px;
	text-align: center;
}

#overlay{
	clear: both;
	z-index: 500;
	position: relative;
}
#overlayer{
	background-image: url(/images/bg_login_overlay.png);
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: 510;
}
#overlayer form{
	background-image: url(/images/bg_login_rand.png);
	height: 304px;
	left: 50%;
	padding: 34px 13px 0 12px;
	position: absolute;
	top: 40%;
	margin: -150px 0 0 -257px;
	z-index: 520;
	width: 490px;
}
#overlayer form fieldset{
	background-image: url(/images/bg_login_paper.png);
	background-position: top;
	background-repeat: no-repeat;
	border: 0;
	padding: 0;
	margin: 0;
	height: 275px;
	width: 490px;
}
#overlayer form fieldset legend{
	float: left;
	font-size: 16pt;
	display: none;
	padding: 0;
	margin: 0;
	line-height: 40px;
	display: block;
	text-align: center;
	width: 490px;
}
#overlayer form fieldset p{
	clear: left;
	float: left;
	margin: 4px 0;
	line-height: 30px;
	padding: 0;
}
#overlayer form fieldset p label{
	clear: left;
	display: block;
	float: left;
	width: 230px;
	text-align: right;
	padding: 5px;
}
#overlayer form fieldset p input{
	border: 1px solid #000000;
	float: left;
	width: 140px;
	line-height: 20px;
	margin: 7px;
	padding: 0;
}
#overlayer form fieldset #button{
	float: right;
	margin: 0 45px;
}