@charset "UTF-8";

a {
	color:#747678;
	text-decoration:none;
}

* {
	margin:0;
	padding:0;
}

/* Das zur�cksetzen der Innen- und Au�enabst�nde verursacht zu kleine Selectboxen. Dies wird korrigiert */
option {
	padding-left:0.4em
}

html {
	height:100%;
}

img, fieldset {
	border:0;
}

/* Anpassung f�r Safari Browser. font-size:100% ist f�r den Safari in Formularen zu gro� */ 
select, input, textarea {
	font-size:99%;
}


/********************************************************************************************************
	site-layout
*/

body {
	position:relative;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100.01%;
	color:#747678;
	background:#fff top left repeat-y;
	text-align:center;
}

#wrapper {
	/*min-width:960px;
	max-width:100em;*/
	/*position:relative; form lightbox test */
	width:960px;
	min-height:100%;
	overflow:hidden;
	clear:both;
	margin:0 auto;
	text-align:left;
	
	/*height:100%;*/
}

#header {
	position:relative;
	width:960px;
	height:90px;
	background:#fff;
	text-align:left;
	overflow:hidden;
}

#left {
	position:relative;
	float:left;
	width:210px;
	border-top:8px solid #002C77;
}

#right {
	position:relative;
	float:right;
	width:210px;
	height:300px;
	border-top:8px solid #B71234;
}

#content {
	/*position:relative; form lightbox test */
	float:left;
	width:500px; /* + padding = 540px */
	padding:25px 15px 65px 25px; /* 65px = abstand zum footer (h�he vom footer 43px + 22px abstand zum content) ...mu� padding sein, bei margin fehler im safari */
	border-top:8px solid #002C77;
}

body.col-2 #content {
	/*position:relative; form lightbox test */
	float:left;
	width:725px; /* + padding = 750px */
	height:100%;
	padding-left:25px;
	padding-right:0;
	/* overwrite #content */
  border-top:none;
	padding-top:33px; /* 25px + 8px (anstatt border) */
	background:url(../img/header-line.gif) top right no-repeat;
}


#footer {
	position:relative;
	width:938px; /* 938px + 22px padding-left = 960px */
	height:29px;
	line-height:2.3em;
	margin:-49px auto 0 auto;
	padding:20px 0 0 22px;
	font-size:0.7em;
	background:#fff url(../img/bg_footer.gif) top left repeat-x;
	clear:both;
	text-align:left;
	
	overflow:hidden;
}


/********************************************************************************************************
	clearing
*/

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


.clear {
	display:block; /* f�r Safari */
}


/********************************************************************************************************
	header: misc
*/

.logo {
	float:left;
	width:257px;
	height:34px;
	margin:30px 0 0 22px;
}

#topmenu-wrap {
	float:right;
	width:210px;
	height:64px;
	border-bottom:16px solid #bd1320;
}


/********************************************************************************************************
	topmenu
*/
	
#topmenu {
	float:right;
	list-style:none;
	margin:26px 0 0 0;
	font-size:0.7em;
}

#topmenu a {
	font-weight:normal;
}

#topmenu a:hover {
	color:#747678;
	text-decoration:none;
}

#topmenu .firstLink {
  margin:0 0 0 17px;
}

.flag {
	margin:0 3px -3px 0;	
}



/********************************************************************************************************
	breadcrumb
*/
	
#breadcrumbmenu {
  position:relative;
	list-style:none;
	padding:0 0 0 0; /* unbedingt padding nehmen!!!, bei margin sind im Opera die Breadcrumb-Links nicht klickbar! */
	font-size:0.625em;
	/* display:inline-block; sonst zerreisst es das layout in den IE's wenn pfadnavigation zu lange ist */
	z-index:1001;
}

#breadcrumbmenu li {
	float:left;
	/* IE 6, damit Pfadnavi nicht unter Slideshow liegt */
	position:relative;
	z-index:1001;
}

#breadcrumbmenu .menuitem a {
	font-weight:normal;
}

#breadcrumbmenu .menuitem a:hover,
#breadcrumbmenu .active a {
	color:#bd1320;
	text-decoration:none;
}


