/* master.css fuer kloecknerwerke.com */

/* Braun Hintergrund = #b9a185 */
/* Braun Menu        = #D3C4B2 */
/* Braun Menu 75%    = #DED3C5 */
/* Blau Table TD     = #D3DFDF */
/* Blau Table TH     = #A3C2CC */
/* Rot               = #cc0000 */


h1, h2, h3, h4, h5, h6, p, address, th, td, li, dt, dd, form, input, textarea, a {
	color: #000;
	font-family: 'Lucida Grande', Geneva, Verdana, sans-serif;
	line-height: 1.5em;
	}

h1 { color: #000; font-size: 2.1em; font-weight: bold; }
h2 { color: #000; font-size: 1.4em; font-weight: bold; }
h3 { color: #cc0000; font-size: 1.2em; font-weight: bold; }
h4 { color: #000; font-size: 1.0em; font-weight: bold; }
h5, h6 { color: #000; font-weight: normal; font-size: 1.0em; }
p, dl, ul, ol { font-size: 1.0em; line-height: 1.5em; }

table, tr, th, td { font-size: 1.0em; line-height: 1.5em; }
table tr { vertical-align: top; }
table td { text-align: left; }

input, textarea { font-size: 1.0em; color: #003;}

a:link, a:visited {
	color: #000;
	text-decoration: none;
	}
a:hover, a:active {
	color: #000;
	text-decoration: none;
	outline: none;
	}

strong, b { color: #000; font-weight: bold; }
em, i { color: #000; font-style: italic; }
img { border: 0 none; }
s, strike, del { text-decoration: none; }

.hide { display: none !important; }

/* Margin und Padding bei allen Blockelementen auf Null setzen */
* { margin: 0; padding: 0; }

/* Raender, Breite, Hintergrundfarbe, etc. der Seite */
html { min-width: 940px; }

body {
	text-align: center;
	font-family: 'Lucida Grande', Verdana, sans-serif;
	font-size: 75%;
	color: #000;
	background: #b9a185 url(bg.gif) repeat top left;
	}

#page {
	margin: 30px auto 30px auto;
	padding: 0;
	width: 940px;
	min-height: 450px;
	text-align: left;
	background: #fff url(bg-middle.gif) repeat-y top left;
	}

/* Beginn Header */
#header {
	position: relative;
	margin: 0;
	width: 940px;
	height: 142px;
	background: transparent url(bg-top.gif) no-repeat top left;
	}

#header h1 {
	position: absolute;
	top: 15px;
	left: 15px;
	width: 245px;
	height: 127px;
	background: transparent url(logo.gif) no-repeat 0 0;
	}

#header-slideshow {
	position: absolute;
	top: 15px;
	left: 273px;
	width: 650px;
	height: 115px;
	}
/* Ende Header */


/* Beginn Cat-Header*/
#cat-header {
	position: relative;
	margin: 0;
	width: 940px;
	height: 47px;
	background: transparent url(bg-headline.gif) no-repeat 15px 0;
	}

#cat-header h1 {
	margin: 0 50px 0 315px;
	padding: 10px 0 0 0;
	font-size: 1.1em;
	font-weight: bold;
	text-align: right;
	color: #000;
	}
	
#cat-header h1 span.red {
	font-weight: normal;
	color: #c00;	
	}
	
#cat-header h1 a:hover,
#cat-header h1 a:active {
	color: #c00;	
	}
	
body#catid-1 #cat-header h1 span#menu-h1-1,
body#catid-6 #cat-header h1 span#menu-h1-2 {
	color: #cc0000;
	cursor: pointer;
	}
/* Ende Cat-Header */


/* Beginn Menu */
#menu {
	float: left;
	margin: 0 0 0 30px;
	padding: 10px 5px 0 0;
	width: 225px;
	text-align: right;
	background: transparent url(bg-menu.gif) no-repeat top right;
	}

#menu ul {
	margin: 0;
	}	

#menu li {
	margin-left: 0;
	list-style: none;
	border: none;
	}

#menu ul.level-1 li a {
	display: block;
	margin: 0 0 1.0em 0;
	padding: 0 20px 0 0;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 250%;
	border-bottom: 1px solid #b9a185;
	}

#menu ul.level-2 {
	margin: 0 0 15px 0;
	}

#menu ul.level-2 li a {
	margin: 0 0 0.25em 0;
	min-height: 1.7em;
	font-size: 0.89em;
	font-weight: normal;
	line-height: 145%;
	border: none;
	}

