/*<![CDATA[*/
/**
 * CSS Style fuer Screen und Projection
 *
 * Copyright (c) 2008    die.interaktiven GmbH & Co. KG
 *                       Agentur fuer digitale Medien
 *                       Eisenmarkt 1
 *                       35578 Wetzlar
 *                       Germany
 *
 *                       Fon: +49 (0)64 41 / 39 86 19 - 0
 *                       Fax: +49 (0)64 41 / 39 86 19 - 9
 *                       Web: www.die-interaktiven.de
 *
 * Alle Rechte vorbehalten. Unberechtigte Kopie und Weiter-
 * verwendung nicht gestattet.
 *
 */

div.element
{
	display: none;
}
 
/**
 * Textabschnitt
 */

div.element.paragraph
{
	display: block;
}

div.element.paragraph
{
	margin: 0 0 40px 0;
}

div.element.paragraph h2.title
{
	margin: 0 0 10px 0;
	padding: 0;
}

div.element.paragraph div.text
{
	line-height: 1.5em;
	margin: 0;
	padding: 0;
}

#start #col-right  div.element.paragraph div.text,
#start #col-right  div.element.paragraph div.text a
{
	color: #73B500;
}

/**
 * Suche
 */

#col-right div.element.qsearch
{
	display: block;
}

div.element.qsearch
{
	margin: 0 0 20px 0;
	border: 1px solid #515151;
	background: #2e2e2e;
}

div.element.qsearch form.form.qsearch
{
	padding: 10px;
}

div.element.qsearch h3.title
{
	padding: 6px 10px;
	background: url(../images/box-title-bg.gif) top left repeat-x #333;
	border-bottom: 1px solid #515151;
}

div.element.qsearch form.form.qsearch
{
	margin: 0;
	padding: 10px;
}

div.element.qsearch input.input.text
{
	width: 235px;
	font-size: 1.2em;
	border: 2px solid #fff;
	color: #515151;
	margin: 0;
	padding: 0;
}

html>body div.element.qsearch input.input.text
{
	padding: 1px 0;
}

div.element.qsearch input.input.image
{
	width: 23px;
	height: 23px;
	margin: 0 0 0 10px;
}


/**
 * Tag Cloud
 */

#col-right div.element.tagcloud
{
	display: block;
}

div.element.tagcloud
{
	margin: 0 0 20px 0;
	border: 1px solid #515151;
	background: #2e2e2e;
}

div.element.tagcloud h3.title
{
	padding: 6px 10px;
	background: url(../images/box-title-bg.gif) top left repeat-x #333;
	border-bottom: 1px solid #515151;
}

div.element.tagcloud div.tags
{
	line-height: 2em;
	padding: 10px;
}

div.element.tagcloud div.tags ul
{
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
}

div.element.tagcloud div.tags li
{
	float: left;
	display: inline;
}

div.element.tagcloud div.tags a
{
	padding: 4px;
	text-decoration: none;
}

div.element.tagcloud div.tags a:hover
{
	color: #8ebe48;
}

/**
 * Listennavigation
 */

#col-left div.element.listnavi
{
	display: block;
}

div.element.listnavi
{
	margin: 20px 0;
	padding: 0 19px 0 19px;
}

div.element.listnavi div.pages
{
	float: left;
	width: 315px;
}

div.element.listnavi div.navi
{
	float: right;
	width: 140px;
	text-align: right;
}


/**
 * Video Liste
 */

#col-left div.element.videolist
{
	display: block;
}

div.element.videolist
{
	float: none;
	clear: both;
	margin: 0 0 20px 0;
	border: 1px solid #515151;
	background: #2e2e2e;
}

div.element.videolist h1.title
{
	padding: 6px 10px;
	background: url(../images/box-title-bg.gif) top left repeat-x #333;
	border-bottom: 1px solid #515151;
}

div.element.videolist div.items
{
	/*padding: 0 0 0 19px;*/
}

div.element.videolist div.item-col
{
	width: 100%;
}