/********************************************************************************************************
	mainmenu
*/

#mainmenu {
	list-style:none;
	line-height:1.6em;
	height:1.6em; /* f�r IE6 */
	margin:22px 0 0 0;
	font-size:0.7em; /* auch f�r submenu g�ltig */
	font-weight:bold;
}

.category-wrap {
	margin-bottom:22px;
}

.category {
	padding-left:21px;
}

#mainmenu .menuitem a {
	font-weight:normal;
}

#mainmenu .menuitem a:hover,
#mainmenu .active a	{
	color:#fff;
	text-decoration:none;
}


/********************************************************************************************************
	submenu
*/

#submenu {
	list-style:none;
	border-top:1px solid #b9baba;
	font-weight:normal;
}

#submenu .menuitem a {
	display:block;
	padding-left:21px;
}

#submenu .menuitem a:hover,
#submenu .active a {
	background-color:#b71234;
	color:#ffffff;
	text-decoration:none;
}

.sub-cur {
	padding-left:21px;
	background-color:#b71234;
	color:#ffffff;
}


/********************************************************************************************************
	submenu 2
*/

#submenu2 {
	list-style:none;
	border-bottom:1px dotted #b9baba;
}

#submenu2 .menuitem a {
	display:block;
	border:0px;
	padding-left:33px;
	background:url(../img/arrow_3x5.gif) 27px 6px no-repeat;
}

#submenu2 .menuitem a:hover,
#submenu2 .active a {
	color:#b71234;
	background:url(../img/arrow_active_3x5.gif) 27px 6px no-repeat;
	text-decoration:none;
}

.sub2-cur {
	padding-left:33px;
	color:#b71234;
	background:url(../img/arrow_active_3x5.gif) 27px 6px no-repeat;
}

/* not used
.arrow {
	float:left;
}

.arrow-spacer {
	padding-left:7px;
}
*/


/********************************************************************************************************
	submenu 3
*/

#submenu3 {
	list-style:none;
	font-style:italic;
}

#submenu3 .menuitem a {
	display:block;
	border:0px;
	padding-left:45px;
	color:#747678;
	background:url(../img/arrow_3x5.gif) 39px 6px no-repeat;
}

#submenu3 .menuitem a:hover,
#submenu3 .active a {
	color:#b71234;
	background:url(../img/arrow_active_3x5.gif) 39px 6px no-repeat;
	text-decoration:none;
}

.sub3-cur {
	padding-left:45px;
	color:#b71234;
	background:url(../img/arrow_active_3x5.gif) 39px 6px no-repeat;
}


/********************************************************************************************************
	productmenu
*/
	
#productmenu {
	display:block;
	width:210px;
	text-align:center;
}

#productmenu form {

}

#productmenu select {
	width:190px;
	margin:0 0 8px 0;
}

#productmenu option {
  padding-right:25px
}


/********************************************************************************************************
	wrapper bg-grafix
*/
/*
.seite3 { background:url(../img/bg-standard.gif) right 390px no-repeat; }
.seite4 { background:url(../img/bg-standard.gif) right 390px no-repeat; }
.seite13 { background:url(../img/bg-messeinsatzgif) right 390px no-repeat; }
.seite17 { background:url(../img/bg-standard.gif) right 390px no-repeat; }
.seite18 { background:url(../img/bg-standard.gif) right 390px no-repeat; }
.seite20 { background:url(../img/bg-messeinsatzgif) right 390px no-repeat; }
.seite21 { background:url(../img/bg-metallschutzrohr.gif) right 390px no-repeat; }
.seite22 { background:url(../img/bg-standard.gif) right 390px no-repeat; }
.seite32 { background:url(../img/bg-standard.gif) right 390px no-repeat; }
.seite38 { background:url(../img/bg-leitung.gif) right 390px no-repeat; }
.seite39 { background:url(../img/bg-thermostecker.gif) right 390px no-repeat; }
.seite40 { background:url(../img/bg-lemostecker.gif) right 390px no-repeat; }
.seite41 { background:url(../img/bg-freieenden.gif) right 390px no-repeat; }
.seite42 { background:url(../img/bg-anschlusskopf.gif) right 390px no-repeat; }
.seite43 { background:url(../img/bg-verjuengt.gif) right 390px no-repeat; }
.seite44 { background:url(../img/bg-kermikschutzrohr.gif) right 390px no-repeat; }
.seite45 { background:url(../img/bg-metallschutzrohr.gif) right 390px no-repeat; }
.seite47 { background:url(../img/bg-leitung.gif) right 390px no-repeat; }
.seite48 { background:url(../img/bg-lemostecker.gif) right 390px no-repeat; }
.seite49 { background:url(../img/bg-freieenden.gif) right 390px no-repeat; }
.seite50 { background:url(../img/bg-anschlusskopf.gif) right 390px no-repeat; }
*/

