@charset "utf-8";
/*
-----::: ABCnet.nl © 2011 :::-----
DATE: 15/02/2011
EDITED: 28/12/2011
DESCRIPTION: This is CSS for www.dreamzzzshop.nl
*/

/* ---| SIMRAN LAYOUT |--- */
body{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	height:100%;
	color:#653f87;
	background:#f0eee8 url(Files/layout/images/dreamzzz-bg01.jpg) repeat-x fixed;
}
.wrapper{
	width:980px;
	margin:-44px auto 0;
}
img{
	margin:0px;
	padding:0px;
	border:none;
}
.header{
	width:960px;
	margin:0 auto;
}
/*** .logo inside online.css ***/
/*.logo{ 
	width:208px;
	height:165px;
	float:left;
	position:relative;
	top:66px;
	left:0px;
	margin-left:-17px;
	z-index:-1;
}*/
.logoright{
	float: right;
	height: 124px;
	padding-right: 6px;
	position: relative;
	top: 40px;
	width: 752px;
}
@font-face{
    font-family: 'VAGRoundedBold07390';
    src: url('Files/layout/fonts/vagrounded-bold-webfont.eot');
    src: url('Files/layout/fonts/vagrounded-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('Files/layout/fonts/vagrounded-bold-webfont.woff') format('woff'),
         url('Files/layout/fonts/vagrounded-bold-webfont.ttf') format('truetype'),
         url('Files/layout/fonts/vagrounded-bold-webfont.svg#VAGRoundedBold07390') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'VAGRoundedRegular';
    src: url('Files/layout/fonts/vagrounded-light-webfont.eot');
    src: url('Files/layout/fonts/vagrounded-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('Files/layout/fonts/vagrounded-light-webfont.woff') format('woff'),
         url('Files/layout/fonts/vagrounded-light-webfont.ttf') format('truetype'),
         url('Files/layout/fonts/vagrounded-light-webfont.svg#VAGRoundedRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*** BANNERAREA ***/
.bannermain{
	width:957px;
	margin:0 auto;
}
.banner{
	position:relative;
	background:url(Files/layout/images/start01-main01.jpg) no-repeat;
	width:956px;
	height:255px;
}
.bannertxt{
	position:absolute;
	width:900px;
	top:70px;
	left:32px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:36px;
	font-weight:700;
	color:#00a1d8;
}
.bannernext01{
	position:relative;
	background:url(Files/layout/images/next01-main01.jpg) no-repeat;
	width:956px;
	height:127px;
}
.bannernext01txt{
	position:absolute;
	top:54px;
	left:497px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:41px;
	font-weight:700;
	color:#5f227b;
}
.banner3main{
	width:957px;
	margin:0 auto;
}
.box{
	width:314px;
	height:298px;
	float:left;
	margin-right:2px;
	margin-left:2px;
}
.footer1{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 13px;
	color:#653f87;
	width:206px;
	float:left;
}
.footer2{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 13px;
	color:#653f87;
	width:206px;
	float:left;
}
.footer{
	position:relative;
	width:957px;
	margin:0 auto;
	padding-left:15px;
	top:-16px;
}



.idealpos{
	position:relative;
	width:200px;
	float:right;
	bottom:13px;
}
.searchdiv{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 15px;
	color:#5f227b;
	font-weight:bold;
	height:27px;
	float:right;
	width:100%;
	text-align:right;
}
.searchdiv input{
	border:1px solid #000000;
	float:right;
	width:112px;
}
.flags{
	height:34px;
	float:right;
	width:100%;
	text-align:right;
}
.mmenu{
	height:34px;
	float:right;
	width:703px;
}
.mmenu ul li{
	list-style:none;
	display:inline;
	margin-left: 5px;
}
.mmenu ul li span{
	font-size:25px;
	font-weight:normal;
	margin-left:10px;
	color:#0FA6DA;
	font-family: custom;
}
.mmenu ul {
	margin:0px;
	padding:0px;
	text-align:right;
}
.mmenu ul li a{
	text-decoration:none;
	color:#0fa6da;
	font-family: custom;
	font-size: 25px;
	font-weight:bold;
}
.mmenu ul li a:hover{
	text-decoration:none;
	color:#5f227b;
	font-weight:bold;
}
.smenu{
	height:34px;
	float:right;
	width:100%;
	text-align:right;
}
.smenu ul li{
	list-style:none;
	display:inline;
	margin-left: 5px;
}
.smenu ul {
	margin:0px;
	padding:0px;
}
.smenu ul li a{
	text-decoration:none;
	color:#0fa6da;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 15px;
	font-weight:bold;
}
.smenu ul li a:hover{
	text-decoration:none;
	color:#5f227b;
	font-weight:bold;
}
.smenu ul li a.smfc{
	text-decoration:none;
	color:#5f227b;
	font-weight:bold;
}
.active {
	text-decoration:none;
	color:#5f227b;
	font-weight:bold;
}
.content{
	position:relative;
	top:-9px;
	width:960px;
	margin: 0 auto;
}
.con-top{
	background:url(Files/layout/images/con-top.png) no-repeat;
	width:957px;
	height:18px;
}
.con-mid{
	min-height:260px;
	background:url(Files/layout/images/conmid.png) repeat-y;
	padding: 5px 15px 5px 20px;
}
.con-mid2{
	padding:5px 5px 5px 5px;
}
.con-midleft{
	position:relative;
	width:420px;
	float:left;
}
.con-midrighht{
	width:470px;
	float:right;
}
.con-bot{
	background:url(Files/layout/images/con-bot.png) no-repeat;
	width:957px;
	height:21px;
}

/* ---| MENUAREA |--- */
.menuwrapper{
	position:relative;
	top:-16px;

	width:953px;
	height:105px;
}
/*** TOP MENU ***/
ul#awesome-menu {
	width:755px; 
	list-style: none;
}
ul#awesome-menu li{
	display: inline;
}
ul#awesome-menu li a{
	display: block;
	float: left;
	height: 25px;
	background-image: url(Files/layout/images/menu.png);
	text-indent: -9999px;
}
ul#awesome-menu li a.home{
	width: 78px;
	background-position: 0 0;	
}
ul#awesome-menu li a.assortiment{
	width: 143px;
	background-position: -78px 0;	
}
ul#awesome-menu li a.servicedienst{
	width: 171px;
	background-position: -221px 0;
}
ul#awesome-menu li a.advies{
	width: 226px;
	background-position: -392px 0;
}
ul#awesome-menu li a.contact{
	width: 85px;
	background-position: -618px 0;	
}
ul#awesome-menu li a.home:hover, ul#awesome-menu li a.homefc{
	width: 78px;
	background-position: 0 -28px;	
}
ul#awesome-menu li a.assortiment:hover, ul#awesome-menu li a.dromenfc{
	width: 143px;
	background-position: -78px -28px;	
}
ul#awesome-menu li a.servicedienst:hover, ul#awesome-menu li a.slaapfc{
	width: 171px;
	background-position: -221px -28px;	
}
ul#awesome-menu li a.advies:hover, ul#awesome-menu li a.adviesfc{
	width: 226px;
	background-position: -392px -28px;	
}
ul#awesome-menu li a.contact:hover, ul#awesome-menu li a.contactfc{
	width: 85px;
	background-position: -618px -28px;	
}
a{
	outline: none;
}
/*** start01menu ***/
ul#awesome-menu1{
	width: 956px;
	list-style: none;
	padding: 0;
	margin-left:-1px;
}
ul#awesome-menu1 li{
	display: inline;
}
ul#awesome-menu1 li a{
	display: block; 
	float: left; 
	height: 53px;
	background-image: url(Files/layout/images/banner1.png);
	text-indent: -9999px;
}
ul#awesome-menu1 li a.one{
	width: 241px;
	background-position: 1px -113px;  
}
ul#awesome-menu1 li a.two{
	width: 235px;
	background-position: -240px -113px;
}
ul#awesome-menu1 li a.three{
	width: 234px;
	background-position: -475px -113px;  
}	
ul#awesome-menu1 li a.four{
	width: 244px;
	background-position: -709px -113px;
}
ul#awesome-menu1 li a.one:hover, ul#awesome-menu1 li a.onefc{
	width: 241px;
	background-image: url(Files/layout/images/banner2.png);
	text-indent: -9999px;
	background-position: 1px -113px;	
}
ul#awesome-menu1 li a.two:hover, ul#awesome-menu1 li a.twofc{
	width: 235px;
	background-image: url(Files/layout/images/banner2.png);
	text-indent: -9999px;
	background-position:  -240px -113px;	
}
ul#awesome-menu1 li a.three:hover, ul#awesome-menu1 li a.threefc{
	width: 234px;
	background-image: url(Files/layout/images/banner2.png);
	text-indent: -9999px;
	background-position: -475px -113px;
}
ul#awesome-menu1 li a.four:hover, ul#awesome-menu1 li a.fourfc{
	width: 244px;
	background-image: url(Files/layout/images/banner2.png);
	text-indent: -9999px;
	background-position: -709px -113px;
}
ul#awesome-menu2{
	width: 956px;
	list-style: none;
	padding: 0;
	margin-left:-1px;
}
ul#awesome-menu2 li{ 
	display: inline;
}
	
