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

body  {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
	background-color: #a7bee2;
	background-image: url('../img/pagebg.jpg');
	background-repeat: repeat-x;
	background-attachment: fixed;
}

body, td, p, div {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
}

.clearfloat {
	clear: both;
	margin: 0;
	padding: 0;
	overflow: hidden;
	height: 0;
	font-size: 0;
}

form {
	margin: 0;
	padding: 0;
}

a {
	border:0;
	color: #ffff33;
}

a:hover {
	color: #ffffff;
}

p {
	margin: 0;
	padding: 0;
}

img {
	border: 0px;
}

ul {
	margin-top:0px;
	margin-bottom:0px;
}

h1 {
	color: #ffffff;
	font: Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	padding: 0;
	margin: 10px 0 10px 0;
}

.borderless {
	border-collapse: collapse;
	border: none;
	margin: 0;
	padding: 0;
}
.borderless td {
	border: none;
	margin: 0;
	padding: 0;
}

/*
-----------------------------------------------------------
 main positioning blocks
-----------------------------------------------------------
*/

#container {
	width: 1055px;
	margin: 0 auto 0 auto;
	text-align: left;
}

#container-inner {
	position: relative;
}

#maincontent {
	padding: 175px 0 60px 0;
}

#maincontent-inner {
	position: relative;
}

#topcloud {
	position: absolute;
	left: 350px;
	top: 30px;
	width: 392px;
	height: 151px;
	background-image: url(../img/topcloud.png);
}

#logo {
	position: absolute;
	left: 430px;
	top: 10px;
}

#footer {
	position: fixed;
	bottom: 0;
	left: 0;
	height: 60px;
	width: 100%;
	text-align: center;
	background-image: url(../img/footer.png);
	background-position: bottom;
	background-repeat: repeat-x;
	_position: absolute;
	_top: expression( ( 0 - footer.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

#breadcrumbs {
	width: 900px;
	margin: 40px auto 0 auto;
	text-align: left;
	color: #336633;
}
#breadcrumbs a {
	color: #336633;
}
#breadcrumbs a:hover {
	color: #ffffff;
}
#breadcrumbs .cur a {
	color: #ff0000;
}

/*
-----------------------------------------------------------
 balloons
-----------------------------------------------------------
*/

#balloons-zone {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 60px;
	text-align: center;
	_position: absolute;
	_top: expression( ( 0 - footer.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}
#balloons-zone-center {
	width: 1055px;
	height: 60px;
	margin: 0 auto 0 auto;
	text-align: left;
}
#balloons-zone-inner {
	height: 60px;
	position: relative;
}

#balloons-lines {
	position: absolute;
	bottom: 50px;
	left: 600px;
	width: 46px;
	height: 184px;
	background-image: url(../img/balloon-lines.png);
}
#balloons-balloon1 {
	position: absolute;
	bottom: 230px;
	left: 320px;
	width: 380px;
}
#balloons-balloon2 {
	position: absolute;
	bottom: 160px;
	left: 640px;
	width: 265px;
}

.balloons-balloon-inner {
	position: relative;
	width: 100%;
}
.balloons-balloon-bg {
	border: 0;
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-ms-interpolation-mode: bicubic;
	_width: expression(this.parentNode.scrollWidth);
	_height: expression(this.parentNode.scrollHeight);
}
.balloons-balloon-text {
	position: relative;
	z-index: 1;
	text-align: center;
}
#balloons-keyvisual {
	position: absolute;
	bottom: 50px;
	left: 10px;
	width: 1035px;
}

/*
-----------------------------------------------------------
 Language menu
-----------------------------------------------------------
*/

#languagemenu-home {
	position: absolute;
	right: 100px;
	top: -50px;
}

#languagemenu-regular {
	position: absolute;
	right: 0;
	top: -50px;
}

#languagemenu {
	color: #99ccff;
	line-height: 18px;
}

#languagemenu a {
	text-decoration: none;
	color: #99ccff;
}

#languagemenu a:hover {
	text-decoration: underline;
}

#languagemenu .act, #languagemenu .act a {
	color: #ffffff;
}

/*
-----------------------------------------------------------
 service menu
-----------------------------------------------------------
*/

#servicemenu-regular {
	position: absolute;
	left: 0;
	top: -50px;
}

#servicemenu {
	color: #99ccff;
	line-height: 18px;
}

#servicemenu a {
	text-decoration: none;
	color: #99ccff;
}

#servicemenu a:hover {
	text-decoration: underline;
}

#servicemenu .act, #servicemenu .act a {
	color: #ffffff;
}

/*
-----------------------------------------------------------
 Global curved menu elements
-----------------------------------------------------------
*/