div.element.videolist div.item
{
	float: left;
	width: 142px;
	margin: 15px 0 15px 0;
	padding: 0 0 0 19px;
}

div.element.videolist div.no-item
{
	padding: 30px 0 30px 19px;
}

div.element.videolist div.item div.datetime
{
	margin: 0 0 5px 0;
	color: #8ebe48;
	text-align: center;
}

div.element.videolist div.item div.datetime a
{
	color: #8ebe48;
}

div.element.videolist div.item div.preview
{	
	padding: 0;
	margin: 0 0 5px 0;
	text-align: center;
}

div.element.videolist div.item h2.title
{
	padding: 0;
	margin: 0 0 7px 0;
	line-height: 1.3em;
	font-weight: normal;
}

div.element.videolist div.item div.category
{
	margin: 0 0 10px 0;
	line-height: 1.3em;
}

div.element.videolist div.item div.rating a,
div.element.videolist div.item div.datetime a,
div.element.videolist div.item div.preview a,
div.element.videolist div.item h2.title a,
div.element.videolist div.item div.rating a
{
	text-decoration: none;
}

/**
 * Tip a Friend
 */

#col-left div.element.tipafriend
{
	display: block;
}

div.element.tipafriend
{
	margin: 0 0 20px 0;
}

div.element.tipafriend div.comments
{
	padding: 30px 10px 0 10px;
}

div.element.tipafriend div.nocomment
{
	margin: 10px 0 40px 0;
	text-align: center;
}

div.element.tipafriend div.comment
{
	width: 100%;
	margin: 0 0 30px 0;
}

div.element.tipafriend form.form.tipafriend
{
	width: 100%;
}

div.element.tipafriend form.form.tipafriend h3.title
{
	font-size: 1.3em;
	margin: 0 0 20px 0;
	padding: 0;
}


div.element.tipafriend form.form.tipafriend div.link
{
	margin: 0 0 20px 0;
}

div.element.tipafriend form.form.tipafriend fieldset
{

}

div.element.tipafriend form.form.tipafriend span.label
{
	float:none;
	clear: both;
	margin: 0 0 5px 0;
	padding: 0;
}

div.element.tipafriend form.form.tipafriend div.fieldset
{
	margin: 0 0 15px 0;
	padding: 0;
}

div.element.tipafriend form.form.tipafriend input.input.text
{
	float: none;
	clear: both;
	width: 225px;
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 1.1em;
	border: 1px solid #fff;
	color: #515151;
}

div.element.tipafriend form.form.tipafriend div.captcha
{
	float: left;
	width: 255px;
}

div.element.tipafriend form.form.tipafriend div.captcha img.image
{
	width: 225px;
}

div.element.tipafriend form.form.tipafriend div.functions
{
	padding: 10px 0 0 0;
}

div.element.tipafriend form.form.tipafriend span.function
{
	padding: 0 10px 0 0;
}

div.element.tipafriend form.form.tipafriend input#tipafriend-code.input.text
{
	width: 100px;
	float: left;
	margin: 0 30px 0 0;
}

div.element.tipafriend form.form.tipafriend textarea.input.textarea
{
	float: none;
	clear: both;
	width: 480px;
	height: 90px;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 1.1em;
	border: 1px solid #fff;
	color: #515151;
}

div.element.tipafriend span.required
{
	margin: 43px 0 0 0;
}

div.element.tipafriend form.form.tipafriend input.input.submit
{
	border: none;
	padding: 7px 0 7px 28px;
	margin: 35px 0 0 0;
	width: 96px;
	text-align: left;
	color: #333;
	background: url(../images/writecomment-submit.gif) left no-repeat transparent;
	float: right;
}

/**
 * Related Video Liste
 */

#col-right div.element.related
{
	display: block;
}

div.element.related
{
	margin: 0 0 20px 0;
	border: 1px solid #515151;
	background: #2e2e2e;
}