/********************************************************************************************************
	content-area
*/

.bodytext {
	line-height:1.4em;
	font-size:0.7em;
	color:#747678;
}

/* Headline Tabellen*/
h1 {
	border-bottom:solid 1px #b9baba;
	font-weight:bold;
	font-size:0.7em;
	color:#747678;
	line-height:1.4em;

}

/* Headline */
h2 {
  position:relative;
	margin:-4px 0 15px 0;
	font-size:0.95em;
	color:#747678;
	clear:both; /* benoetigt FF +Opera, wenn Pfadnavi ueber 2 Zeilen geht */
	z-index:1001;
}

/* Headline left */
h3 { 
	list-style:none; 
	border-bottom:1px solid #b9baba;
	font-weight:bold;
	font-size:0.7em;
	padding-left:17px;
	margin-left:-17px;
	line-height:1.6em;
	height:1.6em; /* f�r IE6 */
}

h4 {
	color:#d30038;
	font-style:italic;
	margin:0 0 10px 0;
}


/********************************************************************************************************
	content pics 
*/

#content dl	img {
	margin:0 0 20px 0;
}

/* fuer Bilder mit Position: oben-mittig (Backend-Einstellung) */
.csc-textpic-center {
  position:relative;
  float:left;
  margin:-58px 0 0 -10px;
  z-index:-1;
}


/********************************************************************************************************
	Sitmap Listen 
*/

.csc-menu	{
	list-style:none;
	font-size:0.7em;
	line-height:1.4em;
}

.csc-menu a {
	display:block;
	padding-left:10px;
	border:0px;
	background:url(../img/arrow_3x5.gif) 0px 6px no-repeat;
}

.csc-menu a:hover {
	color:#bd1320;
	background:url(../img/arrow_active_3x5.gif) 0px 6px no-repeat;
	text-decoration:none;
}

.csc-menu li	{
	border-top:dotted 1px #b9baba;
}

/********************************************************************************************************
	Content Listen 
*/

.co li{
	list-style:none;
	font-size:0.7em;
	color:#747678;
	border-top:dotted 1px #b9baba;
	line-height:1.4em;
	
}


/********************************************************************************************************
	produkt tabellen 
*/

.contenttable {
	font-size:0.7em;
	line-height:1.4em;
	color:#747678;	
	/* width:500px; */
}

.contenttable th {
	font-weight:bold;
	border-bottom:solid 1px #b9baba;
	text-align:left;
}

.contenttable td {
	border-top:dotted 1px #b9baba;
}

.tr_over {
	background-color:#747678;
	color:#FFFFFF;	
}

.tr_out {
	background-color:#FFFFFF;
	color:#747678;	
}


/*****************************************************************************************************************************************
	standard contact form

*/

#mailform {
  clear:both;
  margin-left:150px;
}

.csc-mailform {
  width:321px;
	color:#747678;
	font-size:0.7em;
}


.csc-mailform label {
  float:left;
  width:80px;
}


.csc-mailform input, .csc-mailform textarea {
  float:left; /* IE6 */
  width:238px;
  margin:0 0 7px 0;
  border:1px solid #747678;
  font-family:Arial, Helvetica, Verdana, sans-serif;
}


.csc-mailform span {
  color:#747678;
}


input.csc-mailform-submit {
  float:right;
  width:75px;
  color:#747678;
  background:#fff;
  border:1px solid #747678;
  font-weight:bold;
}


/********************************************************************************************************
	form mailer
*/
 
