/* 
Farbklassen:

Hintergrund 1 :
Hintergrund Menü :
Hauptfarbe 1  : 
Hauptfarbe 2  : 
Highlight     : 

*/

/* ################################################################# */
/* Content */
/* ################################################################# */

body {
  font-family: Verdana,Verdana, Helvetica, sans-serif;
  font-size: 11px;
  color: #00225C;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-image: url("../images/bg_2col.gif");
}

h1 {
  font-family: Verdana,Verdana, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #00225C;  
  margin: 24px 0px 8px 0px;
  padding: 0px 0px 0px 0px;
  clear: all;
}

h1.csc-firstHeader {
  font-family: Verdana,Verdana, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  color: #00225C;  
  margin: 22px 0px 8px 0px;
}


p {
  font-family: Verdana,Verdana, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 18px;
  margin: 2px 0px 2px 0px;
  padding: 0px 0px 0px 0px;
}

p.teaser {
  font-style: italic;
  color: #ff8527;
}

b {
  font-weight: bold;
}

strong {
  font-weight: bold;
}

i {
  font-style: italic;
}

em {
  font-style: italic;
}

img {
  border: 0px;
}

/* Listen */

ul {
  font-size: 11px;
  line-height: 18px;
  margin: 2px 0px 2px 0px;
  padding: 0px 0px 0px 20px;
}

ol {
  font-size: 11px;
  line-height: 18px;
  margin: 2px 0px 2px 4px;
  padding: 0px 0px 0px 16px;
}


/* Links */

a {
  color: #00225C;
  text-decoration: underline;
}

a:link {
  color: #00225C;
  text-decoration: underline;
}

a:visited {
  color: #00225C;
}

a:hover {
  color: #ff8527;
}

/* ################################################################# */
/* Text mit Bild */
/* ################################################################# */

/* Captions */
p.csc-caption {
  font-size: 10px;
  text-align: center;
}

DIV.csi-caption-c .csi-caption { text-align: center; }
DIV.csi-caption-r .csi-caption { text-align: right; }
DIV.csi-caption-l .csi-caption { text-align: left; }

/* Needed for noRows setting */
DIV.csi-textpic DIV.csi-imagecolumn { float: left; display: inline; }

/* Border just around the image, like content (default) does: */
DIV.csi-border-2-black DIV.csi-imagewrap .csi-image IMG {
  border: 2px solid #00225C;
}

DIV.csi-imagewrap { padding: 0; }

DIV.csi-textpic IMG { border: none; }

/* DIV: This will place the images side by side */
DIV.csi-textpic DIV.csi-imagewrap DIV.csi-image { float: left; }

/* UL: This will place the images side by side */
DIV.csi-textpic DIV.csi-imagewrap UL { list-style: none; margin: 0; padding: 0; }
DIV.csi-textpic DIV.csi-imagewrap UL LI { float: left; margin: 0; padding: 0; }

/* DL: This will place the images side by side */
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image { float: left; }
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image DT { float: none; }
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image DD { float: none; }
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image DD IMG { border: none; } /* FE-Editing Icons */
DL.csi-image { margin: 0; }
DL.csi-image DT { margin: 0; display: inline; }
DL.csi-image DD { margin: 0; }

/* Clearer */
DIV.csi-clear { clear: both; }

/* Margins around images: */

/* Pictures on left, add padding on right */
DIV.csi-left DIV.csi-imagewrap .csi-image,
DIV.csi-intext-left-nowrap DIV.csi-imagewrap .csi-image,
DIV.csi-intext-left DIV.csi-imagewrap .csi-image {
  display: inline; /* IE fix for double-margin bug */
  margin-right: 10px; /* Customize me, and set colSpace/textMargin in TS */
}

/* Pictures on right, add padding on left */
DIV.csi-right DIV.csi-imagewrap .csi-image,
DIV.csi-intext-right-nowrap DIV.csi-imagewrap .csi-image,
DIV.csi-intext-right DIV.csi-imagewrap .csi-image {
  display: inline; /* IE fix for double-margin bug */
  margin-left: 10px; /* Customize me, and set colSpace/textMargin in TS */
}

