body {
  background-color: white;
  margin: 0;
  padding: 0;
  height: 99%; /* nicht 100%, denn sonst ist im Firefox ein Scrollbalken sichtbar */
  width: 100%;
  color: white;
  font-size: 12px;
  font-family: Times New Roman, Verdana, Arial, sans-serif;
  font-weight: normal;
  text-align: center;
}

a {
  color: white;
}

a img {
	border: none;
}

ul {
	padding:0px;
	margin:0px 0px 0px 20px;
	list-style-type:square;
}

li {
	margin:0px 0px 0px 20px;
}

p {
	padding:5px 0px;
}

h1, h2, h3, h4, h5, h6 {
	padding:0px 0px 10px 0px;
	margin:0px;
}

h1 {
	font-size: 18px;
}

h2 {
	font-size: 16px;
}

h3 {
	font-size: 14px;
}

td {
  font-size: 12px;
}

#abstand {
	height: 50%; 
	width: 100px;
  margin-bottom: -340px; 
	float: left; 
}

#root {
  text-align: left;
  /*border: 2px solid #39383e;*/
  border: 2px solid #334044;
  padding: 0;
  width: 980px;
  /*min-height: 600px;
  position: absolute;
  top: 50%;
  left: 50%;*/
  background-color: white;
  /*margin: -340px 0 0 -490px; /* jeweils die Hälfte der Gesamthöhe und -breite */
  margin: 5px auto;
  clear: left;
  height: 600px;
}

.header {
  border: 22px solid green;
}

#language {
  float: left;
  font-size: 12px;
  height: 23px;
  width: 195px;
  border: 0px solid black;
  background-color: #162752;
  border-bottom: 1px solid white;
  padding: 25px 20px 0px 0px;
  text-align: right;
}

* html #language {
  width: 215px;
  height: 48px;
}

.language_bottom {
  height: 100%;
  width: 0px;
  vertical-align: bottom;
}

#language a {
  text-decoration: none;
}

#language div {
  padding-top: 55px;
}

#logo {
  background-color: white;
  float: left;
  border-bottom: 1px solid white;
  padding: 0px;
  margin: 0px;

}

#logo .logo_href {
  display: block;
/*  height: 58px; damit hat ie probleme */
  padding: 0px;
  margin: 0px 0px 0px 0px;
  border: 0px solid red;
}

#logo .logo_href img {
	margin: 10px 15px 0px 20px;
	border: 0px solid red;
}

/* Menue 1 */
#menu-1 {
  float: left;
  border-bottom: 1px solid white;
  height: 48px;
  width: 555px;
  background-color: #162752;
  padding: 0px;
  margin: 0px;
}

ul.menu {
  margin: 0px;
  padding: 25px 0px 0px 10px;
  width: 555px; /* wichtig fuer Opera7 */
}

ul.menu a {
  display: block;
  text-decoration: none;
  padding: 0px 10px 0px 10px;
  margin: 0px;
  font-weight: normal;
  /* ie probleme ... height: 19px; /* wichtig, damit keine Luecke zwischen Menue1 und Menue2 ist */
/*  border-bottom: 1px solid white;*/
}

ul.menu a:hover {
  text-decoration: none;
  background-color: #445374;
}

ul.menu li {
  display: inline;
  list-style: none;
  /*height: auto;*/
  float: left;
  padding: 0px;
  margin: 0px;
}

/* Menue 2 */
ul.menu li ul {
  position: absolute;
  z-index: 1;
  visibility: hidden;
  padding: 0px; /* important for ie */
  margin: 0px; /* important for ie */
}

ul.menu li ul li {
  float: none;
  padding: 0px; /* important for ie */
  margin: 0px; /* important for ie */
}

ul.menu li ul li a {
  background: url(/fileadmin/images/transparent.gif);
  filter: Alpha(opacity=90);
  color: white;
  display: block;
  width: 200px;
  font-size: 10px;
  font-weight: normal;
  border: 0px solid;
}

ul.menu li ul li a:hover {
  background: url(); /* overwrites gif in ie */
  /*filter: Alpha(opacity=100); don't uncomment this because of display bugs in ie */
  background-color: white;
  color: #162752;
  width: 200px;
}

ul.menu li ul li.submenu a {
}

ul.menu .submenu a:hover {
}

/* Menue 3 */
ul.menu li ul li.menu-3 a {
  font-size: 14px;
  padding-left: 20px;
}

ul.menu li ul li.menu-3 a:hover {
  font-size: 14px;
  padding-left: 20px;
}