#menu ul.level-3 {
	margin: 0 0 15px 0;
	background: transparent url(menu-line.gif) repeat-y 202px 0;
	}

#menu ul.level-3 li a {
	padding: 0 35px 0 0;	
	}

/* alle aktiven LIs 1., 2. und 3. Ebene rot
  
#menu ul.level-1 li.active a {
	color: #c00;
	}

#menu ul.level-1 li.active ul.level-2 li a {
	color: #000;
	background: none;
	}

#menu ul.level-1 li.active ul.level-2 li.active a {
	color: #c00;
	}

#menu ul.level-1 li.active ul.level-2 li.active ul.level-3 li a {
	color: #000;
	background: none;
	}

#menu ul.level-1 li.active ul.level-2 li.active ul.level-3 li.active a {
	color: #c00;
	}
*/

#menu a.current {
	color: #c00;
	}

#menu ul.level-1 li a:hover,
#menu ul.level-1 li a:active, 
#menu ul.level-1 li ul.level-2 li a:hover,
#menu ul.level-1 li ul.level-2 li a:active, 
#menu ul.level-1 li ul.level-2 li.active ul.level-3 li a:hover,
#menu ul.level-1 li ul.level-2 li.active ul.level-3 li a:active, 
#menu li.active a:hover,
#menu li.active a:active {
	color: #c00;
	background-color: #DED3C5;
	}

#menu ul.level-1 li.active a.current {
	background: #DED3C5 url(menu-marker.gif) no-repeat 210px 14px;
	}

#menu ul.level-1 li ul.level-2 li.active a.current{
	background: #DED3C5 url(menu-marker.gif) no-repeat 210px 6px;
	}

#menu ul.level-1 li ul.level-2 li ul.level-3 li.active a.current {
	background: #DED3C5 url(menu-marker.gif) no-repeat 200px 6px;
	}
/* Ende Menu */


/* Begin Content */
#content {
	float: right;
	margin: 40px 45px 40px 0;
	width: 590px;
	min-height: 350px;
	text-align: left;
	}

#content h2 {
	margin: 0 0 2.0em 0;
	padding: 10px;
	border: 0px solid #D3DFDF;
	border-width: 1px 0 1px 0;
	}

#content h3 {
	margin: 2.0em 0 0.5em 0;
	padding: 0 10px 0 10px;
	font-size: 1.2em;
	}

#content h4 {
	margin: 1.0em 0 0.5em 0;
	padding: 0 10px 0 10px;
	}

#content div.press-release h4 {
	margin-top: 3.0em;
	}


#content h5 {
	margin: 0.5em 0 0.5em 0;
	padding: 0 10px 0 10px;
	}

#content p {
	margin: 0 0 1.0em 0;
	padding: 0 10px 0 10px;
	}

#content p.no-left-padding {
	padding: 0;
	}


#content ul, #content ol {
	margin: 5px 0 15px 9px;
	padding: 0 10px 0 0;
	}

#content li {
	padding: 1px 1px 1px 15px;
	list-style: none;
	background: url(icon-li.gif) no-repeat 0 0.5em;
	}

#content a {
/*	padding: 2px 2px 2px 16px;*/
	color: #c00;
/*	background: transparent url(icon-link.gif) no-repeat 0 2px;*/
	}

#content a:hover, #content a:active {
	color: #c00;
	text-decoration: underline;
/*	background: #41A136 url(icon-link.gif) no-repeat 0 2px;*/
	}

#content hr {
	margin: 2.0em 0 2.0em 0;
	height: 1px;
	color: #aaa;
	background-color: #97c0e6;
	border: 0;
	}

  /* allgemeine Tabelle */
#content table {
	margin: 1.0em 0 1.0em 10px;
	padding: 0;
	border: 0 none;
	}

#content table tr {
	margin: 0;
	padding: 0;
	}
	
#content table th {
	padding: 2px 6px 2px 6px;
	vertical-align: top;
	font-weight: bold;
	color: #000;
	background-color: #A3C2CC;
	border: 1px solid #fff;
	}

#content table td {
	padding: 2px 6px 2px 6px;
	vertical-align: top;
	font-weight: normal;
	color: #000;
	background-color: #D3DFDF;
	border: 0px solid #fff;
	border-width: 0 1px 1px 0;
	}

  /* Tabelle ohne Farbe */