div.element.related h3.title
{
	padding: 6px 10px;
	background: url(../images/box-title-bg.gif) top left repeat-x #333;
	border-bottom: 1px solid #515151;
}

div.element.related div.items
{
	padding: 6px;
	height: 366px;
	overflow: auto;
}

html>body div.element.related div.items
{
	height: 354px;
}

div.element.related div.item
{
	/*width: 100%;*/
	padding: 6px 0;
	background: #1f1f1f;
}

div.element.related div.item.hl
{
	background: #2e2e2e;
}

div.element.related div.item div.preview
{
	float: left;
	width: 80px;
	margin: 0 5px 0 0;
	padding: 0 0 0 6px;
	text-align: center
}

div.element.related div.item div.meta
{
	float: left;
	width: 172px;
	padding: 0 6px 0 0;
}

div.element.related div.item div.datetime
{
	margin: 0 0 5px 0;
	color: #8ebe48;
}

div.element.related div.item div.datetime a
{
	color: #8ebe48;
}

div.element.related div.item h4.title
{
	padding: 0;
	margin: 0;
	line-height: 1.3em;
	font-weight: normal;
}


div.element.related div.item div.datetime a,
div.element.related div.item div.preview a,
div.element.related div.item h4.title a
{
	text-decoration: none;
}

/**
 * Video Promotion
 */

#col-left div.element.videopromo
{
	display: block;
}

div.element.videopromo
{
	margin: 0 0 20px 0;
	border: 1px solid #515151;
	background: #1f1f1f;
}

div.element.videopromo div.player
{
	padding: 10px 0 0 10px;
	margin: 0 0 10px 0;
}

div.element.videopromo div.details
{
	padding: 10px;
}

div.element.videopromo div.rating
{
	text-align: right;
	margin: 0 0 15px 0;
}

div.element.videopromo h1.title
{
	font-size: 1.2em;
	margin: 0 0 10px 0;
	padding: 0;
}

div.element.videopromo div.description
{
	line-height: 1.5em;
	margin: 0 0 20px 0;
}

div.element.videopromo div.datetime
{
	margin: 0 0 7px 0;
}

div.element.videopromo div.datetime span.green
{
	color: #8ebe48;
}

div.element.videopromo div.tags
{
	line-height: 1.5em;
}

div.element.videopromo div.functions
{
	text-align: right;
}

div.element.videopromo div.functions a
{
	margin: 0 0 0 10px;
}

/**
 * Video Details
 */

#col-left div.element.videodetails
{
	display: block;
}

div.element.videodetails
{
	margin: 0 0 20px 0;
	border: 1px solid #515151;
	background: #1f1f1f;
}

div.element.videodetails div.player
{
	padding: 10px 0 0 10px;
	margin: 0 0 10px 0;
}

div.element.videodetails div.details
{
	padding: 10px;
}

div.element.videodetails h1.title
{
	font-size: 1.2em;
	line-height: 1.5em;
	margin: 0 0 10px 0;
	padding: 0;
}

#details div.element.videodetails h1.title a,
#details div.element.videodetails h1.title a:hover
{
	text-decoration: none;
	cursor: default;
}

#start div.element.videodetails h1.title a
{
	text-decoration: none;
}

#start div.element.videodetails h1.title a:hover
{
	text-decoration: underline;
}

div.element.videodetails div.description
{
	line-height: 1.5em;
	margin: 0 0 20px 0;
}

div.element.videodetails div.description a 
{
	color:#8EBE48;
}

div.element.videodetails div.datetime
{
	margin: 0 0 7px 0;
}

div.element.videodetails div.datetime span.green
{
	color: #8ebe48;
}

div.element.videodetails div.tags
{
	line-height: 1.5em;
}

div.element.videodetails div.functions
{
	text-align: right;
	margin: 15px 0 0 0;
}

div.element.videodetails div.functions a
{
	margin: 0 0 0 10px;
}

div.element.videodetails div.functions span.message
{
	margin: 0 0 5px 0;
}

