/* browser default
----------------------------------------------- */
*{
	font-family: Tahoma, Helvetica, sans-serif;
	font-size:11px;
	line-height:15px;
}
html{
	width:100%;
	height:100%;
}
body{
	margin:0px;
	width:100%;
	height:100%;
	background-color:#000;
}


/* headers
----------------------------------------------- */
h1, h2, h3, h4, h5 {}
h2 {
	/*font-size: 2.0em;*/
	font-weight:normal;
	padding:0px 0px 0px 0px;
	margin:0px;
	border:0px solid white;
}


/* links
----------------------------------------------- */
a {color:#000; text-decoration:none;}
a:hover {color: #FF6D00; text-decoration:none;}
a span{display:none}
a.active {color: #FF6D00; text-decoration:none;}
.langpicker {color:#fff; text-decoration:none;}


/* blockelements
----------------------------------------------- */
div {}
div.error_message{
	float:left;
	width:300px;
	clear:both;
	border:1px solid red;
	background-color:#FFCCCC;
	margin-left:150px;
	padding:5px;
}

p {
	margin:10px 0px 10px 0px;
	color:#FFFFFF;
}
p.intro{
	margin:20px 10px 10px 0px;
	font-weight:none;
	color:#FFFFFF;
}

p.black{
	margin:20px 10px 10px 0px;
	font-weight:none;
	color:#000000;
}

ul {margin:0px; padding:0px;}
ul li {}
ul li ul{}
ul li ul li{}

ul#lang_picker{
	position:absolute;
	top:22px;
	/* left:254px; */
	right:20px;
	margin:0px;
	border:0px solid red;
}
ul#lang_picker li{
	float:left;
	list-style:none;
	margin-right:10px;
}
ul#lang_picker li img{
	margin:0px;
}
	

table.overview {
	width:400px;
	margin-top:10px;
	border:0px solid black;
}
table.overview th {background-color:#FF6D00}

table.overview .center{text-align:center}
table.overview .image{width:50px;}
table.overview .combi{padding-left:5px;}
table.overview .title{width:1px}
table.overview .bewerk{width:10px;}
table.overview .date{width:100px}
table.overview .action{width:150px}

table.overview td {width: 1px; background-color:#FFF}
table.mceEditor{margin-bottom:5px;}


/* form elements
----------------------------------------------- */
fieldset {
	margin-top:20px;
	padding: 0px;
	border:0px;
}
legend{
	display:none;
}
label{
	display:block;
	width:80px;
}
form {
	margin: 0;
	padding: 0;
}
input{
	border:0px;
	/* height:17px; */
	padding:3px;
	background-color:#DDDDDD;
	color:#333;
}
input:focus, textarea:focus{
	color:#000;
	background-color:#FF6D00;
}
textarea{
		background-color:#DDDDDD;
		border:0px none;
		color:#333333;
		height:100px;
		padding:3px;
		width:200px;
}

select{
	border:0px;
	width:200px;
}

fieldset.contactform label{
	float:left;
	border:0px solid black;
}
fieldset.contactform input{
	float:left;
	width:200px;
	margin:0px 0px 10px 0px;
}
fieldset.contactform br{
	clear:left;
}
fieldset.contactform .submit, fieldset.contactform .submit_de, fieldset.contactform .submit_uk{
	margin-top:8px;
	background:url('../images/submit.gif') no-repeat;
	width:89px;;
	height:29px;
	cursor:pointer;
}
fieldset.contactform .submit_de{
	background:url('../images/submit_de.gif') no-repeat;
}
fieldset.contactform .submit_uk{
	background:url('../images/submit_uk.gif') no-repeat;
}

form.adminForm{}
form.adminForm label{
	float:left;
	width:150px;
	border:0px solid black;
	margin-bottom:7px;
}

form.adminForm input, 
form.adminForm textarea{
	float:left;
	width:400px;
	padding:2px 0px 0px 0px;
	background-color:#fff;
}
form.adminForm textarea{height:160px;}

form.adminForm br{display:block; clear:both;}

form.adminForm .frmSubmit{
	width:60px;
	padding:0px;
	margin:5px 0px 0px 0px;
	cursor:pointer;
}

form.adminForm .upload{
	width:300px;
	margin:5px 0px 5px 0px;
	height:20px;
	padding:2px;
	background-color:#fff;	
}


/* general elements
----------------------------------------------- */
img {border:0px}
hr {
	margin-top:24px;
	display:block;
	height:1px;
	border:0px;
	background-color:#E5E5E5;
}
.brand_label{
	background-color:#FF6D00;
}
.brand_and{
	color:#fff;
}


/* Admin Panel
----------------------------------------------- */
#adminPanel{
	position:absolute;
	top:0px;
	left:0px;
	padding:5px;
}

#adminPanel li{
	float:left;
	list-style:none;
	margin:0px 10px 0px 0px;
	color:#fff
}

#adminPanel li a{
	color:#fff;
	font-size:15px;
}