#content table.no-bg {
	margin: 0.5em 0 0.5em 10px;
/*	width: 100%; */
	}

#content table.no-bg tr {
	vertical-align: top;
	}

#content table.no-bg td {
	vertical-align: top;
	background-color: #fff;	
	}

#content table.no-bg td.td-left {
	padding: 1px 2px 1px 0;
	width: 80px;
	}

#content table.no-bg td.td-right {
	padding: 1px 2px 1px 0;
	vertical-align: middle;
	}
/* Ende Content */



/* Beginn # 10 - Sitemap */
#content ul.sitemap {
	list-style: none;
	margin: 1.0em 0 2.0em 10px;
	padding: 0;
	}
#content ul.sitemap li {
	margin: 0 0 0.6em 0;
	padding: 0;
	font-weight: bold;
	background-image: none;
	}
#content ul.sitemap li ul {
	margin: 0.6em 0 1.0em 1.5em;
	border-left: solid 1px #666;
	padding: 0 0 0 1.0em;
	list-style: none;
	}
#content ul.sitemap li ul li {
	margin: 0 0 0.6em 0;
	padding: 0;
	font-weight: normal;
	}
#content ul.sitemap li ul li ul {
	margin: 0.6em 0 1.0em 1.5em;
	border-left: solid 1px #999;
	padding: 0 0 0 1.0em;
	}
/* Ende # 10 - Sitemap */


/* Beginn # 14 - Slimbox (mit Eingabe der Bildbreite, Mootools) */
#content fieldset.slimbox {
	margin: 2.0em 0 2.0em 0;
	padding: 0;
	width: 590px;
	background-color: #fff;
	border: 1px solid #D3DFDF;
	}

#content legend.slimbox {
	display: none;
	padding: 0 8px 0 8px;
	color: #ccc;
	}

#content div.jaosg_galerie {
	margin: 0 10px 0 25px;
	padding: 0;
	}

  /* Beginn zusaetzlicher Abstand oben fuer die Slimbox auf der Seite Produkte */
#content div.produktseite {
	padding: 30px 0 0 0;
	}
	
#content div.produktseite span.produktbild {
	width: 170px;
	height: 126px;
	}

#content div.produktseite span.produktabstand {
	margin: 0;
	padding: 0;
	width: 1px;
	height: 1px;
	}
  /* Ende zusaetzlicher Abstand oben fuer die Slimbox auf der Seite Produkte */

#content div.jaosg_galerie span {
	float: left;
	margin: 0 15px 10px 0;
	text-align: center;
	}

#content div.jaosg_galerie span a {
	display: block;
	margin: 0 0 0 0;
	padding: 0;
	background: none;
	}

#content div.jaosg_galerie span a:hover,
#content div.jaosg_galerie span a:active {
	text-decoration: none;
	background: none;
	}
	
#content div.jaosg_footer {
	margin: 0.5em 0 1.0em 10px;
	font-size: 0.8em;
	color: #aaa;
	}

  /* Beginn Slimbox ohne Javascript */
#content div.jaosg_bild {
/*	width wird durch das Modul definiert */
	text-align: center;
	}

#content div.jaosg_bildbeschreibung {
	margin: 1.0em 0 0 0;
/*	width wird durch das Modul definiert */
	text-align: center;
	color: #000;
	}

#content div.jaosg_nav {
/*	width wird durch das Modul definiert */
	margin: 2.0em 0 0 0;
	padding: 5px 0 5px 0;
	font-size: 0.8em;
	text-align: center;
	border: 0px solid #97c0e6;
	border-width: 1px 0 1px 0;
	}
  /* Ende Slimbox ohne Javascript */
/* Ende # 14 - Slimbox (mit Eingabe der Bildbreite, Mootools) */


/* Beginn # 14a - Slimbox (mit fester Bildbreite und Extra-Thumbnails, Mootools) [v.1.2] */
#content div.jaosg_galerie span.span-fixed {
	float: left;
	margin: 0 10px 10px 0;
	text-align: center;
	}
/* Ende # 14a - Slimbox (mit fester Bildbreite und Extra-Thumbnails, Mootools) [v.1.2] */


/* Beginn # 15 - Beschreibung eines Artikels einbauen und verlinken (Alias) [r4] KWAG */
/* und [admin] Multilist nur Beschreibung (Ausgabe KWAG) */
#content table.table-release {
	margin: 1.0em 0 1.0em 0;
	padding: 0;
	width: 590px;
	background-color: #fff;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ccc; 
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ddd;
	}

