/* Tag Formatierungen */
BODY {
	background-image: url(../images/header_bg.gif);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
}

HTML, BODY {
	margin: 0px; 
	padding: 0px; 
}

TABLE { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
}

P {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	padding: 0;
	margin: 0;
}

#maincol UL P ,
UL { 
	margin-top: 3px;
	margin-bottom: 3px;
}

#maincol UL LI P,
UL LI {
	list-style-image: url(../images/dot.gif);
	margin-left: -25px;
	margin-top: 0px; 
	margin-bottom: 0px;
}

OL LI {
	margin-left: -15px;
	margin-top: 0px; 
	margin-bottom: 0px;
}


/* ID's */
#pagewidth {
	width: 990px;
	background-repeat: repeat-y;
}
 
#header {
	height: 129px;
}

#logo {
	height: 85px;
	width: 921px;
 	background-image: url(../images/logo_bg.jpg);
 	background-repeat: no-repeat;
}

#logoPic {
	padding-top: 12px;
	margin-left: 458px;
	height: 40px;
	
}

#chFlag {
	height: 40px;
	width: 40px;
	background-image: url(../images/Headline_CH_Fahne.gif);
	background-repeat: no-repeat;
	position: absolute;
	/*left: 761px;*/
	top: 12px;
}

#logo,
#menuBalken {
	margin-left: 69px;
}

#menu_h { 	
	height: 44px;
	min-width: 560px;
	float: left;
	background-image: url(../images/menuAllBg.gif);
	background-repeat: no-repeat;
	background-position: left;
}

#search {
  width: 190px;
  float: left;
	background-image: url(../images/bg_search.gif);
	background-repeat: repeat-x;
}

#search FORM { margin: 0px; padding:0px;  }

#search A  {
	color: white;
	text-decoration: none;
	height: 20px;
	line-height: 16px;
	margin-left:8px;
}

#search INPUT {
	margin: 14px 5px 0 10px;
	width: 118px;
}

* html #search INPUT { margin-right: 0; }

#meta {
	margin: -10px 0 0 0;
	color: white;
	font-weight: bold;
	width: 803px;
}

#langmenu {
	padding-left: 687px;
}

#meta A {
	color: white;
	font-weight: bold;
	text-decoration: none;
	padding: 0 5px 0 5px;
}
	
#meta A.langmenuBig { font-size: 12px; color: #FF0000; }

#twocols {
	width: 921px; 
	float: right; 
	position: relative; 
	background-image: url(../images/dotted_v.gif);
	background-repeat: repeat-y;	
}

#rightcol {
	width: 222px; 
	float: right; 
	position: relative; 
	line-height: 16px;
	padding: 10px 0px 0px 10px;
}
.html #rightcol { width: 232px; }
	
#rightcol H1 {
	font-size: 11px;
	background-color: #FF0000;
	text-transform: uppercase;
	color: #FFFFFF;
	width: 212px;
	padding-left: 10px;
	line-height: 18px;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-right: -5px;
}
* html #rightcol H1 { width: 222px; }
	
FORM#xajax_form { margin: 6px 0px 0px 8px; }
FORM#xajax_form_res { margin:0px 0px 10px 8px; }

FORM#xajax_form SELECT, 
FORM#xajax_form_res SELECT { width: 210px; font-size: 11px; margin: 0px 0px 0px 0px; }
#rightcol BLOCKQUOTE { margin: 12px 0px 36px 10px; }

#rightcol #derSupiKaefer { margin-left: 167px; }
* html #rightcol #derSupiKaefer { margin-left: 162px; }

#rightcol .de A,
#rightcol .ch A,
#rightcol .au A  {
	text-decoration: none; 
	color: #2A3F9C; 
	line-height: 16px;
	padding: 0px 20px 0px 22px;
	background-image: url(../images/de.gif);
	background-repeat: no-repeat;
	margin-bottom: 10px;
}
#rightcol .ch A {	background-image: url(../images/ch.gif); }
#rightcol .au A {	background-image: url(../images/au.gif); }

#rightcol .pfeillink  { text-align: left; }
#rightcol .pfeillink A {
	margin-left: 5px;
	font-weight: bold;
	line-height: 16px;
}

#maincol {
	float: left; 
	display: inline; 
	position: relative; 
	width: 688px;
	min-height: 500px;
}
* html #maincol { height: 500px; }

