/*<![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 30px 30px;
}

#order div.element.paragraph
{
	margin: 0 30px 30px 30px;
}

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;
}

/**
 * Teaser
 */

div.element.teaser
{
	display: block;
}

div.element.teaser
{
	margin: 0 0 30px 30px;
}

#order div.element.teaser
{
	margin: 0 30px 30px 30px;
}

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

div.element.teaser div.text
{
	font-weight: bold;
	line-height: 1.5em;
	margin: 0;
	padding: 0;
}

/**
 * Banner
 */

div.element.banner
{
	display: block;
}

div.element.banner
{
	margin: 0 0 30px 0;
}

/**
 * Box Startseite
 */

#start div.element.box
{
	display: block;
}

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

div.element.box h1.title
{
	font-size: 1.5em;
	margin: 0 0 10px 0;
	padding: 0;
	color: #235a8c;
	font-weight: normal;
}

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

#start #col-left div.element.box
{
	margin-left: 32px;
	padding: 0 25px 0 0;
	border-right: 1px solid #d6d6d6;
}

#start #col-center div.element.box
{
	margin-left: 25px;
	padding: 0 25px 0 0;
	border-right: 1px solid #d6d6d6;
	
}

#start #col-right div.element.box
{
	margin-left: 25px;
	margin-right: 32px;
}

#start div.element.box div.text
{
	font-size: 1.2em;
	padding: 0 0 0 20px;
}

#start #col-right div.element.box div.text
{
	font-size: 0.9em;
}

/**
 * Box
 */

#main div.element.infobox,
#order div.element.infobox,
#landing div.element.infobox
{
	display: block;
}

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

div.element.infobox div.title
{
	margin: 0 0 10px 0;
	padding: 0;
	color: #235a8c;
}

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

/**
 * Powermail
 */

div.element.powermail
{
	display: block;
}

div.element.powermail
{
	margin: 0 30px 30px 30px;
}

div.element.powermail form.form span.label.checkbox
{
	width: 380px;
}

div.element.powermail form.form input.input.submit
{
	margin: 15px 0 0 250px;
}

div.tx-powermail-pi1_thx
{
	margin: 0 30px 30px 30px;
	font-weight: bold;
}

/**
 * Ueberschrift
 */

h1.element.title
{
	margin: 0 0 10px 30px;
	font-size: 1.4em;
}

#order h1.element.title
{
	margin: 0 30px 10px 30px;
}

/**
 * Shopping cart
 */

#col-left div.element.shoppingcart
{
	display: block;
	padding: 0 0 0 620px;
}

div.element.shoppingcart div.cart
{
	width: 230px;
	background: #c2c7cd;
}

div.element.shoppingcart div.cart a
{
	display: block;
	padding: 4px 10px 4px 30px;
	text-decoration: none;
	background: url(../images/icon-shoppingcart.gif) top left no-repeat;
}

div.element.shoppingcart div.cart a:hover
{
	color: #dde3ea;
}

/**
 * Listenansicht
 */

#col-left div.element.list
{
	display: block;
	margin: 0 0 15px 0;
}

div.element.list table
{
	font-size: 1em;
}

div.element.list td
{
	border-top: 1px solid #fff;
	padding: 10px 10px 20px 10px;
	line-height: 1.5em;
}
 
div.element.list td.col1
{
	background: url(../images/list-table-cel-bg.gif) top right no-repeat;
	width: 182px;
	padding: 0 0 20px 0;
}
 
div.element.list td.col2
{
	background: url(../images/list-table-cel-bg.gif) top right no-repeat;
	width: 182px;
}
 
div.element.list td.col3
{
	background: url(../images/list-table-cel-bg.gif) top right no-repeat;
	width: 215px;
}
 
div.element.list td.col4
{

}
 
div.element.list td.col4 a
{
	text-decoration: underline;
}
 
div.element.list td.col4 a:hover
{
	text-decoration: none;
}

/**
 * Listennavigation
 */

div.element.list div.browseBoxWrap
{
	padding: 10px 15px 10px 15px;
}