ul#awesome-menu2 li a{
	display: block;
	float: left;
	height: 53px;
	background-image: url(Files/layout/images/banner1.png); 
	text-indent: -9999px;
}
ul#awesome-menu2 li a.five{
	width: 241px;
	background-position: 1px -166px;
}
ul#awesome-menu2 li a.six{
	width: 235px;
	background-position: -240px -166px;
}
ul#awesome-menu2 li a.seven{
    width: 234px;
	background-position: -475px -166px;  
}	
ul#awesome-menu2 li a.eight{
	width: 244px;
	background-position: -709px -166px;
}
ul#awesome-menu2 li a.five:hover, ul#awesome-menu2 li a.fivefc{
	width: 241px;
	background-image: url(Files/layout/images/banner2.png);
	text-indent: -9999px;
	background-position: 1px -166px;	
}
ul#awesome-menu2 li a.six:hover, ul#awesome-menu2 li a.sixfc{
	width: 235px;
	background-image: url(Files/layout/images/banner2.png);
	text-indent: -9999px;
	background-position:  -240px -166px;	
}
ul#awesome-menu2 li a.seven:hover, ul#awesome-menu2 li a.sevenfc{
	width: 234px;
	background-image: url(Files/layout/images/banner2.png);
	text-indent: -9999px;
	background-position: -475px -166px;
}
ul#awesome-menu2 li a.eight:hover, ul#awesome-menu2 li a.eightfc{
	width: 244px;
	background-image: url(Files/layout/images/banner2.png);
	text-indent: -9999px;
	background-position: -709px -166px;
}
/*** end of start01menu ***/
/* ---| END OF MENUAREA |--- */
/*** NEXTITEMAREA ***/

