
*{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

body
{
    margin:0px;
    padding:0px;
	font-size: 1em;
	background-image: url(../images/bg_header_1900px.jpg);
	background-position: 0px 23px;
	background-repeat: repeat-x;
}

html 
{
    height:100%;
}

/* 
	Beispielstyles: 
	background-image: url(../images/arrow_small.gif);	--> Hintergrundbild
	background-repeat: no-repeat;						--> Ausbreitung des Hintergrundbildes
	text-transform: uppercase;							--> Text in Gro�buchstaben
	list-style-type: none;  							--> Aufz�hlungstyp
	list-style-image: url(../images/arrow_small.gif);	--> Bild f�r Aufz�hlungszeichen
*/

/* ******************************* DIV's ****************************** */

#container
{
	margin:auto;
	text-align:center;
	width: 980px;
	padding-left: 10px;
	_padding-left: 6px;
	padding-right: 10px;
	_padding-right: 6px;
	/*background-color:#CCFFFF;*/
}

#leftCol {
	width: 261px;
	text-align: center;
	float: left;
	/*background-color:#CC6633;*/
}

#rightCol {
	width: 719px;
	_width: 715px;
	text-align: left;
	float: left;
	/*background-color:#CCCCFF;*/
}
#logo {
	width: 261px;
	height: 91px;
	margin-top: 23px;
}

#slogan {
	width: 261px;
	height: 13px;
	padding: 7px 0px 10px 0px;
	text-align: center;
	font-size : 10px;
}

#search {
	width: 197px;
	margin: 10px 37px 10px 37px;
	height: 26px;
}

#menuLeft {
	width: 197px;
	margin: 0px 37px 277px 24px;
	z-index: 50;
	text-align: left;
}

#menuLeft ul {
	margin: 0px;
	padding: 0px 0px 0px 25px;
}

#menuLeft li{
	list-style-image: url(../images/arrow.gif);
		
}
#menuLeft li a{
	color: #504F54;
}
#menuTop {
	width: 680px;
	height: 13px;
	text-align: right;
	padding: 6px 13px 4px 0px;
}

#dynamicImages {
	width: 494px;
	height: 104px;
	margin: 17px 17px 0px 18px;
	_margin: 17px 4px 0px 8px;
	float: left;
	vertical-align: bottom;
	position: relative;
	/* background-color:#FFFF66; */
}

#dynamicImages div.tx-jppageteaser-pi1-list-entry-image-header {
	overflow: hidden;
	vertical-align: bottom;
	position: absolute;
	top : 5px;
	height: 96px;
	border: 0px solid #000000;
}

#newsHeader {
	margin-top: 87px;
	width: 162px;
	height: 14px;
	background-image: url(../images/bg_newsheader.gif);
	background-repeat: no-repeat;
	float: left;
	padding: 10px 14px 10px 14px;
}

#contentArea {
	width: 719px;
	_width: 715px;
}

#content
{
	text-align: left;
	width: 493px;
	_width: 489px;
	padding: 18px;
	float: left;
	z-index: 1000;
	font-size: 0.7em;
	position: relative;
	/*background-color:#0099FF;*/
}

#content ul {
	list-style-image: url(../images/list-image.gif);
	padding-left: 23px;
	margin-left: 0px;
}

#contentRight {
	width: 190px;
	float: left;
}

#newsbox {
	width: 164px;
	background-color: #EFEFEF;
	padding: 14px 13px 5px 13px;
	/*_margin-left: 16px;*/
}

#newsboxBottom {
	width: 190px;
	height: 11px;
	background-image: url(../images/bg_bottom_newscorner.gif);
	background-repeat: no-repeat;
	margin-bottom: 24px;
}

#bottomArea {
	width: 980px;
	padding: 0px;
	position: relative;
	text-align: left;
}

#address {
	float: left;
	width: 822px;
	text-align: left;
	padding-left: 8px;
	margin: 0px 0px 10px 0px;
}

#copyright {
	float: left;
	width: 146px;
	margin: 0px 0px 10px 0px;
	text-align: right;
	padding-right: 4px;
}

