@charset "utf-8";
/***********************************
resets & clear
***********************************/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	outline: none;
	vertical-align: baseline;
	margin: 0;
	padding: 0;
}
ol,ul {
	list-style: none;
}
/* remember to define focus styles! */
:focus {
	outline: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption,th,td {
	font-weight: 400;
	text-align: left;
}
blockquote:before,blockquote:after,q:before,q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/***********************************
structure & typography
***********************************/
body {
	font: 400 12px Arial, Helvetica, sans-serif;
	color: #838383;
	line-height: 1.5em;
	background-color: #f0f0f0;
}
.wrapper {
	width: 960px;
	margin: 0 auto;
	padding: 0;
}
#topbar {
	margin: 0;
	padding: 10px 0 0 0;
	background-color: #454545;
}
#header {
	margin: 0;
	padding: 0;
	height: 102px;
	background-color: #f8f8f8;
	border-bottom: 1px solid #c9c9c9;
}
#logo {
	height: 102px;
	width: 402px;
	display: block;
	background: #f8f8f8 url(../images/logo.gif) 0 0 no-repeat;
	text-indent: -9999em;
}
#main {
	background: url(../images/main_bg.gif) 0 0 repeat-x;
}
.impressum {
	border-top: 10px solid #fff;
	padding-top: 20px;
	background-color: #f0f0f0;
}
h1 {
	height: 35px;
	display: block;
	margin-top: 10px;
	text-indent: -9999em;
}
h2 {
	font: 400 20px Arial, Helvetica, sans-serif;
	color: #454545;
	margin-bottom: 10px;
	padding: 0;
}
h3 {
	font: 400 16px Arial, Helvetica, sans-serif;
	color: #454545;
	margin-bottom: 10px;
	padding: 0;
}
/***********************************
grid
***********************************/
.g-1, .g-2, .g-3,
.g-4, .g-5, .g-6,
.g-7, .g-8, .g-9,
.g-10, .g-11, .g-12 {
	display:inline;
	float: left;
	position: relative;
	margin: 0 10px 20px 10px;
}
.g-1 { width: 60px; }
.g-2 { width: 140px; }
.g-3 { width: 220px; }
.g-4 { width: 300px; }
.g-5 { width: 380px; }
.g-6 { width: 460px; }
.g-7 { width: 540px; }
.g-8 { width: 620px; }
.g-9 { width: 700px; }
.g-10 { width: 780px; }
.g-11 { width: 860px; }
.g-12 { width: 940px; }
/***********************************
nav
***********************************/
#nav {
	padding: 10px 0;
	margin: 0;
}
#nav ul {
	text-align: left;
	padding: 0;
	margin: 0;
	list-style: none;
	border: none;
}
#nav ul li {
	float: left;
	margin: 0;
	padding: 0 5px 0 0;
	border: none;
}
#nav ul li a, #nav ul li a:visited {
	float: left;
	margin: 0;
	padding: 10px;
	color: #454545;
	font: normal 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#nav ul li a.active, #nav ul li a.active:visited {
	color: #fff;
	background: #0089c2;
}
#nav ul li a:hover, #nav ul li a.active:hover {
	color: #fff;
	background: #454545;
}
/***********************************
footer
***********************************/
#footer {
	margin: 10px 0;
	padding: 0;
}
#footer .wrapper {
	border-top: 1px solid #c9c9c9;
}
#copyright {
	padding: 10px;
	float: left;
	color: #989898;
	font-size: 11px;
}
#copyright a, #copyright a:visited {
	color: #6d6d6d;
	text-decoration: none;
}
#copyright a:hover {
	text-decoration: underline;
}
#footer_nav {
	padding: 10px;
	float: right;
}
#footer_nav ul, #footer_nav ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#footer_nav ul li {
	float: left;
	display: block;
}
#footer_nav ul li a, #footer_nav ul li a:visited {
	display: block;
	margin: 0px 0px 0px 15px;
	font-size: 11px;
	color: #6d6d6d;
	text-decoration: none;
}
#footer_nav ul li a:hover, #footer_nav ul li a.active {
	text-decoration: underline;
}
/***********************************
cu3er
***********************************/
#cu3er-wrapper {
	width: 960px;
	margin: 0 auto;
	padding: 0 0 20px;
	background: url(../images/shadow.gif) 0 100% no-repeat;
}

