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

/**
 * Farbdefinition
 * 
 * Schrift grau: #6c888f
 * Schrift gruen: #7fc31c
 * Schrift Subnavi: #8ca1a6
 *
 */

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

.element.boxv
{
	display: none;
}

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

.element.boxv
{
	margin: 0 0 40px 0;
}

.element.boxv .title
{
	margin: 0 0 8px 0;
	padding: 0;
	font-weight: bold;
}

.element.boxv .image
{
	margin: 0 0 8px 0;
	padding: 0;
}

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

/**
 * Box Abschnitt
 */

.element.paragraph
{
	display: none;
}

.element.paragraph
{
	display: block;
}

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

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

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

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

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

.element.imageh
{
	display: none;
}

#main .element.imageh
{
	display: block;
}
 
.element.imageh
{
	float: none;
	clear: both;
	margin: 15px 0 20px 0;
	padding: 0;
	width: 100%;
}

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

.element.imageh .label
{
	float: left;
	width: 265px;
	color: #8ca1a6;
	line-height: 1.5em;
}

.element.imageh .zoom
{
	display: block;
	margin: 5px 0 0 0;
	color: #8ca1a6;
	text-decoration: none;
}
.element.imageh .zoom img
{
	margin-right: 3px;
}

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

.element.imagev
{
	display: none;
}

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

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

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

.element.imagev .label
{
	float: none;
	color: #8ca1a6;
	line-height: 1.5em;
}

.element.imagev .zoom
{
	display: block;
	margin: 5px 0 0 0;
	color: #8ca1a6;
	text-decoration: none;
}

/**
 * Box Login
 */

.element.login
{
	display: none;
}	

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

.element.login
{
	float: none;
	clear: both;
	margin: 20px 0 20px 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: 10px 0 0 0;
	width: 320px;
}

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

.element.login input.input.text,
.element.login input.input.password
{
	width: 197px;
	border: 1px solid #dcdcdc;
	color: #8ca1a6;
	margin: 0 0 15px 0;
	float: left;
	background: #fff;
}

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

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

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

/**
 * Box Newsartikel in Liste
 */

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

#main .element.article,
#main .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;
	color: #7fc31c;
}

.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;
	margin: 0 0 10px 0;
}

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

.element.article .link,
.element.appointment .link
{
	clear: both;
	float: none;
	text-align: right;
}

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


/**
 * Box Newsartikel in Liste STARTSEITE
 */

#start .element.article
{
	display: block;
}

#start .element.article .image
{
	float: none;
	clear: both;
	width: 100%;
	text-align: center;
	margin: 0 0 20px 0;
}

#start .element.article .date
{
	margin: 0 0 10px 0;
	padding: 0;
	color: #7fc31c;
}

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

#start .element.article .text
{
	line-height: 1.5em;
	margin: 0 0 10px 0;
}

#start .element.article .text.full
{
	width: 475px;
}

#start .element.article .link
{
	clear: both;
	float: none;
	text-align: right;
}

#start .element.article .link a
{
	color: #7fc31c;
}

/**
 * Listennavigation
 */

.element.listnavi
{
	display: none;
}

#main .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;
}

/**
 * Box Newsartikel
 */

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

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

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

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

.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
{
	margin: 40px 0;
	width: 510px;
}

.element.articledetails .image .singleimage,
.element.appointmentdetails .image .singleimage
{
	float: left;
	border: 1px solid #dcdcdc;
	margin: 0 15px 15px 0;
	padding: 5px 3px;
	text-align: center;
}

.element.articledetails .image .label,
.element.appointmentdetails .image .label
{
	display: none;
	font-size: 0.9em;
	padding: 5px 2px;
	background: #dcdcdc;
}

.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;
	width: 400px;
}

/**
 * Box Suchformular
 */

.element.searchbox
{
	display: none;
}

#main .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 50px 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: #ffb432;
}

/**
 * Gallery Liste
 */

.wtgallery_categories
{
	display: none;
}
 
.wtgallery_categories
{
	display: block;
}

.wtgallery_categories div.wtgallery_category_pic,
.wtgallery_listpic
{
	float: left;
	border: 1px solid #dcdcdc;
	margin: 0 15px 15px 0;
	padding: 5px 3px;
	text-align: center;
}

/**
.wtgallery_categories .wtgallery_category_pic a
{
	display: block;
	width: 100%;
	width: 110px;
	height: 75px;
}
**/

.wtgallery_category_pagebrowser
{
	float: none;
	clear: both;
	display: block;
	width: 100%;
	padding: 15px 0 15px 0;
}

.wtgallery_categories .listnavi .navi
{
	display: block;
	float: left;
	text-align: right;
}


