
/* ### Styles für Seatex-Relaunch ### */
/* ### Klaus Hereth <info@h-force.de> im Auftrag der idee & concept GmbH ### */

/*
### Basics ### ### Basics ### ### Basics ###
*/

body, form, p {
	margin:					0px;
	padding:				0px;
}

body {
	background-image: url('../images/bg_stripes.png');
	background-repeat:	no-repeat;
	background-attachment:	fixed;
}

body, h1, h2, h3, h4, h5, h6, input, li, p, td, textarea,
.content_header, .content_bodytext_first, .content_bodytext,
.content_bodytext_layout1,
.content_newsItem_header, .content_newsItem_date, .content_newsItem_text {
	font-family:			Arial, Geneva, Helvetica, Verdana, sans-serif;
}

.content_header, .content_bullets, .content_filelinks,
.content_mailform,
.content_layout1,
.content_bodytext_first, .content_bodytext,
.content_footer,
.content_news {
	padding-left: 25px;
}

.content_newsItem_date {
	width: 200px;
}

.content_bodytext_first {
	height: 50px;
	overflow: hidden;
}

.content_filelinks .content_bodytext {
	padding-left: 0px;
}

.content_header_layout1 {
	border: 1px solid #e6e9e9;
	background-image: url('../images/bg_news_header.gif');
	background-repeat: repeat-x;
	padding-left: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
}

.content_bodytext_layout1 {
	border: 1px solid #e6e9e9;
	border-top: none;
	padding-left: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
}

body, input, li, p, td, textarea {
	font-size:				12px;
}

table {
	border-collapse:		collapse;
}

td {
	padding:				0px;
}

table.debug td, .debug {
	border:					1px dotted red;
}

.intro {
	font-weight:			bold;
}

#logo {
	position: absolute;
	top: 25px;
	left: 824px;
	background-color: #ffffff;
	text-align:				right;
}

#claim {
	position: absolute;
	top: 323px;
	left: 17px;
}

/* ## Überschriften ## */

.page_title {
	color:				#004e8c;
	font-size:			30px;
	margin-top:			0px;
	/*margin-bottom:		20px;*/
}

.content_header {
	color:				#004e8c;
	font-size:			26px;
	font-weight:		bold;
	margin-top:			0px;
	margin-bottom:		13px;
}


/* ## Links ## */

a:link, a:visited, a:active { 
	text-decoration:		none;
}

a:link img, a:visited img {
	border-style:			none;
}

a img {
	color:					#ffffff;
}

p a, td.content_newsItem_text a, .content_bodytext_layout1 a, .content_filelinks a, .content_bodytext a, .content_footer a {
	color: 					#666666;
}

.content_filelinks a {
	font-weight:			bold;
}

p a:hover, td.content_newsItem_text a:hover, .content_bodytext_layout1 a:hover, .content_filelinks a:hover, .content_bodytext a:hover, .content_footer a:hover {
	color: 					#004e8c;
}


/*
### Navigation ### ### Navigation ### ### Navigation ### 
*/

/* pathnav: */
#pathnav {
	font-family:			Geneva, Arial, Helvetica, sans-serif;
	font-size:				10px;
	position:				absolute;
	top:					55px;
	padding-left:			100px;
	z-index:				0;
}

#pathnav a {
	font-size:				10px;
	color:					#999999;
}

#pathnav a:hover {
	color: #666666;
}

/* rightnav: */
.sublink, .sublink_over {
	height:			15px;
	line-height:		15px;
	width:							160px;
	padding-top:				5px;
	padding-bottom:			4px;
	padding-left:				16px;
	border-bottom:			1px solid #ffffff;
	text-decoration: none;
}
.sublink a, .sublink_over a {
	text-decoration: none;
}
.sublink, .sublink a, .sublink a:visited {
	color:					#787d7e;
	background-color:		#e6e9e9;
}
.sublink_over, .sublink_over a , .sublink_over a:visited {
	color:					#464949;
	background-color:		#c5c7c7;
}

#sublink_header {
	position: absolute;
	top: 312px;
	left: 800px;
	height: 1px;
	background-color: #ffffff;
	line-height: 1px;
	margin: 0px;
	padding: 0px;
	font-size: 1px;
	z-index: 10;
}