/* Pictures centered, add padding left and right */
DIV.csi-center DIV.csi-imagewrap .csi-image {
  display: inline; /* IE fix for double-margin bug */
  margin-left: 10px; /* Customize me, and set colSpace/textMargin in TS */
  margin-right: 10px; /* Customize me, and set colSpace/textMargin in TS */
}

DIV.csi-textpic DIV.csi-imagewrap .csi-image .csi-caption { margin: 0; }
DIV.csi-textpic DIV.csi-imagewrap .csi-image IMG { margin: 0; }

/* Space below each image (also in-between rows) */
DIV.csi-textpic DIV.csi-imagewrap .csi-image { margin-bottom: 5px; }
DIV.csi-equalheight DIV.csi-imagerow { margin-bottom: 5px; display: block; }

/* Positioning of images: */

/* Above */
DIV.csi-above DIV.csi-text { clear: both; }

/* Center (above or below) */
DIV.csi-center { text-align: center; /* IE-hack */ }
DIV.csi-center DIV.csi-imagewrap { margin: 0 auto; }
DIV.csi-center DIV.csi-imagewrap .csi-image { text-align: left; /* Remove IE-hack */ }
DIV.csi-center DIV.csi-text { text-align: left; /* Remove IE-hack */ }

/* Right (above or below) */
DIV.csi-right DIV.csi-imagewrap { float: right; }
DIV.csi-right DIV.csi-text { clear: right; }

/* Left (above or below) */
DIV.csi-left DIV.csi-imagewrap { float: left; }
DIV.csi-left DIV.csi-text { clear: left; }

/* Left (in text) */
DIV.csi-intext-left DIV.csi-imagewrap { float: left; }

/* Right (in text) */
DIV.csi-intext-right DIV.csi-imagewrap { float: right; }

