/**
 * Main Properties
 */
 
html, body
{
	font-family: Arial;
	font-size: 12px;
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
}

body
{
	/*overflow: auto;*/
	
}	

.printerLogo
{
	display: none;	
}

#body
{
	width: 984px;
	margin: 0 auto 0 auto;
	background-color: green;
	min-height: 100%;
	background: url('../imgs/grayBgHIE62.jpg') left 40px no-repeat;
	
}


h3
{
	font-size: 14px;
	padding: 0;
	margin: 0 0 10px 0;
}


/**
 * HEADER SECTION
 */
.header
{
	padding-top: 20px;
	width: 984px;
	height: 130px;
	position: relative;
	background: url('../imgs/headerBg.png') 20px 20px repeat-x;
}

.header .flash{
	position: absolute;
	height: 130px;
	top: 20px;
	left: 180px;
	width: 604px;	
}

.header a img
{
	border: none;	
}

#headerTopRight
{
	height: 130px;
	background-color: #a2a3a4;
	width: 200px;
	position: absolute;
	top: 20px;
	right: 0;
}

/**
 * NAVIGATION SECTION
 */

.navigation
{
	font-family: Arial, sans-serif;
	font-size: 11px;
	letter-spacing: 0.5pt;
	height: 60px;	
	font-size: 12px;
	font-weight: bold;
	overflow: hidden;
	/*margin-bottom: 10px;*/
	position: relative;
}

.navigation a
{
	color: #3a3b3c;
	text-decoration: none;	
	padding: 3px 4px;
	margin-top: -9px;
	display: block;
	white-space:nowrap;
}

.navigation a.active
{
	/*color: #c0111f;*/
	color: #ffffff;
	background: #e2001a url("/docroot/neoperl/imgs/rotverlaufbg.jpg") repeat-y;
	height: 16px;
	/*border: 1px solid white;*/
	/*margin: -4px -2px 0 -2px;*/
	margin-top: -4px;
	margin-left: -1px;
	margin-right: -1px;
	border-left: 1px solid white;
	padding: 3px 5px;
	z-index: 99;
	line-height: 16px;
	position: relative;
}

