/*<![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("shop.css");
@import url("landingpage.css");


/**
 * Farbdefinition
 * 
 * Schrift grau: #6e6e6e, 110:110:110
 * Schrift hellgrau (Breadcrumb): #b3b3b3, 179:179:179
 * Schrift hellgrau (Footer): #a0a0a0, 160:160:160
 * Schrift orange: #ffb432, 255:180:50
 * Balken hellgrau: #dcdcdc, 210:210:210
 *
 */

/**
 * Box (ausblenden wenn nicht an geplanter Position)
 */

.element.boxv
{
	display: none;
}

/**
 * Box Startseite, Randspalte
 */
 
#start .element.boxv,
#main .element.boxv,
#landingpage .element.boxv
{
	display: block;
	margin: 0;
	padding: 0;
}

#main .element.boxv,
#landingpage .element.boxv
{
	margin: 0 0 20px 0;
	padding: 0 0 15px 0;
	font-size: 0.8em;
	background: url(../images/box-bg.gif) bottom left repeat-x;
}

#start .element.boxv .title,
#main .element.boxv .title,
#landingpage .element.boxv .title
{
	margin: 0 0 5px 0;
	padding: 0;
	font-weight: bold;
	line-height: 1.5em;
}

#start .element.boxv .subtitle,
#main .element.boxv .subtitle,
#landingpage .element.boxv .subtitle
{
	margin: 0 0 5px 0;
	padding: 0;
	font-weight: normal;
}

#main .element.boxv .subtitle
{
	display: none;
}

#start .element.boxv .image,
#main .element.boxv .image,
#landingpage .element.boxv .image
{
	margin: 0 0 10px 0;
	padding: 0;
}

#start .element.boxv .text,
#main .element.boxv .text,
#landingpage .element.boxv .text
{
	margin: 0;
	line-height: 1.5em;
}

#start .element.boxv .link,
#main .element.boxv .link,
#landingpage .element.boxv .link
{
	margin: 3px 0 0 0;
	padding: 1px 0 0 12px;
	background: url(../images/box-link-bg.gif) left no-repeat;
}

#start .element.boxv .link a,
#main .element.boxv .link a,
#landingpage .element.boxv .link a
{
	text-decoration: none;
}

#start .element.boxv .link a:hover,
#main .element.boxv .link a:hover,
#landingpage .element.boxv .link a:hover
{
	text-decoration: underline;
}

/**
 * Box Übersicht
 */

.element.boxh
{
	display: none;
}

#overview .element.boxh
{
	display: block;
}
 
.element.boxh
{
	margin: 0 0 30px 0;
	padding: 0;
	width: 100%;
}

.element.boxh .image
{
	float: left;
	width: 165px;
	margin: 0;
	padding: 0;
}

.element.boxh .content
{
	float: left;
	width: 165px;
	margin: 0;
	padding: 0;
}

.element.boxh .title
{
	margin: 0 0 5px 0;
	padding: 0;
	font-weight: bold;
	line-height: 1.5em;
}

.element.boxh .text
{
	line-height: 1.5em;
}

.element.boxh .text a.more
{
	color: #ffb432;
}

/**
 * Box Abschnitt
 */

.element.paragraph
{
	display: none;
}

#overview .element.paragraph,
#main .element.paragraph,
#start .element.paragraph,
#landingpage .element.paragraph
{
	display: block;
}

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

.element.paragraph .title
{
	margin: 0 0 5px 0;
	padding: 0;
	font-weight: bold;
	line-height: 1.5em;
}

.element.paragraph .text
{
	line-height: 1.5em;
}

.element.paragraph .text a.more
{
	color: #ffb432;
}

/**
 * Box Downloads
 */

.element.downloads
{
	display: none;
}

#overview .element.downloads,
#main .element.downloads,
.element.downloads 
{
	display: block;
}

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

.element.downloads .title
{
	margin: 0 0 5px 0;
	padding: 0;
	font-weight: bold;
	line-height: 1.5em;
}

.element.downloads .text
{
	line-height: 2em;
}


/**
 * Box Bild (klein) mit Text
 */

.element.imageh
{
	display: none;
}

#main #col-left .element.imageh
{
	display: block;
}
 
.element.imageh
{
	float: none;
	clear: both;
	margin: 0 0 50px 0;
	padding: 0;
	width: 100%;
}

.element.imageh .image
{
	float: left;
	margin: 0 15px 0 0;
}

.element.imageh .label
{
	float: left;
	width: 220px;
	line-height: 1.5em;
	font-size: 0.8em;
}

/**
 * Box Bild (gross) mit Text
 */

