@charset "UTF-8";
/* CSS Document */

* {
margin: 0;
padding: 0;
}

body {
	background: url(/fileadmin/templates/harbauer/images/bg.jpg) no-repeat;
	background-attachment:fixed;
	behavior: url(/fileadmin/templates/harbauer/csshover.htc);
}

html, body {
margin:0;
padding:0;
height:100%;
}

* html #container {
	height: 100%;
}

.hidden {
display:none;
}

div#container {
position: relative;
height:auto;
margin:auto;
width:100%;
}

div#head-background {
	position: relative;
	margin:auto;
	height:128px;
	margin:auto;
}

div#logo-header {
	position: relative;
	margin:auto;
	height:124px;
	width:892px;
	border:none;
	background: url(/fileadmin/templates/harbauer/images/logo.png);
}

div#language {
	position: relative;
	height:18px;
	padding-top:10px;
	margin-left:30px;
	border:none;
	font: 12px "Arial";
	line-height: 16px;
	color: #000000;
	text-align: left;
}

div#ideas {
	position: relative;
	padding-top:70px;
	margin-left:30px;
	border:none;
	font: 15px "Arial";
	line-height: 16px;
	color: #FFFFFF;
	text-align: left;
}

div#navi {
	position: relative;
	margin:auto;
	width:892px;
	height:40px;
	background-color:#313131;
	z-index: 1000;
}

div#navi-hopper {
	position: absolute;
	margin:auto;
	width:892px;
	height:40px;
	background-color:#313131;
	top: 0px;
	left: 0px;
}

div#text {
position: relative;
width:892px;
margin:auto;
margin-top:1px;
padding-bottom:20px;
background-color:#FFFFFF;
}

div#grey-home {
	width:892px;
	height:7px;
	background-color:#313131;
}

div#pic-top {
	width:862px;
	height:289px;
	background: url(/fileadmin/templates/harbauer/images/pic-top-home.jpg) no-repeat;
	padding-left:30px;
	/* padding-top:180px; */
	overflow:hidden;
	position: relative;
}
div.h1-container {
	position: absolute;
	left: 30px;
	bottom: 0px;
	padding-bottom: 30px;
}

#leftsub ul { padding: 0px 0px 16px 15px; }
#leftsub ul li {
	list-style-position: outside;
	list-style-type: disc;
}


/* STARTSEITE */


#left {
	position: relative;
	float: left;
	width: 295px;
	font: 11px "Arial";
	line-height: 16px;
	color: #000000;
	text-align: justify;
	margin-left:30px;
	padding-right:23px;
	margin-top:19px;
	padding-top:15px;
	padding-bottom:10px;
	background:url(/fileadmin/templates/harbauer/images/vertikal.gif) repeat-y;
	background-position: right;
	display: inline;
}

#content {
	position: relative;
	float:left;
	width: 540px;
	margin-top:0px;
	margin-right:0px;
}

#itemfirst {
	float:left;
	width:160px;
	font: 11px "Arial";
	line-height: 16px;
	color: #000000;
	text-align: justify;
	padding-left:4px;
	margin-top:19px;
	padding-top:15px;
	padding-bottom:7px;
	padding-right:11px;
	margin-bottom:9px;
}

#item {
	float:left;
	width:160px;
	font: 11px "Arial";
	line-height: 16px;
	color: #000000;
	text-align: justify;
	padding-left:4px;
	margin-top:19px;
	padding-top:15px;
	padding-bottom:7px;
	padding-right:12px;
	margin-bottom:9px;
	background:url(/fileadmin/templates/harbauer/images/vertikal.gif) repeat-y;
	display: inline;
}

#itemlong {
	width:511px;
	font: 11px "Arial";
	line-height: 16px;
	color: #000000;
	text-align: justify;
	padding-left:4px;
	padding-bottom:7px;
	padding-right:12px;
	margin-bottom:9px;
}

#content .item-img {
	margin-bottom: 14px;
	border: none;
}

div#footer {
width:862px;
height:20px;
margin:auto;
margin-top:1px;
margin-bottom:80px;
padding-right:30px;
padding-top:3px;
background-color:#313131;
font: 10px "Arial";
	line-height:16px;
	color:#FFFFFF;
	text-align:right !important;
	text-decoration:none;
}




/* UNTERSEITE */


#leftsubdiv {
	float: left;
}

#leftsub,
	.tx-powermail-pi1 {
		position: relative;
		width: 587px;
		font: 12px "Arial";
		line-height: 16px;
		color: #000000;
		text-align: justify;
		margin-left:30px;
		padding-right:23px;
		padding-bottom:10px;
}

.tx-powermail-pi1 table {
	margin-bottom: 16px;
}

#rightsub {
	position: relative;
	float:left;
	width: 252px;
	margin-top: 82px;
	margin-right:0px;
}