.element.gallerylist .listnavi
{
	float: left;
	text-align: center;
	display: block;
	width: 520px;
	padding: 15px 0;
}

.wtgallery_pagebrowser_sign
{
	float: right;
	width: 75px;
}

.listnavi .wtgallery_pagebrowser_up
{
	display: block;
	float: left;
	width: 200px;
	text-align: left;
}

.wtgallery_category_folder a
{
	color: #8ca1a6;	
	text-decoration: none;
	display: block;
	padding: 5px 0 3px 0; 
}

.wtgallery_category_txt
{
	display: none;
}

.wtgallery_pagebrowser_up
{
	float: right;
}

/**
 * Gallery Details
 */

.wtgallery_singlepic_fwd
{
	float: right;
	width: 200px;
	text-align: right;
}

.wtgallery_singlepic_back
{
	float: left;
	width: 200px;
}

.gallerylist
{
	padding: 10px 0;
}

.wtgallery_singlepic_popup
{
	margin: 5px 0 15px 0;
	color: #8ca1a6;
	text-decoration: none;
}

.wtgallery_singlepic_up
{
	float: left;
	width: 200px;
}

.wtgallery_singlepic_backlink
{
	float: right;
	width: 200px;
	text-align: right;
}
/**
.element.gallerydetails
{
	display: none;
}
 
#forum .element.gallerydetails
{
	display: block;
}

.element.gallerydetails .image
{
	border: 1px solid #dcdcdc;
	padding: 8px 0 5px 0;
	margin: 0 0 15px 0;
	text-align: center;
}

.element.gallerydetails .zoom
{
	display: block;
	margin: 5px 0 0 0;
	color: #8ca1a6;
	text-decoration: none;
}

.element.gallerydetails .image a
{
	display: block;
	width: 100%;
}

.element.gallerydetails .listnavi
{
	float: none;
	clear: both;
	display: block;
	width: 100%;
	padding: 5px 0 15px 0;
}

.element.gallerydetails .listnavi .navi
{
	display: block;
	float: left;
	width: 300px;
	text-align: right;
}

.element.gallerydetails .listnavi .pages
{
	display: block;
	float: left;
	width: 220px;
}
**/

/**
 * Powermail
 */

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

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

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

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

.element.powermail span.label
{
	
}

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

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

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

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

.element.powermail input.input
{
	
}

.element.powermail input.input.text,
.element.powermail select.input.select,
.element.powermail textarea.input.textarea,
.element.powermail input.input.password
{
	width: 300px;
	float: left;
	border: 1px solid #dcdcdc;
	color: #8ca1a6;
	margin: 10px 0 0 0;
	background: #fff;
}

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

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

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

.element.powermail input.input.submit
{
	float: right;
	margin: 25px 90px 0 0;
}

.element.powermail span.required
{	
	display: block;
	float: left;
	margin: 28px 0 0 0;
	color: #7fc31c;
}

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

/**
 * Sitemap
 */

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

/**
 * Forum
 */

.tx-mmforum-pagenav
{
	margin: 2px 0;
}

.tx-mmforum-pi1-listtopic-lastpost img
{
	display: none;
}

.tx-mmforum-pi1-listtopic-image
{
	margin-top: 4px;
	margin-bottom: 4px;
}

.tx-mmforum-pi1-listtopic-topicname
{
	display: block;
	margin-top: 4px;
	margin-bottom: 4px;
}

#forum .tx-mmforum-rootline,
#forum .tx-mmforum-rootline a
{
	border: none;
	font-size: 1em;
	font-weight: bold;
	margin: 15px 0;
	padding: 0;
	font-family: Verdana, Helvetica, Geneva, Arial, sans-serif;
	color: #6c888f;
}

#forum .tx-mmforum-rootline a:hover
{
	color: #7fc31c;
}

/**
 * Eventlist
 */

.optionBox .select
{
	margin: 0 0 15px 0;
}

.optionBox .select select
{
	margin: 0 0 0 10px;
}

.element.eventlist
{
	width: 518px;
	background: url(../images/termine-header-bg.gif) top left no-repeat;
}

.element.eventlist .headline
{
	color: #ffffff;
	font-weight: bold;
}

.element.eventlist .headline .date
{
	padding: 5px 0 5px 15px;
	float: left;
	width: 100px;
}

.element.eventlist .headline .time
{
	padding: 5px 0 5px 0;
	float: left;
	width: 70px;
}

.element.eventlist .headline .description
{
	padding: 5px 0 5px 0;
	float: left;
	width: 320px;
}