/* correct a little IE bug */
* html .menu li li {
  display: inline;
}

/* for a mozilla better display with key nav */
div[id="menu-1"]>.menu li ul {
}

div[id="menu-1"]>.menu li ul li a {
  background: url(/fileadmin/images/transparent.png);
  color: white;
  display: block;
  text-decoration: none;
}

div[id="menu-1"]>.menu li ul li a:hover {
  background: url(); /* overwrites transparent png in firefox */
  background-color: white;
  color: #162752;
}

div[id="menu-1"]>.menu li ul li.submenu a {
  padding: 2px 0px 1px 10px;
  width: 200px;
  font-size: 13px;
}

div[id="menu-1"]>.menu li ul li.submenu a:hover {
  padding: 2px 0px 1px 10px;
}

div[id="menu-1"]>.menu li ul li.menu-3 a {
  padding: 2px 0px 1px 25px;
  width: 185px;
  font-size: 11px;
}

div[id="menu-1"]>.menu li ul li.menu-3 a:hover {
  padding: 2px 0px 1px 25px;
}


.contentframe {
  clear: both;
  padding: 0px;
  margin: 0px;
  height: 466px;
  width: 980px;
  overflow: hidden; /* firefox 1.0.8 rafft das nicht wenn ich das menü öffne...!? */
  /*background-color: #39383e;*/
  background-color: #334044;
}

.content {
  clear: both;
  padding: 0px 0px 0px 0px;
  margin: 0px;
  border: 0px solid yellow;
	width:100%;
}

.content input, select, textarea {
	border:1px solid white;
	background-color:#495559;
	color:white;
	margin:3px 5px 3px 0px;
	width:200px;
	font-family:Times New Roman, Verdana,Arial;
	font-size:12px;
	padding:0px 0px 0px 3px;
	margin:0px;
}

.content a {
	color:white;
	text-decoration:underline;
	font-weight:normal;
}

.content a:hover {
	color:white;
}

.content .disabled {
	background-color:lightgray;
}

.content input.radio, input.checkbox {
	width:14px;
	border:0px solid white;
	background-color:#334044;
}

.content #heading {
  font-size: 120%;
  font-weight: bold;
}

.content td {
	vertical-align:top;
}

.content td.left_handed {
	/*vertical-align:top;*/
}

#banner {
	width:1%; /* damit das Bild immer am rechten Rand ist, auch wenn der Text-Bereich keinen (oder wenig) Inhalt enthält) */
	vertical-align:top;
}

.contents {
	font-size: 12px;
	line-height: 150%;
	padding: 30px 40px 20px 20px; /* Abstand vom Content-Bereich zum rechten Rand usw. */
	margin:0px;
	height:416px;
	overflow: auto;
}

* html .contents {
	height:466px;
}

.heading {
	background-color:#1C2D30;
	padding:3px 10px 3px 15px;
	margin:10px 0px 5px 0px;
}

.heading a {
	text-decoration:none;
}

#contents_normal p {
	padding:0px 0px 5px 0px;
	margin:0px;
}

#contents_right {
}

.contents_2spaltig {
	font-size: 12px;
	line-height: 150%;
	padding: 0px 40px 20px 20px; /* Abstand vom Content-Bereich zum rechten Rand usw. */
	margin:0px;
	height:370px;
	overflow: auto;
}

.footer {
  clear: both;
  background-color: white;
  height: 85px;
  width: 980px;
}

.footer_left {
  float: left;
  padding: 10px 0 0 0;
  height: 70px;
  border: 0px solid black;
  color: #162752;
  font-weight: normal;
  font-size: 14px;
  width: 475px;
}

.footer_right {
  float: left;
  height: 55px;
  margin: 10px 0 3px 0;
  width: 500px;
  padding: 0px;
  background-image: url(/fileadmin/images/background.gif);
  background-repeat: repeat;
}

form {
  padding: 0px;
  margin: 0px;
}

.align-center {
	text-align:center;
}


div.tx-macinasearchbox-pi1 input, #login input {
  color: #162752;
  border: 1px solid #162752;
  font-size: 8pt;
  font-weight: normal;
  width: 150px;
  padding: 0px 0px 0px 2px;
  margin: 2px 0px 2px 0px;
}

div.tx-macinasearchbox-pi1, div#login {
	font-size: 8pt;
}

.discreet a {
  color: #162752;
  font-size: 8pt;
  font-weight: normal;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

#breadcrumbs {
  float: left;
  width: 480px;
  font-size: 8pt;
  font-weight: normal;
  color: #162752;
  padding: 0px 0 0 6px;
}