.next01-itemarea01{
	position:relative;
	top:20px;
	width:100%;
}
.next01-itemarea01-proddetail{
	position:relative;
	bottom:25px;
	width:100%;
}
/*** END OF NEXTITEMAREA ***/
/*** webshop maingroups ***/
.mgroup{
	position:relative;
	text-align: center;
	vertical-align:middle;
	float:left;
	width:120px;
	height:120px;
	margin-left:20px;
	margin-top:5px;
}
/*** end of webshop maingroups ***/
.meer{
	position:absolute;
	right:50px;
	color: #0FA6DA;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
}
.meer2{
	float:left;
	color: #653F87;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
}
.content h1{
	/*padding:0px;
	margin:0px;*/
	font-family: Arial,Helvetica,sans-serif;
	font-size:28px;
	color: #0FA6DA;
}
.content h4{
	padding:0px;
	margin:0px;
	font-family: Arial,Helvetica,sans-serif;
	font-size:15px;
	color: #0FA6DA;
}
.content p{
	font-weight:bold;
}
hr{
	color:#653F87;
	border:2px solid;
	width:80%;
	margin:0 auto;
}
.box2{
	position:relative;
    /*float: left;*/
    margin-left: 2px;
    margin-right: 2px;
    margin-top: 20px;
    padding-left: 40px;
    padding-right: 19px;
    width: 242px;
}
.midbox{
	border-left:2px solid #653F87;
	border-right:2px solid #653F87;
	min-height:200px;
}
.box2 h5{
	color: #0FA6DA;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 17px;
    margin: 0;
    padding: 0;
	margin-bottom:5px;
}
.price{
	background-color:#653F87;
	color:#FFFFFF;
	height:23px;
	padding:1px 5px 1px 5px;
	width:110px;
}
.price span{
	height:23px;
	font-size:19px;
}
.primg{
	width:194px;
	margin:0 auto;
}
/* ---| END OF SIMRAN LAYOUT |--- */

/*** PAGESTYLING ***/
table{
	table-layout:fixed;
}
H1{
	font-size:20px;
	color:#4b4b4b;
	font-weight:bold;
}
H2{
	font-size:12px;
	color:#FFF;
}
a:link{
	color:#5f227b;
	text-decoration:underline;
}
a:visited{
	color:#5f227b;
	text-decoration:underline;
}
a:hover{
	color:#0FA6DA;
	text-decoration:underline;
}
a:active{
	color:#000000;
	text-decoration:none;
}
.textField{
	width:180px;
}
.textfield{
	width:180px;
}
.textarea{
	width:360px;
}
input{
	border:1px solid #000000;
	background-color:#e6f5f9;
}
input:focus{
	border:1px solid #CCCCCC;	
	background-color:#transparent;
}
input:hover{
	border:1px solid #CCCCCC;	
	background-color:#transparent;
}
textarea{
	border:1px solid #000000;
	background-color:#e6f5f9;
}
textarea:focus{
	border:1px solid #CCCCCC;	
	background-color:#transparent;
}
textarea:hover{
	border:1px solid #CCCCCC;	
	background-color:#transparent;
}
select{
	border:1px solid #646464;
	background-color:#e6f5f9;
	margin-bottom:10px;
	width:300px;
}
select:focus{
	border:1px solid #CCCCCC;	
	background-color:#transparent;
	color:#000000;
}
select:hover{
	border:1px solid #CCCCCC;
	background-color:#transparent;
}
.formbutton{
	cursor: pointer;
}
#bitSubmitbuttonSearch{
	cursor:pointer;
}
button{
	border:1px solid #CCCCCC;
	background-color:#e6f5f9;
	cursor:pointer;
}
button:focus{
	background-color:#00aee3;
}
button:hover{
	background-color:#ffffff;
	border:1px solid #646464;
}
.reset{
	border:1px solid #CCCCCC;
	background-color:#e6f5f9;
	cursor:pointer;
}
.reset:focus{
	background-color:#00aee3;
}
.reset:hover{
	background-color:#ffffff;
	border:1px solid #646464;
}
#subBut{
	border:1px solid #CCCCCC;
	background-color:#FFF;
	cursor:pointer;
}
#subBut:focus{
	background-color:#00aee3;
}
#btn{
	cursor:pointer;
	background-color:#e6f5f9;
	border:1px solid #000000;
}
#btn:hover{
	background-color:#ffffff;
	border:1px solid #CCCCCC;
	color:#000000;
}