.element.eventlist .item
{
	border-left: 1px solid #9fa7ac;
	border-right: 1px solid #9fa7ac;
	color: #9fa7ac;
	width: 516px;
	border-bottom: 1px solid #9fa7ac;
	padding: 3px 0 3px 0;
}

.element.eventlist .item.gray
{
	background-color: #ededef;
}

.element.eventlist .item .date
{
	padding: 3px 0 3px 15px;
	float: left;
	width: 100px;
}

.element.eventlist .item .time
{
	padding: 3px 0 3px 0;
	float: left;
	width: 70px;
}

.element.eventlist .item .description
{
	padding: 3px 0 3px 0;
	float: left;
	width: 320px;
}

/**
 * Eventdetails
 */

.tx-mjseventpro-pi1 .tx-mjseventpro-pi1-singleView .date
{
	margin: 0 0 10px 0;
	color: #7fc31c;
}

.tx-mjseventpro-pi1-singleViewField-bdate
{
	float: left;
	padding: 0 10px 0 0;
}

.tx-mjseventpro-pi1-singleViewToday
{
	float: left;
	padding: 0 10px 0 0;
}

/**
 * Event auf Startseite
 */

.element.events
{
	background: url(../images/event-bg-top.jpg) top left no-repeat;
	width: 297px;
	margin: 0 0 15px 0;
}

.element.events .text
{
	background: url(../images/event-bg-bottom.jpg) bottom left no-repeat;
	padding: 15px 10px 15px 20px;
}

.element.events .text .what .label
{
	display: block;
	width: 70px;
	float: left;
	font-weight: bold;
}

.element.events .text .time
{
	float: none;
	clear: both;
	padding-top: 8px;
}

.element.events .text .time .label
{
	display: block;
	width: 70px;
	float: left;
	font-weight: bold;
}

#start #eventtitle
{
	color: #7fc31c;
	padding: 0 5px 5px 15px;
	background: url(../images/pfeil-right-green.gif) no-repeat;
}

/**
 * Letzte Beitraege auf Startseite
 */

.element.newentrys a
{
	text-decoration: none;
}

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

.element.newentrys .headline
{
	padding: 0 5px 5px 15px;
	border-bottom: 2px solid #ccc;
	background: url(../images/pfeil-right-normal.jpg) no-repeat;
}

.element.newentrys .item
{
	margin: 10px 0 15px 0;
	line-height: 1.5em;
}

.element.newentrys .item .topic,
.element.newentrys .item .topic a
{
	color: #7fc31c;
	font-weight: bold;
}

.element.newentrys .item .lastpost
{
	padding: 5px 0 0 0;
}

.element.newentrys .item .lastpost a,
.element.newentrys .item .lastpost a:hover
{
	color: #6c888f;
}

/**
 * Textbox Startseite
 */

.element.boxvstart .image
{
	margin-top: 20px;
}

.element.boxvstart .title
{
	padding: 0 5px 5px 15px;
	border-bottom: 2px solid #ccc;
	background: url(../images/pfeil-right-normal.jpg) no-repeat;
	margin-top: 15px;
}

.element.boxvstart a
{
	text-decoration: none;
}

.element.boxvstart .text
{
	margin-top: 10px;
	line-height: 1.5em;
}

.element.boxvstart .link
{
	text-align: right;
}

.element.boxvstart .link a
{
	color: #7fc41c;
}

/**
 * Mitgliederbereich
 */

.tx-cwtcommunity-pi1 .letters
{
	font-size: 0.8em;
	width: 500px;
}

.tx-cwtcommunity-pi1 table
{
	width: 100%;
}

/**
 * Profil bearbeiten
 */

.tx-cwtcommunity-pi1 table .input.text,
.tx-cwtcommunity-pi1 table textarea
{
	width: 250px;
	border: 1px solid #DCDCDC;
	color: #6E6E6E;
}

.tx-cwtcommunity-pi1 table select
{
	border: 1px solid #DCDCDC;
	color: #6E6E6E;
}


.input.submit
{
	width: 110px;
	border:1px solid #DCDCDC;
	margin: 0 15px 0 0;
	background-color: #fff;
	padding: 3px 0
}
/**
.tx-cwtcommunity-pi1 table input[type=submit],
.tx-cwtcommunity-pi1 table input[type=button]
{
	width: 100px;
	border:1px solid #DCDCDC;
	color: #6E6E6E;
**/

.tx-cwtcommunity-pi1 table td
{
	padding: 7px 0;
}

/**
 * PNs
 */

.deletemessage
{
	float: left;
	width: 100px;
	margin: 0 0 30px 0;
}

.answermessage
{
	float: left;
	width: 100px;
}