/* WRAPPERS
----------------------------------------------- */
#center_wrapper{
	width:100%; 
	height:100%; 
	text-align:center;
}
#cellwrapper{
	width:100%; 
	height:100%; 
	vertical-align: middle; 
}
#wrapper {
	width:955px;
	height:600px;
	border:0px solid orange;
	margin: 0 auto;
	text-align:left;
}

/* header
----------------------------------------------- */
#header{
	top:0px;
	left:0px;
	width:100%;
	height:71px;
	background-color:#484848;
	border-bottom:2px solid #FE6B01;
}

#header ul#primNav{
	float:left;
	margin-top:37px;
	padding-left: 260px;
	border:0px solid white;
}
#header ul li{
	float:left;
	list-style:none;
}
#header ul li a{
	display:block;
	width:175px;
	height:25px;
	border-right:2px solid #fff;
}
#header ul#primNav li a:hover, 
#header ul#primNav li a.active{
	border-right:2px solid #FF6600;
}
#header ul#primNav li a.active{cursor:default}

#header ul#primNav li a.last{border:0px;}

/* default NL menu state */
#dropdown{
	position: relative;
	top: 23px;
	left: 10px;
	z-index: 90;   				/* komt nu onder de lightbox! die heeft z-index 100 */
	margin-left:20px;
}

#dropdown ul{
	float:left;
}
#dropdown ul li{
	float:left;
	list-style:none;
}
/*
#header ul#primNav.nl li#design_nav a{width:126px; background:url('../images/menu/design.jpg') no-repeat 50% 0%}
#header ul#primNav.nl li#features_nav a{width:147px; background:url('../images/menu/features.jpg') no-repeat 50% 0%} 
#header ul#primNav.nl li#label_nav a{width:123px; background:url('../images/menu/label.jpg') no-repeat 50% 0%} 
#header ul#primNav.nl li#downloads_nav a{width:183px; background:url('../images/menu/downloads.jpg') no-repeat 50% 0%}
#header ul#primNav.nl li#contact_nav a{width:138px; background:url('../images/menu/contact.jpg') no-repeat 50% 0%}
#header ul#primNav.nl li#news_nav a{width:108px; background:url('../images/menu/news.jpg') no-repeat 50% 0%}
#header ul#primNav.nl li#eshop_nav a{width:120px; background:url('../images/menu/e-shop.jpg') no-repeat 50% 0%} 

#header ul#primNav.nl li#design_nav a:hover, #header ul#primNav.nl li#design_nav a.active{background:url('../images/menu/design_active.jpg') no-repeat 50% 0%}
#header ul#primNav.nl li#features_nav a:hover, #header ul#primNav.nl li#features_nav a.active{background:url('../images/menu/features_active.jpg') no-repeat 50% 0%} 
#header ul#primNav.nl li#label_nav a:hover, #header ul#primNav.nl li#colors_nav a.active{background:url('../images/menu/label_active.jpg') no-repeat 50% 0%} 
#header ul#primNav.nl li#downloads_nav a:hover, #header ul#primNav.nl li#downloads_nav a.active{background:url('../images/menu/downloads_active.jpg') no-repeat 50% 0%}
#header ul#primNav.nl li#contact_nav a:hover, #header ul#primNav.nl li#contact_nav a.active{background:url('../images/menu/contact_active.jpg') no-repeat 50% 0%}
#header ul#primNav.nl li#news_nav a:hover, #header ul#primNav.nl li#news_nav a.active{background:url('../images/menu/news_active.jpg') no-repeat 50% 0%}
#header ul#primNav.nl li#eshop_nav a:hover, #header ul#primNav.nl li#pics_nav a.active{background:url('../images/menu/e-shop_active.jpg') no-repeat 50% 0%}
*/
#header ul#primNav.nl li#design_nav a{width:126px; background:url('../images/menu/design.jpg') no-repeat 50% 0%}
#header ul#primNav.nl li#features_nav a{width:147px; background:url('../images/menu/features.jpg') no-repeat 50% 0%} 
#header ul#primNav.nl li#label_nav a{width:123px; background:url('../images/menu/label.jpg') no-repeat 50% -30%} 
#header ul#primNav.nl li#downloads_nav a{width:183px; background:url('../images/menu/downloads.jpg') no-repeat 50% 0%}
#header ul#primNav.nl li#contact_nav a{width:138px; background:url('../images/menu/contact.jpg') no-repeat 50% 0%}
#header ul#primNav.nl li#news_nav a{width:108px; background:url('../images/menu/news.jpg') no-repeat 50% 0%}
#header ul#primNav.nl li#eshop_nav a{width:120px; background:url('../images/menu/e-shop.jpg') no-repeat 50% 80%} 

