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

/* --- HDNET begin */
div#header a.newsletterLink {
	display:block;
	position:absolute;
	top:0;
	left:425px;
	width:265px;
	height:55px;
	text-indent:-9999px;
	background:url(../../art-global/standard/newsletter-stoerer.jpg) top left no-repeat;
}
/* --- HDNET end */


/********************************************************/
/* 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 {
	width: 218px;
	padding: 0 0 0 16px;
}
div.navigation-application-area-item-first {
	width: 218px;
}

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

/* --- HDNET begin */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix {
	display:inline-block;
}

/* Hide from IE Mac \*/.clearfix{ display:block; }/* End hide from IE Mac */
/* --- HDNET end */



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


/* --- HDNET begin */
/********************************************************/
/* Feedback */
/********************************************************/
.feedback {
	position:relative;
	width:686px;
	margin-bottom:25px;
}

.feedback .c323 {
	position:relative;
	width:323px;
	margin-right:40px;
}

.feedback .lastCol {
	margin-right:0;
}

.feedback h2 {
	min-height:35px;
	height:auto !important;
	height:35px;
}

/* Rarting */
.tx-ratings {
	position:relative;
	left:0;
	top:0;
	padding-top:16px;
	margin:5px 5px 5px 5px;
}

.tx-ratings-display {
	position:relative;
	left:0;
	top:0;
	height:28px;
}

.tx-ratings-grey-bar {
	position:absolute;
	left:0;
	top:0;
	width:145px;
	height:28px;
	font-size:1px; 
	background:url(../../art-global/standard/stars.jpg) repeat-x;
}

.tx-ratings-gold-bar {
	position:absolute;
	left:0;
	top:0;
	width:0;
	height:28px;
	font-size:1px;
	background:url(../../art-global/standard/stars.jpg) repeat-x 0 -28px;
}

.tx-ratings-vote-bar {
	position:absolute;
	left:0;
	top:0;
	width:174px;
	height:28px;
	font-size:1px;
}

.tx-ratings-vote-bar div a {
	position:absolute;
	left:0;
	top:0;
	width:29px;
	height:28px;
	border:none;
	text-decoration:none;
}

.tx-ratings-vote-bar div a:hover {
	background-image:url(../../art-global/standard/stars.jpg);
	background-position:0 -56px;
}

.tx-ratings-vote-bar div a.tx-ratings-star-1 {
	left:0px;
	width:29px;
	z-index:6;
}

.tx-ratings-vote-bar div a.tx-ratings-star-2 {
	left:0px;
	width:58px;
	z-index:5;
}

.tx-ratings-vote-bar div a.tx-ratings-star-3 {
	left:0px;
	width:87px;
	z-index:4;
}

.tx-ratings-vote-bar div a.tx-ratings-star-4 {
	left:0px;
	width:116px;
	z-index:3;
}

.tx-ratings-vote-bar div a.tx-ratings-star-5 {
	left:0px;
	width:145px;
	z-index:2;
}

.tx-ratings-vote-bar div a.tx-ratings-star-6 {
	left:0px;
	width:174px;
	z-index:1;
}

.tx-ratings-cleaner {
	clear:left;
}

.tx-ratings-text {
	color:#606060;
	font-size:11px;
	font-family:Helvetica,Arial; 
}

.tx-rating-display-wrap {
	position:absolute;
	left:0;
	top:0;
	font-size:12px;
	visibility:hidden;
	z-index:1;
}

.tx-rating-display-wrap img {
	float:left;
	margin-right:5px;
}

.tx-ratings-label-left,
.tx-ratings-label-right {
	float:left;
	font-size:75%;
	font-weight:bold;
	margin-top:38px;
}

.tx-ratings-label-right {
	float:left;
	margin-left:50px;
}


/* guestbook commets */

.tx-veguestbook-pi1 form {background:#f3f4f6;}
.tx-veguestbook-pi1 form input, .tx-veguestbook-pi1 form textarea {border:1px solid #979797; }
.tx-veguestbook-pi1 .tx-guestbook-field input.tx-guestbook-form-inputfield-big, .tx-veguestbook-pi1 .tx-guestbook-field textarea.tx-guestbook-form-textarea  {width:525px;}
.tx-veguestbook-pi1 form input.tx-guestbook-submit{background:#dcdcdc; width:auto; padding:3px 6px; margin: 0 0 0 145px; }
.tx-veguestbook-pi1 .tx-guestbook-field label {margin: 0 0 0 10px; width:135px;}
.tx-veguestbook-pi1 .comment {background:#f3f4f6; border-top:1px solid white; padding:10px;}
.tx-veguestbook-pi1 .tx-guestbook-clear {display:none;}
.tx-veguestbook-pi1 .tx-guestbook-pagination {float: none;margin: 10px;}
.tx-veguestbook-pi1  .comment p {margin:0; padding:0;}

.tx-veguestbook-pi1  .entry-text {}
.tx-veguestbook-pi1  .entry-text .surname {color:#017baa; font-weight:bold;}
.tx-veguestbook-pi1  .entry-date {color:#929395; font-size:85%;}


/* baustellen formular */
form#baustellenschild {
	margin-bottom:50px;
}


/* facebook logo footer */
#footer .facebook {
	padding-top:5px;
}

/* --- HDNET end */