#content table.table-release td.td-left {
	padding: 8px;
	width: 490px;
	background-color: #fff;
	border: 0 none;
	}

#content table.table-release td.td-right {
	padding: 8px 0 0 35px;
	width: 100px;
	background: #D3DFDF url(icon-link.gif) no-repeat 12px 10px;
	border: 0 none;
	}

#content table.table-release td.td-right span.small {
	font-size: 0.89em;	
	}

/* Ende # 15 - Beschreibung eines Artikels einbauen und verlinken (Alias) [r4] KWAG */
/* und [admin] Multilist nur Beschreibung (Ausgabe KWAG) */


/* Beginn # 21 - Text links + Bilder (min. 1) rechts */
#content div.left-21 h2 {
	width: 380px;
	}

#content div.right-21 {
	float: right;
	margin: 0 0 0 30px;
	width: 250px;
	text-align: right;
	}

#content div.right-21 div.jaosg_thumbnail {
	float: none;
	margin: 0 0 15px 0;
	text-align: center;
	}

#content div.right-21 div.jaosg_thumbnail img {
	border: 0px solid #ccc;
	}

#content div.right-21 div.jaosg_thumbnail a:link,
#content div.right-21 div.jaosg_thumbnail a:visited,
#content div.right-21 div.jaosg_thumbnail a:hover,
#content div.right-21 div.jaosg_thumbnail a:active {
	padding: 0;
	background: none;
	}
/* Ende # 21 - Text links + Bilder (min. 1) rechts */


/* Beginn # 31a - Download - PDF mit optionalem Datum (Tabelle) */
#content table.table-download {
	margin: 1.0em 0 1.0em 0;
	padding: 0;
	width: 590px;
	background-color: #fff;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ddd;
	}

#content table.table-download td.td-left {
	padding: 8px;
	width: 439px;
	background-color: #fff;
	border: 0 none;
	}

#content table.table-download td.td-right {
	padding: 8px 0 0 35px;
	width: 100px;
	background: #D3DFDF url(icon-link-down.gif) no-repeat 12px 10px;
	border: 0 none;
	}

#content table.table-download td.td-right span.small {
	font-size: 0.89em;	
	}
/* Ende # 31a - Download - PDF mit optionalem Datum (Tabelle) */


/* Beginn # 33 - Downloads - Auflistung einer Medienpool-Kategorie [KWAG] */
#content table.table-download-2 {
	margin: 1.0em 0 1.0em 0;
	padding: 0;
	width: 590px;
	background-color: #fff;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ddd;
	}

#content table.table-download-2 td.td-left {
	padding: 8px;
	width: 20px;
	text-align: right;
	background-color: #fff;
	border: 0 none;
	}

#content table.table-download-2 td.td-center {
	padding: 8px;
	width: 458px;
	background-color: #fff;
	border: 0 none;
	}

#content table.table-download-2 td.td-right {
	padding: 8px 0 0 35px;
	width: 45px;
	background: #D3DFDF url(icon-link-down.gif) no-repeat 12px 10px;
	border: 0 none;
	}

#content table.table-download-2 td.td-right span.small {
	font-size: 0.89em;	
	}
/* Ende # 33 - Downloads - Auflistung einer Medienpool-Kategorie [KWAG] */



/* Beginn Footer */
#footer {
	clear: both;
	margin: 20px auto 0 auto;
	width: 940px;
	height: 40px;
	text-align: left;
	background: transparent url(bg-bottom.gif) no-repeat bottom left;
	}

#footer p {
	margin: 0 45px 0 305px;
	padding: 3px 0 0 0;
	font-size: 0.89em;
	color: #000;
	border-top: 1px solid #D3DFDF;
	}

#footer p a {
	padding: 2px;
	font-size: 1.0em;
	color: #000;
	}

#footer p a:hover, #footer p a:active {
	color: #5474b2;
	text-decoration: none;
	background-color: #c00;
	}
/* Ende Footer */


/* Beginn Tabelle Kennzahlen */
#content table.figures {
	margin: 0;
	border: 0 none;
	empty-cells: show;
	}

#content table.figures th {
	margin: 0;
	padding: 3px 6px 3px 6px;
	font-weight: bold;
	background-color: #A3C2CC;
	border: 1px solid #A3C2CC;
	}