#header ul#primNav.nl li#design_nav a:hover, #header ul#primNav.nl li#design_nav a.active{background:url('../images/menu/design_active.jpg') no-repeat 50% 0%}
#header ul#primNav.nl li#features_nav a:hover, #header ul#primNav.nl li#features_nav a.active{background:url('../images/menu/features_active.jpg') no-repeat 50% 0%} 
#header ul#primNav.nl li#label_nav a:hover, #header ul#primNav.nl li#colors_nav a.active{background:url('../images/menu/label_active.jpg') no-repeat 50% -30%} 
#header ul#primNav.nl li#downloads_nav a:hover, #header ul#primNav.nl li#downloads_nav a.active{background:url('../images/menu/downloads_active.jpg') no-repeat 50% 0%}
#header ul#primNav.nl li#contact_nav a:hover, #header ul#primNav.nl li#contact_nav a.active{background:url('../images/menu/contact_active.jpg') no-repeat 50% 0%}
#header ul#primNav.nl li#news_nav a:hover, #header ul#primNav.nl li#news_nav a.active{background:url('../images/menu/news_active.jpg') no-repeat 50% 0%}
#header ul#primNav.nl li#eshop_nav a:hover, #header ul#primNav.nl li#pics_nav a.active{background:url('../images/menu/e-shop_active.jpg') no-repeat 50% 80%} 



#header ul#primNav.uk li#design_nav a{width:126px; background:url('../images/menu/design.jpg') no-repeat 50% 0%}
#header ul#primNav.uk li#features_nav a{width:147px; background:url('../images/menu/features.jpg') no-repeat 50% 0%} 
#header ul#primNav.uk li#label_nav a{width:123px; background:url('../images/menu/label.jpg') no-repeat 50% -30%} 
#header ul#primNav.uk li#downloads_nav a{width:183px; background:url('../images/menu/downloads.jpg') no-repeat 50% 0%}
#header ul#primNav.uk li#contact_nav a{width:138px; background:url('../images/menu/contact.jpg') no-repeat 50% 0%}
#header ul#primNav.uk li#news_nav a{width:108px; background:url('../images/menu/news.jpg') no-repeat 50% 0%}
#header ul#primNav.uk li#eshop_nav a{width:120px; background:url('../images/menu/e-shop.jpg') no-repeat 50% 80%} 

#header ul#primNav.uk li#design_nav a:hover, #header ul#primNav.nl li#design_nav a.active{background:url('../images/menu/design_active.jpg') no-repeat 50% 0%}
#header ul#primNav.uk li#features_nav a:hover, #header ul#primNav.nl li#features_nav a.active{background:url('../images/menu/features_active.jpg') no-repeat 50% 0%} 
#header ul#primNav.uk li#label_nav a:hover, #header ul#primNav.nl li#colors_nav a.active{background:url('../images/menu/label_active.jpg') no-repeat 50% -30%} 
#header ul#primNav.uk li#downloads_nav a:hover, #header ul#primNav.nl li#downloads_nav a.active{background:url('../images/menu/downloads_active.jpg') no-repeat 50% 0%}
#header ul#primNav.uk li#contact_nav a:hover, #header ul#primNav.nl li#contact_nav a.active{background:url('../images/menu/contact_active.jpg') no-repeat 50% 0%}
#header ul#primNav.uk li#news_nav a:hover, #header ul#primNav.nl li#news_nav a.active{background:url('../images/menu/news_active.jpg') no-repeat 50% 0%}
#header ul#primNav.uk li#eshop_nav a:hover, #header ul#primNav.nl li#pics_nav a.active{background:url('../images/menu/e-shop_active.jpg') no-repeat 50% 80%} 



