/***********************************
 *     < sitename & version >      *
 *                                 *
 *                                 *
 *    Design by Martin Fallend     *
 *   **************************    *
 *     Design for video2brain      *
 *                                 *
 *                                 *
 *   Copyright (c) Martin Fallend  *
 *     Mail: martin@fallend.at     *
 *            2007-12-06           *
 *       All rights reserved.      *
 ***********************************/

/* Reset & Site-Background */
* {
	margin: 0px;
	padding: 0px;
}
html, body {
	margin: 0px;
	padding: 0px;
	background: #caced1;
}
img, a {
	border: none;
}


/* centering the whole site */
div#wrapper {
	position: absolute;
	left: 50%;
	width: 748px;
	margin-left: -374px;
}


/* Global Stuff */
div#clrb {
	clear: both;
}


/* Headlines (img + txt) */
div#header h1 {
	float: right;
	margin-right: 7px;
}
div#header h4 {
	float: right;
	margin-right: 10px;
}
h2.vttxtL {
	background: url('../gfx/vt_l.png') no-repeat right;
	position: absolute;
	top: 104px;
	left: 18px;
	margin-left: -1000px;
	width: 1176px;
	height: 31px;
}
h2.vtuttxtL {
	background: url('../gfx/vtut_l.png') no-repeat right;
	position: absolute;
	top: 102px;
	left: 18px;
	margin-left: -1000px;
	width: 1176px;
	height: 31px;
}
h3.vtuttxt {
	background: url('../gfx/vtut.png') no-repeat right;
	position: absolute;
	top: 107px;
	left: 543px;
	margin-left: -1000px;
	width: 1138px;
	height: 23px;
}
h3.moretxt {
	background: url('../gfx/more.png') no-repeat right;
	position: absolute;
	top: -10px;
	left: 18px;
	margin-left: -1000px;
	width: 1069px;
	height: 18px;
}


/* Header */
div#header {
	height: 117px;
}


/* Content */
div#content {
	margin-top: 5px;
}
div#content ul {
	list-style: none;
}
/* Main */
div#main {
	float: left;
}
/* Main-Content */

/* Products */
div#main div#allprods {
}
div#main div.prod {
	margin: 0px 0px 10px 0px;
}
div#main div.prodimg {
	float: left;
	margin-top: 3px;
}
div#main div.prodimg img {
	width: 70px;
}
div#main div.prodtxt {
	margin-left: 80px;
}
div#main div.prodcontent {
}
div#main div.prodfooter {
	margin: 10px 0px 0px 0px;
}
div#main span.prodmore, div#main span.prodtitlemore {
	display: block;
	text-align: right;
}
div#main div.prodmorewrapper {
	float: right;
	width: 160px;
}





/* Vids */
div#main div#allvids {
	margin: 20px 0px 0px 0px;
}
div#main div.vid {
	min-height: 195px;
	margin: 0px 0px 10px 0px;
}
div#main div.vidimg {
	margin: 0px 10px 0px 0px;
	float: left;
	height: 195px;
}
div#main div.vidtxt {
	margin-left: 285px;
}


div#main div.hr {
	clear: both;
	border-top: 1px dotted #ddd;
	height: 10px;
}


/* Boxes */
/* mBox - Content */
div#vt {
	margin: 0px 31px 0px 31px;
	width: 457px;
}

/* mBox - Design */
div#mBox {
	width: 519px;
	min-height: 448px;
}

/* mBoxWrapper */
div#mBo {
	background: #fff;
	height: 100%;
}
/* div#mBm => some lines below */
div#mBu {
	background: #fff;
	height: 100%;
}

/* Top */
/* Corners */
div#mBlio {
	background: url('../gfx/Box-lio.gif') no-repeat left top;
	width: 48px;
	height: 31px;
	float: left;
}
div#mBreo {
	background: url('../gfx/mBox-reo.gif') no-repeat right top;
	width: 60px;
	height: 31px;
	float: left;
}
/* Border */
div#mBrandbg-o {
	background: url('../gfx/BoxRandbg-o.gif') repeat-x;
	width: 411px;
	height: 16px;
	float: left;
}