#cu3er-container {
	width: 960px;
	outline: none;
}
#cu3er-container .flashload {
	height:400px;
	width: 960px;
	display: block;
	text-indent: -9999em;
	background: #fff url(http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif) 50% 50% no-repeat;
}
/***********************************
content
***********************************/
#intro .wrapper{
	padding: 10px 0 20px;
	background: #fff url(../images/shadow.gif) 0 100% no-repeat;
}
#intro h1 {
	margin-left: 20px;
}
h1.hand {
	background: url(../images/header.gif) 0 0 no-repeat;
}
h1.finger {
	background: url(../images/header.gif) 0 -35px no-repeat;
}
h1.arm {
	background: url(../images/header.gif) 0 -70px no-repeat;
}
h1.fluidhand {
	background: url(../images/header.gif) 0 -105px no-repeat;
}
#intro p {
	margin: 20px 0 0 20px;
	font-size: 18px;
	line-height: 24px;
}
#intro .vincentsys, #intro .kit {
	margin-top: 60px;
}
#intro .vincentsys a {
	text-indent: -9999em;
	width: 200px;
	height: 73px;
	display: block;
	background: #fff url(../images/vincentsystems.gif) 0 0 no-repeat;
}
#intro .kit a {
	text-indent: -9999em;
	width: 160px;
	height: 73px;
	display: block;
	background: #fff url(../images/kit.gif) 0 0 no-repeat;
}
#content p {
	margin-bottom: 10px
}
#content img {
	border: 1px solid #c9c9c9;
	padding: 4px;
	background-color: #fff;
}
/***********************************
gallery & fancy box
***********************************/
.gallery img {
	float: left;
	margin: 6px;
}
img.grip {
	margin-right: 52px;
}
#fancybox-loading{position:fixed;top:50%;left:50%;height:40px;width:40px;margin-top:-20px;margin-left:-20px;cursor:pointer;overflow:hidden;z-index:1104;display:none;}
* html #fancybox-loading{position:absolute;margin-top:0;}
#fancybox-loading div{position:absolute;top:0;left:0;width:40px;height:480px;background-image:url(../images/fancybox.png);}
#fancybox-overlay{position:fixed;top:0;left:0;bottom:0;right:0;background:#000;z-index:1100;display:none;}
* html #fancybox-overlay{position:absolute;width:100%;}
#fancybox-tmp{padding:0;margin:0;border:0;overflow:auto;display:none;}
#fancybox-wrap{position:absolute;top:0;left:0;margin:0;padding:20px;z-index:1101;display:none;}
#fancybox-wrap a{background-color:transparent;border:none;padding:0;margin:0;}
#fancybox-outer{position:relative;width:100%;height:100%;background:#FFF;}
#fancybox-inner{position:absolute;top:0;left:0;width:1px;height:1px;padding:0;margin:0;outline:none;overflow:hidden;}
#fancybox-hide-sel-frame{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;}
#fancybox-close{position:absolute;top:-15px;right:-15px;width:30px;height:30px;background-image:url(../images/fancybox.png);background-position:-40px 0;cursor:pointer;z-index:1103;display:none;}
#fancybox_error{color:#444;font:normal 12px/20px Arial;padding:7px;margin:0;}
#fancybox-content{height:auto;width:auto;padding:0;margin:0;}
#fancybox-img{width:100%;height:100%;padding:0;margin:0;border:none;outline:none;line-height:0;vertical-align:top;-ms-interpolation-mode:bicubic;}
#fancybox-frame{position:relative;width:100%;height:100%;border:none;display:block;}
#fancybox-title{position:absolute;bottom:0;left:0;font-family:Arial;font-size:12px;z-index:1102;}
.fancybox-title-inside{padding:10px 0;text-align:center;color:#333;}
.fancybox-title-outside{padding-top:5px;color:#FFF;text-align:center;font-weight:700;}
.fancybox-title-over{color:#FFF;text-align:left;}
#fancybox-title-over{padding:10px;background-image:url(../images/fancy_title_over.png);display:block;}
#fancybox-title-wrap{display:inline-block;}
#fancybox-title-wrap span{height:32px;float:left;}
#fancybox-title-left{padding-left:15px;background-image:url(../images/fancybox.png);background-position:-40px -90px;background-repeat:no-repeat;}
#fancybox-title-main{font-weight:700;line-height:29px;background-image:url(../images/fancybox-x.png);background-position:0 -40px;color:#FFF;}
#fancybox-title-right{padding-left:15px;background-image:url(../images/fancybox.png);background-position:-55px -90px;background-repeat:no-repeat;}
#fancybox-left,#fancybox-right{position:absolute;bottom:0;height:100%;width:35%;cursor:pointer;outline:none;background-image:url(../images/blank.gif);z-index:1102;display:none;}
#fancybox-left{left:0;}
#fancybox-right{right:0;}
#fancybox-left-ico,#fancybox-right-ico{position:absolute;top:50%;left:-9999px;width:30px;height:30px;margin-top:-15px;cursor:pointer;z-index:1102;display:block;}
#fancybox-left-ico{background-image:url(../images/fancybox.png);background-position:-40px -30px;}
#fancybox-right-ico{background-image:url(../images/fancybox.png);background-position:-40px -60px;}
#fancybox-left:hover,#fancybox-right:hover{visibility:visible;}
#fancybox-left:hover span{left:20px;}
#fancybox-right:hover span{left:auto;right:20px;}
.fancy-bg{position:absolute;padding:0;margin:0;border:0;width:20px;height:20px;z-index:1001;}
#fancy-bg-n{top:-20px;left:0;width:100%;background-image:url(../images/fancybox-x.png);}
#fancy-bg-ne{top:-20px;right:-20px;background-image:url(../images/fancybox.png);background-position:-40px -162px;}
#fancy-bg-e{top:0;right:-20px;height:100%;background-image:url(../images/fancybox-y.png);background-position:-20px 0;}
#fancy-bg-se{bottom:-20px;right:-20px;background-image:url(../images/fancybox.png);background-position:-40px -182px;}
#fancy-bg-s{bottom:-20px;left:0;width:100%;background-image:url(../images/fancybox-x.png);background-position:0 -20px;}
#fancy-bg-sw{bottom:-20px;left:-20px;background-image:url(../images/fancybox.png);background-position:-40px -142px;}
#fancy-bg-w{top:0;left:-20px;height:100%;background-image:url(../images/fancybox-y.png);}
#fancy-bg-nw{top:-20px;left:-20px;background-image:url(../images/fancybox.png);background-position:-40px -122px;}
#fancybox-loading.fancybox-ie div{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale');}
.fancybox-ie #fancybox-close{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale');}
.fancybox-ie #fancybox-title-over{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale');zoom:1px;}
.fancybox-ie #fancybox-title-left{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale');}
.fancybox-ie #fancybox-title-main{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale');}
.fancybox-ie #fancybox-title-right{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale');}
.fancybox-ie #fancybox-left-ico{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale');}
.fancybox-ie #fancybox-right-ico{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale');}
.fancybox-ie .fancy-bg{background:transparent !important;}
.fancybox-ie #fancy-bg-n{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale');}
.fancybox-ie #fancy-bg-ne{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale');}
.fancybox-ie #fancy-bg-e{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale');}
.fancybox-ie #fancy-bg-se{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale');}
.fancybox-ie #fancy-bg-s{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale');}
.fancybox-ie #fancy-bg-sw{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale');}
.fancybox-ie #fancy-bg-w{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale');}
.fancybox-ie #fancy-bg-nw{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale');}