div.element.list div.browseBoxWrap div.showResultsWrap
{
	float: left;
}

div.element.list div.browseBoxWrap div.browseLinksWrap
{
	float: right;
}

div.element.list div.browseBoxWrap div.browseLinksWrap span
{
	padding: 0 5px;
}

div.element.list div.browseBoxWrap div.browseLinksWrap span.disabledLinkWrap
{
	color: #aaa;
}

div.element.list div.browseBoxWrap div.browseLinksWrap span.activeLinkWrap
{
	font-weight: bold;
}

div.element.list div.browseBoxWrap div.browseLinksWrap span.inactiveLinkWrap
{

}

div.element.list div.browseBoxWrap div.browseLinksWrap a
{
	text-decoration: none;
}

div.element.list div.browseBoxWrap div.browseLinksWrap a:hover
{
	font-weight: bold;
}

/**
 * Detailansicht
 */

#col-left div.element.details
{
	display: block;
	margin: 20px 0 15px 0;
}

div.element.details table
{
	font-size: 1em;
}
 
div.element.details td
{
	border-top: 1px solid #fff;
}

div.element.details td.col1
{
	background: url(../images/details-table-cel-bg.gif) top right no-repeat;
	padding: 0;
	width: 50%;
}
 
div.element.details td.col2
{
	width: 50%;
	padding: 10px 0 20px 10px;
}

div.element.details div.back
{
	padding: 30px 0 0 10px;
}

div.element.details div.info
{
	padding: 0 10px 0 0;
}

div.element.details div.info span.minheight
{
	display: block;
	float: left;
	width: 1px;
	height: 214px;
}

div.element.details div.info h2.title
{
	padding: 0;
	margin: 0 0 20px 0;
	line-height: 1.5em;
}

div.element.details div.images
{
	
}

div.element.details div.image
{
	height: 255px;
}

div.element.details div.control
{
	width: 100%;
}

div.element.details div.control span.info
{
	float: left;
	display: block;
	width: 330px;
	padding: 0 0 0 10px;
}

div.element.details div.control span.switch
{
	float: left;
	display: block;
}

div.element.details div.info div.text
{
	float: left;
	line-height: 1.5em;
	width: 90%;
}

div.element.details div.info div.text span.label
{
	display: block;
	float: left;
	width: 105px;
	margin: 0;
	padding: 0;
}

div.element.details div.info div.text span.data
{
	display: block;
	float: left;
	width: 255px;
	margin: 0 0 10px 0;
	padding: 0;
}
/*
div.element.details div.info div.text br
{
	float: none;
	clear: both;
}
*/

div.element.details div.tabarea
{
	
}

div.element.details div.tabarea span.tabitems
{
	display: block;
	border: 1px solid #fff;
	border-right: none;
}

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

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

div.element.details div.tabarea span.tabitems li a
{
	display: block;
	padding: 3px 7px;
	text-decoration: none;
}

div.element.details div.tabarea span.tabitems li a.active
{
	background: #fff;
}

div.element.details div.tabarea div.tabcontent
{
	padding: 7px;
	line-height: 1.5em;
}

div.element.details div.tabarea form.form.order span.label
{
	width: 85px;
}

div.element.details div.tabarea form.form.order div.orderinfo
{
	margin: 0 0 5px 0;
}

div.element.details div.tabarea form.form.order div.stockinfo
{
	margin: 0 0 10px 0;
	color: #003282;
}

div.element.details div.tabarea form.form.order select.input.select
{
	width: 60px;
	color: #000;
	margin: 0 10px 10px 0;
	padding: 0;
}

div.element.details div.tabarea form.form.order input.input.text
{
	width: 55px;
	color: #000;
	margin: 0 10px 10px 0;
	padding: 0;
}

div.element.details div.tabarea form.form.order input.input.submit
{
	background: #fff;
	border: 1px solid #fff;
}

/**
 * Warenkorb
 */

#col-left div.element.warenkorb
{
	display: block;
	padding: 0 0 0 13px;
}

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

