/* - - - - - - - - - - - - - - - - - - - - -
	* Filename: style.css
	* Version: 1.0.0 ( 6-10-2008 )
	* Author: Niels Otterspoor Icemedia
	* Description: Msn Lego FR.
	
	== STRUCTURE: ==============================
	* Pagina width: 750 px
	* Pagina height: 700 px
	============================================
	
	/* Basis
	==========================================*/
	body{margin-top:0; font-family:Arial, Helvetica, sans-serif;}
	img{border:none;}
	#wrapperintro{ 
		position:relative;
		margin:0 auto;
		height:700px;
		width:750px;
		background-image:url(../images/bg.jpg);
		background-repeat:no-repeat;
		background-position:bottom;
		}
	h1, h2, h3, h4, h5, h6{padding:0px;margin:0px;}	
	.footer{position:absolute; bottom:0px; left:0px; text-align:center; background-color:#ec6532; height:14px; width:750px; font-size:10px; color:#FFFFFF;}	
	.footer a{color:#ffffff; text-decoration:none;}
	.header{}
	.cards{position:absolute; right:0px; top:10px;}
	.intro{position:absolute; left:214px; bottom:100px;}
	.introtekst{position:absolute;left:240px;top:315px;width: 270px; color:#2a6062; font-size:11px; font-weight:bold;}
	.introtekst h4{color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bolder; font-size:16px;}
	.bestelbutton1{ background-image:url(../images/button.gif); background-repeat:no-repeat; height:28px; width:124px;}
	
	
	#wrapper{ position:relative;margin:0 auto;height:700px;	width:750px;background-image:url(../images/bg1.jpg);background-repeat:no-repeat;background-position:bottom;	}
	.logo{position:absolute; bottom:20px; right:10px; height:48px; width:48px; }
	
	
	
	/* Menu
	==========================================*/	
	.menu{	width:750px;	height:241px;	position:absolute;	left: 0px;	top: 0px;}
	.menuitem1{	position:absolute;	left:15px;	top:169px;}
	.menuitem2{	position:absolute;	left:161px;	top:161px;}
	.menuitem3{	position:absolute;	left:307px;	top:152px;}
	.menuitem4{	position:absolute;	left:452px;	top:144px;}
	.menuitem5{	position:absolute;	left:597px;	top:135px;}
	
	
	.contentbg{	position:absolute;height:348px;width:539px;left: 20px;top: 258px;}
	.content{position:absolute;	height:330px;width:525px;left: 30px;top: 267px;	}
	.content .tekst{color:#2a6062; font-size:14px; font-weight:bold;}
	.content .tekst a{color:#2a6062; font-size:14px; font-weight:bold; text-decoration:none;}
	
			/* Nav
	==========================================*/
	.terug{position:absolute;top:557px;	height:28px;width:84px;	left:47px;}
	.verder{
	position:absolute;
	top:557px;
	height:28px;
	width:84px;
	right:215px;
}
	.verder .buttonverder{width:84px; height:28px; border:0px; background:url(../images/verder.gif) no-repeat;cursor:pointer;}
	
		/* Select design
	==========================================*/
	.commande{ position:absolute; right:30px; top:40px;}
	.selectdesign .tekst h4{color:#ffffff; font-size:14px; font-weight:bold;}
	.selectdesign .tekst{color:#2a6062; font-size:14px; font-weight:normal;}
	.selectdesign p{padding:0px; margin:0px;}
	.selectdesign .linknieuw{position:absolute;top:557px;left:147px; width:400px; font-size:14px; font-weight:bold;}
	.linknieuw a{color:#000000;}
	.selectdesign .selectcard{ height:148px; width:520px;}
	.selectdesign .card1{width:162px;height:100px;position:absolute;left:13px;top:150px;}
	.selectdesign .card2{width:162px;height:100px;position:absolute;left:181px;top:150px;}
	.selectdesign .card3{width:162px;height:100px;position:absolute;left:351px;top:150px;}
	
		/* Select design2
	==========================================*/	
	.selectdesign2 .tekst h4{color:#ffffff; font-size:14px; font-weight:bold;}
	.selectdesign2 .tekst{color:#2a6062; font-size:14px; font-weight:normal;}
	.selectdesign2 .selectback{ height:160px; width:520px;}
	.back1{
	height:160px;
	width:243px;
	text-align:center;
	position:absolute;
	left: 16px;
	top: 115px;
}
	.back2{	height:160px;	width:243px;	text-align:center;	position:absolute;	left: 267px;	top: 115px;}
	.smalltekst{font-size:9px;}
	.smalltekst a {font-size:9px; color:#2a6062; text-decoration:none;}
	
		/* Personalise Form
	==========================================*/	
	
	.form .tekst h4{color:#ffffff; font-size:14px; font-weight:bold;}
	.form .tekst{color:#2a6062; font-size:13px; font-weight:normal;}
	.form .form{ height:170px; width:500px; text-align:left; padding-left:20px;font-size:11px;}
	.leftform{ height:127px; width:247px; float:left; padding-top:5px;}
	.leftform .textfield{width:238px;}
	.leftform .textfieldred{width:238px; border:1px solid red;}
	.rightform{ height:127px; width:247px; float:left; padding-top:5px;}
	.rightform .textfield{width:238px; }
	.rightform .textfieldred{width:238px; border:1px solid red;}
	.textfieldsmall{width:65px; }
	.textfieldsmallred{width:65px;border:1px solid red;}
	.textfieldlarge{width:165px;}
	.textfieldlargered{width:165px;border:1px solid red;}
	
	
		/* Preview
	==========================================*/	
	
		.preview .tekst h4{color:#ffffff; font-size:14px; font-weight:bold;}
	.preview .tekst{color:#2a6062; font-size:14px; font-weight:normal;}
	.preview .selectback{ height:160px; width:520px;}
	.preview .back1{height:160px;width:243px;text-align:center;	position:absolute;left: 16px;top: 115px;}
	.design1{ background-image:url(../images/cards/1groot.jpg); background-repeat:no-repeat;height:160px;width:243px;}
	.design2{ background-image:url(../images/cards/2groot.jpg); background-repeat:no-repeat;height:160px;width:243px;}
	.design3{ background-image:url(../images/cards/3groot.jpg); background-repeat:no-repeat;height:160px;width:243px;}
	.preview .back2{	height:160px;	width:243px;	text-align:center;	position:absolute;	left: 267px;	top: 115px;}
	.smalltekst{font-size:9px;}
	.previewtekst{ position:absolute; left:313px; top:156px;height:100px;width:195px; font-size:10px; color:#000000; text-align:left;}
	.previewtekst h1{ font-size:13px; font-weight:bold; color:#000000; text-align:left; margin-left:-15px;}
	.previewtekst h3{ font-size:7px; font-weight:bold; color:#000000; text-align:left;}
	
	
			/* Orderform
	==========================================*/
	.orderform .tekst h4{color:#ffffff; font-size:14px; font-weight:bold;}
	.orderform .tekst{color:#2a6062; font-size:13px; font-weight:normal;}
	.orderform .form{ height:170px; width:500px; text-align:left; padding-left:20px;font-size:11px;}
	.leftform{ height:127px; width:247px; float:left; padding-top:5px;}
	.leftform .textfield{width:238px;}
	.leftform .textfieldred{width:238px; border:1px solid red;}
	.rightform{ height:127px; width:247px; float:left; padding-top:5px;}
	.rightform .textfield{width:238px; }
	.rightform .textfieldred{width:238px; border:1px solid red;}
	.textfieldsmall{width:65px; }
	.textfieldsmallred{width:65px;border:1px solid red;}
	.textfieldlarge{width:165px;}
	.textfieldlargered{width:165px;border:1px solid red;}
	.textfieldselect{width:90px;}
	.textfieldselectred{width:90px;border:1px solid red;}
	.textfieldselectlong{width:213px;}
	.textfieldselectlongred{width:213px; border:1px solid red;}
	.textfieldextra{width:245px; }
	.textfieldextrared{width:245px; border:1px solid red; }
	.textfieldverylong{width:488px;}
	.textfieldverylongred{width:488px; border:1px solid red;}
	.onderform{width:500px; height:100px;position:absolute; bottom:45px; left:22px;}
	
	
				/* questions
	==========================================*/
	.questionpage .questiontitle{ font-size:16px;}
	.questionpage .tekst h4{color:#ffffff; font-size:11px; font-weight:bold;}
	.questionform {position:absolute; left:30px; top:35px;}
	.questionpage h3{ font-size:13px; color:#2a6062; padding-top:3px;}
	.questionform .h6{ font-size:10px; color:#2a6062;font-weight:bold;}
	.questionform .radio{ width: 10px; height: 10px; }
	.questionpage .question{ font-size:10px; color:#2a6062; font-weight:bold; }
	.questionpage .content{position:absolute;	height:330px;width:525px;left: 30px;top: 257px;	}
	
				/* thanks
	==========================================*/
	
	.thankspage .introtekst{position:absolute;left:240px;top:315px;width: 270px; color:#2a6062; font-size:14px; font-weight:bold; text-align:center;}
	.thankspage .kleiner{color:#2a6062; font-size:11px; font-weight:bold; text-align:center;}
	.thankspage .kleiner a{color:#2a6062; font-size:11px; font-weight:bold; text-align:center;}
	.thankspage .kleiner a:hover{color:#2a6062; font-size:11px; font-weight:bold; text-align:center;}
	.thankspage .intro{position:absolute; left:214px; bottom:230px;}