ul.level0, ul.level1, ul.language, ul.country, ul.homelink
{
	width: 784px;
	height: 26px;
	line-height: 26px;
	border-bottom: 1px solid #3a3b3c;	
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.language{
	width: 200px;
	position: absolute;
	right: 0;
	top: 0;
	text-align: right;
}

ul.language a, ul.language a.active
{
	background: none;
	margin-left: 0;
	margin-right: 0;
	padding: 3px 5px;
	border: none;
}

ul.language a.active
{
	color: #c0111f;
	padding: 3px 6px 3px 5px;
}

ul.homelink{
	width: 200px;
	position: absolute;
	left: 0;
	top: 0;
	text-align: left;
}

ul.country{
	width: 200px;
	position: absolute;
	right: 0;
	top: 24px;
	text-align: right;
}

ul.level1
{
	width: 984px;
	font-weight: normal;
}

ul.level0 li, ul.level1 li, ul.language li, ul.country li, ul.homelink li
{
	display: inline;
	/*padding: 0 4px 0 4px;*/
	border-left: 1px solid #a2a3a4;
	height: 15px;
	/*position: absolute;*/
	float: left;
	margin-top: 6px;
}

ul.level0 li.first, ul.level1 li.first, ul.language li.first
{
	border: none;	
}

ul.language li, ul.country li
{
	float: right;	
}

ul.country li
{
	margin-left: 10px;
	border: none;
	line-height: 20px;
}

ul.country li img
{
	border: 1px solid lightgray;
}

ul.country li span:hover
{
	cursor: pointer;
}

/** Navigation in Content */

.contentNavigation
{
	float: left;
	width: 180px;	
	font-family: Arial, sans-serif;
	font-size: 11px;
	letter-spacing: 0.5pt;
}

ul.level2, ul.level3
{
	list-style: none;
	padding: 5px 0 0 0;
	margin: 3px 0 10px 0;	
	font-size: 12px;
	font-weight: bold;
}

ul.level2
{
	padding: 0;	
	margin-top: 3px;
}

ul.level2 li, ul.level3 li
{
	margin-bottom: 7px;	
}



.level2 a
{
	/*display: block;*/
	padding: 3px; /* 5px 5px 5px;*/
	color: #3a3b3c;
	text-decoration: none;	
}

.level2 a.active
{
	/*color: #c0111f;*/
	color: #ffffff;
	background: #e2001a url("/docroot/neoperl/imgs/rotverlaufbg.jpg") repeat-y;
}

ul.level3
{
	margin-left: 20px;	
}


/**
 *	BODY SECTION
 */

.loginSearchBlock .title, .additionalContent .element .title, .loginSearchBlock .title a 
{
	font-family: Arial, sans-serif;
	font-size: 11px;
	letter-spacing: 0.5pt;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

.loginSearchBlock .element, .additionalContent .element .title
{
	background: url('../imgs/grayBgV.jpg') repeat-x #262626 bottom;	
	margin-bottom: 10px;
	padding: 5px;
}

.element input
{
	border: none;
	display: block;
	width: 170px;
	margin-top: 5px;
}


.element span.subTitle
{
	display: block;
	font-weight: bold;
}

.element p
{
	display: inline;	
}

.content
{
	margin-top: 20px;
	background: url('../imgs/grayBgH.jpg') repeat-y left;	
}

.additionalContent
{
	float: right;
	width: 180px;
	text-align: left;
}

.additionalContent .message
{
	margin-bottom: 10px;	
}

.additionalContent .message a
{
	text-decoration: none;
	color: #3a3b3c;
}

.additionalContent .message a.date
{
	/*font-weight: bold;*/
}

.additionalContent .message a.subTitle
{
	font-weight: bold;	
}

.mainContent
{
	margin-left: 200px;
	width: 584px;
}

.mainContentLarge{
	/*margin-left: 200px;*/
	margin-left: 200px;
	width: 784px;
	margin-bottom: 10px;
}

.mainContentLarge a, .mainContent a{
	color: #c0111f;
	text-decoration: none;	
}

.mainContentLarge a{
	display: block;
	float: left;
	margin-right: 12px;
	margin-bottom: 12px;
}


.mainContentLarge a.lastPicture{
	display: block;
	float: left;
	margin-right: 0;
	margin-bottom: 12px;
}

.mainContentLarge a img{
	border: none;
}

.mainContent .images, .mainContent .imagesSmall{
	width: 200px;
	float: right;	
	text-align: left;
}

.mainContent .text {
	margin-right: 220px;
}

.text .textContent table, .mainContentLarge .text .textContent table {
	font-family: Arial;
	font-size: 12px;
	letter-spacing: normal;
}

 .text .textContent table tr td {
 	font-family: Arial;
	font-size: 12px;
	letter-spacing: normal;
 }

sup {
	vertical-align: top;
	line-height: 100%;
}

.text .textContent ul {
	
	font-family: Arial;
	font-size: 12px;
	letter-spacing: normal;
	margin: 0 0 0 14px;
	padding: 0 0 0 5px;
	list-style-image: url('../imgs/list.jpeg');
	list-style-position: outside;
}

.mainContentLarge .text {
	margin-right: 420px;	
}

.mainContentLarge .mainContent282header .text {
	margin-right: 200px;	
}

.mainContentLarge .mainContent282left .text {
	margin-right: 502px;	
}

.mainContentLarge .mainContent282right .text {
	margin-right: 200px;
	width: 282px;
	float: right;
	text-align: left;	
}

.mainContentLarge .text .textContent a{
	display: inline;
	margin: 0;
	padding: 0;
	float: none;	
}

.mainContentLarge .text .textContent, .flash{
	margin-bottom: 14px;	
}

.mainContentLarge .layout{
	width: 400px;
	float: right;	
	text-align: left;
}

.layout .textContent{
	margin-bottom: 14px;
	margin-top: 0;
	padding-top: 0;
}

.text div p, .layout, .layout p {
	font-family: Arial, sans-serif;
	font-size: 12px;
	letter-spacing: normal;
	line-height: normal;
	padding: 0;
	margin: 0 0 10px 0;
}

.text .newsSnippet
{
	margin-bottom: 20px;	
}

.text .newsSnippet a
{
	text-decoration: none;
	color: #3a3b3c;
}

.text .newsSnippet a.date, .text .newsSnippet a.question
{
	font-weight: bold;
}

.text .productdb a
{
	display: block;	
	background: url('../imgs/grayBgV.jpg') repeat-x #262626 bottom;	
	margin-bottom: 10px;
	padding: 5px;
	font-weight: bold;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	width: 354px;
}

.text ul
{
	 list-style: none;
	 margin-left: 0;
	 font-weight: normal;
	 padding: 0;	 
}

.text ul li ul
{
	margin-left: 20px;	
}

.text ul li a
{
	text-decoration: none;
	color: #3a3b3c;
}

.mainContent .imagesLarge {
	margin-right: 200px;	
}

.twoColumnRight {
	width: 180px;
	float: right;	
}

.twoColumnLeft {
	margin-right: 200px;
}

.startImages
{
	margin-bottom: 10px;	
}

.startImages img
{
	border: none;	
}


.clearer{
	clear: both;
	height: 20px;
}

.overviewStart
{
	width: 584px;	
}

.overviewStart .title
{
	font-weight: bold;
	margin-bottom: 10px;
	padding: 5px 0;	
	border: 1px solid gray;
	border-left: none;
	border-right: none;
	color: #c0111f;
}

.overviewStart img
{
/*	width: 142px;*/
	margin: 0 5px 10px 0;
	border: none;
}

.overviewStart a.lastPicture img
{
	
	/*width: 142px;*/
	margin: 0 0 10px 0;
}

/** FORMS */


form .waterconservation{
	/*clear: both;*/
	position: relative;	
	margin-bottom: 5px;
	/*height: 20px;*/
}

form label.waterconservationlabel
{
	display: block; 
	width: 270px;
	/*height: 20px;*/
	line-height: 20px;	
}

form input.waterconservationtextinput
{
	position: absolute;
	left: 270px;
	top : 0;
	border: 1px solid black;
	width: 92px;
	height: 16px;
	text-align: right;
}

form input.waterconservationtextinputh
{
	position: absolute;
	left: 270px;
	top : 0;
	border: 1px solid black;
	width: 54px;
	height: 16px;
	text-align: right;
}

form input.waterconservationtextinputh2
{
	position: absolute;
	right: 0;
	top : 0;
	border: 1px solid black;
	width: 30px;
	height: 16px;
	text-align: right;
}

form input.submit
{
	border: 1px solid black;
	margin-top: 10px;
	background-color: #ffffff;
}

.formelement 
{
	margin-bottom: 10px;	
	position: relative;
}

.formelement label
{
	width: 100px;	
}

.formelement input.text, .formelement textarea, .formelement .selection
{
	position: absolute;
	left: 100px;
	border: 1px solid black;
	width: 250px;
	background-color: #ffffff;	
}

#result
{
	position: relative;	
}

#resultContainer
{
	font-weight: bold;
	color: red;
	padding-left: 65px;
	/*position: absolute;*/	
}

.formelementSubmit
{
	margin-top: 80px;
	margin-bottom: 10px;
}

.formelementSubmit input.submit
{
	margin-left: 100px;	
}

.formelement textarea
{
	top: 0;
	height: 100px;	
}

.small a
{
	color: #c0111f;
	text-decoration: none;
}

.small img
{
	border: none;	
}

.text #result table {
	table-layout: fixed; 
	width: 330px;
}	

.text #result table .taRight{
	text-align: right;
}

