/*<![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.
 *
 */

@import url("elements/registerbox.css");
@import url("elements/login.css");

/**
 * Farbdefinition
 * 
 * Schrift grau: #8e8c8c
 * Schrift gelb: #efc10a
 * Schrift rot: #df0d10
 * Hintergrund blau: #4c5aab
 *
 */

/**
 * Textabschnitt
 */

div.element.paragraph
{
	display: none;
}

#main #col-left div.element.paragraph,
#overview #colspan-top div.element.paragraph,
#overview #colspan-bottom div.element.paragraph,
#start #colspan-top div.element.paragraph,
#start #colspan-bottom div.element.paragraph,
#popup div.element.paragraph,
#start #col-right div.element.searchbox
{
	display: block;
}

div.element.paragraph
{
	margin: 6px 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;
}


/**
 * Box
 */

div.element.box
{
	display: none;
}

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

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

div.element.box div.image
{
	margin: 0 0 10px 0;
	padding: 0;
}

div.element.box div.image img
{
	border: 1px solid #ccc;
}

div.element.box h2.title
{
	margin: 0 0 10px 0;
	padding: 0 0 0 15px;
	background: url(../images/box-title-bg.gif) left no-repeat;
}

div.element.box div.text
{
	line-height: 1.5em;
	margin: 0 20px 10px 0;
	padding: 0;
	display: none;
}

div.element.box div.text a
{
	text-decoration: none;
	color: #000;
}

div.element.box div.link
{
	margin: 0 3px 0 0;
	text-align: right;
}

div.element.box div.link img
{
	margin: 0 5px 0 0;
}

div.element.box div.link a
{
	color: #c62b12;
	text-decoration: none;

}

div.element.box div.link a:hover
{
	text-decoration: underline;
}


/**
 * Infobox
 */

div.element.infobox
{
	display: none;
}

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

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

div.element.infobox div.image
{
	margin: 0 0 12px 0;
	padding: 0;
}

div.element.infobox h5.title
{
	margin: 0 0 10px 0;
	padding: 0 0 0 15px;
	background: url(../images/box-title-bg.gif) left no-repeat;
}

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

/**
 * Stage
 */

div.element.stage
{
	display: none;
}

#head div.element.stage
{
	display: block;
}

div.element.stage
{
	margin: 0 0 8px 0;
}

/**
 * Functions
 */

div.element.functions
{
	display: none;
}

#head div.element.functions
{
	display: block;
}

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

div.element.functions img
{
	margin: 0 8px 0 0;
}


/**
 * Functions
 */

div.element.download
{
	display: none;
}

#main div.element.download
{
	display: block;
}

div.element.download
{
	background: url(../images/box-fakeborder.gif);
	padding: 1px;
	margin: 0 1px 0 0;
}

div.element.download div.content
{
	background: #e7e7e7;
	padding: 10px;
}

/**
 * Statusmsg
 */

div.element.statusmsg
{
	display: none;
}

#main div.element.statusmsg
{
	display: block;
}

div.element.statusmsg
{
	margin: 0 0 30px 0;
	padding: 10px;
}

div.element.statusmsg div.image
{
	float: left;
	width: 30px;
}

div.element.statusmsg div.text
{
	float: left;
	width: 475px;
	line-height: 1.5em;
}

div.element.statusmsg.error
{
	background: #f8b6a1;
	border: 2px solid #c0442a;
	color: #c0442a;
}

div.element.statusmsg.error a
{
	color: #c0442a;
}

div.element.statusmsg.confirm
{
	background: #b7e1af;
	border: 2px solid #257821;
	color: #257821;
}

div.element.statusmsg.confirm a
{
	color: #257821;
}


/**
 * downloads Catalog
 */
 
 /** GLOBAL **/
 div.element.downloads .linkback
{
	padding: 20px 0 0 0;
}

div.tx-abdownloads-pi1
{
	margin-bottom: 30px;
}

div.element.downloads .path
{
	padding: 5px 0 25px 0;
}