div.element.videodetails div.rating
{
	float: right;
	width: 100px;
}

div.element.videodetails div.star
{
	float: left;
	text-indent: -999em;
	cursor: pointer;
	display: block;
	background: transparent;
	overflow: hidden;
}

div.element.videodetails div.cancel
{
	display:  none;
}

div.element.videodetails div.star,
div.element.videodetails div.star a
{
	background: url(../images/rating-stars.gif) no-repeat 0 0px;
}

div.element.videodetails div.star a
{
	display: block;
	height: 100%;
	background-position: 0 0px;
}

div.element.videodetails div.rating div.star
{
	width: 19px;
	height: 19px;
}

div.element.videodetails div.rating div.star,
div.element.videodetails div.rating div.star a
{
	background: url(../images/rating-stars.gif) no-repeat 0 0px;
}

div.element.videodetails div.rating div.star a
{
	width: 19px;
}

div.element.videodetails div.rating div.star_on a
{
	background-position: 0 -19px!important;
}

div.element.videodetails div.rating div.star_hover a,
div.element.videodetails div.rating div.star_live a:hover
{
	background-position: 0 -38px;
}

div.element.videodetails div.star
{
	background: transparent!important;
	overflow: hidden!important;
}


/**
 * Video Kommentare
 */

#col-left div.element.videocomments
{
	display: block;
}

div.element.videocomments
{
	margin: 0 0 20px 0;
	border: 1px solid #515151;
	background: #2e2e2e;
}

div.element.videocomments div.tabarea
{

}

div.element.videocomments div.tabarea div.tabitems
{
	width: 100%;
	display: block;
	background: url(../images/tab-bg.gif) top left repeat-x #333;
	border-bottom: 1px solid #515151;
}

div.element.videocomments div.tabarea div.tabitems ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

div.element.videocomments div.tabarea div.tabitems li
{
	float: left;
}

div.element.videocomments div.tabarea div.tabitems li a
{
	display: block;
	padding: 7px 0 7px 15px;
	width: 251px;
	width: 236px;
	text-align: left;
	text-decoration: none;
	font-weight: bold;
}

html>body div.element.videocomments div.tabarea div.tabitems li a
{
	width: 236px;
}

div.element.videocomments div.tabarea div.tabitems li a.active
{
	background: url(../images/tab-active-bg.gif) top left repeat-x #282828;
}

div.element.videocomments div.tabarea div.tabitems li a:hover
{
	background: url(../images/tab-active-bg.gif) top left repeat-x #282828;
}

div.element.videocomments div.comments
{
	padding: 30px 10px 0 10px;
}

div.element.videocomments div.nocomment
{
	margin: 10px 0 40px 0;
	text-align: center;
}

div.element.videocomments div.comment
{
	width: 100%;
	margin: 0 0 30px 0;
}

div.element.videocomments div.comment div.date
{
	width: 45px;
	float: left;
	border-right: 1px solid #525252;
}

div.element.videocomments div.comment div.date span.day,
div.element.videocomments div.comment div.date span.month,
div.element.videocomments div.comment div.date span.year
{
	color: #8ebe48;
	display: block;
	text-align: right;
	padding: 0 10px 0 0;
	margin: 0;
	line-height: 1em;
}

div.element.videocomments div.comment div.date span.day
{
	font-size: 1.6em;
	margin: 0 0 2px 0;
}

div.element.videocomments div.comment div.date span.month
{
	font-size: 1em;
	margin: 0 0 5px 0;
}

div.element.videocomments div.comment div.date span.year
{
	font-size: 1em;	
	font-weight: bold;
}

div.element.videocomments div.comment div.details
{
	float: right;
	width: 425px;
}

div.element.videocomments div.comment div.meta
{
	margin: 0 0 5px 0;
	font-weight: bold;
}

div.element.videocomments div.comment div.meta a
{
	text-decoration: none;
}

div.element.videocomments div.comment div.meta a:hover
{
	text-decoration: underline;
}

