/*
	Web & Watch CSS file
	last modified: December 09 2009 10:49:48.

	created by Dolphiq New Media
	for more information: info@webandwatch.nl
*/
/* mediaboxAdvanced - black theme */

#mbOverlay {
	position: fixed;
	z-index: 9998;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#mbOverlay.mbOverlayFF {
	background: transparent url(/includes/modal/img/90.png) repeat;
}

#mbOverlay.mbOverlayIE {
	position: absolute;
}

#mbCenter {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #000;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-box-shadow: 0px 10px 40px rgba(0,0,0,0.70);
	-webkit-box-shadow: 0px 10px 40px rgba(0,0,0,0.70);
}

#mbCenter.mbLoading {
	background: #000 url(/includes/modal/img/BlackLoading.gif) no-repeat center;

/*	This style is applied only during animation.	*/
/*	For example, the following turns off shadows,	*/
/*	helping browser performance on slow systems.	*/
/*	To leave shadows on, just remove these lines:	*/
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

#mbImage {
	position: relative;
	left: 0;
	top: 0;

/*	Begin styles for inline content, if no style is given	*/
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	color: #fff;
	text-align: left;
	background-position: center center;
	background-repeat: no-repeat;
	padding: 10px;
}

#mbImage a, #mbImage a:link, #mbImage a:visited {
	color: #ddd;
}

#mbImage a:hover, #mbImage a:active {
	color: #fff;
}

/*	End inline content styles	*/

#mbBottom {
	min-height: 20px;
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	color: #999;
	text-align: left;
	padding: 0 10px 10px;
}

#mbTitle {
	display: inline;
	color: #fff;
	font-weight: bold;
	line-height: 20px;
	font-size: 12px;
}

#mbNumber {
	display: inline;
	color: #999;
	line-height: 14px;
	font-size: 10px;
	margin: auto 10px;
}

#mbCaption {
	display: block;
	color: #999;
	line-height: 14px;
	font-size: 10px;
}

#mbPrevLink, #mbNextLink, #mbCloseLink {
	display: block;
	float: right;
	height: 20px;
	margin: 0;
	outline: none;
}

#mbPrevLink {
	width: 69px;
	background: transparent url(/includes/modal/img/BlackPrevious.gif) no-repeat center;
}

#mbNextLink {
	width: 41px;
	background: transparent url(/includes/modal/img/BlackNext.gif) no-repeat center;
}

#mbCloseLink {
	width: 46px;
	background: transparent url(/includes/modal/img/BlackClose.gif) no-repeat center;
}

/*	Styles for flash version alert	*/