#productHighlights {
	width: 260px;
	height: 263px;
	max-height: 263px;
	background-image: url(../images/bg_producthighlights.gif);
	background-repeat: no-repeat;
	position: absolute;
	top: -263px;
	left: 0px;
	z-index: 1000;
}

#productHighlightsHeadline {
	height: 40px;
	padding: 12px 37px 4px 38px;
	width: 184px;
	text-align: left;
}

#productHighlightsCatalog {
	width: 218px;
	heigth: 40px;
	padding: 0px 37px 0px 38px;
	text-align: left;
}

#contentBackground {
	background-image: url(../images/bg_content_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	position: relative;
	height: 161px;
	width: 143px;
	position: absolute;
	top: -161px;
	left: 260px;
	z-index: 1;
}

/* *********************** Formatierungsklassen *********************** */

.menuTop, .menuTop a, .menuTop a:visited, .menuTop a:link { font-size: 9px; color: #000000; text-decoration: none; margin-left: 18px; }
.menuTop a:hover { font-size: 9px; color: #000000; text-decoration: underline; margin-left: 18px; }
.menuTop a:active { font-size: 9px; color: #000000; text-decoration: none; margin-left: 18px; }

.menuTopActive, .menuTopActive a { font-size: 9px; font-weight: bold; color: #000000; text-decoration: none; }

.textBottom, .textBottom a, .textBottom a:visited { font-size: 9px; color: #000000; text-decoration: none; }
.textBottom a:link, .textBottom a:hover { font-size: 9px; color: #007F28; text-decoration: none; }
.textBottom a:active { font-size: 9px; color: #007F28; text-decoration: none; }

.content { font-size: 10px; color: #504F54; text-decoration: none; }
.content a, .content a:visited, .content a:link, .content a:hover { color: #007F28; text-decoration: underline; }
.content a:active { color: #504F54; text-decoration: underline; }

#content .news-amenu-container li {
margin : 12px;
list-style-type : inherit;
}
.productHighlightsHeadline { font-size: 11px; color: #504F54; text-decoration: none; }
.productHighlightsHeadline a, .productHighlightsHeadline a:visited, .productHighlightsHeadline a:link, .productHighlightsHeadline a:hover, .productHighlightsHeadline a:active  { 
	font-size: 11px; font-weight:bold; color: #000000; text-decoration: none;  
}

.slogan, .slogan a, .slogan a:visited, .slogan a:link, .slogan a:hover, .slogan a:active { 
	font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none; 
} 

.contentRight { font-size: 11px; font-weight: bold; color: #FFFFFF; text-decoration: none; }

.pagePath, .pagePath a, .pagePath a:visited, .pagePath a:link { font-size: 9px; color: #007F28; text-decoration: none; }
.pagePath a:hover, .pagePath a:active { font-size: 9px; color: #007F28; text-decoration: underline; }

.pagePathActive , a.pagePathActive, a.pagePathActive a:visited, a.pagePathActive a:link { font-size: 9px; color: #007F28; text-decoration: none; }
.pagePathActive a:hover, .pagePathActive a:active { font-size: 9px; color: #007F28; text-decoration: underline; }

.newsHeadline { font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none; }

.lastestNews { font-size: 11px; color: #504F54; text-decoration: none; }
.lastestNews a, .lastestNews a:visited, .lastestNews a:link, .lastestNews a:hover { color: #504F54; text-decoration: none; }
.lastestNews a:active { color: #504F54; text-decoration: none; }

/* --------- MEN� LINKS --------- */

.menuLeftBackground {
	background-image: url(../images/trennpunkte.gif);
	background-repeat: repeat-x;
	background-position: top left;
	width: 182px;
}

.menuLeft, .menuLeft a, a.menuLeft a:visited, .menuLeft a:link { 
	font-size: 11px; 
	color: #504F54; 
	text-decoration: none; 
	width: 185px;
	display: block;
	padding: 4px 0px 4px 0px;
	
}
.menuLeft a:hover, .menuLeft a:active { 
	font-size: 11px; 
	color: #000000; 
	text-decoration: none; 
	width: 185px;
	font-weight: bold; 
	display: block;
	padding: 4px 0px 4px 0px;
}

a.leftMenuActive, a.leftMenuActive:visited, a.leftMenuActive:link  { 
	font-size: 11px; 
	color: #000000; 
	text-decoration: none; 
	width: 185px;
	font-weight: bold; 
	display: block;
	padding: 4px 0px 2px 0px;
}

.leftMenuLayer2, .leftMenuLayer2LastItem {
	font-size: 11px; 
	color: #504F54; 
	text-decoration: none; 
	width: 169px;
	padding: 1px 0px 1px 0px !important;
	margin-left: 16px !important;
}

.leftMenuLayer2 a, a.leftMenuLayer2 a:visited, .leftMenuLayer2 a:link, .leftMenuLayer2LastItem a, .leftMenuLayer2LastItem a:visited, .leftMenuLayer2LastItem a:link {
	margin: 0px; 
	text-decoration: none; 
	width: 169px;
}

.leftMenuLayer2 a:hover, .leftMenuLayer2 a:active { 
	margin: 0px; 
	text-decoration: none; 
	font-weight: bold;
	color: #000000;
	width: 169px;
}

a.leftMenuLayer2Active, a.leftMenuLayer2Active:hover, a.leftMenuLayer2Active:active {
	font-weight: bold;
	margin: 0px;
	padding: 1px 0px 1px 0px !important;
	color: #000000;
	width: 169px;
}

.leftMenuLayer2LastItem {
	padding: 1px 0px 3px 0px !important;
	width: 169px;
}

.leftMenuLayer3, .leftMenuLayer3LastItem {
	font-size: 11px; 
	color: #504F54; 
	text-decoration: none; 
	width: 153px;
	padding: 1px 0px 1px 0px !important;
	margin-left: 32px !important;
}

.leftMenuLayer3 a, a.leftMenuLayer3 a:visited, .leftMenuLayer3 a:link, .leftMenuLayer3LastItem a, .leftMenuLayer3LastItem a:visited, .leftMenuLayer3LastItem a:link {
	margin: 0px; 
	text-decoration: none; 
}

.leftMenuLayer3 a:hover, .leftMenuLayer3 a:active { 
	margin: 0px; 
	text-decoration: none; 
	font-weight: bold;
	color: #000000;
}

a.leftMenuLayer3Active, a.leftMenuLayer3Active:hover, a.leftMenuLayer3Active:active {
	font-weight: bold;
	margin: 0px;
	padding: 1px 0px 1px 0px !important;
	color: #000000;
}

.leftMenuLayer3LastItem {
	padding: 1px 0px 3px 0px !important;
}

/* --------- ENDE MEN� LINKS --------- */


.linksBelowContent { font-size: 9px; color: #504F54; text-decoration: none; margin-right: 210px; }
.linksBelowContent a, .linksBelowContent a:visited, .linksBelowContent a:link { font-size: 9px; color: #007F28; text-decoration: none; }
.linksBelowContent a:hover, .linksBelowContent a:active { font-size: 9px; color: #007F28; text-decoration: underline; }

/* ********************** globale Formatierungen ********************** */

a{
	color: #000000;
	text-decoration: underline;
}

table
{ 
	border-collapse:collapse;
}

p.bodytext {
	margin-bottom: 12px;
}


#address p.bodytext {
	margin: 0px;
}

#contentRight h1 {
	margin-bottom: 10px;
	padding: 0px;
}


/* ************************************ �berschriften ********************************** */
h1
{
	font-size: 13px;
	font-weight: bold;
	color: #007F28;
}
h2
{
	font-size: 13px;
	font-weight: bold;
	color: #007F28;
}
h3
{
	font-size: 13px;
	font-weight: bold;
	color: #007F28;
}
h4
{
	font-size: 12px;
	font-weight: bold;
	color: #504F54;
}
h5
{
	font-size: 12px;
	font-weight: bold;
	color: #504F54;

}
h6
{
	font-size: 12px;
	font-weight: bold;
	color: #504F54;
	padding:  2px 0px 5px;
	margin: 0px;
}


/* ************************************ Formulare ************************************** */
input
{
	margin-top: 3px;
	border: 1px solid #CCCCCC;
}

.button
{
	border: 0px;
	background-color: #007F28;
	font-size: 11px;
	color: #FFFFFF;
	margin: 4px 0px 0px 0px;
	float: right;
	padding: 2px;
}

.searchInput {
	font-size: 11px;
	color: #504F54;
	border: 1px solid #CCCCCC;
	float: left;
	width: 164px;
	padding: 3px 2px;
}

/* ******************** Formatierung Dateiverweise & Bildbeschreibung ****************** */

.csc-uploads-fileName p	/* Name der Datei */
{
	margin: 0px;
	padding-bottom: 6px;
}

.csc-uploads-icon
{
	vertical-align: top;
}

.csc-uploads-fileSize	/* Dateigr��e bei Dateiverweisen/-links */
{
	width: 40px;
	text-align: right;
	vertical-align: top;
}

.csc-uploads-fileSize p 
{
	margin: 0px;
	padding: 0px;
}

.csc-textpic-caption 	/* Bildbeschreibung */
{
	font-size: 10px;
	padding-top: 6px;
	padding-bottom: 10px;
}

/* ******************** Formatierungen Kontaktformular (pi1_mailform) ****************** */

.error
{
	color: #FF0000;
}

.tx-pilmailform-pi1 label
{
	display:table-cell;
	width:110px;
	float:left;
	vertical-align:middle;
	padding-top:3px;
	text-align: right;
	padding-right: 7px;
}

.tx-pilmailform-pi1 input, .tx-pilmailform-pi1 textarea
{
	font-weight: normal;
	margin-top: 3px;
	border: 1px solid #9D9D9F;
	width: 350px;
	_width: 340px;
}

.tx-pilmailform-pi1 input
{
	width: 350px;
	_width: 340px;
}

.tx-vgetagcloud-pi1 ul li a {
	padding: 4px;
	
}
.tx-vgetagcloud-pi1  li, .tx-vgetagcloud-pi1 ul,.tx-vgetagcloud-pi1 a   {
	_font-size: 0.9em;
}

*/ Teaser  */

.tx-jppageteaser-pi1-list-entry {
		    _width: 125px !important; 
}


/**************************************************************

	Rounded Corners
	v 1.1

**************************************************************/


.boxFloat, .imageFloat {
	float: left;
}

/***********************************/


.boxTopLeft {
	background: url(../images/topLeft.gif) top left no-repeat;
}
.boxTop {
	border-top: 1px solid #ccc;
	background-color: #eee;
}
.boxTopRight {
	background: url(../images/topRight.gif) top right no-repeat;
}
.boxMiddleLeft {
	background-color: #eee;
	border-left: 1px solid #ccc;
}
.boxMiddle {
	background-color: #eee;
}
.boxMiddleRight {
	background-color: #eee;
	border-right: 1px solid #ccc;
}
.boxBottomLeft {
	background: url(../images/bottomLeft.gif) bottom left no-repeat;
}
.boxBottom {
	border-bottom: 1px solid #ccc;
	background-color: #eee;
}
.boxBottomRight {
	background: url(../images/bottomRight.gif) bottom right no-repeat;
}

/***********************************/

.imageTopLeft {
	background: url(../images/topLeft.png) top left no-repeat;
}
.imageTopRight {
	background: url(../images/topRight.png) top right no-repeat;
}
.imageBottomLeft {
	background: url(../images/bottomLeft.png) bottom left no-repeat;
}
.imageBottomRight {
	background: url(../images/bottomRight.png) bottom right no-repeat;
}
.imageTop, .imageMiddleLeft, .imageMiddle, .imageMiddleRight, .imageBottom {
	border: 0;
}

/***********************************/

.roundedContent {
	padding: 30px;
	margin: 0px;
	width: 440px;
	border: 1px solid #ccc;
	background-color: #eee;
	margin-bottom: 20px;
}


/*************************************************************/
#drucklogo{
	display : none;	
}


