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

body
{
    margin:0px;
    padding:0px;
    height:100%;
}

html 
{
    height:100%;
}

/* *********************** Layout-Elemente/Div's *********************** */

#container
{
	margin:auto;
	text-align:center;
	width: 991px;
}

#top
{
	width: 985px;
	height: 140px;
	margin: 3px;
	background-image: url(../images/bg_top_element.jpg);
	background-repeat: no-repeat;
	background-color:#666666;
	text-align: left;
}

#logo
{
	width: 300px;
	height: 110px;
	background-color:#FFFFFF;
	float: left;
	text-align: center;
	vertical-align: middle;
	padding-top: 30px;
	padding-left: 10px;
}

#imageleft
{
	width: 163px;
	height: 140px;
	float: left;
}

#slogan
{
	width: 280px;
	margin: 66px 10px 4px 20px;
	padding: 16px 0px 0px 0px;
	text-align: right;
	float: left;
}

#imageright
{
	width: 470px;
	height: 140px;
	margin-left: 24px;
	float: left;
}

#middle
{
	text-align: left;
	width: 985px;
	_width: 985px;
	height: 139px;
	_height: 139px;
	margin: 0px 3px 0px 3px;
	background-image: url(../images/bg_middle_element.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding: 0px;
	clear: left;
}

#search
{
	width: 277px;
	height: 19px;
	padding: 4px 20px 3px 16px;
	text-align: left;
	float: left;
	margin-left: 166px;
	_margin-left: 83px;
}

#langNavi
{
	width: 141px;
	height: 14px;
	text-align: right;
	padding: 6px 8px 6px 8px;
	margin-right: 3px;
	float: left;
}

#naviTop
{
	width: 330px;
	height: 14px;
	text-align: right;
	padding: 6px 8px 6px 8px;
	float: left;
}

#address
{
	width: 310px;
	height: 62px;
	padding: 20px 20px 0px 16px;
	margin-top: 3px;
	text-align: left;
	margin-left: 166px;
	_margin-left: 83px;
	float: left;
}

#logos
{
	width: 463px;
	height: 54px;
	max-height: 54px;
	text-align: right;
	margin-top: 3px;
	padding: 18px 0px 10px 10px;
	float: left;
}

#imageLogo /* DIV für die Darstellung der Logos nebeneinander */
{
	float: right;
	margin: 0px 0px 0px 10px;
	text-align: right;
	padding: 0px;
}

#newsHeadline
{
	width: 187px;
	height: 14px;
	padding: 6px 8px 4px 0px;
	text-align: left;
	float: left;
	margin: 3px 0px 0px 790px;
	_margin: 2px 0px 0px 395px;
}

#bottom
{
	width: 985px;
	margin: 0px 3px 3px 3px;
	background-image: url(../images/bg_bottom_element.gif);
	background-repeat: repeat-y;
	clear: left;
	min-height: 330px;
}

#naviLeft
{
	width: 209px;
	background-color: #484848;
	float: left;
	text-align: left;
	padding-bottom: 4px;
	margin: 0px 0px 40px 0px;
}

#content
{
	width: 511px;
	float: left;
	text-align: left;
	margin: 0px 3px 0px 3px;
	padding: 0px 15px 15px 15px;
}

#news
{
	width: 185px;
	padding: 16px 22px 16px 22px;
	left: 759px;
	text-align: left;
	float: left;
}

#copyright
{
	width: 779px;
	height: 20px;
	text-align: left;
	padding-left: 6px;
	margin-left: 3px;
	float:left;
}

#mwst{
	width: 200px;
	height: 20px;
	float:left;
	font-size: 9px; 
	text-align: right
}

#sitePath
{
	 margin: 3px 0px 8px 0px;
	 /*width: 511px;
	 text-align: right;*/
}

#print
{
	width: 511px;
	text-align: right;
	margin: 10px 0px 10px 0px;
}

/* ******************** Klassen zur Formatierung der Schriften ******************* */