.text #result .newCalc input{
	margin-top: 10px;
	border: 1px solid black;
	background-color: #ffffff;
}

p.anchors
{
	height: 14px;	
}


/*** THOMAS */


/* Product database */
td.headline { font-family: Arial,Helvetica,Swiss,SunSans-Regular,Geneva; font-size: 20px; font-weight: bold; text-align: left; }
td.subheadline { font-family: Arial,Helvetica,Swiss,SunSans-Regular,Geneva; font-size: 14px; } 

/*Home Special*/
a.read { color: #e1535b; font-weight: bold; font-size: 9px; }
td.newstext { color: #000000; font-size: 9pt; font-family: Arial, Helvetica, Swiss, SunSans-Regular, Geneva }

/* headlines */
h1 { color: #e2001a; font-weight: bold; font-size: 10px; font-family: Arial,Helvetica,Swiss,SunSans-Regular,Geneva }
h2 { color: #ffffff; font-weight: normal; font-size: 9px; font-family: Arial,Helvetica,Swiss,SunSans-Regular,Geneva }

/* form */
td.form { font-size: 8pt; margin: 0; padding: 0; border: 0 }

/* tables */
td { font-size: small; font-family: Arial,Helvetica,Swiss,SunSans-Regular,Geneva }
td.links { color: #000000; font-size: 8px }

div.disclaimer { font-size: 8px }
a.disclaimer { font-size: 8px }

form { padding: 0; margin: 0; }

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

neue styles fuer aerators - 22.4.2008 

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

table.aerators { background-color: black; font-size: 12px; text-align: left;}
table.aerators td { background-color: #ffffff; font-size: 12px; text-align: center;}
table.aerators th {
	background-color: #e6e6e6;
	font-weight: bold;
	font-size: 12px;
}
table.aerators a { text-decoration: none !important; width: 104px; display: inline; margin: 0; padding: 0; text-align: center;}
table tr td.aeratorheadline {
	font-family: Arial,Helvetica,Swiss,SunSans-Regular,Geneva;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	background-color: #999 !important;
	padding-left: 10px;
	text-align: left;
}


table.aerators td.aeratorheadline a { text-decoration: none !important; width: auto; display: inline; margin: 0; padding: 0; text-align: left;}

td.aeratorheadline small.ushousing { 
		font-size: 12px !important; 
		padding-left: 3em !Important; 
		}



table td.aeratorsubheadline {
	font-family: Arial,Helvetica,Swiss,SunSans-Regular,Geneva;
	color: #ffffff;
	font-weight: bold;
	background-color: #666 !important;
	padding-left: 10px;
	font-size: 12px;
	background: url('../imgs/grayBgV.jpg') repeat-x #262626 bottom;	
	text-align: left;
}

/* copyright zeichen hochstellen */
.headline sup {
	font-size: 12px;
	font-weight: normal !important;
	font-style: normal;
}

.aeratorsubheadline sup, td sup {
	font-size: 12px;
	font-weight: normal !important;
	font-style: normal;
}


/* hintergrundfarben zellen */
.lime { background-color: #9C3 !important; color: white !important; }
.lightgreen { background-color: #91C994 !important; }
.green { background-color: #007948 !important; color: white !important; }

.lightblue { background-color: #92C9E2 !important; }
.blue { background-color: #1B3F93 !important; color: white !important; }
.darkblue { background-color: #00284B !important; color: white !important; }

.darkgray { background-color: #282B23 !important; color: white !important; }
.gray { background-color: #666 !important; color: white !important; }
.lightgray { background-color: #C0C2B8 !important; }

.white { background-color: #FFFEF0 !important; }
.black { background-color: #000 !important; color: white !important; }
.yellow { background-color: #FFF146 !important; }
.red { background-color: #B50F21 !important; color: white !important; }
.pink { background-color: #EEB6B7 !important; }
.lilac { background-color: #9598BE !important; }
.orange { background-color: #E47C24 !important; color: white !important; }

.brown { background-color: #630 !important; color: white !important; }
.olive { background-color: #808000 !important; color: white !important; }
.beige { background-color: #E2D09C !important; }
.ivory { background-color: #FDF7CD !important; }

table.cc{
border-top: 1px solid #000000;
border-right: 1px solid #000000;
}

table.cc td{
	padding-left: 5px;
	padding-right: 5px;
	border:1px solid #000000;
	border-top: none;
	border-right: none;
}

table.cc td.color{
	width: 100px;
}

.ui-widget-header{
	background: #E2001A url(/docroot/neoperl/imgs/rotverlaufbg.jpg) repeat-y;
}
        
.csel
{
	margin: 15px;
	border: none;
	width: 50px;
	height: 50px;
}          
                
/* Teasers (ticket #0057) */
.mainContent .text-fullwidth {
}

.teaser-big {
	width: 580px;
	margin: 2px;
	display: inline-block;
}

.teaser-small {
	width: 188px;
	display: inline-table;
	margin: 2px 2px 1em 2px;
}

.teaser-image-big {
	float: left;
	margin-right: 1em;
}

.teaser-button {
	display: inline;
	background-color: #e2001a;
	color: #ffffff;
	padding: 0.25em;	
}

.teaser-button a {
	color: #ffffff;
}

.teaser-button a:hover {
	color: #ffffff;
}

.teaser-title {
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 0.5ex;
}

.teaser-text {
	margin-bottom: 1ex;
}

.teaser-description {
	margin-bottom: 0.5ex;
}

.clearfix:after{
	    content: ".";
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
}