.messageback
{
	float: left;
	width: 100px;
}

/**
 * Messagelist
 */

.element.messagelist
{
	width: 518px;
	background: url(../images/termine-header-bg.gif) top left no-repeat;
}

.element.messagelist .headline
{
	color: #ffffff;
	font-weight: bold;
}

.element.messagelist .headline .subject
{
	padding: 5px 0 5px 15px;
	float: left;
	width: 238px;
}

.element.messagelist .headline .date
{
	padding: 5px 0 5px 0;
	float: left;
	width: 100px;
}

.element.messagelist .headline .from
{
	padding: 5px 0 5px 0;
	float: left;
	width: 120px;
}

.element.messagelist .headline .icons
{
	padding: 5px 0 5px 0;
	float: left;
	width: 20px;
}


.element.messagelist .item
{
	border-left: 1px solid #9fa7ac;
	border-right: 1px solid #9fa7ac;
	color: #9fa7ac;
	width: 516px;
	border-bottom: 1px solid #9fa7ac;
	padding: 3px 0 3px 0;
}

.element.messagelist .item.gray
{
	background-color: #ededef;
}

.element.messagelist .item .subject
{
	padding: 5px 0 5px 15px;
	float: left;
	width: 238px;
}

.element.messagelist .item .subject a
{
	text-decoration: none;
}

.element.messagelist .item .subject a:hover
{
	text-decoration: underline;
}

.element.messagelist .item .date
{
	padding: 5px 0 5px 0;
	float: left;
	width: 100px;
}

.element.messagelist .item .from
{
	padding: 5px 0 5px 0;
	float: left;
	width: 120px;
}

.element.messagelist .item .icons
{
	padding: 5px 0 5px 0;
	float: left;
	width: 40px;
}

/**
 * Mitgliederliste
 */

.element.userlist
{
	width: 518px;
	background: url(../images/termine-header-bg.gif) top left no-repeat;
}

.element.userlist .headline
{
	color: #ffffff;
	font-weight: bold;
}

.element.userlist .headline .username
{
	padding: 5px 0 5px 15px;
	float: left;
	width: 148px;
}

.element.userlist .headline .name
{
	padding: 5px 0 5px 0;
	float: left;
	width: 100px;
}

.element.userlist .headline .city
{
	padding: 5px 0 5px 0;
	float: left;
	width: 90px;
}

.element.userlist .headline .www
{
	padding: 5px 0 5px 0;
	float: left;
	width: 160px;
}


.element.userlist .item
{
	border-left: 1px solid #9fa7ac;
	border-right: 1px solid #9fa7ac;
	color: #9fa7ac;
	width: 516px;
	border-bottom: 1px solid #9fa7ac;
	padding: 3px 0 3px 0;
}

.element.userlist .item.gray
{
	background-color: #ededef;
}

.element.userlist .item .username
{
	padding: 5px 0 5px 15px;
	float: left;
	width: 148px;
}

.element.userlist .item .name
{
	padding: 5px 0 5px 0;
	float: left;
	width: 100px;
}

.element.userlist .item .city
{
	padding: 5px 0 5px 0;
	float: left;
	width: 90px;
}

.element.userlist .item .www
{
	padding: 5px 0 5px 0;
	float: left;
	width: 160px;
}

/**
 * PM an Mitglied
 */

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

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

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

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

.element.communitymail span.label
{
	
}

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

.element.communitymail mail input.input
{
	
}

.element.communitymail input.input.text,
.element.communitymail textarea.input.textarea
{
	width: 300px;
	float: left;
	border: 1px solid #dcdcdc;
	color: #8ca1a6;
	margin: 10px 0 0 0;
	background: #fff;
}

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

.element.communitymail input.input.submit
{
	float: right;
	margin: 25px 90px 0 0;
}

.element.communitymail span.required
{	
	display: block;
	float: left;
	margin: 28px 0 0 0;
	color: #7fc31c;
}

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

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

/**
 * Powermailer
 */

.element.powermailer
{
	display: none;
}
 
#main #content .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: 40px 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 span.required
{	
	display: block;
	float: left;
	margin: 28px 0 0 0;
	color: #7fc31c;
}

#systemkonfigurator span.label.comment
{
	font-weight:bold;
	font-size: 1.3em;
	margin: 25px 0 -35px 0;
	padding: 0;
}

.tooltip
{
	width: 350px;
}

.element.powermailer input.input
{
	
}

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

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

.print
{
	padding: 2px 0 2px 20px;
	margin: 30px 0 0 0;
	background: url(../media/icons/printer.gif) top left no-repeat #fff;
}

.text
{
	line-height: 1.5em;
}
/*]]>*/