/********************************************************/
/* Definition HTML & BODY								*/
/********************************************************/

html {
	overflow-x: hidden;
	overflow-y: auto;
}

body {
	margin: 0;
	padding: 0;
	background-color: #F2F4F5;
	background-image: url(../../art-global/standard/background-body.png);
	background-repeat: repeat-x;
	background-position: 0 124px;
}


/********************************************************/
/* Container Inhaltszentrierung							*/
/********************************************************/

div.center-content {
	width: 952px;
	margin: 0 auto 0 auto;
}


/********************************************************/
/* Container Kopfbereich								*/
/********************************************************/

div#header-background {
	background-color: #FFFFFF;
	background-image: url(../../art-global/standard/background-header.png);
	background-repeat: repeat-x;
	background-position: top;
}

div#header {
	/* s. ie.css */
	min-height: 96px;
	position: relative;
	background-color: #FEFEFE;
	background-image: url(../../art-global/standard/background-header-inner.jpg);
	background-repeat: repeat-y;
	background-position: top;
}

div#header-left {
	width: 182px;
	height: 76px;
}

div#header-right {
	width: 760px;
	text-align: right;
}

div#header-form-wrap {
	padding: 8px 16px 0 0;
}


/********************************************************/
/* Container Hauptnavigation							*/
/********************************************************/

div#navigation-main {
	background-color: #262626;
	background-image: url(../../art-global/standard/background-navigation-main.png);
	background-repeat: repeat-x;
	background-position: top;
}


/********************************************************/
/* Container Inhalte									*/
/********************************************************/

div#content {
	/* PADDING-TOP macht Probleme im IE6 -> es wird auch ein Abstand unten angezeigt */
	/*padding: 28px 0 7px 0;*/
	padding: 0 0 7px 0;
	border-top: 8px solid #FFE100;
	background-color: #FFFFFF;
	background-image: url(../../art-global/standard/background-content.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

div#content-homepage {
	padding: 0 0 8px 0;
	border-top: 8px solid #FFE100;
	background-color: #FFFFFF;
}

div#column-left {
	width: 218px;
	padding: 28px 0 0 16px;
}

div#column-normal {
	width: 686px;
	padding: 28px 16px 0 0;
}

div#column-normal-homepage {
	margin: 0 0 0 16px;
	padding: 0 16px 0 0;
	border-top: 4px solid #262626;
}
div#news-latest {
	width: 436px;
}
div#teaser-text {
	width: 452px;
}


/********************************************************/
/* Anwendungsbereiche Startseite & Produktuebersicht	*/
/********************************************************/

div.navigation-application-area {
	padding: 0 0 19px 0;
}
div.navigation-application-area-item {
	padding: 0 0 0 16px;
}
div.navigation-application-area-item-first {}

div.navigation-application-area-spacer {
	padding-bottom: 19px;
}


/********************************************************/
/* Definition Formulare									*/
/********************************************************/

form {
	margin: 0;
	padding: 0;
}
form fieldset {
	margin: 0;
	padding: 0;
	border: none;
}
form legend {
	width: 218px;
	margin: 0;
	padding: 0 0 20px 0;
}


textarea {
	overflow-x: hidden;
	overflow-y: auto;
}

/* Suchbox */
form#searchbox-form {
	display: none;
	/*display: inline;*/
	padding: 0 5px 0 0;
}

/* Sprachauswahl */
form#navigation-language-form {
	display: inline;
}


/********************************************************/
/* Klassen fuer Umfluesse								*/
/********************************************************/

.float-left {
	float: left;
}
.float-right {
	float: right;
}
.clear-left {
	clear: left;
}
.clear-right {
	clear: right;
}
.clear-both {
	clear: both;
}
.one-pix {
	height: 1px;
	line-height: 1px;
	font-size: 1px;
}




/********************************************************/
/* TYPO3 spezifische Formate							*/
/********************************************************/


/********************************************************/
/* Extension CSS Styled Content (css_styled_content)	*/
/********************************************************/

/* CLEAR funktioniert im FF nicht korrekt */
/* Lösung: zusätzlichen CLEAR-Container einsetzen (s. setup-html.ts) */
DIV.csc-textpic DIV.csc-textpic-imagerow {
	clear: none;
}