div.element.videocomments div.comment div.text
{
	line-height: 1.5em;
}


div.element.videocomments form.form.writecomment
{
	width: 100%;
	background: #1f1f1f;
}

div.element.videocomments form.form.writecomment h3.title
{
	font-size: 1.3em;
	margin: 0 0 20px 0;
	padding: 0;
}

div.element.videocomments form.form.writecomment fieldset
{
	padding: 10px;
}

div.element.videocomments form.form.writecomment span.label
{
	float:none;
	clear: both;
	margin: 0 0 5px 0;
	padding: 0;
}

div.element.videocomments form.form.writecomment div.fieldset
{
	margin: 0 0 15px 0;
	padding: 0;
}

div.element.videocomments form.form.writecomment input.input.text
{
	float: none;
	clear: both;
	width: 225px;
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 1.1em;
	border: 1px solid #fff;
	color: #515151;
}

div.element.videocomments form.form.writecomment div.captcha
{
	float: left;
	width: 255px;
}

div.element.videocomments form.form.writecomment div.captcha img.image
{
	width: 225px;
}

div.element.videocomments form.form.writecomment div.functions
{
	padding: 10px 0 0 0;
}

div.element.videocomments form.form.writecomment span.function
{
	padding: 0 10px 0 0;
}

div.element.videocomments form.form.writecomment input#writecomment-code.input.text
{
	width: 100px;
	float: left;
	margin: 0 30px 0 0;
}

div.element.videocomments form.form.writecomment textarea.input.textarea
{
	float: none;
	clear: both;
	width: 480px;
	height: 90px;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 1.1em;
	border: 1px solid #fff;
	color: #515151;
}

div.element.videocomments span.required
{
	margin: 43px 0 0 0;
}

div.element.videocomments form.form.writecomment input.input.submit
{
	border: none;
	padding: 7px 0 7px 28px;
	margin: 35px 0 0 0;
	width: 96px;
	text-align: left;
	color: #333;
	background: url(../images/writecomment-submit.gif) left no-repeat transparent;
	float: right;
}

/**
 * Content Box
 */

#col-left div.element.content
{
	display: block;
}

div.element.content
{
	margin: 0 0 20px 0;
	border: 1px solid #515151;
	background: #2e2e2e;
}

div.element.content h1.title
{
	padding: 6px 10px;
	background: url(../images/box-title-bg.gif) top left repeat-x #333;
	border-bottom: 1px solid #515151;
}

div.element.content div.elements
{
	padding: 10px;
}

/**
 * Themen und Kategorien
 */

#col-right div.element.categories
{
	display: block;
}

div.element.categories
{
	
}

div.element.categories div.category
{
	margin: 0 0 5px 0;
	border: 1px solid #515151;
	background: #2e2e2e;
}

div.element.categories div.category h3.title
{
	padding: 6px 10px;
	background: url(../images/box-title-bg.gif) top left repeat-x #333;
}

div.element.categories div.category h3.title a
{
	text-decoration: none;
}

/**
 * Videoliste
 */

#colspan-bottom div.element.videolists
{
	display: block;
}

div.element.videolists
{
	margin: 0 0 20px 0;
	border: 1px solid #515151;
	background: #2e2e2e;
}

div.element.videolists div.tabarea
{

}

div.element.videolists div.tabarea div.tabitems
{
	width: 100%;
	display: block;
	background: url(../images/tab-bg.gif) top left repeat-x #333;
	border-bottom: 1px solid #515151;
}

div.element.videolists div.tabarea div.tabitems ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

div.element.videolists div.tabarea div.tabitems li
{
	float: left;
}

div.element.videolists div.tabarea div.tabitems li a
{
	display: block;
	padding: 7px 0;
	width: 273px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	border-left: 1px solid #515151;
}

html>body div.element.videolists div.tabarea div.tabitems li a
{
	width: 273px;
}

div.element.videolists div.tabarea div.tabitems li.first a
{
	border: none;
	width: 275px;
}

