body {
margin					: 0px;
padding					: 0px;
background-color			: #000000;
font-family				: Arial, Helvetica, sans-serif;
font-size					: 11px;
}

h1 {
color					: #FFFFFF;
font-family				: Arial, Helvetica, sans-serif;
font-size					: 20px;
margin					: 0px;
padding					: 0px;
font-weight				: bold;
}

h2 {
color					: #000000;
font-family				: Arial, Helvetica, sans-serif;
font-size					: 16px;
margin					: 0px;
padding					: 0px;
font-weight				: bold;
}

p {
color					: #FFFFFF;
font-family				: Arial, Helvetica, sans-serif;
font-size					: 11px;
margin					: 0px;
padding					: 0px 0px 10px 0px;
}

a {
color					: #d77d1e;
text-decoration			: none;
}

a:hover {
text-decoration			: underline;
}

a img {
border					: 0px;
}

/* Basiselementen ----------------------------------------------------------------------------- */

.container {
width					: 800px;
margin					: 0px auto;
}

.header {
float					: left;
width					: 800px;
height					: 91px;
background				: url(../img/bg_header.gif) repeat-x top left;
}

.nav {
display: none;
}


.content {
float					: left;
width					: 800px;
}

.content a {
color					: #000000;
text-decoration			: underline;
}


.footer {
display: none;
}

.footer p {
color					: #999999;
text-align				: right;
}

.footer a {
color					: #d77d1e;
text-decoration			: none;
}

.footer a:hover {
text-decoration			: underline;
}

.last_item {
margin					: 0px !important;
padding					: 0px !important;
border					: 0px !important;
}


/* Header ----------------------------------------------------------------------------- */

.header .logo {
float					: left;
border					: 0px;
}

.header .language {
display: none;
}

.header .language ul {
float					: left;
list-style				: none;
margin					: 9px 0px 0px 0px;
padding					: 0px;
font-size					: 0px;
}

.header .language li {
float					: left;
border-right				: 1px solid #9b9c9d;
margin					: 0px;
padding					: 0px;
height					: 9px;
}

.header .language .hd_lang {
border-right				: none;
margin					: 2px 0px 0px 0px;
}

.header .language .hd_lang img {
float					: left;
}

.header .language a {
display					: block;
height					: 7px;
margin					: 2px 4px 0px 4px;
background-position			: 0px -7px;
}

.header .language a.lang_en { background:url(../img/lang_en.gif) no-repeat; width:11px; }
.header .language a.lang_nl { background:url(../img/lang_nl.gif) no-repeat; width:10px; }
.header .language a.lang_de { background:url(../img/lang_de.gif) no-repeat; width:10px; }
.header .language a.lang_fr { background:url(../img/lang_fr.gif) no-repeat; width:9px; }
.header .language a.lang_es { background:url(../img/lang_es.gif) no-repeat; width:9px; }
.header .language a.lang_it { background:url(../img/lang_it.gif) no-repeat; width:7px; margin-right: 0px; }

.header .language a:hover {
background-position			: 0px -14px;
}

.header .language a.selected,
.header .language a.selected:hover {
background-position			: 0px -7px;
}



/* Footer ----------------------------------------------------------------------------- */
.footer ul {
list-style				: none;
margin					: 0px;
padding					: 0px;
font-size					: 11px;
}

.footer li {
float					: left;
width					: 650px;
margin					: 0px 0px 0px 0px;
padding					: 0px;
color					: #d77d1e;
}

.footer a {
}

/* Content layout #00 - Home ----------------------------------------------------------------------------- */



/* Content layout #01 - Overzichtspagina ----------------------------------------------------------------------------- */
.overview_txt {
float					: left;
display					: inline;
width					: 190px /*200px*/;
height					: 370px;
padding-right				: 10px;
}

.overview_img {
float					: left;
width					: 600px;
height					: 370px;
}

.carrousel {
display: none;
}

.carrousel ul { 
list-style				: none;
margin					: 0px;
padding					: 0px;
}

.carrousel li {
float					: left;
width					: 200px;
height					: 150px;
background				: url(../img/bg_carrouselitem.gif) no-repeat right top;
cursor					: pointer;
}

.carrousel img {
float					: left;
}

.carrousel h2 {
float					: left;
display					: inline;
width					: 90px;
margin					: 20px 0px 5px 0px;
}

.carrousel p {
float					: left;
display					: inline;
width					: 90px;
color					: #000000;
}

/* Content layout #02 - Products Detailpagina ----------------------------------------------------------------------------- */

.detailpage_img {
display: none;
}