/* body
----------------------------------------------- */
#content{
	position:relative;
	background-color:#fff;
	width:100%;
	height:450px;
	margin-top:2px;
	margin-bottom:2px;
	border:0px solid red;
	overflow: auto;
}

body.design #content{background:url('../images/backgrounds/digandsit_design_background.jpg') 0px 0px no-repeat; background-color:#fff}
body.setup #content{background:url('../images/backgrounds/digandsit_setup_background.jpg') 0px 0px no-repeat; background-color:#fff}
body.inuse #content{background:url('../images/backgrounds/digandsit_inuse_background.jpg') 0px 0px no-repeat; background-color:#fff}
body.features #content{background:url('../images/backgrounds/features_background.jpg') no-repeat;}
body.dividerdesign #content{background:url('../images/backgrounds/digandsit_dividerdesign_background.jpg') 0px 0px no-repeat; background-color:#fff}
body.dividersetup #content{background:url('../images/backgrounds/digandsit_dividersetup_background.jpg') 0px 0px no-repeat; background-color:#fff}
body.dividergallery #content{background:url('../images/backgrounds/digandsit_dividergallery_background.jpg') 0px 0px no-repeat; background-color:#fff}
body.dividerfeatures #content{background:url('../images/backgrounds/digandsit_dividerfeatures_background.jpg') no-repeat;}
body.colors #content{background:url('../images/backgrounds/digandsit_colors_background.jpg') no-repeat;}
body.downloads #content{background:url('../images/backgrounds/downloads_background.jpg') no-repeat;}
body.contact #content{background:url('../images/backgrounds/contact_background.jpg') no-repeat;}
body.sendmail #content{background:url('../images/backgrounds/contact_background.jpg') no-repeat;}
body.label #content{background:url('../images/backgrounds/label_background.jpg') no-repeat;}
body.news #content, body.admin #content, body.add #content, body.edit #content, 
body.pics #content, body.admin_pics #content, body.add_pics #content, body.edit_pics #content{background-color:#d6d6d6}

/* general page */
#content #design, #content #features, #content #contact, #content #pics{
	position:absolute;
	top:0px;
	left:0px;
	width:245px;
	height:450px;
	padding:0px 20px 0px 32px;
	z-index:10;
}
#content #downloads{
position:absolute;
top:0px;
left:0px;
width:400px;
height:450px;
padding:0px 20px 0px 32px;
z-index:10;
}

.txt{
	position:absolute; 
	top:0px; 
	left:0px; 
	z-index:100; 
	width:437px; 
	height:100%;
	text-align: left;
	padding:0px 20px 0px 18px;
}

.textwrap{
	float: right;
	width: 105px;
	height: 95px;
	background-color:#FF0000;
	z-index: 110;
	
}

#design .txt{width: 250px;}
#features .txt{width: 300px;}
#contact .txt{width:290px}
#downloads .txt{width:400px}

#features.nl .txt{width:240px;}

#video_star{
	position:absolute;
	top:347px;	
}

.trans_back{
	position:absolute; 
	top:0px; 
	left:0px; 
	z-index:10; 
	width:220px;
	height:450px; 
	background-image:url('../images/back_alpha.png');
	background-repeat:repeat-y;
	padding:0px 20px 0px 32px;
}
#design .trans_back{width: 250px;}
#downloads .trans_back{ width:400px;}
#features .trans_back{ width:300px;}
#features.nl .trans_back{width:240px;}
#contact .trans_back{ width:290px;}

#content #contact{
	width:285px;
}
#content #downloads_all{
	width:400px;
}

#content #features.es{
	width:290px;
}

/* features page */
#content #features img{
	display:block;
	margin-top:27px;
}

/* colors page */
#content img{
	display:block;
	margin-top:15px;
}
#admin img{
	display:inline;
	margin:0px;
}

#movie{
	position:relative;
	left: 290px;
	top: 100px;
}