#flash { padding: 10px 0px 0px 0px; }


/* Menu */
.menu_act,
.menu_no {
	background-repeat: repeat-x;
}

.menu_act A, 
.menu_no A	 { 
	height: 44px;
	line-height: 44px;
	color: white;
	text-decoration: none;
	display: block;
	float: left;
	padding: 0px 11px 0px 12px;
	background-image: url(../images/menuAllBg.gif);
	background-repeat: no-repeat;
	background-position: right;
}

.menu_no A:hover {
	background-image: url(../images/menu_bg_o.gif);
	color: #D40007;
}

.menu_act A {
	color: #D40007;
	background-image: url(../images/menu_bg_o.gif);
}

.menu_v1_beige_act A,
.menu_v1_beige_no A,
.menu_v1_red_act A,
.menu_v1_red_no A,
.menu_v1_green_act A,
.menu_v1_green_no A,
.menu_v1_act A,
.menu_v1_no A {
	height: 21px; 
	line-height: 21px; 
	border-bottom: 1px solid white; 
	display: block;
	background-color: #FF0000;
	padding-left: 25px;
	font-weight: normal;
	text-decoration: none;
	color: white;
}

.menu_v1_beige_act A,
.menu_v1_beige_no A:hover,
.menu_v1_red_act A,
.menu_v1_red_no A:hover,
.menu_v1_green_act A,
.menu_v1_green_no A:hover,
.menu_v1_act A,
.menu_v1_no A:hover {
	color: black;
	font-weight: bold;
	background-color: #C5D2E8;
	color: black;
	background-image:url(../images/menu_v_icon.gif);
	background-repeat:no-repeat;
}


/**
/** menu_v2 -> Spezial Menu für Produkte in 3 Farben für Boden, Wand und Treppe */
/**

/* Menu Wrapper umschliessen Menu-Blöcke*/
.menu_v2_beige_wrap,
.menu_v2_red_wrap,
.menu_v2_green_wrap,
.menu_v2_wrap {
	padding:3px 0px 3px 0px;
	background-color: #E3ECF5;
	border-bottom: 1px solid white; 
}

/* Default Styles für alle Spezial Menus */
.menu_v2_beige_no A,
.menu_v2_sub_beige_no A,
.menu_v2_beige_act A,
.menu_v2_sub_beige_act A,
.menu_v2_red_no A,
.menu_v2_sub_red_no A,
.menu_v2_red_act A,
.menu_v2_sub_red_act A,
.menu_v2_green_no A,
.menu_v2_sub_green_no A,
.menu_v2_green_act A,
.menu_v2_sub_green_act A,
.menu_v2_no A,
.menu_v2_act A {
	display: block;
	height: 15px; 
	line-height: 12px; 
	padding-left: 25px;
	font-weight: normal;
	text-decoration: none;
	color: black;
	background-color: #E3ECF5;
}

/* 1. Ebene: Pfeil voranstellen wenn aktiv */
.menu_v2_beige_act A,
.menu_v2_red_act A,
.menu_v2_green_act A,
.menu_v2_act A {
	padding-left: 32px;
	background-image: url(../images/menu_v2_icon.gif);
	background-repeat:no-repeat;
}
/* 2. Ebene: Mehr einrücken */
.menu_v2_sub_beige_no A,
.menu_v2_sub_beige_act A,
.menu_v2_sub_red_no A,
.menu_v2_sub_red_act A,
.menu_v2_sub_green_no A,
.menu_v2_sub_green_act A {
	padding-left: 39px;
}
/* 2. Ebene: Pfeil voranstellen wenn aktiv */
.menu_v2_sub_beige_act A,
.menu_v2_sub_red_act A,
.menu_v2_sub_green_act A {
	background-image: url(../images/menu_v2_sub_icon.gif);
	background-repeat:no-repeat;
}