.element.imagev
{
	display: none;
}

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

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

.element.imagev .image
{
	float: none;
	margin: 0 0 5px 0;
}

.element.imagev .label
{
	float: none;
	width: 100%;
	line-height: 1.5em;
	font-size: 0.8em;
}


/**
 * Box Produkt
 */

.element.product
{
	display: none;
}

#col-left .element.product,
#landingpage div.colgroup-right-col-left .element.product
{
	display: block;
}
 
.element.product
{
	float: none;
	clear: both;
	margin: 0 0 50px 0;
	padding: 0;
	width: 100%;
}

.element.product .image
{
	float: left;
	margin: 0 22px 0 0;
}

.element.product .label
{
	float: left;
	width: 190px;
	line-height: 1.5em;
	font-size: 0.8em;
}


/**
 * Box USP Liste
 */


.element.usplist
{
	display: none;
}

#main .element.usplist
{
	display: block;
}

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

.element.usplist ul
{
	list-style: url(../images/list-item.gif);
	margin: 0 0 0 20px;
	padding: 0;
}

.element.usplist ul li
{
	margin: 6px 0 6px 0;
	padding: 0 0 2px 0;
}

/**
 * Box Callback
 */

.element.callback
{
	display: none;
}

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

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

.element.callback .title
{
	margin: 0 0 5px 0;
	padding: 0;
	font-weight: bold;
	line-height: 1.5em;
}

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

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

.element.callback span.label
{
	display: block;
	margin: 0 0 3px 0;
	padding: 0;
	width: 100%;
}

.element.callback input.input.text
{
	width: 197px;
	border: 1px solid #dcdcdc;
	color: #6e6e6e;
	margin: 0 0 5px 0;
}

.element.callback .form br
{
	float: none;
	clear: both;
}

.element.callback input.input.submit
{
	float: right;
	margin: 5px 0 0 0;
}

/**
 * Box Login
 */

.element.login
{
	display: none;
}	

#main #col-right .element.login,
#main #col-left .element.login
{
	display: block;
}

#main #col-right .element.login
{
	float: none;
	clear: both;
	margin: 0 0 20px 0;
	padding: 0 0 15px 0;
	width: 100%;
	background: url(../images/box-bg.gif) bottom left repeat-x;
	font-size: 0.8em;
}

.element.login .title
{
	margin: 0 0 5px 0;
	padding: 0;
	font-weight: bold;
	line-height: 1.5em;
}

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

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

.element.login span.label
{
	display: block;
	margin: 0 0 3px 0;
	padding: 0;
	width: 100%;
}

.element.login input.input.text,
.element.login input.input.password
{
	width: 207px;
	border: 1px solid #dcdcdc;
	color: #6e6e6e;
	margin: 0 0 5px 0;
}

.element.login .form br
{
	float: none;
	clear: both;
}

.element.login input.input.submit
{
	float: right;
	margin: 5px 0 0 0;
}

.element.login .nologin
{
	display: block;
	float: left;
	margin: 5px 0 0 0;
}


/**
 * Box leasing
 */

.element.leasing
{
	display: none;
}	

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

.element.leasing
{
	float: none;
	clear: both;
	margin: 0 0 20px 0;
	padding: 0 0 15px 0;
	width: 100%;
	background: url(../images/box-bg.gif) bottom left repeat-x;
	font-size: 0.8em;
}

.element.leasing .title
{
	margin: 0 0 5px 0;
	padding: 0;
	font-weight: bold;
	line-height: 1.5em;
}

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

.element.leasing div.result
{
	background: #efefef;
	padding: 5px;
	margin: 10px 0 15px 0;
}

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

.element.leasing span.label
{
	display: block;
	margin: 0 0 3px 0;
	padding: 0;
	width: 100%;
}

.element.leasing input.input.text,
.element.leasing select.input.select
{
	width: 207px;
	border: 1px solid #dcdcdc;
	color: #6e6e6e;
	margin: 0 0 5px 0;
}

.element.leasing .form br
{
	float: none;
	clear: both;
}

.element.leasing input.input.submit
{
	float: right;
	margin: 5px 0 0 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: 450px;
}

.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;
	line-height: 1.5em;
}

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

.element.article .text,
.element.appointment .text
{
	line-height: 1.5em;
	margin: 0 0 5px 0;
	width: 450px;
}

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

.element.article .link
{
	padding: 0 0 0 12px;
	background: url(../images/box-link-bg.gif) left no-repeat;
}

.element.article .link a
{
	text-decoration: none;
}

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