div.element.warenkorb div.item
{
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
	border-bottom: 1px dotted #000;
}

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

div.element.warenkorb div.text
{
	margin: 0 0 10px 0;
	line-height: 1.5em;
}

div.element.warenkorb div.info
{
	width: 100%;
}

div.element.warenkorb div.info div.amount
{
	float: left;
	width: 120px;
}

div.element.warenkorb div.info div.edit
{
	float: left;
	padding: 0 15px 0 0;
}

div.element.warenkorb div.info div.delete
{
	float: left;
	padding: 0 15px 0 0;
}

div.element.warenkorb div.info div.edit a,
div.element.warenkorb div.info div.delete a
{
	display: block;
	padding: 2px 10px;
	background: #fff;
	text-decoration: none;
}

div.element.warenkorb div.info div.edit a:hover,
div.element.warenkorb div.info div.delete a:hover
{
	background: #969ea2;
	color: #dde3ea;
}

div.element.warenkorb div.info div.price
{
	float: right;
}

div.element.warenkorb div.summary
{
	width: 100%;
}

div.element.warenkorb div.summary div.subtotal,
div.element.warenkorb div.summary div.charges,
div.element.warenkorb div.summary div.total
{
	text-align: right;
	margin: 0 0 5px 0;
}

div.element.warenkorb div.summary div.functions
{
	margin: 25px 0 0 0;
	padding: 0 0 15px 0;
	width: 100%;
	border-bottom: 1px dotted #000;
}

div.element.warenkorb div.summary div.functions div.back
{
	float: left;
	padding: 2px 0 0 0;
}

div.element.warenkorb div.summary div.functions div.delete,
div.element.warenkorb div.summary div.functions div.order
{
	float: right;
	padding: 0 0 0 15px;
}

div.element.warenkorb div.summary div.functions div.delete a,
div.element.warenkorb div.summary div.functions div.order a
{
	display: block;
	padding: 2px 10px;
	background: #fff;
	text-decoration: none;
}

div.element.warenkorb div.summary div.functions div.delete a:hover,
div.element.warenkorb div.summary div.functions div.order a:hover
{
	background: #969ea2;
	color: #dde3ea;
}





div.element.productlist
{
	padding: 0 30px;
}

div.element.productlist h2.title
{
	
}

div.element.productlist div.list
{
	
}

div.element.productlist div.product
{
	width: 100%;
	margin: 0 0 1px 0;
	background: url(../images/productlist-product-bg.gif) top left repeat-y #ddd;
}

div.element.productlist div.info
{
	float: left;
	width: 465px;
	padding: 15px;
}

div.element.productlist h3.title
{
	margin: 0 0 5px 0;
	padding: 0;
	line-height: 1.5em;
	font-size: 1.2em;
}

div.element.productlist div.text
{
	margin: 0 0 5px 0;
	line-height: 1.5em;
}

div.element.productlist div.links
{
	
}

div.element.productlist div.links a
{
	margin: 0 15px 0 0;
	text-decoration: none;
	color: #0071b0;
}

div.element.productlist div.links a:hover
{
	text-decoration: underline;
}

div.element.productlist div.price
{
	float: left;
	width: 115px;
	color: #0071b0;
	font-size: 1.6em;
	text-align: center;
	padding: 30px 0 0 0;
}

div.element.productlist div.image
{
	float: right;
	width: 140px;
	padding: 10px 0 10px 17px;
}

div.element.productlist div.image span.border
{
	padding: 5px;
	border: 1px solid #c6c6c6;
	background: #fff;
	display: block;
	float: left;
}

div.element.productlist div.image a
{
	
}


div.element.productdetails
{
	padding: 0 30px;
}

div.element.productdetails h1.title
{
	font-size: 1.4em;
	margin: 0 0 15px 0;
}

div.element.productdetails div.images
{
	float: left;
	width: 350px;
}

div.element.productdetails div.gallery
{
	display: block;
}

div.element.productdetails div.gallery span.border
{
	background: #fff;
	border: 1px solid #C6C6C6;
	display: block;
	float: left;
	padding: 5px;
	margin: 5px 5px 5px 0;
}