/*
menu: menuItems
*/
.menuItem_level1, .menuItem_level1_over {
	border-right:			1px solid white;
	height:					25px;
	text-align:				center;
	line-height:			25px;
	text-decoration:		none;
}

.menuItem_level1 {
	background-image:		url('../images/bg_topnav_0.png');
}

.menuItem_level1_over {
	background-image:		url('../images/bg_topnav_1.png');
}

.menuItem_level1 a, .menuItem_level2 a, .menuItem_level3 a {
	color:					#787d7e;
}

.menuItem_level1_over a, .menuItem_level2_over a, .menuItem_level3_over a {
	color:					#464949;
}

.menuItem_level2_over, .menuItem_level2,
.menuItem_level3_over, .menuItem_level3 {
	background-color:		#e6e9e9;
	border-bottom:		 1px solid white;
	padding-top: 5px;
	height: 19px;
}

.menuItem_level2_over, .menuItem_level3_over {
	background-color:		#c5c7c7;
}

.menuItem_level2 a, .menuItem_level2_over a,
.menuItem_level3 a, .menuItem_level3_over a {
	text-decoration: none;
}

/*
menu: level2, ...
*/

.menu_level2 {
	padding-top:	1px;
	position:			absolute;
	top:					50px;
	text-align:		left;
	visibility:		hidden;
	z-index: 2000;
}

.menu_level3 {
	padding-top:	1px;
	position:			absolute;
	text-align:		left;
	visibility:		hidden;
	z-index: 2000;
}

/*
menu: root ------------------------------------------------------
*/
#div_menu_uid227, #div_menu_uid227_L2 {
	position:				absolute;
	top:						25px;
	padding-left: 100px;
	width: 600px;
}

/*
menu: ueber uns
*/
#div_menu_uid231, #div_menu_uid231_L2 {
	left:					100px;
	width: 150px;
}

/*
menu: ueber uns: qualitaet
*/
#div_menu_uid242, #div_menu_uid242_L2 {
	position:				absolute;
	top:					100px;
	left:					251px;
	padding-top:			1px;
	visibility:				hidden;
	width: 150px;
}

/*
menu: investor relations
*/
#div_menu_uid232, #div_menu_uid232_L2 {
	left:					200px;
	width: 150px;
}

/*
menu: produkte
*/
#div_menu_uid233, #div_menu_uid233_L2 {
	left:	 250px;
	width: 150px;
}

/*
menu: produkte: technologien
*/
#div_menu_uid251, #div_menu_uid251_L2 {
	position:				absolute;
	top:					75px;
	left:					451px;
	padding-top:		1px;
	visibility:			hidden;
	width: 180px;
}

/*
menu: produkte: heizelemente
*/
#div_menu_uid337, #div_menu_uid337_L2 {
	position:				absolute;
	top:					50px;
	left:					401px;
	padding-top:		1px;
	visibility:			hidden;
	width: 190px;
}

/*
menu: produkte: sitzheizungen
*/
#div_menu_uid250, #div_menu_uid250_L2 {
	position:				absolute;
	top:					75px;
	left:					401px;
	padding-top:		1px;
	visibility:			hidden;
	width: 190px;
}

/*
menu: jobs und karriere
*/
#div_menu_uid234, #div_menu_uid234_L2 {
	left:					400px;
	width: 150px;
}

/*
menu: jobs & karriere: europa
*/
#div_menu_uid265, #div_menu_uid265_L2 {
	position:				absolute;
	top:					50px;
	left:					521px;
	padding-top:		1px;
	visibility:			hidden;
	width: 180px;
}

/*
menu: standorte
*/
#div_menu_uid235, #div_menu_uid235_L2 {
	left:					500px;
	width: 150px;
}

/*
menu: standorte: europa
*/
#div_menu_uid100, #div_menu_uid100_L2 {
	position:				absolute;
	top:					50px;
	left:					621px;
	padding-top:		1px;
	visibility:			hidden;
	width: 180px;
}

/*
menu: lieferanten
*/
#div_menu_uid236, #div_menu_uid236_L2 {
	left:					600px;
	width: 150px;
}

/*
menu: kontakt
*/
#div_menu_uid237, #div_menu_uid237_L2 {
	left:					550px;
	width: 150px;
}