.menuitem {
}
.menuitem * {
	outline:none;
}
.menuitem a {
	position: relative;
	display: block;
	text-decoration: none;
	/* IE6 hover emulation */
	_scrollbar-face-color: expression(
		runtimeStyle.scrollbarFaceColor = '#fff',
		onmouseover = function() {this.className += ' hover'},
		onmouseout = function() {this.className = this.className.replace(/ hover/g, '')}
	);
}

.rounded-menu-item {
	color: #99ccff;
	border-bottom: 0 none;
	padding-bottom: 1px;
}
.rounded-menu-item a {
	color: #99ccff;
}

.rounded-menu-item-inner {
	line-height: 18px;
	text-align: center;
	background: #6477a7;
	opacity: 0.9;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* transparency for IE8 */
	cursor: pointer;
}
-,.rounded-menu-item-inner {
	filter: alpha(opacity=90); /* transparency for IE7 */
}
/* no transparency for IE6 */

/* cur, act and rollover states */
.cur .rounded-menu-item {
	color: #ffffff;
	padding-bottom: 0;
	border-bottom: 2px solid #ff0000;
}
.cur .rounded-menu-item a {
	color: #ffffff;
}
.cur .rounded-menu-item-inner {
	background: #6a88cc;
}

.act .rounded-menu-item {
	color: #ffffff;
	padding-bottom: 0;
	border-bottom: 1px solid #ffffff;
}
.act .rounded-menu-item a {
	color: #ffffff;
}
.act .rounded-menu-item-inner {
	background: #6a88cc;
}

.menuitem a:hover .rounded-menu-item,
.menuitem a.hover .rounded-menu-item {
	color: #ffffff;
	padding-bottom: 0;
	border-bottom: 1px solid #ffffff;
}
.menuitem .rounded-menu-item a:hover,
.menuitem .rounded-menu-item a.hover {
	color: #ffffff;
}
.menuitem a:hover .rounded-menu-item-inner,
.menuitem a.hover .rounded-menu-item-inner {
	background: #6a88cc;
}
.menuclose a:hover .rounded-menu-item,
.menuclose a.hover .rounded-menu-item {
	border-bottom: 0 none;
	padding-bottom: 1px;
}
.cur a:hover .rounded-menu-item,
.cur a.hover .rounded-menu-item {
	color: #ffffff;
	padding-bottom: 0;
	border-bottom: 2px solid #ffffff;
}
.cur .rounded-menu-item a:hover,
.cur .rounded-menu-item a.hover {
	color: #ffffff;
}

/* submenu classes */
.submenu-visible .submenu .rounded-menu-item {
	color: #ffffff;
}
.submenu-visible .submenu .rounded-menu-item a {
	color: #ffffff;
}
.submenu-visible .submenu .rounded-menu-item-inner {
	background: #6a88cc;
}

.submenu-visible .submenu {
	display: block;
}
.submenu-hidden .submenu {
	display: none;
}
.submenu {
	zoom: 1;
}

/* close and down button */
.menuclose .rounded-menu-item-inner {
	text-align: right;
}

.menudownarrow {
	position: absolute;
	right: 7px;
	top: 0;
}
.submenu-hidden .menudownarrow {
	display: none;
}

/*
-----------------------------------------------------------
 Main menu
-----------------------------------------------------------
*/

#mainmenu-home {
	position: absolute;
	left: 150px;
	top: -50px;
}

#mainmenu-regular {
	position: absolute;
	left: 295px;
	top: -50px;
}

#mainmenu {
	color: #99ccff;
	line-height: 18px;
}

#mainmenu .menuitem {
	margin-right: 5px;
}

#mainmenu .mainmenu-item {
	float: left;
}
#mainmenu .mainmenu-item-wide {
	width: 170px;
}
#mainmenu .mainmenu-item-narrow {
	width: 135px;
}


/*
-----------------------------------------------------------
 left menu
-----------------------------------------------------------
*/

#leftmenu-container {
	float: left;
	width: 295px;
	overflow: hidden;
}
#leftmenu-container-inner {
	margin: 0 55px 0 10px;
}
#leftmenu-topline {
	border-top: 1px solid #ffffff;
	height: 25px;
}
#leftmenu .menuitem {
	margin-bottom: 10px;
}

/*
-----------------------------------------------------------
 right menu
-----------------------------------------------------------
*/

#rightmenu-container {
	float: left;
	width: 230px;
	overflow: hidden;
}
#rightmenu-container-inner {
	margin: 0;
}
#rightmenu-topline {
	border-top: 1px solid #ffffff;
	height: 25px;
}
#rightmenu .menuitem {
	margin-bottom: 10px;
}

/*
-----------------------------------------------------------
 right menu wide
-----------------------------------------------------------
*/