div.element.productdetails div.image span.border
{
	display: block;
	float: left;
	padding: 5px;
	border: 1px solid #c6c6c6;
	background: #fff;
}

div.element.productdetails div.image span.border
{
	display: block;
	float: left;
	padding: 5px;
	border: 1px solid #c6c6c6;
	background: #fff;
}

div.element.productdetails div.infoorder
{
	float: left;	
	width: 410px;
}

div.element.productdetails div.articleno
{
	padding: 5px 0 0 6px;
	font-size: 0.9em;
	color: #898989;
}

div.element.productdetails div.price-tax
{
	font-size: 1.6em;
	color: #0071B0;
}


div.element.productdetails div.tax
{
	
}

div.element.productdetails div.price
{
	padding: 0 0 30px 0;
}



div.element.productdetails div.variante
{
	
}

div.element.productdetails span.link
{
	display: block;
	padding: 0 0 15px 110px;
}

div.element.productdetails span.label
{
	width: 110px;
}

div.element.productdetails select.input.select
{
	width: auto;
}

div.element.productdetails input.input.text
{
	width: 50px;
	padding: 2px;
	margin: 0 3px 0 0;
}

div.element.productdetails div.basket
{
	
}

div.element.productdetails div.text
{
	float: none;
	clear: both;
	line-height: 1.5em;
	margin: 0 0 15px 0;
	padding: 25px 0 0 0;
}

div.element.productdetails div.link
{
	margin: 0 0 15px 0;
}

div.element.basket 
{
	margin: 30px;
}

div.element.basket div.list
{
	
}

div.element.basket div.product
{
	width: 100%;
	margin: 0 0 1px 0;
	background: url(../images/productlist-product-bg.gif) top left repeat-y #ddd;
}


div.element.basket h3.title
{
	margin: 0 0 5px 0;
	padding: 0;
	line-height: 1.5em;
	font-size: 1.2em;
}

div.element.basket div.info
{
	float: left;
	width: 410px;
	padding: 15px 15px 15px 0;
	line-height: 1.5em;
}


div.element.basket div.text
{
	margin: 0 0 5px 0;
	line-height: 1.5em;
}

div.element.basket div.links
{
	margin: 10px 0 0 0;
}

div.element.basket div.links a
{
	margin: 0 15px 0 0;
	text-decoration: none;
	color: #0071b0;
}

div.element.basket div.links a:hover
{
	text-decoration: underline;
}

div.element.basket div.count
{
	float: left;
}

div.element.basket div.count input.input.text
{
	float: none;
	width: 50px;
	text-align: center;
	font-size: 1.3em;
	padding: 5px 0;
	margin: 15px 10px 10px 10px;
}

div.element.basket div.condition
{
	margin: 20px 0;
}

div.element.basket div.basketsum
{
	margin: 20px 0;
}

div.element.basket div.sum
{
	float: left;
	width: 115px;
	color: #0071b0;
	text-align: center;
	padding: 30px 0 0 0;
	font-size: 1.6em;
}

div.element.basket div.image
{
	float: right;
	width: 140px;
	padding: 10px 0 10px 17px;
}

div.element.basket div.image span.border
{
	padding: 5px;
	border: 1px solid #c6c6c6;
	background: #fff;
	display: block;
	float: left;
}

div.element.basket div.image a
{
	
}




div#tt-products-basket-72 form.form.rechnungsanschrift
{
	margin: 0 30px;
}


div#tt-products-basket-72 div.text,
div#tt-products-basket-72 div.condition
{
	margin: 0 0 30px 0;
}



div.produktbox
{
	width: 100%;
	margin: 0 0 30px 0;
}

div.produktbox div.produkt
{
	width: 100%;
	margin: 0 0 15px 0;
}

div.produktbox div.anzahl
{
	width: 100%;
	margin: 0 0 15px 0;
}

div.produktbox div.sum
{
	width: 100%;
	margin: 0 0 15px 0;
}
/*]]>*/