/* Middle */
/* Border & Wrapper */
div#mBmWrapper {
	background: #fff url('../gfx/BoxRandbg-li.gif') repeat-y left 10px;
	height: 100%;
	min-width: 455px;
	min-height: 388px;
	float: left;
}
div#mBm {
	background: url('../gfx/BoxRandbg-re.gif') repeat-y right -10px;
	width: 100%;
	min-height: 388px;
	float: right;
}

/* Bottom */
/* Corners */
div#mBliu {
	background: url('../gfx/mBox-liu.gif') no-repeat left bottom;
	width: 45px;
	height: 31px;
	float: left;
}
div#mBreu {
	background: url('../gfx/Box-reu.gif') no-repeat right bottom;
	width: 34px;
	height: 31px;
	float: right;
}
/* Border */
div#mBrandbg-u {
	background: url('../gfx/BoxRandbg-u.gif') repeat-x;
	width: 440px;
	height: 16px;
	margin-top: 15px;
	float: left;
}


/* Right */
div#right{
	float: right;
}

/* rBoxTop - Content */
div#vtut {
	margin: 0px 31px 0px 31px;
	width: 161px;
}
/* rBoxTop - Design */
div#rBoxTop {
	width: 223px;
}

/* rBoxTopWrapper */
div#rBTo {
	background: #fff;
	height: 100%;
}
/* div#rBTm => some lines below */
div#rBTu {
	background: #fff;
	height: 100%;
}

/* Top */
/* Corners */
div#rBTlio {
	background: url('../gfx/Box-lio.gif') no-repeat left top;
	width: 48px;
	height: 31px;
	float: left;
}
div#rBTreo {
	background: url('../gfx/rBox-reo.gif') no-repeat right top;
	width: 31px;
	height: 31px;
	float: left;
}
/* Border */
div#rBTrandbg-o {
	background: url('../gfx/BoxRandbg-o.gif') repeat-x;
	width: 144px;
	height: 16px;
	float: left;
}

/* Middle */
/* Border & Wrapper */
div#rBTmWrapper {
	background: #fff url('../gfx/BoxRandbg-li.gif') repeat-y left bottom;
	min-width: 223px;
	min-height: 133px;
	float: left;
}
div#rBTm {
	background: url('../gfx/BoxRandbg-re.gif') repeat-y right bottom;
	width: 100%;
	min-height: 133px;
	float: right;
}

/* Bottom */
/* Corners */
div#rBTliu {
	background: url('../gfx/rBox-liu.gif') no-repeat left bottom;
	width: 31px;
	height: 29px;
	float: left;
}
div#rBTreu {
	background: url('../gfx/Box-reu.gif') no-repeat right bottom;
	width: 34px;
	height: 29px;
	float: right;
}

/* Border */
div#rBTrandbg-u {
	background: url('../gfx/BoxRandbg-u.gif') repeat-x;
	width: 158px;
	height: 16px;
	margin-top: 13px;
	float: left;
}

/* rBoxBottom - Content */
div#links {
	margin: 0px 31px 0px 31px;
	width: 161px;
}
/* rBoxBottom - Design */
div#rBoxBottom {
	position: absolute;
	bottom: 20px;
	width: 223px;
}

/* rBoxBottomWrapper */
div#rBBo {
	background: #fff;
	height: 100%;
}
/* div#rBBm => some lines below */
div#rBBu {
	background: #fff;
	height: 100%;
}