.detailpage_content {
float					: left;
width					: 600px;
height					: 370px;
background-color			: #ccc;
overflow:auto;
}

.detailpage_content ul {
list-style				: square;
margin					: 0px 0px 0px 20px;
padding					: 0px;
}

.detailpage_content img {
float					: left;
width					: 400px;
height					: 370px;
}

.productinfo {
float					: left;
width					: 200px;
margin					: 30px 0px 0px 0px;
}

.productinfo h1 {
float					: left;
display					: inline;
color					: #FFF;
background-color			: #000;
text-transform				: uppercase;
width					: 196px /*200px*/;
margin					: 20px 0px 5px 0px;
padding					: 0px 2px;
}

.productinfo p {
color					: #000;
}

.productinfo span {
float					: left;
display					: inline;
color					: #000;
background-color			: #d77d1e;
width					: 196px /*200px*/;
margin					: 0px 0px 1px 0px;
padding					: 0px 2px;
}

.productinfo span.first_item {
margin-top				: 30px;
}

/* Content layout #03 - Trainingen Detailpagina ----------------------------------------------------------------------------- */

#training .detailpage_content {
padding					: 20px 10px;
width					: 580px /*600px*/;
height					: 330px /*370px*/;
}

#training .detailpage_content h1 {
color					: #000;
text-transform				: uppercase;
}

#training .detailpage_content p {
color					: #000;
}

#training .carrousel h2 {
float					: left;
display					: inline;
width					: 180px;
margin					: 20px 0px 5px 10px;
}

#training .carrousel p {
float					: left;
display					: inline;
width					: 180px;
color					: #000000;
margin					: 0px 0px 5px 10px;
}

/* Content layout #04 - Services Pagina's (behalve Trainingen) ----------------------------------------------------------------------------- */

.small_txt_large_image {
float					: left;
display					: inline;
width					: 190px /*200px*/;
height					: 520px;
padding-right				: 10px;
color					: #FFFFFF;
}

.overview_img_large {
float					: left;
width					: 600px;
height					: 520px;
}


/* Content layout #05 - About Us pagina's ----------------------------------------------------------------------------- */
#aboutus .detailpage_content {
padding					: 20px 10px;
width					: 580px /*600px*/;
height					: 480px /*520px*/;
background-color			: #999999;
}

#aboutus .detailpage_img {
height					: 520px;
}

#aboutus .detailpage_content h1 {
color					: #000;
}

#aboutus .detailpage_content p {
color					: #000;
}

 

/* Content layout #06 - My Skalt Overzichtspagina ----------------------------------------------------------------------------- */

#myskalt .content {
background-color			: #999999;
}

.pagination {
width					: 397px;
height					: 14px;
background-color			: #58595b;
}

.pagination a.btn_back { 
float					: left;
display					: inline;
margin					: 0px 0px 0px 5px;
}

.pagination ul {
display					: inline;
float					: right;
list-style-type			: none;
margin					: 0px 5px 0px 0px;
padding					: 0px;
}

.pagination li {
display					: inline;
float					: left;
margin					: 0px;
padding					: 0px;
}

.pagination li.btn_prev a { width: 55px; border:0px; margin: 0px; padding: 0px}
.pagination li.btn_next a { width: 34px; border:0px; margin: 0px; padding: 0px}

.pagination li a {
display					: block;
float					: left;
margin					: 2px 0px 0px 0px;
padding					: 0px 4px;
text-align				: center;
text-decoration			: none;
color					: #b0b1b3;
font-weight				: bold;
line-height				: 10px;
border-right				: 2px solid #b0b1b3;
}

.pagination li.last_item a {
margin					: 2px 0px 0px 0px;
padding					: 0px 4px;
border					: 0px;
}

.experiences_overview {
float					: left;
width					: 800px;
background-color			: #999;
}

.experiences_overview ul { 
list-style				: none;
margin					: 0px;
padding					: 0px;
}

.experiences_overview li {
float					: left;
display					: inline;
width					: 784px /*800px*/;
height					: 82px /*100px*/;
margin					: 0px 8px;
padding					: 9px 0px;
background				: url(../img/bg_myskaltitem.gif) repeat-x left bottom;
}

.experiences_overview img {
float					: left;
display					: inline;
margin					: 0px 10px 0px 0px;
}

.experiences_overview h2 {
float					: left;
display					: inline;
border-right				: 2px solid #666666;
line-height				: 14px;
margin					: 0px 5px 3px 0px;
padding					: 0px 5px 2px 0px;
}