/* Abstand unter dem Bild entfernen, da er vom IE nicht angezeigt wird */
/* Einstellung im Constant Editor - Advance, Row space = 0 */
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image,
div.csc-textpic-equalheight div.csc-textpic-imagerow {
	/* margin-bottom: 0; */
}

/* ... stattdessen Abstand unter der Bildunterschrift */
/* Zusätzlich wird die Bildunterschrift immer eingeblendet (s. setup-html.ts) */
dd.csc-textpic-caption {
	padding: 4px 0 19px 0;
}

/* Rahmen um Bilder */
DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
	border-color: #B5BCC1;
}
DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image a IMG {
	border-color: #FFE100;
}
DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image a:hover IMG {
	border-color: #B5BCC1;
}


/********************************************************/
/* Extension FLV Upload (user_flvupload)				*/
/********************************************************/

#flashinhalt {
	margin: 0 0 20px 0;
}
div.flvupload-wrap {
	padding: 0 0 20px 0;
}


/********************************************************/
/* Extension News (tt_news)								*/
/********************************************************/

/* Listen Ansicht */
div.news-list-item {
	padding: 0 0 19px 0;
}
div.news-list-image {
	width: 218px;
	border: 1px solid #B5BCC1;
}
div.news-list-content {
	width: 452px;
}

/* Detail Ansicht */
div.news-single-image {
	width: 218px;
}
div.news-single-content {
	width: 452px;
}
div.news-single-backlink {
	padding: 4px 0 20px 0;
	border-top: 3px solid #E4E7E9;
}

/* Pagebrowser */
div.pagebrowser-wrap {
	padding: 4px 0 20px 0;
	border-top: 3px solid #E4E7E9;
}


/********************************************************/
/* Extension tt_address (tt_address)					*/
/********************************************************/

form#agencies-form {
	padding: 0 0 20px 0;
}
div#agencies-map,
div#agencies-content {
	width: 334px;
}
div.agencies-item {
	padding: 0 0 20px 0;
}


/********************************************************/
/* Extension powermail (powermail)						*/
/********************************************************/

div.form-label {
	width: 218px;
	padding: 0 16px 16px 0;
}
div.form-input {
	width: 450px;
	padding: 0 0 16px 0;
}
input.powermail_text {
	float: left;
	width: 218px;
}
div.powermail_mandatory_js {
	float: left;
	padding: 0 0 0 10px;
}
textarea.powermail_textarea {
	width: 218px;
	height: 70px;
}
input.powermail_submit,
input.tx-powermail-pi1_confirmation_back,
input.tx-powermail-pi1_confirmation_submit {
	/* s. ie.css */
	padding: 0 20px 0 20px;
	border: 1px solid #808080;
}

/* Kotaktformular - Felder bearbeiten */
fieldset.contactform-fieldset-recipient,
fieldset.contactform-fieldset-data {
	padding-bottom: 16px;
}
fieldset.contactform-fieldset-submit legend {
	display: none;
}
fieldset.contactform-fieldset-message legend {
	display: none;
}

/* Kontaktfornular - Bestaetigungsseite */
div.tx-powermail-pi1_confirmation {
	padding: 0 0 20px 0;
}
div#contactform-confirmation-back {
	padding: 0 0 0 0;
}
div#contactform-confirmation-submit {
	padding: 0 0 0 10px;
}

/* Seminarformular */
textarea.seminarform-field-member-names,
textarea.seminarform-field-message {
	width: 444px;
	height: 140px;
}

/* Pumpenregistrierung */
fieldset.registrationform-fieldset-submit legend {
	display: none;
}



/********************************************************/
/* Extension date2cal (date2cal)						*/
/********************************************************/

/* Hilfe ausblenden */
img.date2cal_img_help {
	display: none;
}

/* Datumsvorschau in Formularen ausblenden */
div.form-input div span {
	display: none;
}

/* Checkbox in Formularen ausblenden */
div.form-input input.jscalendar_cb {
	display: none;
}



/********************************************************/
/* Extension jpredirectmobiles (jpredirectmobiles)		*/
/********************************************************/

/* Hilfe ausblenden */
div#navigation-mobiles {
	padding: 6px 10px 10px 19px;
	background-color: #262626;
	background-image: url(../../art-global/standard/background-navigation-main.png);
	background-repeat: repeat-x;
	background-position: top;
}