/* Top */
/* Corners */
div#rBBlio {
	background: url(../gfx/Box-lio.gif) no-repeat left top;
	width: 48px;
	height: 31px;
	float: left;
}
div#rBBreo {
	background: url(../gfx/rBox-reo.gif) no-repeat right top;
	width: 31px;
	height: 31px;
	float: left;
}
/* Border */
div#rBBrandbg-o {
	background: url('../gfx/BoxRandbg-o.gif') repeat-x;
	width: 144px;
	height: 16px;
	float: left;
}

/* Middle */
/* Border & Wrapper */
div#rBBmWrapper {
	background: #fff url('../gfx/BoxRandbg-li.gif') repeat-y left bottom;
	min-width: 223px;
	min-height: 52px;
	float: left;
}
div#rBBm {
	background: url('../gfx/BoxRandbg-re.gif') repeat-y right bottom;
	width: 100%;
	min-height: 52px;
	float: right;
}

/* Bottom */
/* Corners */
div#rBBliu {
	background: url(../gfx/rBox-liu.gif) no-repeat left bottom;
	width: 31px;
	height: 29px;
	float: left;
}
div#rBBreu {
	background: url(../gfx/Box-reu.gif) no-repeat right bottom;
	width: 34px;
	height: 29px;
	float: right;
}

/* Border */
div#rBBrandbg-u {
	background: url('../gfx/BoxRandbg-u.gif') repeat-x;
	width: 158px;
	height: 16px;
	margin-top: 13px;
	float: left;
}


/* Footer */
div#footer {
	width: 519px;
	height: 20px;
	text-align: center;
	clear: both;
}


/* Font */
/* Website-Title */
h1 {
	font: bold italic 50px 'Trebuchet MS', 'Myriad Pro', sans-serif;
	color: #fff;
	text-shadow: #404040 6px -2px 5px;
}
h4 {
	font: bold italic 30px/21px 'Trebuchet MS', 'Myriad Pro', sans-serif;
	color: #fff;
	text-shadow: #404040 6px -2px 5px;
}
/* Content */
div#content span {
	font: 11px/18px Tahoma, Arial, Helvetica, sans-serif;
}
div#main span.vidtitle {
	font-weight: bold;
}
div#main span.nb {
	font-weight: normal;
}
div#main span.prodtitle {
	font: bold 12px/18px Tahoma, Arial, Helvetica, sans-serif;
}
div#main span.ot {
	font: normal 12px/18px Tahoma, Arial, Helvetica, sans-serif;
}
div#main span.prodsubtitle {
	font: bold 11px/18px Tahoma, Arial, Helvetica, sans-serif;
	color: #888888;
}
div#main span.prodwaehrung {
	font: bold 12px/18px Tahoma, Arial, Helvetica, sans-serif;
	color: #FF0000;
}
div#main span.prodpreis {
	font: bold 12px/18px Tahoma, Arial, Helvetica, sans-serif;
	color: #FF0000;
}
div#main span.prodisbn {
	font: bold 11px/18px Tahoma, Arial, Helvetica, sans-serif;
	color: #000;
}
div#right ul {
	font: 11px/18px Tahoma, Arial, Helvetica, sans-serif;
}


/* Footer */
div#footer span.copyright {
	font: 10px/17px Tahoma, Arial, Helvetica, sans-serif;
	color: #7B7B7B;
}


/* Links */
div#content a:link {
	color: #000000;
	text-decoration: underline;
}
div#content a:visited {
	color: #000000;
	text-decoration: underline;
}
div#content a:active {
	color: #888888;
	text-decoration: underline;
}
div#content a:hover {
	color: #888888;
	text-decoration: underline;
}
div#content a:link span {
	color: #000000;
	text-decoration: underline;
}
div#content a:visited span {
	color: #000000;
	text-decoration: underline;
}
div#content a:active span {
	color: #888888;
	text-decoration: underline;
}
div#content a:hover span {
	color: #888888;
	text-decoration: underline;
}
div#header a:link, div#header a:visited, div#header a:active, div#header a:hover {
	color: #fff;
	text-decoration: none;
}