/* Farben überschreiben */
.menu_v1_beige_act A,
.menu_v1_beige_no A:hover { background-color: #F5EEBE; }
.menu_v2_beige_wrap,
.menu_v2_beige_no A,
.menu_v2_sub_beige_no A,
.menu_v2_sub_beige_act A,
.menu_v2_beige_act A { background-color: #FCFAEE; }

.menu_v1_green_act A,
.menu_v1_green_no A:hover { background-color: #D7F1BF; }
.menu_v2_green_wrap,
.menu_v2_green_no A,
.menu_v2_sub_green_no A,
.menu_v2_sub_green_act A,
.menu_v2_green_act A { background-color: #F5FCEF; }

.menu_v1_red_act A,
.menu_v1_red_no A:hover { background-color: #FCDAC0; }
.menu_v2_red_wrap,
.menu_v2_red_no A,
.menu_v2_sub_red_no A,
.menu_v2_sub_red_act A,
.menu_v2_red_act A { background-color: #FEF6EF; }


.dottedline,
.dottedline_right,
.dottedline_totop {
	clear: both;
	height: 26px; 
	background-image: url(../images/dotted_h.gif);
	background-position: top;
	background-repeat: repeat-x; 
	width: 688px;
	margin: 0px;
	text-align: right;
}
.dottedline_totop {	
	width: 485px; 
	margin-top: 15px; 
	background-position: bottom;
	height: 23px; 
	}
	
.dottedline_right {	width: 232px; }

#maincol .kleber_fuer { float: left; }

.listen_typ_ok { 
	font-size: 12px;
	/*font-weight: bold;*/
	padding-left: 30px;
	line-height: 18px;
	background-image: url(../images/ok.gif);
	background-repeat: no-repeat;
/*	width: 290px;*/
}
/** html .listen_typ_ok { width: 320px; }*/

#maincol H5 { 
	color: #2A3F9C;
	font-size: 12px;
	text-transform: uppercase;
	background-color: #C6D3E9;
	width: 544px;
	padding-left: 10px;
	line-height: 18px;
	margin: 0px 0px 8px 0px;
}
* html #maincol H5 { 
	width: 553px; 
}

.haupttitel {
	font-weight: bold;
	color: #0057B0;
	font-size: 12px;
	text-transform: uppercase;
	line-height: 20px;
	margin: 0px;
}

#news H1,
#content H1 { 
	font-weight: bold;
	color: #ffffff;
	font-size: 12px;
	background-color: #0057B0;
	padding-left: 10px;
	line-height: 20px;
	height: 20px;
	margin: 0px;
	margin-left:-8px; /*h1 Balken nach links verschieben*/
	clear: left;
}
* html #news,
* html #content{
	padding-left: 8px; /*Kleine Einrückung des Texts gegenüber des H1 Titels*/
}


.untertitel_1,
.untertitel_1_noBold,
H2,
#maincol H2 A {
	font-size: 12px;
	line-height: 16px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: bold;
	text-decoration: none;
  color: #000000;
}
.untertitel_1_noBold { font-weight: normal; }

.titel_balken_blau,
H3 { 
	/*text-transform: uppercase; */
	font-size: 11px; 
	background-color: #3983CE; 
	color: white; 
	line-height: 18px;  
	font-weight: bold; 
	padding-left: 10px; 
	margin-top: 0px; 
	margin-bottom: 0px; 
}
	
.titel_balken_schwarz,
H4 {
	/*text-transform: uppercase;*/
	font-size: 11px;
	background-color: #555555;
	color: white;
	line-height: 18px;
	font-weight: bold;
	padding-left: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.grosse_zahl { font-size: 20px; }


.adaptiv_box { background-color: #E5EEF7; padding: 8px 8px 8px 10px; } /* default = blue */
.blue_box { background-color: #E5EEF7; padding: 8px 8px 8px 10px; }
.grey_box { background-color: #eeeeee; padding: 8px 8px 8px 10px; }

.adaptiv_box H3,
.blue_box H3,
.grey_box H3,
.adaptiv_box H4,
.blue_box H4,
.grey_box H4 { margin-left: -10px; margin-right: -8px; }

#rightcol .adaptiv_box,
#rightcol .blue_box,
#rightcol .grey_box { padding: 0px; }


#news A,
#content A { color:#2A3F9C; }

#news A:hover,
#content A:hover { color:#555555; }

.pfeillink { text-align: right; }

#menu_v {
	margin-top: 10px;
	width: 166px;
	float: left;
}
	
#content { 
	float: right;
	display: block;
	width:490px;
	margin: 10px;
}
 
#footer { 
	width: 921px;
	clear: both; 
	margin-left: 69px;
	height: 35px;
	padding: 0px 0px 20px 0px;
	background-image: url(../images/dotted_v.gif);
	background-repeat: repeat-y;	
}

#footerLeft { 
	float: left; 
	width: 688px; 
}

#footerRight { 
	float: right; 
	width: 232px;
}