/**
 * 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 .pages
{
	float: left;
	width: 300px;
}

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


/**
 * 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: 275px;
	border: 1px solid #dcdcdc;
	color: #6e6e6e;
	margin: 0 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 25px 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
{

}

/**
 * Box Formular
 */
/*
.element.form
{
	float: none;
	clear: both;
	display: block;
	margin: 0 0 40px 0;
	padding: 0;
	width: 100%;
}

.element.form .title
{
	margin: 0 0 5px 0;
	padding: 0;
	font-weight: bold;
	line-height: 1.5em;
}

.element.form .text
{
	line-height: 1.5em;
	margin: 0 0 30px 0;
}

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

.element.form .ilabel
{
	float: left;
	width: 150px;
}

.element.form .input
{
	float: left;
	width: 320px;
	border: 1px solid #dcdcdc;
	margin: 0 0 10px 0;
}

.element.form .input.itext.plz
{
	width: 75px;
	margin-right: 5px;
}

.element.form .input.itext.ort
{
	width: 240px;
}

.element.form .input.itext.strasse
{
	width: 240px;
	margin-right: 5px;
}

.element.form .input.itext.hnr
{
	width: 75px;
}

.element.form .input.itextarea
{
	height: 150px;
}

.element.form .imargin
{
	margin: 15px 0 0 150px;
	width: 325px;
}

.element.form .input.icheckbox
{
	float: left;
	width: auto;
	border: none;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
}

.element.form .input.sonstiges
{
	width: 150px;
}


.element.form br
{
	float: none;
	clear: both;
}
*/

/**
 * Mailform
 */

.element.mailform
{
	display: none;
}
 
#main .element.mailform
{
	display: block;
}
 
.element.mailform
{
	margin: 0 0 30px 0;
	padding: 0;
}

.element.mailform .title
{
	margin: 0 0 5px 0;
	padding: 0;
	font-weight: bold;
	line-height: 1.5em;
}

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

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

.element.mailform span.label
{
	
}

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

#main #col-right .element.mailform span.label.text,
#main #col-right .element.mailform span.label.select,
#main #col-right .element.mailform span.label.textarea,
#main #col-right .element.mailform span.label.password
{
	width: 100%;
	display: block;
	float: none;
	margin: 10px 0 3px 0;
}

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

#main #col-right .element.mailform span.label.checkbox,
#main #col-right .element.mailform span.label.radio
{
	margin: 3px 0 0 0;
	float: left;
	width: 165px;
}

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

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

#main #col-right .element.mailform span.label.comment
{
	margin: 20px 0 0 0;
	width: 100%;
}

.element.mailform input.input
{
	
}

.element.mailform input.input.text,
.element.mailform select.input.select,
.element.mailform textarea.input.textarea,
.element.mailform input.input.password
{
	width: 300px;
	float: left;
	border: 1px solid #dcdcdc;
	color: #6e6e6e;
	margin: 10px 0 0 0;
}

#main #col-right .element.mailform input.input.text,
#main #col-right .element.mailform select.input.select,
#main #col-right .element.mailform textarea.input.textarea,
#main #col-right .element.mailform input.input.password
{
	width: 100%;
	float: none;
}

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

#main #col-right .element.mailform textarea.input.textarea
{
	height: 75px;
	margin: 0;
}

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

.element.mailform div.padding
{
	padding: 0 0 0 130px;
}

#main #col-right .element.mailform div.padding
{
	padding: 5px 0 0 0;
}

.element.mailform input.input.submit
{
	float: right;
	margin: 15px 45px 0 0;
}

#main #col-right .element.mailform input.input.submit
{
	float: right;
	margin: 15px 0 0 0;
}

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

#main #col-right .element.mailform br
{
	display: none;
}

/**
 * Mailform Plus
 */

.element.mailformplus
{
	display: none;
}
 
#main #col-left .element.mailformplus
{
	display: block;
}
 
.element.mailformplus
{
	margin: 0 0 30px 0;
	padding: 0;
}

.element.mailformplus .title
{
	margin: 0 0 5px 0;
	padding: 0;
	font-weight: bold;
	line-height: 1.5em;
}

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

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

.element.mailformplus span.label
{
	
}

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

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

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

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

.element.mailformplus input.input
{
	
}

.element.mailformplus input.input.text,
.element.mailformplus select.input.select,
.element.mailformplus textarea.input.textarea,
.element.mailformplus input.input.password
{
	width: 300px;
	float: left;
	border: 1px solid #dcdcdc;
	color: #6e6e6e;
	margin: 10px 0 0 0;
}

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

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

.element.mailformplus div.padding
{
	padding: 0 0 0 130px;
}

.element.mailformplus input.input.submit
{
	float: right;
	margin: 15px 15px 0 0;
}

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