.tx-thmailformplus-pi1{
	font-size: 0.7em;
	line-height:1.4em;
	color:#000000;
	border: 0px;
}


.table_form {
	border-bottom:solid #cdd4da 1px;
	padding: 10px 0 10px 0;
}

.table_form_top {
	height:30px;
	border-top:solid #cdd4da 2px;
	border-bottom:solid #cdd4da 2px;
    
}

.field {
	font-family:Arial, Helvetica, sans-serif;
	width:200px;
	padding:1px;
	border:solid 1px #cdd4da;
	background-color:#FFFFFF;

}

.inputcheckbox {
	border:solid 1px #cdd4da;
	background-color:#FFFFFF;

}

.textfield {
	font-family:Arial, Helvetica, sans-serif;
	width:300px;
	margin: 10px 0 10px 0;
	padding:1px;
	border:solid 1px #cdd4da;
	background-color:#FFFFFF;

}


.submit {
	font-family:Arial, Helvetica, sans-serif;
	width:100px;
	margin: 0;
	border:solid 1px #cdd4da;
	background-color:#FFFFFF;

}

#form_error li{
	list-style:none;
}


/********************************************************************************************************
	content, right column
*/

#right-content {
	list-style:none;
	margin:22px 10px 0 0;
	line-height:1.6em;
	height:1.6em; /* f�r IE6 */
	padding-left:17px;
}

#right-content a {
	display:block;
	border:0px;
	padding-left:6px;
	background:url(../img/arrow_3x5.gif) 0px 6px no-repeat;
}

#right-content a:hover,
#right-content active a {
	color:#b71234;
	background:url(../img/arrow_active_3x5.gif) 0px 6px no-repeat;
	text-decoration:none;
}

/********************************************************************************************************
	Home
*/

.home {
	width:148px;
	margin:0 10px 15px 0;
	float: left;	
}

.home li {
	
	list-style:none;
	font-size:0.7em;
	color:#000000;
	line-height:1.4em;	
}

li.home_01 {
	color:#FFFFFF;
	font-weight:bold;
	padding:0 0 0 3px;
	background-color:#abb0b4;
}

.home_right {
	width:148px;
	float: left;
	margin:0 0 15px 0;	
}

.home_right li {
	
	list-style:none;
	font-size:0.7em;
	color:#000000;
	line-height:1.4em;	
}

li.home_right_01 {
	color:#FFFFFF;
	font-weight:bold;
	padding:0 0 0 3px;
	background-color:#abb0b4;
}


/********************************************************************************************************
	Drop-Down Site Map
*/

.tx-dropdownsitemap-pi1 LI {
	list-style:none;
}

.tx-dropdownsitemap-pi1 A {
	font-weight:bold;
	font-size:0.7em;
}

.tx-dropdownsitemap-pi1 li.open OL {

}

.tx-dropdownsitemap-pi1 li.closed OL {
	display:none;
}

.tx-dropdownsitemap-pi1 li.open UL {

}

.tx-dropdownsitemap-pi1 li.closed UL {
	display:none;
}

.tx-dropdownsitemap-pi1 DIV {
	padding:0;
	margin-bottom:5px;
}

.tx-dropdownsitemap-pi1 DIV.level_2 {
	padding:0 0 0 10px;
}

.tx-dropdownsitemap-pi1 DIV.level_2 A {
	font-weight:normal;
}

.tx-dropdownsitemap-pi1 DIV.level_3 {
	padding:0 0 0 10px;
}

.tx-dropdownsitemap-pi1 DIV.level_4 {
	padding:0 0 0 10px;
}

.tx-dropdownsitemap-pi1 DIV.level_5 {
	padding:0 0 0 10px;
}

.tx-dropdownsitemap-pi1 DIV.expAll {
	text-align:center;
	border:solid 1px #DFE2E3;
	background:#FAFBFB;
}

/********************************************************************************************************
	Foldout-Menu
*/

#sitemap {
	font-size:0.7em;
	font-weight:normal;
}

#sitemap ul {
	list-style:none;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#sitemap ul ul {
	display:none;
}

#sitemap ul li {
	list-style:none;
	margin:0px;
	padding:0px;
}