.experiences_overview span {
float					: left;
display					: inline;
color					: #666666;
font-size					: 11px;
font-weight				: bold;
margin					: 1px 0px 0px 0px;
}

.experiences_overview p {
float					: left;
display					: inline;
width					: 650px;
color					: #000000;
}


/* Content layout #07 - My Skalt Detailpagina ----------------------------------------------------------------------------- */

#myskalt .detailpage_content {
padding					: 20px 10px;
width					: 780px /*600px*/;
height					: 480px /*520px*/;
background-color			: #999999;
}

#myskalt .myskalt_usercase_text {
float					: left;
width					: 380px;
}

#myskalt .detailpage_content h1 {
color					: #000;
width					: 380px;
}

#myskalt .detailpage_content p {
color					: #000;
width					: 380px;
}

#myskalt .detailpage_content .imageviewer {
float					: right;
display					: inline;
width					: 320px;
height					: 265px;
margin					: 0px 35px 0px 0px;
background-color			: #000000;
}

#myskalt .imageviewer img {
width					: auto;
height					: auto;
}

#myskalt .imageviewer .imageviewer_img {
float					: left;
width					: 320px;
height					: 240px;
}

#myskalt .imageviewer .pagination {
float					: left;
width					: 320px;
height					: 14px;
background-color			: #000;
margin					: 4px 0px 0px 0px;
}

#myskalt .imageviewer .pagination a.btn_prev { 
float					: left;
display					: inline;
margin					: 0px 0px 0px 5px;
}

#myskalt .imageviewer .pagination a.btn_next { 
float					: right;
display					: inline;
margin					: 0px 5px 0px 5px;
}

#myskalt .imageviewer .pagination ul {
display					: inline;
float					: right;
list-style-type			: none;
margin					: 1px 0px 0px 0px;
padding					: 0px;
}

#myskalt .imageviewer .pagination li {
display					: inline;
float					: left;
margin					: 0px;
padding					: 0px;
}

#myskalt .imageviewer .pagination li a {
display					: block;
float					: left;
margin					: 2px 0px 0px 0px;
padding					: 0px 4px;
text-align				: center;
text-decoration			: none;
color					: #666;
font-weight				: bold;
line-height				: 10px;
border-right				: 2px solid #666;
}

#myskalt .imageviewer .pagination li.last_item a {
margin					: 2px 0px 0px 0px;
padding					: 0px 4px;
border					: 0px;
}

/* Content layout #07 - DOWNLOADS ----------------------------------------------------------------------------- */

#downloads .detailpage_content {
padding					: 20px 10px;
width					: 580px /*600px*/;
height					: 480px /*520px*/;
background-color			: #999999;
}

#downloads .detailpage_img {
height					: 520px;
}

#downloads .detailpage_content h1 {
color					: #000;
}

#downloads .detailpage_content p {
color					: #000;
}

ul.wallpapers {
list-style				: none;
margin					: 10px 0px 0px 0px;
padding					: 0px;
}

ul.wallpapers li {
float					: left;
width					: 275px;
margin					: 0px 0px 25px 0px;
padding					: 0px;
}

ul.wallpapers li img {
float					: left;
margin					: 0px;
padding					: 0px;
width					: 150px;
height					: 100px;
}

ul.wallpapers li a {
color					: #000000;
}

ul.wallpapers li ul {
float					: left;
list-style				: none;
width					: 110px;
margin					: 0px;
padding					: 0px;
}

ul.wallpapers li li {
float					: none;
width					: 100px;
margin					: 0px 0px 0px 10px;
padding					: 0px 0px 5px 0px;
}
/********** SCROLLABLE *******************/
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	xwidth: 680px;
	xheight:120px;

}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.scrollable li {
	float:left;
	cursor:pointer;
}

/* active item */
.scrollable .active {
	xz-index:9999;
	xposition:relative;
}

.prevPage {
	float: left;
	clear: left;
	position: relative;
	z-index: 998;
	cursor:pointer;
	width: 17px;
	height:17px;
	display:block;
	background:url(../img/btn_carroussel_prev.gif) no-repeat;
	margin: 2px 0px 0px 3px;
}

.nextPage {
	float: right;
	clear: right;
	position: relative;
	z-index: 999;
	cursor:pointer;
	width: 17px;
	height:17px;
	display:block;
	background:url(../img/btn_carroussel_next.gif) no-repeat;
	margin: 2px 3px 0px 0px;
}

.prevPage span,
.nextPage span {
	display:none;
}

.disabled {
	visibility: hidden;
}


/******* Admin Balk ************/
#admin_block {
	background-color: #999999;	
}
#admin_block a {
	color: #fff;				
}