.pfeillink  A,
#footerRight A,
.pfeillinkBack A { 
	text-decoration: none;
	color: #2A3F9C;
	background-image: url(../images/weiter.gif);
	background-repeat: no-repeat;
	line-height: 11px;
	padding: 0px 20px 0px 10px;
}

.pfeillinkBack A {
	background-image: url(../images/zurueck.gif);
}

#footerRight A {
	padding: 0px 2px 0px 10px;
	margin-left: 10px;
}


#copyright1,
#copyright2 {	float: left; width: 120px; }
#copyright1 { width: 556px; }

#copyright2 { text-align: right; }

#copyright1 A { color: #2A3F9C; text-decoration: none; }
#copyright1 A:hover { color: #555555; }

#copyright2 A { color: #999999; text-decoration: none; }
#copyright2 A:hover { text-decoration: underline; }

/*NEWS CSS*/

.news-list-item { margin-left:5px; margin-right: 20px;}
.news-single-imgcaption { margin: 0px; font-weight: bold;}
.news-single-img { float: left; margin: 5px 10px 10px 0px ; }

/*FORMULAR CSS*/
 
.formTextarea,
.formField,
.formSelect,
.formSelectElement,
.formButton  {  font-size: 11px; }

.formTextarea,
.formField { 
	width: 200px;  
	}

.standardLabel {
	clear:left; 
	float:left; 
	width: 120px; 
	vertical-align: top; 
	padding: 3px;
	}
	
FORM DIV.standardField {
	padding: 3px;
	clear:right; 
	width: 350px;  
	vertical-align: top;
}

.standardField SELECT {
	width: 223px;
}
	
TEXTAREA {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; 
	line-height: 17px;
	width: 220px;
	font-size: 11px;
}

INPUT {
	font-size: 11px;
}


	
.checkField {
	clear:left; 
	float:left; 
	width: 30px;  
	vertical-align: top; 
	margin-top: 5px; 
	margin-bottom: 5px;
	}
	
.checkLabel {
	clear:right; 
	width: 300px;  
	vertical-align: top; 
	margin-top: 5px; 
	margin-bottom: 5px; 
	border: 1px solid #FFFFFF;
	}

/*NEWLSETTER*/
fieldset {
margin: 0px 0px 10px 0px;
padding: 0;
border: none;
	}
	
#nlForm #labels { float:left;  margin: 0px 10px 10px 0px; line-height: 24px; }
#nlForm #fields { margin: 0px 0px 10px 0px; }
#nlForm .formButton { margin-top: 3px; }

#nlForm .formfield, 
#tipForm .formfield {
	width: 200px;
	background-color: #D5E2F2; 
	border:#D5E2F2;
	margin: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	line-height: 11px; 
	margin: 2px 2px 2px 0px; 
	height: 17px; 
	padding: 3px;
	}

* html #nlForm .formfield,
* html #tipForm .formfield {height: 21px; }


/*TABELLE*/

.tbl_norm,
.tbl_bbottom,
.tbl_bheader,
.tbl_bheader_v {
	vertical-align: top;
	height: 25px;
	padding-right: 5px;
	width: auto;
}


.tbl_bbottom { 
	border-bottom: 1px solid #C6D3E9; 
	text-align: left; 
	empty-cells:show;
	}

.tbl_bheader { 
	border-top: 1px solid #C6D3E9; 
	border-bottom: 1px solid #C6D3E9; 
	text-align: left; 
	empty-cells:show;
	}

.tbl_bheader_v { 
	border-bottom: 1px solid #C6D3E9; 
	text-align: left;
	empty-cells:show;
	}
/*TABELLE end*/


#content .abcMenuItem A,
#content .abcMenuItem_act A {
 	float:left; 
	width: 19px;
	background-color: #FF0000;
	color: #FFFFFF;
	margin-right:1px;
	vertical-align: middle;
	text-align: center;
	font-weight:  bold;
	text-decoration: none;
	}
	
#content .abcMenuItem_act A {
	background-color: #0057B0;
}
#glossar_abc,
#glossar_browser
 {
	height: 30px;
	}
#glossar_content {
 min-height: 400px;
}

* html #glossar_content {
 height: 400px;
}