/* Right (in text, no wrap around) */
DIV.csi-intext-right-nowrap DIV.csi-imagewrap { float: right; clear: both; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csi-intext-right-nowrap .csi-text { height: 1%; }
/* End hide from IE5/mac */ 

/* Left (in text, no wrap around) */
DIV.csi-intext-left-nowrap DIV.csi-imagewrap { float: left; clear: both; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csi-intext-left-nowrap .csi-text { height: 1%; }
/* End hide from IE5/mac */


/* ################################################################# */
/* Tabellen */
/* ################################################################# */

table.contenttable {
  width: 456px;
  border-collapse: collapse;
  background-color: #D0D6E1;
  font-size: 11px;
}

table.contenttable * td {
  background-color: #3d5783;
  color: #ffffff;
  font-weight: normal;
  padding: 12px 4px 7px 9px;
  border-top: 2px #D0D6E1 solid;
}

table.contenttable * td.td-0 {
  background-color: #00225C;
  color: #ffffff;
  font-weight: bold;
  width: 120px;
}


/* Produktkategorien */

table.productcategory {
  color: #00225C;
  width: 456px;
  border-collapse: collapse;
  background-color: #D0D6E1;
  font-size: 11px;
}

table.productcategory * td.header {
  color: #ffffff;
  background-color: #00225C;
  font-weight: bold;
  padding: 12px 4px 7px 9px;
}

table.productcategory * td.description {
  line-height: 14px;
  padding: 12px 4px 7px 9px;
  border-top: 2px #D0D6E1 solid;
  text-align: left;
  width: 385px;
}

table.productcategory * td.download {
  padding: 12px 4px 7px 9px;
  border-top: 2px #D0D6E1 solid;
  text-align: right;
  width: 45px;
}

table.productsinstock {
  width: 330px;
  border-collapse: collapse;
  background-color: #D0D6E1;
  font-size: 11px;
}

table.productsinstock * td {
  background-color: #3d5783;
  color: #ffffff;
  font-weight: normal;
  padding: 8px 4px 7px 9px;
  border-top: 2px #D0D6E1 solid;
}

table.productsinstock * td.td-0 {
  background-color: #00225C;
  color: #ffffff;
  font-weight: bold;
  width: 120px;
}

td.darkblue {
  color: #ffffff;
  background-color: #00225C;
  font-weight: normal;
  padding: 12px 4px 7px 9px;
  border-top: 2px #D0D6E1 solid;
}

td.blue {
  color: #00225C;
  background-color: #3d5783;
  font-weight: normal;
  padding: 12px 4px 7px 9px;
  border-top: 2px #D0D6E1 solid;
}

td.lightblue {
  color: #00225C;
  background-color: #D0D6E1;
  font-weight: normal;
  padding: 12px 4px 7px 9px;
  border-top: 2px #D0D6E1 solid;
}

tr.tr-0 td, tr.tr-0 td.td-0  {
  background-color: #d0d6e1;
  color: #00225C;
  font-weight: bold;
  width: auto;
  padding: 10px 24px 12px 12px;
  margin: 0px 0px 0px 0px;
  border: 0px 0px 0px 0px;
}

table.blank * tr.tr-0 td, table.blank tr.tr-0 td.td-0  {
  background-color: #ffffff;
  color: #00225C;
  font-weight: bold;
  width: auto;
  padding: 2px 2px 2px 0px;
  margin: 0px 0px 0px 0px;
  border: 0px 0px 0px 0px;
}

table * p {
  color: inherit;
  font-weight: inherit;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

/* ################################################################# */
/* Downloads */
/* ################################################################# */

div.downloaditem {
  margin: 4px 0px 4px 0px;
  padding: 0px 0px 0px 0px;
}

span.downloadicon { 
  vertical-align: baseline;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

span.downloadfile {
  vertical-align: top;
  margin: 0px 0px 0px 8px;
  padding: 0px 0px 0px 0px;
}

span.downloadsize {
  vertical-align: top;
  margin: 0px 0px 0px 8px;
  padding: 0px 0px 0px 0px;
}


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

div.navi_2 {
	padding: 16px 0px 8px 0px;
}

div.navi_2_act {
	padding: 16px 0px 8px 0px;
}

div.navi_3 {
  background-color: #F3F3F3;
	padding: 4px 0px 2px 0px;
}

div.navi_3_act {
  background-color: #F3F3F3;
	padding: 4px 0px 2px 0px;
}

div.navi_4 {
  background-color: #F3F3F3;
	padding: 2px 0px 2px 0px;
}

div.navi_4_act {
  background-color: #F3F3F3;
	padding: 2px 0px 2px 0px;
}

a.navi_2, a.navi_2:link, a.navi_2:visited  {
  display: block;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #969696;
  text-decoration: none;
	padding: 0px 0px 0px 16px;
  background-image: url("../images/bg_navi.gif");
  background-repeat: no-repeat;
	background-position: 4px 0px;
}

a.navi_2:hover {
  color: #000000;
}

a.navi_2_act, a.navi_2_act:link, a.navi_2_act:visited, a.navi_2_act:hover {
  display: block;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #000000;
  text-decoration: none;
	padding: 0px 0px 0px 16px;
  background-image: url("../images/bg_navi.gif");
  background-repeat: no-repeat;
	background-position: 4px 0px;
}

a.navi_3, a.navi_3:link, a.navi_3:visited {
  display: block;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #969696;
  text-decoration: none;
	margin: 0px 0px 0px 6px;
	padding: 6px 0px 0px 12px;
  border-top: solid 1px #DCDCDC;
}

a.navi_3:hover {
  color: #000000;
  background-image: url("../images/bg_navi.gif");
  background-repeat: no-repeat;
	background-position: 0px 6px;
}

a.navi_3_first, a.navi_3_first:link, a.navi_3_first:visited {
  display: block;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #969696;
  text-decoration: none;
	margin: 0px 0px 0px 6px;
	padding: 4px 0px 2px 12px;
}

a.navi_3_first:hover {
  color: #000000;
  background-image: url("../images/bg_navi.gif");
  background-repeat: no-repeat;
	background-position: 0px 4px;
}

a.navi_3_last, a.navi_3_last:link, a.navi_3_last:visited {
  display: block;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #969696;
  text-decoration: none;
  border-top: solid 1px #DCDCDC;
	margin: 0px 0px 8px 6px;
	padding: 4px 0px 4px 12px;
}

a.navi_3_last:hover {
  color: #000000;
  background-image: url("../images/bg_navi.gif");
  background-repeat: no-repeat;
	background-position: 0px 4px;
}

a.navi_3_act, a.navi_3_act:link, a.navi_3_act:visited, a.navi_3_act:hover {
  display: block;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #000000;
  text-decoration: none;
	margin: 0px 0px 0px 6px;
	padding: 6px 0px 0px 12px;
  border-top: solid 1px #DCDCDC;
  background-image: url("../images/bg_navi.gif");
  background-repeat: no-repeat;
	background-position: 0px 6px;
}

a.navi_3_first_act, a.navi_3_first_act:link, a.navi_3_first_act:visited, a.navi_3_first_act:hover {
  display: block;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #000000;
  text-decoration: none;
	margin: 0px 0px 0px 6px;
	padding: 4px 0px 2px 12px;
  background-image: url("../images/bg_navi.gif");
  background-repeat: no-repeat;
	background-position: 0px 4px;
}

a.navi_3_last_act, a.navi_3_last_act:link, a.navi_3_last_act:visited, a.navi_3_last_act:hover {
  display: block;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #000000;
  text-decoration: none;
	margin: 0px 0px 8px 6px;
	padding: 4px 0px 4px 12px;
  border-top: solid 1px #DCDCDC;
  background-image: url("../images/bg_navi.gif");
  background-repeat: no-repeat;
	background-position: 0px 4px;
}

a.navi_4 {
  display: block;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 10px;
  color: #969696;
  text-decoration: none;
	margin: 4px 0px 0px 12px;
	padding: 4px 0px 0px 12px;
  border-top: solid 1px #DCDCDC;
}

a.navi_4:link {
  color: #969696;
}

a.navi_4:visited {
  color: #969696;
}

a.navi_4:hover {
  color: #969696;
  background-image: url("../images/bg_navi.gif");
  background-repeat: no-repeat;
	background-position: 0px 4px;
}

a.navi_4_act {
  display: block;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
  text-decoration: none;
	margin: 4px 0px 0px 12px;
	padding: 4px 0px 0px 12px;
  border-top: solid 1px #DCDCDC;
  background-image: url("../images/bg_navi.gif");
  background-repeat: no-repeat;
	background-position: 0px 4px;
}

a.navi_4_act:link {
  color: #000000;
}

a.navi_4_act:visited {
  color: #000000;
}

a.navi_4_act:hover {
  color: #000000;
}


/* ################################################################# */
/* Klickpfad */
/* ################################################################# */

.path {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 9px;
  font-weight: bold;
  text-decoration: none;
  color: #3d5783;
}

a.path:link {
  color: #3d5783;
}

a.path:visited {
  color: #3d5783;
}

a.path:hover {
  color: #3d5783;
}

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

.gen_navi {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 11px;
  text-decoration: none;
  color: #000000;
}

a.gen_navi:link {
  color: #000000;
}

a.gen_navi:visited {
  color: #000000;
}

a.gen_navi:hover {
  color: #000000;
}

/* ################################################################# */
/* Pager */
/* ################################################################# */


div.pager-prev {
  display: inline;
  text-align: center;
  background-color: #00225C;
  padding: 2px 2px 2px 2px;
  margin: 0px 2px 0px 2px;
}

div.pager-up {
  display: inline;
  text-align: center;
  background-color: #3d5783;
  padding: 2px 2px 2px 2px;
  margin: 0px 2px 0px 2px;
}

div.pager-next {
  display: inline;
  text-align: center;
  background-color: #00225C;
  padding: 2px 2px 2px 2px;
  margin: 0px 2px 0px 2px;
}

a.pager, a.pager:link, a.pager:visited, a.pager:hover {
  color: #ffffff;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
}


/* ################################################################# */
/* suche */
/* ################################################################# */

#search INPUT.searchform {
	width: 100px;
	font-size: 10px;
	border-style : solid;
	border : 1px solid #6264A2;
}

/* ################################################################# */
/* Margin */
/* ################################################################# */


#rmargin H1 {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
	text-align : left;
  text-transform: uppercase;
  background-color: #ff8527;
  margin: 0px 0px 12px 0px;
  padding: 6px 8px 6px 8px;
}

#rmargin div.rmarginbox {
  width: 139px;
  margin: 10px 0px 10px 0px;
  padding: 0px 0px 20px 0px;
  background-color: #ffb77f;
}

#rmargin p {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 11px;
  color: #00225c;
	text-align : left;
  margin: 0px 0px 0px 0px;
  padding: 0px 4px 0px 8px;
}