#pulldown:{
	background-color:#ffffff;
	border:1px solid #CCCCCC;
	color:#000000;
	width:325px;
}
/*** END OF PAGESTYLING ***/
/* ---| CONTACTFORMULIER |--- */
/*** layers collumns ***/
/*** styling ***/
a.req:link{
	color:#F00;
	text-decoration:none;
}
a.req:visited{
	color:#F00;
	text-decoration:none;
}
a.req:hover{
	color:#11007f;
	text-decoration:none;
}
a.req:active{
	color:#F00;
	text-decoration:none;
}
/*** fields ***/
.required{
	width:200px;
	border: solid 1px #00aee3;
	background:transparent;
	color:#653f87;
}
.required:hover{
	border: solid 1px #77ddfc;
}
.required:focus{
	border: solid 1px #77ddfc;
}
.basic{
	width:200px;
	border: solid 1px #00aee3;
	background:transparent;
	color:#653f87;
}
.basic:hover{
	border: solid 1px #77ddfc;
}
.basic:focus{
	border: solid 1px #77ddfc;
}
.validationMsg{
	text-decoration:blink;
	color:red;
}
#reset{
	cursor:pointer;
}
/* ---| END OF CONTACTFORMULIER |--- */
/*** PAGE STYLING SERVICE FORM ***/
.hrservice{
	position:relative;
	/*width:50%;*/
	border:solid 1px;
	right:10px;
}
.ulservice{
	position:relative;
	margin:-5px;
	list-style:none;
	bottom:12px;
	z-index:2;
}
.ckb{
	position:relative;
	border: solid 1px #00aee3;
	background:transparent;
	color:#653f87;
	z-index:3;
}
/*** END OF PAGE STYLING SERVICE FORM ***/
.center{
	position:absolute;
	left:41px;
	top:20px;
	width:131px;
	height:35px;
}
.popuptxt{
	position:absolute;
	left:200px;
	top:20px;
	width:430px;
	font-weight:700;
	font-size:18px;
	color:#fff;
	text-decoration:blink;
}
/* paarse bestelknop is nu 25-5-2011 weg */
a.bestel:link{
	position:absolute;
	left:5px;
	top:12px;
	background:url(Files/layout/images/bestel01.png) no-repeat;
	display:block;
	height:35px;
	width:131px;
	text-decoration:none;
	display:none;
}
a.bestel:visited{
	background:url(Files/layout/images/bestel01.png) no-repeat;
	display:block;
	height:35px;
	width:131px;
	text-decoration:none;
}
a.bestel:hover{
	background:url(Files/layout/images/bestel01.png) no-repeat right top;
	display:block;
	height:35px;
	width:131px;
	text-decoration:none;
}
a.bestel:active{
	background:url(Files/layout/images/bestel01.png) no-repeat;
	display:block;
	height:35px;
	width:131px;
	text-decoration:none;
}
/*** colorbox ***/
.clrbxtp{
	position:relative;
	background:url(Files/layout/images/colourbox.png) no-repeat;
	width:959px;
	height:485px;
	margin:0 auto;
}
.clrbxbt{
	position:relative;
	margin:0 auto;
	background:url(Files/layout/images/colourbox-bg.png) no-repeat;
	width:959px;
	height:79px;
}
/*** AD ***/
.adpopout{
	background:url(Files/layout/images/40procent.png) no-repeat;
	width:769px;
	height:185px;
	position:absolute;
	top:345px;
	z-index:100;
	overflow:hidden;
	margin-left:-2060px;
	cursor:pointer;
	display:none;
}