/*
news
*/

.content_news_box {
	border: 1px solid #e6e9e9;
}

.content_newsItem_header {
	background-image: url('../images/bg_news_header.gif');
	background-repeat: repeat-x;
}

.content_newsItem_text {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 25px;
}

/*
layout, pseudoframes, ...
<http://aktuell.de.selfhtml.org/tippstricks/css/footer/beispiel6.htm>
*/

body { 
	position: absolute;
}

html, body { 
	top:0; left:0; right:0;
	min-height:100%;
	margin:0;
	padding:0;
	width:100%;
}

#header_container {
	position:fixed;
	background-color: #ffffff;
	top:0; left:0; right:0;
	text-align:left;
	margin:0;
	height:125px;
	z-index: 5;
}

#illuleft {
	position:fixed;
	z-index: 1;
	top:125px;
	left:100px;
	width:200px;
}

#illuright {
	height:74px;
	overflow: hidden;
	/*border-bottom: 1px solid #e6e9e9;*/
	border-bottom: 1px solid #ffffff;
	z-index: 101;
}

#img_illuright {
	z-index: 101;
}

#navright {
	position:fixed;
	top:237px;
	left:800px;
	width:176px;
}

#content_container {
	margin:0;
	padding-bottom:3em;
	z-index:2;
}

#content {
	position: absolute;
	left:			300px;
	top:			40px;
	width:		475px;
	z-index:	1;
}

.page_title {
	position: absolute;
	top:	 123px;
	width: 450px;
	left:	 325px;
	font-weight: bold;
}

#line_left {
	position: absolute;
	top: 25px;
	left: 100px;
	width: 1px;
	height: 552px;
	background-color: #e7eaea;
	/*background-color: transparent;*/
	z-index: 1;
	overflow: hidden;
}

#line_center {
	position: absolute;
	top: 75px;
	left: 100px;
	width: 700px;
	height: 1px;
	background-color: #e7eaea;
	z-index: 1;
	overflow: hidden;
}

#line_right {
	position: absolute;
	top: 25px;
	left: 799px;
	width: 1px;
	height: 552px;
	background-color: #e7eaea;
	/*background-color: transparent;*/
	z-index: 1;
	overflow: hidden;
}

#footer_container {
	position:fixed;
	bottom:0; left:0; right:0;
	margin:0;
	height:2em;
	z-index:10;
}

#footer {
	background-color: #e6e9e9;
	color: #787d7e;
	font-size: 10px;
	padding-left: 200px;
	position:absolute;
	top:0; left:0; right:0; bottom:0;
	background-image: url('../images/bg_footer.jpg');
	background-repeat: repeat-x;
}

#footer table td {
	color: #787d7e;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#footer table td.tdRight {
	text-align: right;
}

#footer a {
	color: #787d7e;
}

#footer a:hover {
	color: #464949;
}

#disclaimer {
	width: 600px;
	float: left;
}

#copyright {
	width: 177px;
	text-align: right;
}

#admPanel input, #admPanel select {
	font-family: Geneva, Helvetica, Verdana, Arial, sans-serif;
	font-size: 10px;
}


/* Nur für den MSIE */

* html, * html body {
	overflow:hidden;
	bottom:0;
	height:100%;
}

* html #header_container, * html #footer_container {
	position:absolute;
	width:100%;
	padding-right:16px;
}

* html #illuleft, * html #navright {
	position:absolute;
}

* html #header,* html #footer {
	height:100%;
	position:static;
}

* html #content_container {
	position:absolute;
	top:0; bottom:0; left:0; right:0;
	height:100%;
	width:100%;
	overflow:auto;
	margin:0;
}

/* Der IE soll das Element breiter darstellen, da margin und padding hier von der Breite abgezogen werden! */

* html #illuleft {
	margin:0;
	width:200px;
}

* html .sublink {
	margin:0;
	width:176px;
	height: 25px;
}

* html .imgtext-table {
	margin-top: -11px;
}

* html #illuright {
	height: 75px;
	width: 175px;
}

* html .menuItem_level2_over, * html .menuItem_level2,
* html .menuItem_level3_over, * html .menuItem_level3 {
	height: 25px;
}