/**
 * Sitemap
 */

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

.sitemap ul li
{
	
}

.sitemap ul a
{
	background: url(../images/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;
}



/**
 * Powermailer
 */

.element.powermailer
{
	display: none;
}
 
#main #col-left .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: 10px 0 0 0;
	/*font-weight: bold;*/
	float: left;
}

.element.powermailer span.label.text,
.element.powermailer span.label.select,
.element.powermailer span.label.password
{
	width: 130px;
	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: 400px;*/
}

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

.element.powermailer span.label.textarea
{
	width: 100%;
	display: block;
	float: none;
	clear: both;
	margin: 10px 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: 300px;
	float: left;
	border: 1px solid #dcdcdc;
	color: #6e6e6e;
	margin: 10px 0 0 0;
}

.element.powermailer textarea.input.textarea
{
	width: 475px;
	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;
}

.tx_powermail_pi1_formconfirmation_back
{
	float: left;
}

/* Für verstecktes Feld: Kundennummer */
#i-text-103, #lbl-i-text-103
{
	display: none;
}

.element.powermailer .checkboxgroup
{

	margin: 10px 0 0 130px;
}


/**
 * Box Callback
 */

.element.callback
{
	display: none;
}

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

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

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

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

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

.element.callback span.label
{
	display: block;
	margin: 0 0 3px 0;
	padding: 0;
	width: 100%;
}

.element.callback input.input.text
{
	width: 190px;
	border: 1px solid #dcdcdc;
	color: #6e6e6e;
	margin: 0 0 5px 0;
}

.element.callback .form br
{
	float: none;
	clear: both;
}

.element.callback .form .response
{
	line-height: 1.5em;
}

.element.callback .form .response.loading
{
	padding: 25px 0 15px 0;
	text-align: center;
}

.element.callback input.input.submit
{
	float: right;
	margin: 5px 0 0 0;
}

/**
 * Box Login
 */

.element.login
{
	display: none;
}	

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

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

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

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

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

.element.login span.label
{
	display: block;
	margin: 0 0 3px 0;
	padding: 0;
	width: 100%;
}

.element.login input.input.text,
.element.login input.input.password
{
	width: 197px;
	border: 1px solid #dcdcdc;
	color: #6e6e6e;
	margin: 0 0 5px 0;
}

.element.login .form br
{
	float: none;
	clear: both;
}

.element.login input.input.submit
{
	float: right;
	margin: 5px 0 0 0;
}

.element.login a
{
	display: block;
	float: left;
	margin: 5px 0 0 0;
}


#col-left .element.login a
{
	display: block;
	float: none;
	margin: 5px 0 0 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
{
	/*float: left;*/
	line-height: 1.5em;
	width: 365px;
	width: 450px;
}

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

.element.article .link,
.element.appointment .link
{
	/*text-align: right;*/
}
*/
/**
 * 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;
	line-height: 1.5em;
}

.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.8em;
	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;
}

/**
 * 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 .pages
{
	float: left;
	width: 325px;
}

.element.listnavi .navi
{
	float: right;
	width: 150px;
	text-align: right;
}
*/

/**
 * 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: 250px;
	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;
	color: #ffb432;
}

.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;
}
*/

/**
 * 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: 275px;
	border: 1px solid #dcdcdc;
	color: #6e6e6e;
	margin: 0 8px 0 0;
}



.anwenderliste,
.tabelle-schrift-klein
{
	font-size: 0.8em;
}


/**
 * Lightbox
 */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/lightbox-zurueck.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/lightbox-weiter.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 82px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/**
 * Logo
 */

img.logo
{
	margin: 11px 0 0 0;
}

span.verybold, p.verybold, h1.verybold, h2.verybold, h3.verybold, h4.verybold, h5.verybold
{
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.5em;
}


/* Für die Garantiebox (Manitowoc Ice) auf den Produktseiten */
.promo-garantie
{
     color: #FFFFFF;
     font-weight: bold;
     background-color:#133769;
     width: 100px;
     text-align: center;
     padding: 4px 6px 4px 6px;
}

.promo-wasser-geeignet
{
     color: #FFFFFF;
     font-weight: bold;
     background-color:#133769;
     width: 115px;
     text-align: center;
     padding: 4px 6px 4px 6px;
     font-size:0.8em;
     line-height:1.5em;
}

/* Für "Spülmaschinenfest" (Hällde) */
.promo-diwash
{
	color: #FFFFFF;
	background-color: #e2363d;
	width: 115px;
	text-align: center;
	padding: 4px 6px 4px 6px;
}
/*]]>*/