/** Catalog **/
  
div.element.downloads.catalog .category
{
	padding: 0;
}  

#main div.element.downloads.catalog .download .name a.tx_abdownloads_catalogView_linkLabel
{
	font-weight: bold;
	text-decoration: underline;
}

#main div.element.downloads.catalog .download .name a.tx_abdownloads_catalogView_linkLabel:hover
{
	text-decoration: none;
}

div.element.downloads.catalog .subcategories
{
	margin-left: 20px;
	padding: 0 0 10px 0;
	list-style-image: url(../images/navigation-item.png);
}

div.element.downloads.catalog .subcategories li.item
{
	padding: 5px 0;
	margin-left: 10px;
}

div.element.downloads.catalog .icon
{
	float: left;
	margin-right: 5px;
}

div.element.downloads.catalog .download
{
	padding: 8px 0;
}

div.element.downloads.catalog .download a,
div.element.downloads.catalog .download .infos .details a:hover
{
	text-decoration: none;
}
div.element.downloads.catalog .download a:hover,
div.element.downloads.catalog .download .infos .details a
{
	text-decoration: underline;
}

div.element.downloads.catalog .download .rating
{
	float: left;
	padding-right: 5px;
}

div.element.downloads.catalog .download .name
{
	float: left;
	padding-right: 5px;
}

div.element.downloads.catalog .download .url
{
	float: left;
	padding-top: 5px;
	display: block;
}

div.element.downloads.catalog .download .infos .visits
{
	float: left;
	margin-right: 5px;
}

/** Details **/

div.element.downloads.details .downloaddetails .name
{
	padding-bottom: 5px;
}

div.element.downloads.details .downloaddetails .label
{
	float: left;
	font-weight: bold;
	width: 120px;
}

div.element.downloads.details .downloaddetails .text
{
	float: right;
	width: 360px;
}

div.element.downloads.details .downloaddetails .item
{
	padding: 10px 0;
}

div.element.downloads.details .downloaddetails .item.description
{
	padding: 15px 0;
	line-height: 1.5em;
}

div.element.downloads.details .downloaddetails .item .brokenlink
{
	display: block;
	padding-top: 5px;
}

/**
 * Sitemap
 */

.sitemap
{
	margin: 0 0 30px 0;
}
 
.sitemap ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

.sitemap ul li
{
	
}

.sitemap ul a
{
	background: url(../media/icons/icon-file-blank.gif) left no-repeat;
	padding: 7px 0 7px 20px;
	display: block;
	margin: 3px 0 3px 0;
}

.sitemap ul ul
{
	margin: 5px 0 5px 25px;
}

.element ul
{
	margin-top: 0;
	margin-bottom: 0;
}

/**
 * Box Newsartikel in Liste
 */

.element.article,
.element.appointment
{
	display: none;
}

#main #col-left .element.article,
#main #col-left .element.appointment
{
	display: block;
}

.element.article,
.element.appointment
{
	float: none;
	clear: both;
	margin: 0 0 30px 0;
	padding: 0;
	width: 100%;
}

.element.article .date,
.element.appointment .date
{
	margin: 0 0 10px 0;
	padding: 0;
}

.element.article .title,
.element.appointment .title
{
	margin: 0 0 10px 0;
	padding: 0;
	font-weight: bold;
}

.element.article .image,
.element.appointment .image
{
	float: left;
	width: 110px;
}

.element.article .text,
.element.appointment .text
{
	line-height: 1.5em;
}

.element.article .text.full,
.element.appointment .text.full
{
	width: 475px;
}

.element.article .link,
.element.appointment .link
{
	text-align: right;
}

.element.article .link a,
.element.appointment .link a
{
	color: #df0d10;
}


/**
 * Listennavigation
 */

.element.listnavi
{
	display: none;
}

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

.element.listnavi
{
	float: none;
	clear: both;
	margin: 0;
	padding: 20px 0 30px 0;
	width: 100%;
}