#rightsubpic {
	width:166px;
	height:224px;
	margin-top:-242px;
	margin-left:68px;
	padding-top:9px;
	padding-left:9px;
	padding-right:9px;
	padding-bottom:9px;
	background-color:#FFFFFF;
	z-index:500;
	position: relative;
}

#itemsub {
	width:237px;
	font: 11px "Arial";
	line-height: 16px;
	color: #000000;
	text-align: left;
	padding-left:10px;
	margin-top:0px;
	padding-top:16px;
	padding-bottom: 0;
	padding-right:5px;
	margin-bottom:16px;
	background:url(/fileadmin/templates/harbauer/images/bg-hint.gif) repeat-y;
}

#itemsub ul {
	padding-left: 15px;
}
#itemsub ul li {
	list-style-type: disc;
	list-style-position: outside;
}

#rightsub #itemsub h5 {
	font-weight: bold;
	font-size: 12px;
}




/* ANWENDUNGSGEBIETE */


#leftsubhead {
	position: relative;
	width: 587px;
	font: 12px "Arial";
	line-height: 16px;
	color: #000000;
	margin-left:30px;
	padding-right:23px;
	margin-top:19px;
	margin-bottom:32px;
	padding-top:15px;
	bottom:0px;
}

#leftsubinsertion,
	#leftsub h4 {
		position: relative;
		float:left;
		width:557px;
		font: 18px "Arial";
		line-height:22px;
		color: #0D92A3;
		text-align: left;
		padding-right:23px;
		padding-bottom:20px;
}

.tx_powermail_pi1_formconfirmation_back,
	.tx_powermail_pi1_formconfirmation_submit {
		float: left;
		width: 250px;
}

.powermail_all_tr .first {
	padding-right: 16px;
}

#gmap {
	margin-left: 30px;
}



/* NAVIGATION */


#menu {
	position: absolute;
	margin:0px;
	padding:0px;
	list-style:none;
	color:#FFFFFF;
	line-height:40px;
	z-index:1000;
	left: 0px;
	top: 0px;
}

#menu a {
	font: 13px "Arial";
	color:#FFFFFF;
	text-decoration:none;
}

#menu li.first-level {
	background:#313131 none repeat scroll 0 0;
	cursor:pointer;
	float:left;
	position:relative;
	padding:0px 20px;
}

#menu li a.first-level {
	display: block;
	line-height: 40px;
	padding: 0 16px;
}

#menu li.first-level a:hover {
	color:#C2C2C2;
}

#menu li:hover a.first-level {
	background-image: url(/fileadmin/templates/harbauer/images/navi-first-level-bg.gif);
	background-repeat: repeat-x;
}

#menu .logo {
	background:transparent none repeat scroll 0% 0%;
	padding:0px;
	background-color:Transparent;
}

/* sub-menus*/
#menu ul {
	padding:0px;
	margin:0px;
	display:inline;
}

#menu li ul {
	position:absolute;
	left: 20px;
	top: 0px;
	margin-top:40px;
	width:255px;
	line-height:16px;
	background-color:#4D4D4D;
	color:#FFFFFF;
	/* for IE */ display:none;
}
#menu li.last-item ul {
	left: auto;
	right: 20px;
}
#menu li.last-item ul li {
	text-align: right;
}

#menu li:hover ul {
	display:block;
}

#menu li ul li{
	display:block;
	margin:5px 17px;
	padding: 5px 0px;
	border-top: dotted 1px #606060;
	list-style-type:none;
}

#menu li ul li.first-item {
	border-top: none;
}

#menu li ul li a {
	display:block;
	color:#FFFFFF;
}

#menu li ul li a:hover {
	color:#C2C2C2;
}

/* main submenu */
#menu #main {
	left:0px;
	top:-20px;
	padding-top:20px;
	background-color:#7cb7e3;
	color:#fff;
	z-index:999;
}

ul.first-level li a {
	text-transform: uppercase;
}

ul.second-level li a {
	text-transform: none;
}


/* TEXT */

p {
	padding-bottom: 16px;
}
#rightsub #itemsub ul {
	padding-bottom: 16px;
}
td p {
	padding-bottom: 0;
}

p.insert {
	padding-left:60px;
}

a:link {
	color: #0D92A3;
	border:none;
	outline:none;
	text-decoration: underline;
}
a:visited {
	color: #0D92A3;
	border:none;
	outline:none;
	text-decoration: underline;
}
a:hover {
	color: #6DBFC9;
	border:none;
	outline:none;
	text-decoration:none;
}
a:active {
	color: #000000;
	text-decoration: none;
}

h1 {
	font: bold 36px "Arial";
	line-height:45px;
	color: #FFFFFF;
	text-align:left;
	background-color:#313131;
	display: inline;
}

h2 {
	font: 18px "Arial";
	line-height:16px;
	position: relative;
	color: #000000;
	text-align:left;
	margin-bottom:15px;
	/* margin-right:15px; */
}