#content #colors_dubai div, #content #colors_biarritz div, #content #colors_rio div{
	display:block;
	margin-top:15px;
}
#content .bottom_img{
	margin-top:25px;
}
#content #colors_dubai{
	position:absolute;
	left:22px;
	padding:5px 3px 0px 12px;
	height:445px;
	background:url('../images/back_alpha.png');
}
#content #colors_biarritz{
	position:absolute;
	left:319px;
	padding:5px 3px 0px 12px;
	height:445px;
	background:url('../images/back_alpha.png');
}
#content #colors_rio{
	position:absolute;
	left:629px;
	padding:5px 3px 0px 12px;
	height:445px;
	background:url('../images/back_alpha.png');
}

/* downloads page */
/*#content #downloads{
	position:absolute;
	top:0px;
	left:304px;
	width:220px;
	height:400px;
	border:0px solid green;
	padding:0px 10px 0px 10px;
}
#downloads_downloads .trans_back{ width:200px;}


#downloads_downloads img{
	margin-top:24px;
}
#downloads_downloads select{
	margin-top:0px;
}
#downloads_downloads img.downloads{
	margin-top:16px;
}*/
#downloads ul{
	margin-top:10px;
}
#downloads ul li{
	list-style:none;
}
#downloads ul li.handleiding{
	padding:0px 0px 0px 25px;
	background:url('../images/pdf_icon.gif') no-repeat;
}

/* contact page */

/* news page */

#news, #content #pics {
	
	/*left scrollbar*/
	/* unicode-bidi:bidi-override; 
	direction:rtl; */
	/*display:block; width:300px; height:100px;*/ overflow:auto; padding:10px; /*border:1px solid #ba8;*/ margin:0 auto;

	SCROLLBAR-FACE-COLOR: #ff913e; /*#ff6d00;*/
	SCROLLBAR-HIGHLIGHT-COLOR: #ff9d53;
	SCROLLBAR-SHADOW-COLOR: #e36100;
	SCROLLBAR-3DLIGHT-COLOR: #ffb782;
	SCROLLBAR-ARROW-COLOR: #000000;
	SCROLLBAR-TRACK-COLOR: #d6d6d6;
	SCROLLBAR-DARKSHADOW-COLOR: #ca5600;
	
	position:absolute; 
	top:0px; 
	left:0px; 
	z-index:100; 
	width:903px; 
	height:100%; 
	padding:0px 20px 0px 32px;
	overflow:auto;
}

#news .newsWrapper,
#pics .picsWrapper{
	position:relative;
	float:left;
	width:885px; 
	margin: 20px 0px 20px 0px;
	border:0px solid green;
}

#news .newsWrapper div,
#news .newsWrapper h2,
#news .newsWrapper em{
	font-family: Arial;
	float:left;
	width:50%;
	clear:left;
}

#news .newsWrapper em,
#news .newsWrapper div,
#news .newsWrapper p,
#pics .picsWrapper em,
#pics .picsWrapper div,
#pics .picsWrapper p{
	font-size:18px;
	font-style:normal;
	line-height:20px;
	color:#515151;
}

#pics .picsWrapper div,
#pics .picsWrapper h2,
#pics .picsWrapper em{
	font-family: Arial;
	float:left;
	width:40%;
	clear:left;
}

#news .newsWrapper p{
	margin:0px;
	margin-bottom:20px;
}

#news .newsWrapper h2{
	font-size:25px; 
	font-weight:bold;
	text-transform:uppercase;
	line-height:25px;
}

#news .newsWrapper img{
	float:right;
	margin:0px;
}

#pics .picsWrapper img{
	float:right;
	margin:0px;
}

#admin, #admin_pics{
	position:absolute; 
	top:0px; 
	left:0px; 
	z-index:100; 
	width:880px; 
	height:100%; 
	padding:10px 20px 0px 20px;
}

#pages{
	position:absolute; 
	top:0px; 
	left:0px; 
	z-index:100; 
	width:880px; 
	height:100%; 
	padding:10px 20px 0px 20px;	
}

#admin h2{
	font-size:15px;
	margin-bottom:15px;
	font-weight:bold;
}

#content #news_title {
	font-size: 14px;
}

/*admin page*/
#content #admin_title {
	font-style: bold;
}


/* footer
----------------------------------------------- */
#footer{
	position:relative;
	width:100%;
	height:70px;
	background-color:#484848;
	border-top:2px solid #FE6B01;
}
#footer img{
	margin-left:33px;
}