div.element.videolists div.tabarea div.tabitems li a:hover
{
	background: url(../images/tab-active-bg.gif) top left repeat-x #282828;
}

div.element.videolists div.tabarea div.tabitems li a.active
{
	background: url(../images/tab-active-bg.gif) top left repeat-x #282828;
}

div.element.videolists div.items
{
	width: 100%;
}

div.element.videolists div.no-item
{
	margin: 15px 0 15px 0;
	padding: 0 0 0 50px;
}

div.element.videolists div.item-col
{
	width: 100%;
}

div.element.videolists div.item
{
	float: left;
	width: 142px;
	margin: 15px 0 15px 0;
	padding: 0 0 0 50px;
}

div.element.videolists div.item div.datetime
{
	margin: 0 0 5px 0;
	color: #8ebe48;
	text-align: center;
}

div.element.videolists div.item div.datetime a
{
	color: #8ebe48;
}

div.element.videolists div.item div.preview
{	
	padding: 0;
	margin: 0 0 5px 0;
	text-align: center;
}

div.element.videolists div.item h2.title
{
	padding: 0;
	margin: 0 0 7px 0;
	line-height: 1.3em;
	font-weight: normal;
}

div.element.videolists div.item div.category
{
	margin: 0 0 10px 0;
	line-height: 1.3em;
}

div.element.videolists div.item div.rating a,
div.element.videolists div.item div.datetime a,
div.element.videolists div.item div.preview a,
div.element.videolists div.item h2.title a,
div.element.videolists div.item div.rating a
{
	text-decoration: none;
}

div.element.videolists div.next
{
	float: left;
	width: 142px;
	margin: 15px 0 15px 0;
	padding: 0 0 0 50px;
}

div.element.videolists div.next div.image
{
	margin: 20px 0 0 0;
}

/**
 * Kontaktformular
 */

#col-left div.element.contact
{
	display: block;
}

div.element.contact form.form.contact
{
	width: 100%;
}

div.element.contact h2.title
{
	font-size: 1.3em;
	margin: 0 0 20px 0;
	padding: 0;
}

div.element.contact form.form.contact span.label
{
	float: none;
	clear: both;
	margin: 0 0 5px 0;
	padding: 0;
}

div.element.contact form.form.contact div.fieldset
{
	margin: 0 0 15px 0;
	padding: 0;
}

div.element.contact form.form.contact input.input.text
{
	width: 225px;
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 1.1em;
	border: 1px solid #fff;
	color: #515151;
}

div.element.contact form.form.contact div.captcha
{
	float: left;
	width: 255px;
}

div.element.contact form.form.contact div.captcha img.image
{
	width: 225px;
}

div.element.contact form.form.contact div.functions
{
	padding: 10px 0 0 0;
}

div.element.contact form.form.contact span.function
{
	padding: 0 10px 0 0;
}

div.element.contact form.form.contact input#contact-code.input.text
{
	width: 100px;
	float: left;
	margin: 0 30px 0 0;
}

div.element.contact form.form.contact textarea.input.textarea
{
	width: 480px;
	height: 140px;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 1.1em;
	border: 1px solid #fff;
	color: #515151;
}

div.element.contact span.required
{
	margin: 43px 0 0 0;
}

div.element.contact form.form.contact input.input.submit
{
	border: none;
	padding: 7px 0 7px 28px;
	margin: 35px 0 0 0;
	width: 96px;
	text-align: left;
	color: #333;
	background: url(../images/writecomment-submit.gif) left no-repeat transparent;
	float: right;
}

/* Element Newsletter Registration */

#overview div.element.newsletterreg,
#text div.element.newsletterreg
{
	display: block;
}


/* Element Experte */
div.element.expert
{
	display: block;
}

div.element.expert div.image
{
	float: left;
	width: 140px;
}

div.element.expert div.content
{
	float: right;
	width: 325px;
	line-height: 1.5em;
}

/*]]>*/