/* 
Farbklassen:

Hintergrund 1 :
Hintergrund Men� :
Hauptfarbe 1  : 
Hauptfarbe 2  : 
Highlight     : 

*/

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

div.csc-header {
  clear: both;
  display: block;
  padding: 24px 0px 0px 0px;
}

div.csc-header-n1 {
  padding: 0px 0px 0px 0px;
}

h1 {
	color:#C02039;
  font-size: 16px;
  font-weight: bold;
  margin: 24px 0px 4px 0px;
  padding: 0px 0px 0px 0px;
}

h1.csc-firstHeader {
	color:#C02039;
  font-size: 16px;
  font-weight: bold;
  margin: 24px 0px 4px 0px;
  padding: 0px 0px 0px 0px;
}

h2 {
	color: #71879A;
	font-size: 14px;
	font-weight: bold;
}


p {
  font-size: 14px;
  font-weight: normal;
}

b {
  font-weight: bold;
}

strong {
  font-weight: bold;
}

img {
  border: none;
}

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

a:visited {
	color: #888888;
	text-decoration: underline;
}

a:hover {
	color: #202080;
	text-decoration: underline;
}


/* ################################################################# */
/* listen */
/* ################################################################# */

ul, ul {
  margin: 0px;
  padding: 0px 0px 0px 28px;
  margin-bottom: -8px;
}

li {
  margin: 0px 0px 0px 0px;
	font-size: 14px;
  padding: 0px 0px 10px 0px;
	list-style-type: bullet;
	list-style-image: url("../images/blue_bullet.jpg");
}

/* ################################################################# */
/* 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;
}

/* ################################################################# */
/* 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 {
  border-collapse: collapse;
}

table.contenttable th {
  color: #ffffff;
  font-weight: bold;
  border: 1px solid #808080;
  padding: 2px 4px;
  text-align: center;
  background-color: #404040;
}

table.contenttable td {
  border: 1px solid #808080;
  padding: 2px 4px;
  text-align: left;
}

table.contenttable tr.tr-even td {
  background-color: #f0f0f0;
}

/* ################################################################# */
/* 1st-Level-Navi */
/* ################################################################# */

div.mainnavi {
	padding-bottom:6px;
	padding-top:15px;
}

div.mainnavi div.navi_1,
div.mainnavi div.navi_1_act {
	padding:9px 20px;
}

a.navi_1:link,
a.navi_1:visited,
a.navi_1:hover {
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
}

a.navi_1_act {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #ffffff;
  text-decoration: none;
	padding: 2px 2px 2px 2px;
}

a.navi_1_act:link,
a.navi_1_act:visited,
a.navi_1_act:hover {
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
}


/* ################################################################# */
/* 2nd Navigation  */
/* ################################################################# */

div.mainnavi div.navi_2,
div.mainnavi div.navi_2_act {
	padding:0px 20px 5px 35px;
}

a.navi_2:link,
a.navi_2:visited,
a.navi_2:hover {
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
}

a.navi_2,
a.navi_2_act {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #ffffff;
  text-decoration: none;
	padding: 2px 2px 2px 2px;
}

a.navi_2_act:link,
a.navi_2_act:visited,
a.navi_2_act:hover {
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
}

/* ################################################################# */
/* 3rd Navigation  */
/* ################################################################# */


div.navi_3 {
	padding: 2px 0px 2px 0px;
}

a.navi_3 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  text-decoration: none;
	padding: 0px 0px 0px 24px;
  background-image: url("../images/bg_navi_3.gif");
  background-repeat: no-repeat;
}

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

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

a.navi_3:hover {
  color: #800000;
  background-image: url("../images/bg_navi_3_hover.gif");
}

a.navi_3_act {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #800000;
  text-decoration: none;
	padding: 0px 0px 0px 24px;
  background-image: url("../images/bg_navi_3_act.gif");
  background-repeat: no-repeat;
}

a.navi_3_act:link {
  color: #800000;
}

a.navi_3_act:visited {
  color: #800000;
}

a.navi_3_act:hover {
  color: #800000;
  background-image: url("../images/bg_navi_3_act_hover.gif");
}

/* ################################################################# */
/* 4th Navigation  */
/* ################################################################# */

div.navi_4 {
	padding: 2px 0px 2px 0px;
}

a.navi_1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  text-decoration: none;
	padding: 2px 2px 2px 2px;
}

a.navi_4 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  text-decoration: none;
	padding: 0px 0px 0px 32px;
  background-image: url("../images/bg_navi_4.gif");
  background-repeat: no-repeat;
}

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

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

