@charset "utf-8";
/* CSS Document */
/*********************************************************************************
	Project		:	VT-Schmidt
	Copyright	:	© 2010 by Way out of Line - www.wayoutofline.net
**********************************************************************************/

/*#### LAYOUT ###################################################################*/

#scroll {
	position:relative;
	height:588px;/*575*/
	/*overflow:hidden;*/
	/*border:1px solid #F00;*/
	width:980px;
	/*padding:15px;*/
	/*-moz-border-radius:5px;
	-webkit-border-radius:5px;*/
	overflow:hidden;
}

#scroll2 {
	position:relative;
	height:155px;/*575*/
	/*overflow:hidden;*/
	/*border:1px solid #F00;*/
	width:980px;
	/*padding:15px;*/
	/*-moz-border-radius:5px;
	-webkit-border-radius:5px;*/
	overflow:hidden;
}

#tools {
	width:9999em;
	position:absolute;
	height:420px;
}

.tool {
	float:left;
	width:1000px;
	height:420px;
	background-repeat:no-repeat;
	background-position:0 -40px;
	/*border:1px solid #F0F0F0;*/
}

.details {
	/*display:none;*/
	/*background-color:#fff;*/
	/*background-color:rgba(255, 255, 255, 0.5);*/
	color:#666;
	float:right;
	font-size:16px;
	margin:0px 0 0 0px;
	padding:10px 45px 10px 0px;
	width:579px;
}

.details2 {
	/*color:#666;*/
	/*font-size:20px;*/
	float:left;
	margin:27px 0 0 -68px;
	padding:0px 0px;
	width:700px;
	position:relative; 
	z-index:9998;
}

.demos {
	/*background-color:#fff;*/
	/*background-color:rgba(255, 255, 255, 0.8);*/
	background:url(transp3.png) repeat;
	/*border-right:1px solid #999;*/
	float:left;
	min-height:420px;/*395*/
	padding:0 25px;
	/*width:272px;*/
	width:304px;

}

.demos2 {
	/*background-color:#fff;*/
	/*background-color:rgba(255, 255, 255, 0.8);*/
	background:url(transp3.png) repeat;
	/*border-right:1px solid #999;*/
	float:left;
	margin:0px 0 0 0px;
	/*margin-top:-420px;
	margin-left:-301px;*/
	min-height:420px;/*395*/
	padding:0 25px;
	/*width:272px;*/
	width:304px;
	position:relative;
	z-index:9999;
}

/*.demos h2 {
	color:#f89e23;
	font-size:1.4em;
	display:block;
	padding:10px 0;
}
*/
.demos a, .demos2 a {
	color:#000;
	font-size:12px;
	line-height:25px;
	text-decoration:none;
	background:transparent url(bullet2.png) no-repeat scroll 0 4px;
	padding:12px 0 0 30px;
	}
.demos a:hover, .demos2 a:hover {
	color:#71aacf;
	text-decoration:underline;
	}


.demos a.logo,.demos2 a.logo {
	color:#000;
	font-size:12px;
	line-height:25px;
	text-decoration:none;
	background:transparent url(bullet2.png) no-repeat scroll 0 4px;
	padding:12px 0 0 30px;
	}
.demos a.logo:hover, .demos2 a.logo:hover {
	text-decoration:none;
	color:#000;
	cursor:text;
	}
.demos a.seo, .demos2 a.seo {
	color:#676767;
	font-size:inherit;
	line-height:inherit;
	text-decoration:none;
	background:none;
	padding:0;
	}
.demos a.seo:hover, .demos2 a.seo:hover{
	color:#676767;
	text-decoration:none;
	cursor:text;
	}


.demos p, .demos2 p {
	margin:0 0 4px;
	}

#thumbs {
	/*background:url(navi.png) no-repeat 10px -135px;*/
	height:155px;
	/*position:absolute;
	top:395px;*/
	width:990px;
	/*left:-8px;*/
	margin-top:13px;
	margin-left:-8px;
	overflow:hidden;
	}

.t a {
	background:transparent url(navi.png) no-repeat scroll 10px -135px;
	margin-left:11px;
	display:block;
	/*padding-right:8px;*/
	/*width:99px;*/
	float:left;
	height:135px;
	cursor:pointer;
	}

.t a.active {
	cursor:default !important;
	}

.tt a {
	background:transparent url(navi2.png) no-repeat scroll 10px -135px;
	margin-left:11px;
	display:block;
	/*padding-right:8px;*/
	/*width:99px;*/
	float:left;
	height:135px;
	cursor:pointer;
	}

.tt a.active {
	cursor:default !important;
	}

.navi {
	/*margin-top:65px;*/
	margin-left:0px;/*314*/
	_margin-left:0px;/*304*/
	}
.navi a:hover {
	color:#000;	
	}
.homenavi {
	/*margin-top:65px;*/
	margin-left:188px;/*314*/
	_margin-left:188px;/*304*/
	}
.homenavi a:hover {
	color:#000;
	
	}
span.navilink {
	font-size:12px;
	display:block;
	float:left;
	margin:95px 0 0 8px;}
	
span.vt_log{
	width:138px;
	height:135px;
	position:absolute;
	margin-left:15px;
	/*margin-top:-65px;*/
	}

/* CSS sprite for the navigation */
#t0        { background-position:-26px -135px; width:54px; }
#t0:hover  { background-position:-26px -270px; }
#t0:active { background-position:-26px -405px; }
#t0.active { background-position:-26px 0 !important; }

#t1			{ background-position:-203px -135px; width:75px; }
#t1:hover 	{ background-position:-203px -270px; }
#t1:active	{ background-position:-203px -405px; }
#t1.active	{ background-position:-203px 0 !important; }

#t2			{ background-position:-288px -135px; width:40px; }
#t2:hover 	{ background-position:-288px -270px; }
#t2:active	{ background-position:-288px -405px; }
#t2.active	{ background-position:-288px 0 !important; }

#t3			{ background-position:-340px -135px; width:49px; }
#t3:hover 	{ background-position:-340px -270px; }
#t3:active	{ background-position:-340px -405px; }
#t3.active	{ background-position:-340px 0 !important; }

#t4			{ background-position:-403px -135px; width:123px; }
#t4:hover 	{ background-position:-403px -270px; }
#t4:active	{ background-position:-403px -405px; }
#t4.active	{ background-position:-403px 0 !important; }

#t5			{ background-position:-535px -135px; width:95px; }
#t5:hover 	{ background-position:-535px -270px; }
#t5:active	{ background-position:-535px -405px; }
#t5.active	{ background-position:-535px 0 !important; }

#t6			{ background-position:-642px -135px; width:64px; }
#t6:hover 	{ background-position:-642px -270px; }
#t6:active	{ background-position:-642px -405px; }
#t6.active	{ background-position:-642px 0 !important; }

#t7			{ background-position:-717px -135px; width:64px; }
#t7:hover 	{ background-position:-717px -270px; }
#t7:active	{ background-position:-717px -405px; }
#t7.active	{ background-position:-717px 0 !important; }




#tt1		{ background-position:-213px -135px; width:75px; }
#tt1:hover 	{ background-position:-213px -270px; }
#tt1:active	{ background-position:-213px -405px; }
#tt1.active	{ background-position:-213px 0 !important; }






/*###############################################################################*/