.element.listnavi p.resulttext
{
	margin: 0 0 15px 0;
}

.element.listnavi p.pagetext
{
	float: left;
	padding: 2px 10px 0 0;
}

.element.listnavi ul.pages
{
	float: left;
	width: 275px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.element.listnavi ul.pages li
{
	float: left;
	margin: 0;
	padding: 2px 10px 2px 2px;
	list-style: none;
}

.element.listnavi ul.navi
{
	float: right;
	width: 155px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.element.listnavi ul.navi li
{
	float: left;
	padding: 2px 7px 2px 7px;
}

/**
 * Box Newsartikel
 */

.element.articledetails,
.element.appointmentdetails
{
	display: none;
}

#main #col-left .element.articledetails,
#main #col-left .element.appointmentdetails
{
	display: block;
}

.element.articledetails,
.element.appointmentdetails
{
	float: none;
	clear: both;
	margin: 0 0 30px 0;
	padding: 0;
	width: 100%;
}

.element.articledetails .date,
.element.appointmentdetails .date,
.element.appointmentdetails .place
{
	margin: 0 0 10px 0;
	padding: 0;
}

.element.articledetails .title,
.element.appointmentdetails .title
{
	margin: 0 0 10px 0;
	padding: 0;
	font-weight: bold;
}

.element.articledetails .teaser,
.element.appointmentdetails .teaser
{
	margin: 0 0 20px 0;
	font-style: italic;
	line-height: 1.5em;
}

.element.articledetails .image,
.element.appointmentdetails .image
{
	float: left;
	width: 200px;
	margin: 0 15px 5px 0;
	background: #dcdcdc;
}

.element.articledetails .image .label,
.element.appointmentdetails .image .label
{
	display: block;
	font-size: 0.9em;
	margin: 5px 0 5px 0;
	padding: 2px;
}

.element.articledetails .text,
.element.appointmentdetails .text
{
	display: inline;
	line-height: 1.5em;
}

.element.articledetails .link,
.element.appointmentdetails .link
{
	float: none;
	clear: both;
	display: block;
	margin: 15px 0 0 0;
}

/**
 * Powermailer
 */

.element.powermailer
{
	display: none;
}
 
#main #col-left .element.powermailer,
#overview #colspan-top .element.powermailer
{
	display: block;
}
 
.element.powermailer
{
	margin: 0 0 30px 0;
	padding: 0;
}

.element.powermailer .title
{
	margin: 0 0 5px 0;
	padding: 0;
	font-weight: bold;
}

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

.element.powermailer form.form
{
	margin: 15px 0 0 0;
}

.element.powermailer span.label
{
	
}

.element.powermailer span.label.group
{
	display: block;
	margin: 0 0 10px 0;
	font-weight: bold;
}

.element.powermailer span.label.text,
.element.powermailer span.label.select,
.element.powermailer span.label.password
{
	width: 135px;
	display: block;
	float: left;
	margin: 10px 0 0 0;
}

.element.powermailer span.label.checkbox,
.element.powermailer span.label.radio
{
	margin: 3px 0 0 0;
	float: left;
	width: 450px;
}

html>body .element.powermailer span.label.checkbox,
html>body .element.powermailer span.label.radio
{
	margin: 0;
}

.element.powermailer span.label.textarea
{
	width: 90%;
	display: block;
	float: none;
	clear: both;
	margin: 25px 0 0 0;
}

.element.powermailer span.label.comment
{
	float: none;
	clear: both;
	width: 430px;
	display: block;
	margin: 40px 0 0 0;
	line-height: 1.5em;
}

.element.powermailer input.input
{
	
}

.element.powermailer input.input.text,
.element.powermailer select.input.select,
.element.powermailer input.input.password
{
	width: 310px;
	float: right;
	border: 1px solid #dcdcdc;
	color: #6e6e6e;
	margin: 10px 0 0 0;
	padding: 0;
}

.element.powermailer textarea.input.textarea
{
	/*width: 465px;*/
	width: 100%;
	float: none;
	border: 1px solid #dcdcdc;
	color: #6e6e6e;
	margin: 10px 0 0 0;
}

.element.powermailer textarea.input.textarea
{
	height: 150px;
}

.element.powermailer input.input.checkbox,
.element.powermailer input.input.radio
{
	margin: 0 5px 5px 0;
	float: left;
}

.element.powermailer div.padding
{
	padding: 0;
}

.element.powermailer input.input.submit,
.element.powermailer input.tx_powermail_pi1_submitmultiple_forward
{
	float: right;
	margin: 35px 0 0 0;
}

.element.powermailer input.tx_powermail_pi1_submitmultiple_back
{
	float: left;
	margin: 35px 0 0 0;
}

.element.powermailer br
{
	float: none;
	clear: both;
}

.element.powermailer .legend
{
	margin: 15px 0;
	text-align: left;
}

.powermail_all.powermail_all_table
{
	margin: 20px 0;
}

.tx-powermail-pi1_confirmation .powermail_all.powermail_all_tr
{
	padding: 10px 0;
}

.tx-powermail-pi1_confirmation .powermail_all.powermail_all_td
{
	padding: 5px 5px;
}

.tx-powermail-pi1_confirmation .tx-powermail-pi1_confirmation_back
{
	float: left;
	margin: 35px 0 0 0;
}

.tx-powermail-pi1_confirmation.tx-powermail-pi1_confirmation_submit
{
	float: right;
	margin: 35px 0 0 0;
}

/**
 * Box Suchformular
 */

.element.searchbox
{
	display: none;
}

#main #col-left .element.searchbox
{
	display: block;
}

.element.searchbox
{
	float: none;
	clear: both;
	margin: 0 0 30px 0;
	padding: 0;
	width: 100%;
}

.element.searchbox form.form
{
	margin: 0;
	padding: 0;
}

.element.searchbox span.label
{
	float: left;
	margin: 3px 8px 0 0;
}

.element.searchbox input.input.text
{
	float: left;
	width: 270px;
	border: 1px solid #dcdcdc;
	color: #6e6e6e;
	margin: 2px 8px 0 0;
}

/**
 * Box Suchinfos
 */

.element.searchinfo
{
	display: none;
}
 
#main #col-left .element.searchinfo
{
	display: block;
}

.element.searchinfo
{
	float: none;
	clear: both;
	margin: 0 0 30px 0;
	padding: 0;
	width: 100%;
}

.element.searchinfo .searchterm
{
	margin: 0 0 5px 0;
}

/**
 * Box Suchergebnis
 */

.element.searchresult
{
	display: none;
}

#main #col-left .element.searchresult
{
	display: block;
}

.element.searchresult
{
	float: none;
	clear: both;
	margin: 0 0 30px 0;
	padding: 0;
	width: 100%;
}

.element.searchresult .title
{
	margin: 0 0 5px 0;
	padding: 0;
	font-weight: bold;
}

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

.element.searchresult .info
{
	margin: 0;
	padding: 0;
}

.element.searchresult .info a
{
	color: #df0d10;
}

/** IE 6 fix **/

.qsearch fieldset
{
	float: right;
}

/** 
 * Element PIM Liste
 */

/*
div.element.pim.list
{
	margin: 0 0 25px 0;
}

div.element.pim.list div.item
{
	margin: 0 0 25px 0;
}

div.element.pim.list h2.title
{
	padding: 0 0 0 15px;
	background: url(../images/box-title-bg.gif) no-repeat scroll left center;
	margin-bottom: 20px;
}

div.element.pim.list div.item div.image
{
	float: left;
	padding-right: 10px;
	padding-bottom: 5px;
}

div.element.pim.list div.item div.name
{
	font-weight: bold;
	padding-bottom: 8px;
}

div.element.pim.list div.item div.desc
{
	
}

div.element.pim.list div.item div.link
{
	padding: 10px 0 5px 0;
	float: right;
}

div.element.pim.list div.item div.link a
{
	color: #df0d10;
}

*/

/*
 * PIM Details
 */
div.element.pim.detail h2.title
{
	padding: 0 0 0 15px;
	background: url(../images/box-title-bg.gif) no-repeat scroll left center;
	margin-bottom: 20px;
}

/**
 * Accesoirs Liste
 */
 
#accessories div.item
{
	margin: 0 0 15px 0;
}

#accessories div.item div.name a
{
	padding: 0 0 0 15px;
	background: url(../images/box-title-bg.gif) no-repeat scroll left center;
}

#accessories div.item div.link
{
	padding: 10px 0 5px 0;
	float: right;
}

#accessories div.item div.link a
{
	color: #df0d10;
}

/**
 * Element Box Startseite
 */
 
div.element.box.frontpage
{
	
}
 
div.element.box.frontpage h2.title
{
	display: block;
	padding: 3px 0 3px 8px;
	background: #e6e7e8;
	margin: 0 0 1px 0;
	/*color: #898989;*/
}

div.element.box.frontpage div.image img
{
	border: 0;
}

div.element.box.frontpage div.text
{
	display: block;
	padding: 0;
	margin: 5px 8px 0 8px;
	/*color: #898989;*/
}

div.element.box.frontpage div.text ul
{
	list-style-type: none;
	margin-left: 0;
	margin-right: 0;
}

div.element.box.frontpage div.text ul li
{
	background: url(../images/listitem-frontpage.jpg) top left no-repeat;
	padding: 0 0 0 15px;
	margin: 4px 0;
}

/**
 * element tabs
 */
span.tabItems
{
	display: block;
	width: 100%;
	background: url(../images/tabs-border.gif) bottom left repeat-x;
	padding: 0;
}

div.tabContent
{
	/*background: #fff;
	border: solid #d1d1d1;
	border-width: 0 1px 1px 1px;
	border-width: 0 0 1px 0;*/
	padding: 25px 12px;
	margin: 0 0 15px 0;
}

div.tabContent div.element.paragraph
{
	margin: 0 0 20px 0;
}

div.tabContent div.element.paragraph div.text div.image
{
	float: left;
	padding-right: 10px;
	padding-bottom: 5px;
}

div.tabContent div.element.paragraph div.text
{
	width: 100%;
}

ul.tabs
{
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.tabs li
{
	float: left;
	list-style-type:none;
	margin: 0;
}

ul.tabs li a
{
	display: block;
	border: solid #bdbdbd;
	border-width: 1px 1px 0 1px;
	line-height: 16px;
	cursor: pointer;
	margin: 0 3px 0 0;
	padding: 5px 10px 5px 10px;
	white-space: nowrap;
	text-decoration: none;
	background: url(../images/tabs-border.gif) bottom left repeat-x #ebebeb;
}

ul.tabs li a.active
{
	border: solid #d1d1d1;
	border-width: 1px 1px 0 1px;
	background: #fff;
}

/* Tabs eigenheiten */

div#download
{
	
}

div#download div.item
{
	margin: 0 0 10px 0;	
}

div#download div.name
{
	float: left;
	padding: 0 0 0 25px;
	background: url(../media/icons/icon-file-blank.gif) left center no-repeat;
}

div#download div.name.pdf
{
	background: url(../media/icons/icon-file-pdf.gif) left center no-repeat;
}

div#download div.link
{
	float: right;
}

/** 
 * Element PIM Liste
 */
div.element.pim.list
{
	margin: 0 0 25px 0;
}

div.element.pim.list div.element.pim.group
{
	margin: 0 0 50px 0;
}

div.element.pim.list h2.title
{
	padding: 0 0 3px 0;
	margin: 0 0 20px 0;
	font-size: 1.2em;
	/*font-weight: normal;*/
	border-bottom: 1px solid #e6e7e8;
}

div.element.pim.list div.item
{
	margin: 0 0 25px 0;
}

div.element.pim.list div.item div.image
{
	float: left;
	padding-right: 10px;
	padding-bottom: 5px;
}

div.element.pim.list div.item div.name
{
	font-weight: bold;
	padding-bottom: 8px;
}

div.element.pim.list div.item div.desc
{
	line-height: 1.5em;
}

div.element.pim.list div.item div.link
{
	padding: 10px 0 5px 0;
	float: right;
}

div.element.pim.list div.item div.link a
{
	color: #df0d10;
}

/** 
 * Element PIM Liste
 */
div.element.pim.product
{
	margin: 0 0 25px 0;
}

div.element.pim.product div.item
{
	margin: 0 0 25px 0;
}

div.element.pim.product div.image
{
	float: left;
	padding-bottom: 5px;
	width: 220px;
}

div.element.pim.product div.text
{
	float: left;
	width: 260px;
	line-height: 1.5em;
}

div.element.pim.product h2
{
    margin-bottom: 10px;
}

/** 
 * Element PIM Article
 */
div.element.pim.article
{
	margin: 0 0 25px 0;
}

div.element.pim.article div.item
{
	margin: 0 0 25px 0;
}

div.element.pim.article div.text
{
	line-height: 1.5em;
}

div.element.pim.article div.table
{
	margin: 15px 0 0 0;
}

div.element.pim.article div.table th
{
	background: #e5e5e5;
}

div.element.pim.article div.table th,
div.element.pim.article div.table td
{
	padding: 5px;
	border-bottom: 1px solid #e5e5e5;
}

div.element.pim.article div.table a
{
	color: #DF0D10;
}

div.element.pim.article div.backlink
{
	margin: 50px 0 0 0;
}


/*
 * PIM Details
 */
 
/* 
div.element.pim.detail h2.title
{
	padding: 0 0 0 15px;
	background: url(../images/box-title-bg.gif) no-repeat scroll left center;
	margin-bottom: 20px;
}
*/

div.element.pim.detail h2.title
{
	padding: 10px 0 0 0;
	margin-bottom: 20px;
	font-size: 1.5em;
	background: none;
}

/**
 * Accesoirs Liste
 */
 
#accessories div.item
{
	margin: 0 0 15px 0;
}

#accessories div.item div.name a
{
	padding: 0 0 0 15px;
	background: url(../images/box-title-bg.gif) no-repeat scroll left center;
}

#accessories div.item div.link
{
	padding: 10px 0 5px 0;
	float: right;
}

#accessories div.item div.link a
{
	color: #df0d10;
}

/**
 * Windowclose
 */
 
.windowclose
{
	text-align: right;
	padding: 0 25px 0 0;
}
 
.windowclose a
{
	color: #df0d10;
}


/**
 * MH PIM Quick Serach
 */

#start #col-right div.element.box
{
	margin: 0;
}

div.element.pimsearch
{
	display: none;
}

#start div.element.pimsearch
{
	display: block;
	background: transparent;
	margin: 0;
	padding: 0;
}

#start div.element.pimsearch h2.title
{
	background: #e6e7e8;
	display: block;
	margin: 0 0 1px 0;
	padding: 3px 0 3px 8px;
}

#start div.element.pimsearch form.pimsearch
{
	padding: 8px 0 0 8px;
}

#start div.element.pimsearch select.input.select
{
	width: 270px;
	margin: 0 0 6px 0;
}

#start div.element.pimsearch input.input.submit
{
	float: right;
	margin: 0 8px 0 0;
}


/**
 * MH PIM Serach
 */

div.element.pimsearch
{
	display: none;
}

div.element.pimsearch
{
	display: block;
	margin: 0 0 35px 0;
	padding: 20px;
	background: #e6e7e8;
}

div.element.pimsearch form.pimsearch
{

}

div.element.pimsearch select.input.select
{
	width: 435px;
	margin: 0 0 10px 0;
}

div.element.pimsearch input.input.submit
{
	float: right;
	margin: 0 2px 0 0;
}
/*]]>*/