a.navi_4:hover {
  color: #ff0000;
  background-image: url("../images/bg_navi_4_hover.gif");
}

a.navi_4_act {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #800000;
  text-decoration: none;
	padding: 0px 0px 0px 32px;
  background-image: url("../images/bg_navi_4_act.gif");
  background-repeat: no-repeat;
}

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

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

a.navi_4_act:hover {
  color: #800000;
  background-image: url("../images/bg_navi_4_act_hover.gif");
  background-repeat: no-repeat;
}


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

.path {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-decoration: none;
  color: #ffffff;
}

a.path:link {
  color: #ffffff;
}

a.path:visited {
  color: #ffffff;
}

a.path:hover {
  color: #ffffff;
}

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

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

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

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

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


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

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

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

#rmargin H1 {
  font-size: 11px;
  font-weight: bold;
  color: #ffffff;
	text-align : left;
  background-color: #6363A5;
  margin: 0px 0px 0px 0px;
  padding: 2px 2px 2px 4px;
}

#rmargin div.rmarginbox {
  width: 140px;
  margin: 20px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-color: #ffffff;
  border: 1px;
  border-style: solid;
  border-color: #6363A5;
}

#rmargin p {
  font-size: 10px;
  color: #000000;
	text-align : left;
  margin: 0px 0px 0px 0px;
  padding: 4px 2px 2px 4px;
}

#rmargin ul {
  font-size: 10px;
  list-style-type: square;
  color: #000000;
  margin: 0px 0px 0px 0px;
  padding: 2px 2px 2px 18px;
}

#rmargin ol {
  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: #000000;
	text-align : center;
}

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

p.csc-sitemap-level1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  width: 100%;
  background-color: #808080;
  padding: 2px 2px 2px 4px;
}

p.csc-sitemap-level2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
}

p.csc-sitemap-level3 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
}

p.csc-sitemap-level4 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
}

a.csc-sitemap-level1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  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: #800000;
}

a.csc-sitemap-level2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  text-decoration: none;
	padding: 0px 0px 0px 16px;
  background-image: url("../images/bg_sitemap_2.gif");
  background-repeat: no-repeat;
}

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

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

a.csc-sitemap-level2:hover {
  color: #800000;
  background-image: url("../images/bg_sitemap_2_hover.gif");
  background-repeat: no-repeat;
}

a.csc-sitemap-level3 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  text-decoration: none;
	padding: 0px 0px 0px 24px;
  background-image: url("../images/bg_sitemap_3.gif");
  background-repeat: no-repeat;
}

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

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

a.csc-sitemap-level3:hover {
  color: #800000;
  background-image: url("../images/bg_sitemap_3_hover.gif");
}

a.csc-sitemap-level4 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  text-decoration: none;
	padding: 0px 0px 0px 32px;
  background-image: url("../images/bg_sitemap_4.gif");
  background-repeat: no-repeat;
}

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

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

a.csc-sitemap-level4:hover {
  color: #ff0000;
  background-image: url("../images/bg_sitemap_4_hover.gif");
}




/* ################################################################# */
/* Mailformular */
/* ################################################################# */

#keyvisual div.csc-textpic { width:210px; }


fieldset.csc-mailform {
	border: 0px;
}

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

div.csc-mailform-field {
	padding: 4px 4px 4px 0px;
	font-size: 14px;
	float:left;
}

fieldset.csc-mailform input {
	font-size:14px;
	width:205px;
}

fieldset.csc-mailform input#mailformformtype_mail {
	width: 100px;
}

fieldset.csc-mailform input#mailformformtype_mail.csc-mailform-submit {
	margin-left: 119px;
}

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


table.contenttable {
  width: 500px;
  border-collapse: collapse;
  background-color: #ffffff;
  font-size: 12px;
  margin: 12px 0px 20px 0px;
}

table.contenttable td {
  background-color: #ffffff;
  color: #707070;
  font-weight: normal;
  padding: 2px 5px;
  vertical-align: top;
}

table.contenttable tr.tr-even td {
  background-color: #EEEEEC;
  color: #707070;
  font-weight: normal;
  padding: 2px 5px;
}

table.contenttable tr.tr-odd td {
  background-color: #ffffff;
  color: #707070;
  font-weight: normal;
  padding: 2px 5px;
}

table.contenttable tr.tr-0 td {
  background-color: #AABBCD;
  color: #ffffff;
  font-weight: bold;
  padding: 2px 5px;
}