.copyright, .copyright a, .copyright a:visited, .copyright a:link { font-size: 9px; color: #484848; text-decoration: none; }
.copyright a:hover { font-size: 9px; color: #E71E00; text-decoration: none; }
.copyright a:active { font-size: 9px; color: #484848; text-decoration: none; }

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

.content, .content a { color: #000000; text-decoration: none; }
.content a:visited, .content a:link { color: #E71E00; text-decoration: none; }
.content a:hover { color: #E71E00; text-decoration: underline; }
.content a:active { color: #000000; text-decoration: none; }

.langNavi, .langNavi a, .langNavi a:visited, .langNavi a:link { color: #FFFFFF; text-decoration: none; }
.langNavi a:hover { color: #484848; text-decoration: none; }
.langNavi a:active { color: #FFFFFF; text-decoration: none; }

.newsHeadline, .newsHeadline a, .newsHeadline a:visited, .newsHeadline a:link { color: #FFFFFF; text-decoration: none; text-transform: uppercase; }
.newsHeadline a:hover { color: #484848; text-decoration: none; text-transform: uppercase; }
.newsHeadline a:active { color: #FFFFFF; text-decoration: none; text-transform: uppercase; }

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

.naviTop, .naviTop a, .naviTop a:visited, .naviTop a:link { color: #FFFFFF; text-decoration: none; }
.naviTop a:hover { color: #E71E00; text-decoration: none; }
.naviTop a:active { color: #FFFFFF; text-decoration: none; }

.search{ color: #FFFFFF; font-weight: bold; }

.menuLeft, .menuLeft a, .menuLeft a:link, .menuLeft a:visited
{
	margin: 0px;
	color: #FFFFFF; 
	width: 171px;
	height: 14px;
	display: block;
	padding: 3px 10px 3px 28px;
	background-image: url(../images/bg_menu.gif);
	background-repeat: no-repeat;
	border-bottom: 1px solid #FFFFFF;
	text-decoration: none;
	font-size: 11px;
}

.menuLeft a:hover, .menuLeft a:active
{
	font-weight: bold;
	color: #E71E00;
}

.menuLeftActive
{
	margin: 0px;
	color: #FFFFFF; 
	width: 171px;
	height: 14px;
	display: block;
	padding: 3px 10px 3px 28px;
	background-image: url(../images/bg_active_menu.gif);
	background-repeat: no-repeat;
	border-bottom: 1px solid #FFFFFF;
}

.sitePath {  font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #484848; text-decoration: none; }
.sitePath a:link, .sitePath a:visited {  font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #484848; text-decoration: none; }
.sitePath a:hover, .sitePath a:active {  font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #484848; text-decoration: underline; font-weight: bold; }

/* ***************************** Überschriften H1 bis H6 ************************** */
h1
{
	font-weight: bold;
	color: #E71E00;
	font-size: 14px;
	margin: 2px 0px 10px 0px;
	padding: 0px;
}

h2
{
	font-weight: bold;
	color: #E71E00;
	font-size: 12px;
	margin: 2px 0px 10px 0px;
	padding: 0px;
}

h3
{
	font-weight: bold;
	color: #E71E00;
	font-size: 10px;
	margin: 2px 0px 10px 0px;
	padding: 0px;
}

h4
{
	font-weight: bold;
	color: #484848;
	font-size: 14px;
	margin: 2px 0px 10px 0px;
	padding: 0px;
}

h5
{
	font-weight: bold;
	color: #484848;
	font-size: 12px;
	margin: 2px 0px 10px 0px;
	padding: 0px;
}

h6
{
	font-weight: bold;
	color: #484848;
	font-size: 10px;
	margin: 2px 0px 10px 0px;
	padding: 0px;
}


/* ************************ Spezielle Formatierungen für DIVs ********************* */

#news img
{
	border: 1px solid #FFFFFF;
	margin: 5px 0px 5px 0px;
}

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

#news p.bodytext, #news .csc-textpic-text, #news .csc-textpic 
{
	font-size: 10px;
}

#content ul li
{ 
	list-style-image: url(../images/arrow_grey.gif);
}

#news h4, #news h5, #news h6
{
	color: #FFFFFF;
}

/* ************************** Formatierungen für Formulare ************************ */

input
{
	border: 1px solid #484848;
	font-size: 11px;
}

.button
{
	background-color: #6B6B6C;
	border: 1px solid #484848;
	color: #FFFFFF;
}

/* ******************** 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 */
{
	vertical-align: top;
}

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

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

.csc-textpic-imagerow, .csc-textpic-imagewrap 	/* mehrspaltige Tabelle mit Bildern */
{
	/* width: 550px !important; */
}


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

.error
{
	color: #E71E00;
}

.tx-pilmailform-pi1-submitbutton {
	text-align: right;
	padding-right: 20px;
}

/* ************************* Formatierung von Content-Elementen ************************* */

.c-element
{
	margin-bottom: 16px;
}

/* *********************************** Login-Formular *********************************** */

.tx-newloginbox-pi1 {
	border-bottom: 1px solid #FFFFFF;
	margin-bottom: 20px;
}
.tx-newloginbox-pi1 table tbody th, .tx-newloginbox-pi1 p a {
	text-align: right;
}

.news .loginboxField input {
	width: 85px;
}

#content .loginboxField input {
	width: 120px;
}
.loginHeader {
	font-weight: bold;
}
.loginboxForgotPassword {
	text-align: right !important;
}

.loginboxLabel, .loginboxField {
	float: left;
}
.news .loginboxLabel {
	width: 93px;
	text-align: right;
	padding-right: 2px;
	padding-top: 2px;
}

#content .loginboxLabel {
	width: 110px;
	text-align: right;
	padding-right: 2px;
	padding-top: 2px;
}

.news .loginboxLoginButton {
	text-align: right;
}

#content .tx-newloginbox-pi1 .loginboxLoginButton {
	margin-left: 193px;
	text-align: left;
}

.news .tx-newloginbox-pi1 .loginboxLabel, .news .tx-newloginbox-pi1 .errorLogin {
	font-size: 10px !important;
}

.news .loginHeader {
	border: 1px solid #FFFFFF;
	padding: 3px;
	margin-bottom: 10px;
}

.news .loginboxForgotPassword {
	text-align: left;
}

.tx_rolchangeuserdata_pi1-error {
	color: #e71e00;
}
.tx_rolchangeuserdata_pi1-success {
	color: #000000;
}

.tx_rolchangeuserdata_pi1-submitbutton {
	background-color: #CCCCCC;
	color: #000000;
}