#content table.figures td {
	margin: 0;
	padding: 3px 6px 3px 6px;
	font-weight: normal;
	background-color: #fff;
	border: 0px solid #A3C2CC;
	border-width: 0 0 1px 0;
	}

#content table.figures tbody tr.row-first td {
	padding-top: 6px;
	border-top: 1px solid #999;
	}

#content table.figures tbody tr.row-last td {
	padding-bottom: 6px;
	border-bottom: 1px solid #999;
	}

#content table.figures tbody tr.row-first-last td {
	padding-bottom: 10px;
	border: 0 solid #999;
	border-width: 1px 0 1px 0;
	}

#content table.figures th.td-middle,
#content table.figures td.td-middle,
#content table.figures th.td-right,
#content table.figures td.td-right {
	text-align: right;
	}

#content table.figures th.td-middle {
	background-color: #D3DFDF;
	border: 0px solid #D3DFDF;
	border-width: 0 1px 1px 1px;
	}

#content table.figures td.td-middle {
	background-color: #D3DFDF;
	}

/* Ende Tabelle Kennzahlen */


/* Beginn Tabelle Aktie und Finanzkalender */
#content table.financial-calendar {
	margin: 0;
	empty-cells: show;
	}

#content table.financial-calendar td.td-left {
	padding: 4px 6px 4px 6px;
	font-weight: bold;
	background-color: #D3DFDF;
	border: 0px solid #A3C2CC;
	border-width: 0 0 1px 0;
	}

#content table.financial-calendar td.td-right {
	padding: 4px 6px 4px 6px;
	background-color: #D3DFDF;
	border: 0px solid #A3C2CC;
	border-width: 0 0 1px 0;
	}

#content table.financial-calendar td p {
	margin: 0.25em;
	padding: 0;
	}
	
  /* macht das rechte Tabellenfeld so breit wie das in der Download-Tabelle (#31a) */
#content table.financial-calendar td.td-right-width {
	width: 117px;
	}
/* Ende Tabelle Aktie und Finanzkalender */


/* Beginn Home */
#content p.home-p {
	float: left;
	width: 360px;
	font-size: 1.0em;
	}

#content div#box-news {
	float: right;
	margin: 0 0 24px 20px;
	padding: 0 0 0.25em 0;
	width: 176px;
	text-align: center;
	background-color: #fff;
	border: 0px solid #D3DFDF;
	border-width: 0 2px 2px 2px;
	}

#content div#box-news h3,
#content div#box-news h3 a {
	margin: 0 0 1.0em 0;
	padding: 0.5em 0 0.5em 0;
	width: 176px;
	font-size: 1.0em;
	color: #000;
	background-color: #D3DFDF;
	}

#content div#box-news h3 a:hover,
#content div#box-news h3 a:active {
	text-decoration: none;
	color: #c00;
	}

#content div#box-news p {
	font-size: 0.89em;
	}

#content div#box-news hr {
	margin: 0.5em 0 0.75em 0;
	width: 100%;
	height: 1px;
	text-align: center;
	color: #aaa;
	background-color: #97c0e6;
	border: 0;
	}

#content div#box-home div {
	float: left;
	margin: 0 24px 0 0;
	width: 180px;
	text-align: center;
	background-color: #D3DFDF;
	}

#content div#box-home div#box-geschaeftsberichte {
	margin: 0;
	}

#content div#box-home div h3,
#content div#box-home div h3 a {
	margin: 0.5em 0 0.5em 0;
	padding: 0;
	width: 180px;
	font-size: 1.0em;
	color: #000;
	}

#content div#box-home div h3 a:hover,
#content div#box-home div h3 a:active {
	text-decoration: none;
	color: #c00;
	}
/* Ende Home */


/* Beginn Historie */
a.span-link {
	color: #cc0000;
	font-weight: normal;
	}
/* Ende Historie */


p.margin-r10 img {
	margin-right: 10px;
	}



.border {
	padding: 0px;
	border: #000 solid 5px;
	}

.img-right {
	float: right;
	margin: 0 0 10px 20px;
	padding: 0;
	}
.img-left {
	float: left;
	margin: 0 20px 10px 0;
	padding: 0;
	}

.warning {
	color: #cc0000;
	}

/* Spezielle Klassen */
.bold { font-weight: bold !important; }
.left { text-align: left !important; }
.center { text-align: center !important; }
.right { text-align: right !important; }
.clear { clear: both !important; }