#breadcrumbs .no a {
  font-weight: bold;
  text-decoration: none;
  color: #616065;
}

#breadcrumbs .act {
  font-weight: bold;
  text-decoration: none;
  color: #162752;
}

#searchbox {
  /*background-color:red;*/
  height: 32px;
  padding: 5px 5px 0px 20px;
}

/* Search */
.search-title {
  font-size: 90%;
  font-weight: bold;
}

.search-metainfo {
  font-size: 70%;
}

#login {
  /*background-color:green;*/
  height: 55px;
  padding: 5px 115px 5px 20px;
  float: right;
}

#additional_links {
  /*background-color:yellow;*/
  /*height: 9px;*/
  padding: 0px 5px 4px 20px;
}

#footer a {
    color: white;
    text-decoration: underline;
}

/***** Typo3 Content Elemente *****/

.imgtext-table {
	margin: 0px 10px 0px 10px;
}

.imgtext-nowrap {
	padding:0px 0px 10px 0px;
	border:0px solid yellow;
}

/***** FAQ EXTENSION *****/

.tx-irfaq-pi1 dt {
	background-color:#1C2D30;
	padding:3px 10px 3px 28px;
	margin:20px 0px 0px 0px;
	width:90%;
	clear:both;
}

.tx-irfaq-pi1 dt p {
	font-weight:normal;
}

.tx-irfaq-pi1 dd {
	background-color:#495559;
	width:90%;
	float:left;
	padding:5px 10px 5px 28px;
	margin:0px 0px 20px 0px;
}

.tx-irfaq-pi1 dd p {
}

.tx-irfaq-pi1 dd div.additional-info {
	border:0px solid black;
}

/***** overview of Pagette products *****/
.tx-pfproductsoverview-pi1 img {
	/*background-color:#39383e;*/
	background-color:#334044;
	padding:0px 0px 0px 0px;
}

.tx-pfproductsoverview-pi1 .heading {
}

.list-item {
	padding:3px;
	margin:0px 0px 0px 0px;
	border: 0px solid white;
}
.list-item a {
	text-decoration:none;
	text-transform:uppercase;
}

.list-item h3 {
	padding:0px;
	margin:0px 0px 0px 0px;
	font-size:12px;
}

/***** tt_news EXTENSION *****/

#page_fasteners .news-list-item, #page_toiletseatsoverview .news-list-item, #page_toilettanks .news-list-item, #page_accessory .news-list-item, #page_tenders .news-list-item {
	border: 0px solid white;
}

.news-list-container {
	float:left;
	/*width:250px; für alternative Darstellung */
	padding:0px 0px 0px 0px;
	margin:0px;
}

.news-list-item {
	padding:3px;
	margin:0px 0px 15px 0px;
	border: 0px solid white;
	background-color:#495559;
}

.news-list-item h3 {
	padding:0px;
	margin:0px 0px 5px 0px;
	font-size:12px;
}

.news-list-item a {
	text-decoration:none;
	text-transform:uppercase;
}

.news-list-item img {
	margin:0px 10px 0px 0px;
}

.news-list-container a:hover {
	color:#616065;
}

.news-single-item {
	margin:0px 0px 0px 250px;
}

.news-single-item-start {
	margin:0px 0px 0px 0px;
}

.news-single-item p {
	margin: 0px 0px 0px 0px;
	padding:10px 0px 0px 0px;
}

.news-single-item h2 {
	margin:0px 0px 5px 0px;
}

.news-single-img {
	float:right;
	padding:0px 0px 10px 20px;
}

.news-single-img img {
	border:1px solid white;
}

.news-single-imgcaption {
	margin:0px;
	padding:0px;
	font-size:10px;
}

.news-single-additional-info {
	margin: 0px;
	padding:0px;
}

/***** Kontakt *****/

#page_contact table td {
	vertical-align:top;
}

/***** Kontaktformular *****/

div.form fieldset {
	width: 300px;
	border: none;
	margin: 0 20px 12px 0;
	padding: 0;
	float: left;
}
div.form legend {
	padding: 0;
	margin: 0 0 6px 0;
}
div.form label {
	width: 95px;
	display: block;
	float: left;
	margin: 0 0 4px 0;
}
* html div.form label {	/*IE Fix*/
	display: inline;
	float: none;
}
div.form select, div.form input {
	margin: 0 0 4px 0;
}
/*** Checkboxes ***/
div.form .check input {
	width: 14px;
	background: none;
	border: none;
	margin: 2px 10px 4px 10px;
}
div.form .check label {
	text-align: right;
	width: 115px;
}
div.form .check {
	float: left;
}