h3 {
	font: 24px "Arial";
	line-height:32px;
	position: relative;
	color: #000000;
	text-align:left;
}

h4 {
	font: 14px "Arial";
	line-height:16px;
	position: relative;
	color: #000000;
	text-align:left;
}

p.blue {
	font: 11px "Arial";
	line-height: 16px;
	color: #0D92A3;
	text-align: justify;
}

.footer:link {
	color:#FFFFFF;
	text-decoration:none
}

.footer:visited {
	color:#FFFFFF;
	text-decoration:none
}

.footer:active {
	color:#FFFFFF;
	text-decoration:none
}

.footer:hover {
	color:#D6D6D6;
	text-decoration:none
}


#language a:link {
	color:#000000;
	text-decoration:none
}

#language a:visited {
	color:#000000;
	text-decoration:none
}

#language a:active {
	color:#000000;
	text-decoration:none
}

#language a:hover {
	color:#3E3E3E;
	text-decoration:none
}



.pdf:link {
	color:#000000;
	text-decoration:underline
}

.pdf:visited {
	color:#000000;
	text-decoration:none
}

.pdf:active {
	color:#000000;
	text-decoration:none
}

.pdf:hover {
	color:#3E3E3E;
	text-decoration:none
}

.pdf {
	background:transparent url(/fileadmin/templates/harbauer/images/pdf.gif) no-repeat left;
	padding-left:23px;
	padding-top:2px;
	padding-bottom:2px;
}



table, tr, td {
	border: none;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}




/* form styles */

form {
	width: 420px;
	text-align: left;
}

fieldset {
	margin: 0;
	border: 0;
	padding: 0;
}

legend {
	display: none;
}

form h3 {
	clear: both;
	padding: 5px 0px 10px 0px;
	font-size: 14px;
}

form label {
	display: block;
	width: 390px;
	font-size: 12px;
	line-height: 14px;
	padding: 0px 0px 12px 0px;
}

form input {
	display: block;
	margin-top: 3px;
}

form select {
	float: left;
	display: block;
}

form div#powermaildiv_uid1,
form div#powermaildiv_uid7,
form label.field-address {
	clear: left;
}


form div#powermaildiv_uid1,
form div#powermaildiv_uid2,
form div#powermaildiv_uid7,
form div#powermaildiv_uid8 {
	float: left;
	margin: 0px 10px 0px 0px;
	width: 190px;
}

form div#powermaildiv_uid1 input,
form div#powermaildiv_uid2 input,
form div#powermaildiv_uid7 input,
form div#powermaildiv_uid8 input {
	width: 190px;
	padding: 0px;
}

form div#powermaildiv_uid4,
form div#powermaildiv_uid10 {
	float: left;
	width: 390px;
	margin: 0px 0px 0px 0px;
}

form div#powermaildiv_uid4 input,
form div#powermaildiv_uid10 input {
	width: 390px;
	padding: 0px;
}

form div#powermaildiv_uid3,
form div#powermaildiv_uid9 {
	float: left;
	width: 390px;
	margin: 0px 0px 0px 0px;
}

form div#powermaildiv_uid3 input,
form div#powermaildiv_uid9 input {
	width: 390px;
	padding: 0px;
}

form div#powermaildiv_uid5 textarea,
form div#powermaildiv_uid11 textarea {
	display: block;
	height: 150px;
	width: 390px;
}

form textarea {
	margin-top: 3px;
}




/* table styles */


#quality {
	font-family:"Arial", Sans-Serif;
	font-size:11px;
	background:#FFF;
	width:587px;
	border-collapse:collapse;
	text-align:left;
	margin:0px;
}

#quality th {
	font-size:13px;
	font-weight:normal;
	color:#000;
	border-bottom:2px solid #000;
	padding:10px 8px;
	vertical-align: top;
}

#quality td {
	border-bottom:1px solid #000;
	color:#000;
	padding:6px 8px;
}


/*	PAGINATION	*/
#leftsub .stm-hbr-pagination a,
	#leftsub .stm-hbr-pagination a:link,
	#leftsub .stm-hbr-pagination a:active,
	#leftsub .stm-hbr-pagination a:visited {
	color: black;
	text-decoration: none;
}

#leftsub .stm-hbr-pagination a:hover,
	#leftsub .stm-hbr-pagination a.active,
	#leftsub .stm-hbr-pagination a:active.active
	{ text-decoration: underline; }

#leftsub .stm-hbr-pagination a {
	border-right: 1px solid black;
	padding-left: 3px;
	padding-right: 3px;
	line-height: 13px;
	float: left;
}
#leftsub .stm-hbr-pagination a.previous { padding-left: 0px; }
#leftsub .stm-hbr-pagination a.next,
	#leftsub .stm-hbr-pagination a.last {
		border: none;
		padding-right: 0px;
	}


/*
 *			SPACER
 */
div.pushdown-spacer { line-height: 32px; }

div.SPC { display: inline; }