#mbError {
	position: relative;
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	border: 10px solid #700;
	padding: 10px 10px 10px;
	margin: 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active {
	color: #d00;
	font-weight: bold;
	text-decoration: underline;
}/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(/includes/slimbox/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(/includes/slimbox/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(/includes/slimbox/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(/includes/slimbox/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}
/*
	Dolphiq New Media 960 Grid System
	12 cols max with each 0px margin
*/
#container{margin-left:auto;margin-right:auto;width:970px}
.grid_first{margin-left:0}
.grid_last{margin-right:0}
.g1,.g2,.g3,.g4,.g5,.g6,.g7,.g8,.g9,.g10,.g11,.g12{display:inline;float:left;margin:0 0px;zoom:1;}


/* columns, each adding 1 column, total should always add up to 12 */
.g1   {width:80px;}
.g2   {width:160px;}
.g3   {width:240px;}
.g4   {width:320px;}
.g5   {width:400px;}
.g6   {width:480px;}
.g7   {width:560px;}
.g8   {width:640px;}
.g9   {width:720px;}
.g10  {width:800px;}
.g11  {width:880px;}
.g12  {width:960px;}

/* Specials and full width */
.g5th {width:192px;}
.g960 {width:960px;margin:0;}

.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}

/*
	END 960 Grid System
*//*
	Dolphiq New Media General Styles
*/

/* padding */
.padd5  { padding:5px; }
.padd10 { padding:10px; }
.padd15 { padding:15px; }
.padd20 { padding:20px; }
.pt0    { padding-top:0px; padding-bottom:0px; }


/* aligning and positioning */
.left{float:left}
.right{float:right}
.inline{display:inline}
.aCenter{text-align:center}
.aLeft{text-align:left}
.aRight{text-align:right}
.middle,.middle *{vertical-align:middle}
.top,.top *{vertical-align:top}
.relative{position:relative}
.absolute{position:absolute}
.inline{ display:inline; }

/* font size */
.fs10{font-size:10px}
.fs11{font-size:11px}
.fs12{font-size:12px}
.fs14{font-size:14px}
.fs16{font-size:16px}

/* fonts */
.times, .times * {font-family:"Times New Roman";}

/* clear */
.clearDiv:after {content:'.';clear:both;height:0;visibility:hidden;display:block;}
.clearDiv {height:1%;}
/*
	END General Styles
*//* General styling and positioning */

* {outline:none;}

img {border:none;}

html {overflow-Y: scroll;cursor:default}

body,html{padding:0; margin:0; font-family:'Trebuchet MS'; background:#FFFFFF url(/img/bg.png) top center repeat-x;font-size:12px;}

#container{margin:auto;width:960px;position:relative;}

#container_menu {height:100px;z-index:20;position:relative;}
	#menuBG {width:960px;height:100px;position:absolute; background: url(/img/bg-menu.png) bottom no-repeat;z-index:15;}

#emo{position:absolute; top:72px; right:10px;z-index:30;}
#logo {z-index:40;position:relative;}
	#logo .cPadd {padding:20px 25px 0;}


#menu {z-index:999;position:relative;}
	#menu .cPadd {padding:20px 25px 0;}
	#menu ul{margin:37px 0 0;padding:0;list-style-type:none;font-size:1.2em;background:black;}
	#menu li{display:inline;margin:0;padding:0;}
	#menu li b {color:#888;display:inline-block;margin:0 10px;font-weight:bold;text-decoration:none;}
	#menu a {color:white;display:inline-block;margin:0 10px;font-weight:bold;text-decoration:none;}

#container_banner{background: url(/img/bg-banner.png) bottom no-repeat;height:320px;z-index:0;}
	#container_banner .cPadd {padding:25px;}
	#emo-flash {height:100px;margin:-20px 0 -20px;}
	.software{display:block; color:#FFFFFF; font-size:1.4em; padding:0; margin:0;text-align:center; width:252px;}
	#logos {position:absolute;bottom:25px;right:25px;}
		#logos img {margin-left:20px;}

#container_banner_default{background: url(/img/bg-banner-small.png) bottom no-repeat;height:125px;z-index:0;}
	#container_banner_default .cPadd {padding:0 25px;}

#container_middle{width:auto;position:relative;}

.slide {position:absolute;top:-120px;z-index:10;width:940px;height:200px;background:url(/img/bg-slide.png) bottom no-repeat;left:11px;}
	.slide .cPadd{padding:90px 320px 20px 20px;}


.xxx {background: url(/img/bg-content-xxx.png);}
.x-xx {background: url(/img/bg-content-x-xx.png);}
	.xxx .cPadd, .x-xx .cPadd {padding:0 25px;}

ul#winkels{list-style:none;padding:0; margin:0;}
#winkels img{vertical-align:middle; padding: 5px;}

#container_footer{width:960px; margin-top:10px; font-size:12px; color:#777;}
	#container_footer a {color:#777;}
	#container_footer img{vertical-align:middle}

.btn-blue, .btn-white, .btn-grey {display:inline-block;width:195px;font-size:14px;font-weight:bold;text-decoration:none;color:white;background:url(/img/btn-blue.gif) top no-repeat;text-align:center;padding:8px 12px 5px 0;height:22px;margin:1px 0;vertical-align:center;}
	.btn-white {background:url(/img/btn-white.gif) top no-repeat;}
	.btn-grey {background:url(/img/btn-grey.gif) top no-repeat;}
	.btn-blue:hover, .btn-white:hover {background-position:bottom;}

.bbAbs{position:absolute; left:470px; top:256px;}
.imgAbs{position:absolute; left:20px; top:140px;}



ul.fMM {margin:0;padding:0;}
	ul.fMM li.fMMI {list-style-type:none;padding:1px;font-weight:bold;text-indent:20px;background: #f2f2f2 url(/img/li-arrow-small.png) no-repeat 0px 5px;}
	ul.fMM li.fMMI a {color:black;text-decoration:none;}

.accContainer{height:0px;position:relative;overflow:hidden;}

ul.fM {margin:0;padding:0;}
	ul.fM li.fMI {list-style-type:none;cursor:pointer;border-top:1px solid white;padding:1px;font-weight:bold;text-indent:20px;background: #f2f2f2 url(/img/li-arrow-small.png) no-repeat 7px 5px;}
	ul.fM .fMITC {height:0px;position:relative;overflow:hidden;background:white;}
	ul.fM .fMIT .cPadd {padding:.5em 1em 1em 20px;font-weight:normal;text-indent:0;cursor:default}

.tickerContainer {height:40px;overflow:hidden;}
	.tickerIcon {float:left;width:40px;height:40px;padding:1px;margin-top:1px;}
	.tickerIcon img {margin:2px;}
	.tickerText {float:left;width:225px;height:40px;padding:1px;margin-top:1px;}
	.tickerText i {font-weight:bold;color:#4EADE6;}

a {color:#4EADE6;}

ul#breadcrumps {list-style-type:none;margin:0;padding:0;display:block;background: url(/img/bg-crumps-active.png) top right no-repeat;border:1px solid #aaa;}
	ul#breadcrumps li {display:inline-block !important;display:inline;background: url(/img/bg-crumps-inactive.png) left no-repeat;height:31px;font-style:italic;color:#bbb;}
	ul#breadcrumps li:first-child {background: url(/img/bg-crumps-inactive.png) right no-repeat;}
	ul#breadcrumps li b {display:inline-block;padding:7px 5px 6px 22px;text-decoration:none;font-weight:bold;}
	ul#breadcrumps li.active {background: url(/img/bg-crumps-active.png) left no-repeat;font-style:normal;color:#606060;}
	ul#breadcrumps li.inactive {background: url(/img/bg-crumps-active.png) right no-repeat;font-style:normal;}
	ul#breadcrumps li.inactive b {color:#bbb}

/* Header styling */
h1, h2, h3 {margin:0 0 .5em; padding:0;text-indent:-2000px;}

/* Font styling */
.bold{font-weight:bold;}


/* Forms and fieldsets */
form{ margin:0;padding:0;}
form * {position:relative;}
fieldset{border:0 none;margin:0;padding:20px;}
legend{display:none}
label{display:inline-block;width:100px;margin:1px;margin-left:0}
fieldset input,select,textarea{font-size:10px;}


.inlineBlock{display:inline-block;}

.xs{display:inline-block; width:10px;}
.s{display:inline-block; width:25px;}
.m{display:inline-block; width:50px;}
.l{display:inline-block; width:100px;}
.x{display:inline-block; width:200px;}
.xl{display:inline-block; width:300px;}