/*<![CDATA[*/
/**
 * CSS Style fuer Screen und Projection
 *
 * Copyright (c) 2009    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;
}*/


/**
 * Titel
 */

h1.element.title
{
	font-size: 1.5em;
	margin: 0 0 25px 0;
	padding: 0;
}


/**
 * Textabschnitt
 */

div.element.paragraph
{
	display: block;
}

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

div.element.paragraph h2.title
{
	font-size: 1.1em;
	margin: 0 0 10px 0;
	padding: 0;
	color: #81b300;
}

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


/**
 * imageh
 */

div.element.imageh
{
	display: block;
}

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

div.element.imageh div.image
{
	float: left;
	width: 210px;
}

div.element.imageh div.content
{
	float: right;
	width: 270px;
}

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

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


/**
 * imagev
 */

div.element.imagev
{
	display: block;
}

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

div.element.imagev div.image
{
	
}

div.element.imagev div.content
{
	
}

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

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


/**
 * Infobox
 */

div.element.infobox
{
	display: block;
}

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

div.element.infobox div.image
{
	margin: 0;
}

div.element.infobox h4.title
{
	color: #fff;
	background: #80b400;
	margin: 0;
	padding: 5px 10px;
}

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

div.element.infobox div.link
{
	margin: 0;
	padding: 0 10px 10px 10px;
	background: #e7eaec;
}


/**
 * Mitarbeiter
 */

div.element.employee
{
	display: block;
}

div.element.employee
{
	float: left;
	width: 215px;
	height: 360px;
	margin: 0 22px 0 0;
}

div.element.employee div.image
{
	margin: 0 0 15px 0;
}

div.element.employee h3.name
{
	color: #80b400;
	margin: 0 0 5px 0;
	padding: 0;
}

div.element.employee h4.assignment
{
	font-weight: normal;
	font-size: 0.9em;
	margin: 0 0 15px 0;
	padding: 0;
}

div.element.employee div.contact
{
	
}

div.element.employee div.fon
{
	width: 100%;
	margin: 0 0 5px 0;
	padding: 0;
}

div.element.employee div.fax
{
	width: 100%;
	margin: 0 0 5px 0;
	padding: 0;
}

div.element.employee div.email
{
	width: 100%;
	margin: 0 0 5px 0;
	padding: 0;
}

div.element.employee span.label
{
	display: block;
	float: left;
	width: 55px;
}

div.element.employee span.data
{
	display: block;
	float: left;
	width: 158px;
}


/**
 * Box auf Startseite
 */

div.element.startbox
{
	display: block;
}

div.element.startbox
{
	margin: 0 4px 0 0;
	padding: 10px 15px 0 15px;
	height: 40px;
	background: #fff;
	filter: alpha(opacity=50); 
	opacity: 0.5;
	-moz-opacity: 0.5;
}

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

div.element.startbox h2.title
{
	font-size: 0.9em;
	color: #000;
	padding: 0;
	margin: 0;
}

div.element.startbox div.text
{
	font-size: 0.9em;
	color: #000;
	padding: 0;
	margin: 0;
}

div.element.startbox a
{
	color: #000;
	padding: 5px 0;
}


/**
 * Referenz
 */

div.element.reference
{
	display: block;
}

div.element.reference
{
	margin: 0 0 50px 0;
}

div.element.reference h2.title
{
	color: #80b400;
	margin: 0 0 15px 0;
	padding: 0;
}

div.element.reference div.image
{
	float: left;
	width: 190px;
}

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

div.element.reference div.text ul
{
	margin-top: 0;
}

/**
 * Sitemap
 */

div.element.sitemap
{
	display: block;
}

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

div.element.sitemap h2.title
{
	color: #80b400;
	margin: 0 0 15px 0;
	padding: 0;
}

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

div.element.sitemap ul ul
{
	
}

div.element.sitemap ul ul ul
{
	padding: 0 0 0 15px;
}

div.element.sitemap li
{

}

div.element.sitemap li a
{
	display: block;
	background: #e7eaec;
	border-bottom: 1px solid #fff;
	text-decoration: none;
	padding: 5px 10px;
	font-weight: bold;
}

div.element.sitemap li li a
{
	background: transparent;
	font-weight: normal;
}

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


/**
 * Newsliste
 */

div.element.newslist
{
	display: block;
}

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

div.element.newslist div.news
{
	
}

div.element.newslist div.item
{
	margin: 20px 0 0 0;
	padding: 0 10px 20px 10px;
	border-bottom: 1px solid #ddd;
}

div.element.newslist div.date
{
	font-size: 0.9em;
	margin: 0 0 10px 0;
}

div.element.newslist div.content
{
	
}

div.element.newslist h2.title
{
	color: #80b400;
	margin: 0 0 10px 0;
	padding: 0;
}

div.element.newslist h2.title a
{
	color: #80b400;
}

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

div.element.newslist div.link
{
	font-size: 0.9em;
}


/**
 * Newslatest
 */

div.element.newslatest
{
	display: block;
}

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

div.element.newslatest div.news
{
	
}

div.element.newslatest div.item
{
	margin: 20px 0 0 0;
	padding: 0 10px 20px 10px;
	border-bottom: 1px solid #ddd;
}

div.element.newslatest div.date
{
	font-size: 0.9em;
	margin: 0 0 10px 0;
}

div.element.newslatest div.content
{
	
}

div.element.newslatest h2.title
{
	color: #80b400;
	margin: 0 0 10px 0;
	padding: 0;
}

div.element.newslatest h2.title a
{
	color: #80b400;
}

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

div.element.newslatest div.link
{
	font-size: 0.9em;
}


/**
 * Newsdetails
 */


div.element.newsdetails
{
	display: block;
}

div.element.newsdetails
{
	
}

div.element.newsdetails div.date
{
	font-size: 0.9em;
	margin: 0 0 10px 0;
}

div.element.newsdetails div.content
{
	
}

div.element.newsdetails h2.title
{
	color: #80b400;
	margin: 0 0 20px 0;
	padding: 0;
}

div.element.newsdetails div.teaser
{
	font-style: italic;
	margin: 0 0 20px 0;
	padding: 0;
	line-height: 1.5em;
}

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

div.element.newsdetails div.link
{
	font-size: 0.9em;
}

/*]]>*/