#rightmenu-wide-container {
	float: left;
	width: 360px;
	overflow: hidden;
}
#rightmenu-wide-container-inner {
	margin: 0;
}

/*
-----------------------------------------------------------
 product menu
-----------------------------------------------------------
*/

.productmenu {
	margin-top: 10px;
	margin-bottom: 10px;
}

.productmenu a {
	text-decoration: none;
	color: #000000;
}

.productmenu a:hover {
	color: #ffffff;
}

.productmenu .act a, .productmenu .cur a {
	color: #ffffff;
	border-bottom: 2px solid #ff0000;
}

/*
-----------------------------------------------------------
 wide content zone
-----------------------------------------------------------
*/

#contentzone-wide-container {
	float: left;
	width: 760px;
	overflow: hidden;
}
#contentzone-wide-container-inner {
	margin: 0;
}

#contentzone-wide-topline {
	border-top: 2px solid #ff0000;
	width: 750px;
	height: 25px;
}

/*
-----------------------------------------------------------
 teasers container zone
-----------------------------------------------------------
*/

.teasers-container {
	float: left;
	width: 260px;
	overflow: hidden;
}
.teasers-container-last {
	width: 230px;
}
.teasers-container-inner {
	width: 230px;
}

/*
-----------------------------------------------------------
 regular content zone
-----------------------------------------------------------
*/

#contentzone-regular-container {
	float: left;
	width: 520px;
	overflow: hidden;
	position: relative;
	zoom: 1;
}
#contentzone-regular-container-inner {
	margin: 0;
	width: 520px;
}

#contentzone-regular-topline {
	border-top: 2px solid #ff0000;
	width: 470px;
	height: 25px;
}

.regular-content-container {
	width: 470px;
}

/*
-----------------------------------------------------------
 narrow content zone
-----------------------------------------------------------
*/

#contentzone-narrow-container {
	float: left;
	width: 380px;
	overflow: hidden;
}
#contentzone-narrow-container-inner {
	margin: 0;
}

#contentzone-narrow-topline {
	border-top: 2px solid #ff0000;
	width: 360px;
	height: 25px;
}

.narrow-content-container {
	width: 360px;
}


/*
-----------------------------------------------------------
 content elements
-----------------------------------------------------------
*/

.teasertitle {
	line-height: 18px;
	text-align: center;
	background: #6477a7;
	cursor: pointer;
}
.teasertitle a {
	color: #ffffff;
	text-decoration: none;
}

.attrlabel {
	color: #ffffff;
	border-top: 1px solid #ffffff;
	padding-top: 2px;
	margin: 3px 0 3px;
}
.attrvalue {
	margin: 3px 0 3px;
}
.tx-itgreiselproductlink-pi1 {
	width: 339px;
}

/*
-----------------------------------------------------------
 standard classes (typo3)
-----------------------------------------------------------
*/

.csc-form-fieldcell input { width: 100%; }
.csc-form-fieldcell select { width: 100%; }

/* Mail form */
.csc-mailform-field { cl1ear: both; margin: 5px 0 0 0; }
.csc-mailform-field label { float: left; width: 125px; }
.csc-mailform-field textarea { vertical-align: top; }
.csc-mailform-checkbox label {width:325px;margin-top:2px;}
.csc-mailform-checkbox .spacer {width:125px;float:left}
.csc-mailform-checkbox input {float:left;width:auto !important;}
.csc-mailform-field  input {width:200px}
.csc-mailform-field  select {width:200px}
.csc-mailform-checkbox  {margin-top:10px}

/* Search */
.csc-searchResultInfo a { color: #06c; }
.csc-searchResultInfo a:link { color: #06c; }
.csc-searchResultInfo td { vertical-align: top; }
.csc-searchResultPrevNext { padding: 0 0 0 10px !important; }
.search-result-header a { color: #06c; }
.search-result-text { margin: 0 0 10px 0; overflow: hidden; width: 455px; }


/*
-----------------------------------------------------------
*/

/*EYELESS*/
.tx_itgrieselproducts-category-list-item{
	float:left;
	margin-right:23px;
	margin-bottom:20px;
}
.product-search-submit{
	margin-top:60px;
}
.products-table {
	border-collapse:collapse;
	width:737px;
	margin: 0;
	padding: 0;
}
.products-table td{
	text-align:center;
	min-width:30px
}
.header-line-1{
	height:20px;
	color:#ffffff;
}
.header-line-1 td{
	border-top:1px solid #ffffff;
}
.header-line-1 td,.header-line-2 td{
	white-space:nowrap;
}
.products-table .white-line{
	min-width:10px;
	color:#ffffff;
}
.content-line td{
	border-top:1px solid #ffffff;
}

.header-line-2{
	height:20px;
}
.content-line{
	border-top:1px solid #ffffff;
	height:70px;
}