#rmargin td {
  margin: 0px 0px 0px 0px;
  padding: 0px 4px 0px 8px;
}

#rmargin td {
  font-family: Verdana, Helvetica, sans-serif;
  text-align: left;
  vertical-align: top;
  font-size: 11px;
  color: #00225c;
	text-align : left;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#rmargin ul {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 11px;
  list-style-type: square;
  color: #00225c;
  margin: 0px 0px 0px 0px;
  padding: 2px 2px 2px 18px;
}

#rmargin ol {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 10px;
  margin: 0px 0px 0px 0px;
  padding: 2px 2px 2px 18px;
}

#rmargin li {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

/* ################################################################# */
/* Footer */
/* ################################################################# */

p.footer {
  font-size: 10px;
  color: #969696;
	text-align : center;
}

/* ################################################################# */
/* ESPEC Global */
/* ################################################################# */
div.globalbutton {
  margin: 24px 0px 0px 8px;
  padding: 0px 0px 0px 0px;
}

div.globalbutton_hp {
  margin: 360px 0px 0px 8px;
  padding: 0px 0px 0px 0px;
}

/* ################################################################# */
/* Sitemap */
/* ################################################################# */

p.csc-sitemap-level1 {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #ffffff;
  width: 100%;
  background-color: #00225c;
  padding: 2px 2px 2px 4px;
  margin: 11px 0px 6px 0px;
}