#sitemap a.no, #sitemap a.act {
	color:#000000;
	text-decoration:none;
}

#sitemap a.no:hover, #sitemap a.act:hover {
	text-decoration:none;
}

#sitemap a.act, #sitemap a.act:hover {
	font-weight:bold;
}

#sitemap ul, #sitemap li {
	list-style:none;
}

/********************************************************************************************************
	Simple Photo Gallery
*/

.tx-photogals-pi1 {
	width:470px;
	margin:0 0 10px 0;
	padding:0px;	
	float:left;
}

.tx-photogals-pi1-big {
	margin:0 0 20px 0;
}

/*.tx-photogals-pi1-big a {
	border:1px solid #CCCCCC;
	padding:5px;
	background-color:#FFFFFF;
	text-align:center;
	display:block;
}*/

/*.tx-photogals-pi1-big a:hover {
	border:1px solid #999999;
}*/


.tx-photogals-pi1-small a {
	border:1px solid #CCCCCC;
	background-color:#FFFFFF;
	padding:1px 4px 2px 4px;
	margin-right:6px;
	margin-bottom:3px;
	margin-top:0px;
	float:left;
}

.tx-photogals-pi1-small a:hover {
	border:1px solid #000000;
}

.tx-photogals-pi1-small-active a {
	border:1px solid #000000;
	background-color:#FFFFFF;
	padding:1px 4px 2px 4px;
	margin-right:6px;
	margin-bottom:3px;
	margin-top:0px;
	float:left;
}

.tx-photogals-pi1-small-active a:hover {
	border:1px solid #000000;
}


/*****************************************************************************************************************************************
	extension: image header slideshow (fl_header_slide)
	
  When called for the first time, Slideshow manipulates the HTML within the wrapper element it is passed on initialization.
  How it manipulates the HTML depends on the properties it was called with. If called with navigation it adds a <ul> tag;
  if called with captions it adds a <p>.
*/

/* anderer margin-top fuer Startseite */
#header-slideshow-startseite {
  position:relative;
  float:left;
  margin:-40px 0 20px -10px;
  z-index:1;
}

#header-slideshow {
  position:relative;
  float:left;
  margin:-58px 0 20px -10px;
  z-index:1;
}

/* clearing
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
#header-slideshow:after {
  content:".";
  display:block;
  height:0;
  line-height:0em;
  font-size:0;
  visibility:hidden;
  overflow:hidden;
  clear:both;
}

#header-slideshow ul {
	position:relative;
	float:left;
	margin:4px 0 0 -4px;
	padding:0;
	width:514px;
	/* height:29px; IE6 */
	/* overflow:hidden; auskommentieren, sonst wird nur eine reihe mit thumbs angezeigt */
}

#header-slideshow ul li {
	list-style:none;
	float:left;
	margin-bottom:4px;
}

#header-slideshow ul a {
	float:left;
	width:60px;
	height:29px;
	cursor:pointer;
	margin-left:4px;
}

#header-slideshow ul a.prev {
}

#header-slideshow ul a.next {
	margin-right:0;
}

#header-slideshow ul a.active {
}



/* jQuery Bühne 2010-05-04 */
#ss_slideshow {
	position: absolute;
	top: 0;
	left: 0;
}
#ss_slideshow li {list-style: none;}
#ss_container {
	overflow: hidden;
	position: relative;
	height: 185px;
	margin: 0 -10px 20px -0px;
	width: 502px;
	clear: both;	
}
#ss_nav {
	position: absolute;
	top: 0; 
	left: 0;
	z-index: 1000000;
	background: url(../img/bg_ss_nav.png) repeat;
	width: 119px;
}
#ss_nav li {list-style: none; border-bottom: 1px dotted #fff;}

#ss_nav a {
	font-size: 11px;
	color: #fff;
	display: block;
	height: 30px;
	line-height: 30px;
	padding-left: 10px;
}
#ss_nav a:hover, 
#ss_nav .activeSlide a {
	background: url(../img/bg_ss_nav_hover.gif) center right no-repeat;
	width: 117px;
	color: #606060;
	border-left: 1px solid #c8c8c8;
}