/*** Radio Buttons ***/

div.form fieldset legend {
	color:white;
}

div.form fieldset fieldset input {
	width: 14px;
	margin-right: 8px;
	background: none;
	border: none;
	float: left;
}
div.form fieldset fieldset {
	margin: 0;
	width: 180px;
	padding-left: 100px;
	
}
* html div.form fieldset fieldset {	/*IE Fix*/
	width: 280px;
	
}
div.form fieldset fieldset legend {
	margin: 0;

	display: none;
}
div.form fieldset fieldset label {
	width: 40px;
	display: block;
	float: left;
	margin: 0 0 4px 0;
}
* html div.form fieldset fieldset label {	/*IE Fix*/
	display: inline;
	/*float: none;*/
}


/***** Broschüren *****/

#page_brochures .submit {
	height: 200px;
	float: left;
	padding:170px 0px 0px 0px;
}

.tx-mitdownload-pi1 {
}

.tx-mitdownload-pi1 a {
	text-transform:uppercase;
	text-decoration:none;
	font-weight:normal;
}
.tx-mitdownload-pi1 a:hover {
	color:#445374;
	text-decoration:none;
}

.tx-mitdownload-pi1 .download_icon {
	width:25px;
}

.tx-mitdownload-pi1 .download_title {
	padding:0px 30px 0px 0px;
}

.tx-mitdownload-pi1 .download_info {
}

.tx-mitdownload-pi1 .download {
	float: left;
	width: 320px;
	height: 200px;
	margin: 0 20px 20px 0;
}
.tx-mitdownload-pi1 .download .img{
	float: left;
	margin: 0 12px 8px 0;
}
.tx-mitdownload-pi1 .download .text p{
	font-size: 80%;
	padding: 0;
	margin: 8px 0 0 0;
}
.tx-mitdownload-pi1 .download .link{

	clear: left;
}
.tx-mitdownload-pi1 .download .link img{
	vertical-align:top;
}
.tx-mitdownload-pi1 .download input {
	width: 16px;
	border:0px solid white;
	background-color:#334044;
}


/***** Linklist *****/

.tx-bhlinks-pi1 {

}


.tx-bhlinks-pi1 .image {
float:left;
width:100px;
}
.tx-bhlinks-pi1 .description {
float:left;

}

/***** Farbliste *****/

.contents_colors {
	border: 1px solid white;
}

.contents_colors td {
	border: 1px solid white;
	padding:2px 3px 2px 3px;
	text-align:center;
}

/***** Befestigungen *****/

#page_fasteners .heading {
	margin:0px 0px 5px 0px;
}

#page_fasteners table.htmlarea-showtableborders {
	padding:0px;
	margin:0px;
}

#page_fasteners table.htmlarea-showtableborders td {
	border:1px solid white;
	padding:0px 5px 0px 5px;
}

#page_fasteners table.htmlarea-showtableborders ul {
	padding:0px;
	margin:0px;
}

/* kein Rahmen um Bilder der Befestigungsarten */

#page_fasteners .news-single-img img {
	border:0px solid white;
}

#page_fasteners .tx-kbconttable-pi1 p {
	padding: 0px 10px 5px 10px;
	margin:0px;
}

/***** Karte der Vertreter *****/

.map {
	position:relative;
	color:black;
	font-size:10px;
	margin:0px 0px 0px 0px;
}

.map img.square {
	margin: 0px 5px 0px 5px;
}

.map a {
	color:black;
	text-decoration:none;
}

/***** Sitemap *****/



/***** Produkte Auflistung *****/
/*
.seats-list-container {
	float:left;
	width:250px;
	height:360px;
	padding:0px;
	margin:0px;
}

.seats-list-item h3 {
	padding:0px;
	margin:0px 0px 5px 0px;
	font-size:12px;
}

.seats-list-item a {
	text-decoration:none;
	text-transform:uppercase;
}

.seats-list-container a:hover {
	color:#616065;
}

.seats-list-item {
	padding:0px;
	margin:0px;
}

.seats-single-item p {
	margin: 0px 0px 0px 0px;
	padding:10px 0px 0px 0px;
}

.seats-single-item h2 {
	margin:0px 0px 5px 0px;
}

.news-single-img {
	float:right;
	padding:0px 0px 10px 20px;
}

.news-single-img img {
	border:1px solid white;
}

.news-single-imgcaption {
	margin:0px;
	padding:0px;
	font-size:10px;
}

.news-single-additional-info {
	margin: 0px;
	padding:0px;
}
*/