p.csc-sitemap-level2 {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 11px;
  color: #00225c;
}

p.csc-sitemap-level3 {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 11px;
  color: #00225c;
}

p.csc-sitemap-level4 {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 11px;
  color: #00225c;
}

a.csc-sitemap-level1 {
  display: block;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 11px;
  color: #ffffff;
  text-decoration: none;
	padding: 0px 0px 0px 8px;
}

a.csc-sitemap-level1:link {
  color: #ffffff;
}

a.csc-sitemap-level1:visited {
  color: #ffffff;
}

a.csc-sitemap-level1:hover {
  color: #ff8527;
}

a.csc-sitemap-level2 {
  display: block;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 11px;
  color: #00225c;
  text-decoration: none;
	padding: 0px 0px 0px 16px;
}

a.csc-sitemap-level2:link {
  color: #00225c;
}

a.csc-sitemap-level2:visited {
  color: #00225c;
}

a.csc-sitemap-level2:hover {
  color: #ff8527;
  background-image: url("../images/bg_navi.gif");
  background-repeat: no-repeat;
	background-position: 6px 2px;
}

a.csc-sitemap-level3 {
  display: block;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 11px;
  color: #00225c;
  text-decoration: none;
	padding: 0px 0px 0px 24px;
}

a.csc-sitemap-level3:link {
  color: #00225c;
}

a.csc-sitemap-level3:visited {
  color: #00225c;
}

a.csc-sitemap-level3:hover {
  color: #ff8527;
  background-image: url("../images/bg_navi.gif");
  background-repeat: no-repeat;
	background-position: 14px 2px;
}

a.csc-sitemap-level4 {
  display: block;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 11px;
  color: #00225c;
  text-decoration: none;
	padding: 0px 0px 0px 32px;
}

a.csc-sitemap-level4:link {
  color: #00225c;
}

a.csc-sitemap-level4:visited {
  color: #00225c;
}

a.csc-sitemap-level4:hover {
  color: #ff8527;
  background-image: url("../images/bg_navi.gif");
  background-repeat: no-repeat;
	background-position: 22px 2px;
}