html,body {
  height: 100%;
}

body {
	background-image: url(/fileadmin/clofco/media/bg.jpg);
	background-position: left top;
	background-repeat: repeat-x;
	background-color: #F8F9FD;
	padding: 0;
	margin: 0;
}



div#fw {
  width: 100%;
	padding: 0 0 50px 0;
}

div#fwInner {
  position: relative;
	width: 842px;
  min-height: 200px;
	padding-top: 50px;
	margin-bottom: 75px;
} * html div#fwInner {
  height: 600px;
}

div#fwBg {
  position: absolute;
  width: 100%;
  min-height: 1174px;
  margin-top: -256px;
  padding-bottom: -500px;
	background-image: url(/fileadmin/clofco/media/fwBg.png);
	background-position: center top;
	background-repeat: repeat-x;
  z-index: 0;
} * html div#fwBg {
  width: 1284px;
  height: 1174px;
  margin-left: -642px;
	background:none; 
	background-color:transparent; 
	background-position: center top;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(align=center,src=/fileadmin/clofco/media/fwBg.png,sizingMethod='scale'); 
}

* html div#fwBgIeHack {
  position: absolute;
  width: 100%;
  height: 1174px;
  left: 0;
  top: 0;
  overflow: hidden;
}
* html div#fwBgIeHackInner {
  position: relative;
  width: 842px;
  height: 100%;
}


div#fw div#fwInner div#fwHeader,
div#fw div#fwInner div#fwContent {
  position: relative;
  display: block;
  float: left;
  clear: both;
  width: 842px;
	background-repeat: no-repeat;
	background-position: left top;
	z-index: 1;
	text-align: left;
}

div#fw div#fwInner div#fwHeader {
  background-color: #f6f8f9;
	background-image: url(/fileadmin/clofco/media/fwHeader.png);
  height: 251px;
  min-height: 251px;
}
div#fw div#fwInner div#fwContent {
	background-color: #de2f1f;
/*	background-image: url(/fileadmin/clofco/media/fwContent.png);*/
	background-image: url(/fileadmin/clofco/media/fwContent.gif);
/*  min-height: 100%;*/
	min-height: 250px;
  width: 792px;
	padding: 0 0 0 50px;
} * html div#fw div#fwInner div#fwContent {
/*  height: 100%;*/
	height: 250px;
/*  overflow: hidden;*/
}


div#fw div#fwInner div#fwHeader div#Logo {
  display: block;
  width: 300px;
  height: 21px;
  position: absolute;
  top: 200px;
  left: 476px;
	background-image: url(/fileadmin/clofco/media/logo.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
div#fw div#fwInner div#fwHeader div#Logo h1 {
  display: none;
  visibility: hidden;
}

div.Absolute {
  position: absolute;
  width: 842px;
  left: 0;
}



div#nav {
	position: absolute;
	bottom: -1px;
	clear: none;
	width: 200px;
	left: 50px; 
	padding: 0;
	margin: 0;
	font-size: x-small;

  filter: alpha(opacity=66);
  opacity: .66;
  -moz-opacity: .66;
  -khtml-opacity: .66;

} * html div#nav {
	bottom: -1px;
}



div#nav div.panel {
	background-image: url(/fileadmin/clofco/media/navLvl1.png);
	background-position: center top;
	background-repeat: repeat-x;
	list-style: none;
	padding: 4px 20px 4px 20px;
	margin: 2px 0 0 0;
	color: #ccc;
	font-weight: bold;
	font-size: inherit;
}


div#nav div.panelHeaderLink {
	margin: 0 -20px 0 0;
	position: relative;
}
div#nav div.panelHeaderLink h3 {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
	width: 50%;
	height: 25px;
	margin: 0;
	padding: 0;
	background-position: right 9px;
	background-repeat: no-repeat;
} * html div#nav div.panelHeaderLink h3 {
  background-position: right 7px;
}


div#nav div.panelHeaderLink a {
  color: #ffc;
  border: none;
  font-weight: bold;
	padding: 4px 15px 4px 0;
}
div#nav div.panelHeaderLink a:hover {
	background-image: url(/fileadmin/clofco/media/navMainArrow.gif);
	background-position: right center;
	background-repeat: no-repeat;
}

div#nav div.panelContent {
  display: block;
  height: 0;
  overflow: hidden;
}
div#nav div.panelContent a {
  text-decoration: none;
  color: #ddd;
	font-size: inherit;
	font-weight: normal;
	border: none;
	display: block;
	clear: both;
	padding-left: 20px;
}
div#nav div.panelContent a:hover {
  color: #de2f1f;
}
div#nav div.panelContent a:active {
  color: #de2f1f;
}

div#nav div.active {
  color: #ffc;
	padding-left: 20px;
	background-image: url(/fileadmin/clofco/media/navMainArrow.gif);
	background-position: 0% center;
	background-repeat: no-repeat;
}




div#fwContent div.textArea {
	display: block;
	float: right;
	clear: right;
	width: 345px;
	color: #fff;
	margin: 0;
	padding: 18px 20px 20px 20px;
  font-size: small;
	min-height: 100%;
} * html div#fwContent div.textArea {
	height: 100%;
}

div#fwContentLeft {
/*
  position: absolute;
*/
  float: left;
  top: 10px;
  left: 50px;
  width: 360px;
  padding: 10px;
  font-size: x-small;
  z-index: 100;
}


h1 { padding: 1em 0 0.5em 0; }
p { padding: 0.5em 0 1em 0; }



body, th, td, p, h1, h2, h3, li, input, textarea, select {
  font-family: Helvetica, Arial, sans-serif;
  line-height: 140%;
}
h1 { font-size: 1.4em; }


a {
	color: #ffc;
	text-decoration: none;
	border-color: #ffc;
	border-width: 0 0 1px 0;
	border-style: dashed;
}
a:hover {
  color: #fff;
	border-color: #fff;
}


.reiter,
.reiterAct {
	text-align: center;
	width: 140px;
	display: block;
	float: left;
	margin: -10px 14px 0 -10px;
  border: none;
	background-image: url(/fileadmin/clofco/media/formBg.png);
	background-repeat: repeat;
	color: #fff;
/*	font-size: small;*/
	font-weight: bold;
}
.reiter { padding: 4px 0 4px 0; }
.reiterAct { padding: 4px 0 8px 0; }

.reiter a,
.reiterAct a { border: none; }

* html .reiter {
	padding: 4px 0 4px 0;
	margin: -10px 14px -9px -10px;
}
* html .reiterAct {
	padding: 4px 0 8px 0;
	margin: -10px 14px -9px -10px;
}


form.mailform,
fieldset.csc-mailform {
  border: none;
  padding: 0;
	background-image: url(/fileadmin/clofco/media/formBg.png);
	background-repeat: repeat;
	padding: 10px;
	margin: -10px;
	color: #fff;
}
* html .reiter,
* html .reiterAct,
* html form.mailform,
* html fieldset.csc-mailform {
	background:none; 
	background-color:#080808; 
  filter: alpha(opacity=80);
}

div.csc-mailform-field {
  display: block;
  clear: both;
  min-height: 15px;
  line-height: 100%;
  width: 100%;
}

div.csc-mailform-field label {
  display: block;
  clear: left;
  float: left;
  width: 140px;
  line-height: 100%;
  height: 15px;
}
div.csc-mailform-field input,
div.csc-mailform-field textarea,
div.csc-mailform-field .default {
	display: block;
	float: right;
	clear: right;
	width: 200px;
  background-color: #000;
	border: 1px dotted #999;
	color: #fff;
	font-size: inherit;
	padding: 2px;
  line-height: 120%;
  margin: 0 0 2px 0;
  opacity: .75;
}


div.csc-mailform-field textarea {
  height: 75px;
}

* html div.csc-mailform-field input,
* html div.csc-mailform-field textarea,
div.csc-mailform-fieldpx input:hover,
div.csc-mailform-field textarea:hover,
div.csc-mailform-field .hover,
div.csc-mailform-field input.csc-mailform-submit {
  background-color: #000;
  border: 1px solid #fff;
	color: #fff;
	cursor: default;
}
div.csc-mailform-field input.csc-mailform-submit { cursor: pointer; }
/** html div.csc-mailform-field input.csc-mailform-submit { width: 206px; }
*/

div.referenceImage a,
div.referenceImage a img {
  border: none;
}
div.referenceImage a {
  padding: 10px;
  filter: alpha(opacity=100);
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
}
div.referenceImage a:hover {
  background-color: #981315;
  padding: 10px;
  filter: alpha(opacity=75);
  opacity: .75;
  -moz-opacity: .75;
  -khtml-opacity: .75;
}


div#loungePic {
	position: absolute;
	top: 0;
	left: 0;
	width: 457px;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 0% 0%;
} * html div#loungePic {
	height: 800px;
	z-index: -1;
}


table.csc-loginform {
  margin-bottom: 100px;
}
table.csc-loginform p {
  padding: 4px 10px 4px 0;
  margin: 0;
}



ul.csc-menu {
  position: absolute;
  top: 0;
  margin: 0 0 0 -10px;
  padding: 0;
	width: 200px;
  list-style: none;
  display: block;
}
ul.csc-menu li {
  width: 200px;
	height: 25px;
  list-style: none;
  overflow: hidden;
  margin: 2px 0 0 0;
  padding: 0;
  display: block;
}
ul.csc-menu li a {
	background-image: url(/fileadmin/clofco/media/navBg.png);
	background-position: center top;
	background-repeat: repeat-x;
	padding: 4px 20px 4px 20px;
	color: #ccc;
	font-weight: bold;
	font-size: inherit;
  border: none;
  width: 160px;
  height: 25px;
  display: block;

  filter: alpha(opacity=80);
  opacity: .80;
  -moz-opacity: .80;
  -khtml-opacity: .80;

}
ul.csc-menu li a:hover {
  filter: alpha(opacity=100);
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
}




div.jobList table {
  width: 740px;
  margin-left: -427px;
  background-color: #1a1a1a;
  padding: 4px;
}
* html div.jobList {
	width: 100%;
  margin: 0;
	overflow: visible;
	overflow: visible/hidden/scroll/auto;
}
* html div.jobList p,
* html div.jobList div.jobTitle,
* html div.jobList div.jobNum,
* html div.jobList h1 {
  width: 300px;
	margin-left: 400px;
}

div.jobList div.jobNum {
	font-weight: bold;
	font-size: 12pt;
	margin: 12px 0 4px 0;
}
div.jobList div.jobTitle {
	font-size: 12pt;
	margin: 4px 0 32px 0;
}

* html div.jobList table {
  width: 740px;
	margin: 0;
/*  margin-left: -427px;*/
  background-color: #1a1a1a;
  padding: 4px;
/*float: right;*/
}

div.jobList table tr td.revDetails {
  min-height: 0;
  padding: 8px;
  border-bottom: 1px solid #808080;
}
div.jobList table tr:hover {
  padding: 8px;
  background-color: #4a4a4a;
}
div.jobList table tr td {
  margin: 0;
  padding: 0;
  font-size: x-small;
}
div.jobList table tr th {
  background-color: #aa000a;
	text-align: center;
}

div.jobList table tr td.jobTitle { font-weight: bold; }
div.jobList table tr td a {
  display: block;
  border: 0;
  padding: 6px 4px 6px 4px;
}
div.jobList table tr td a:hover {
	text-decoration: underline;
  background-color: #4a4a4a;
}

div.jobList table tr td.revActions {
  width: 120px;
}
div.jobList table tr td.revActions a {
  padding: 4px;
  width: 30px;
  float: left;
  clear: none;
  border: 1px solid #1a1a1a;
  text-align: center;
}
div.jobList table tr td.revActions a:hover {
  border: 1px solid #fff;
  background-color: #666;
}

div.jobList table tr td.revRevision,
div.jobList table tr td.revDate,
div.jobList table tr td.revStatus,
div.jobList table tr td.revUser,
div.jobList table tr td.revActions {
  padding: 6px 10px 6px 4px;
}

div.jobList table tr td.revDetails {
  padding: 0;
}
div.jobList table tr td.revDetails ul {
  padding: 0 0 0 20px;
  margin: 0;
}
div.jobList table tr td.revDetails ul li {
	list-style: square inside;
}
div.jobList table tr td.revDetails p {
  padding: 4px 0 6px 20px;
  margin: 0;
  line-height: 140%;
}


#fwLangs { z-index: 50; }
#fwLangs div {
	position: relative;
	width: 842px;
	z-index: 51;
}
#fwLangs div p {
	position: absolute;
	top: 0px;
	line-height: 35px;
	left: 477px;
	font-size: x-small;
	color: #fff;
	z-index: 52;
}




div#Adressen {
	background-color: #fff;
	margin: 40px;
	padding: 20px;
	font-size: small;
}
div#Adressen dl { width: 100%; }
div#Adressen dl dt {
	width: 200px;
	clear: left;
	float: left;
}
div#Adressen dl dd {
	width:150px;
	clear:right;
	float: right;
}

div#Adressen a {
	color: #c40000;
	text-decoration: underline;
}
div#Adressen a:hover { color: #000; }

div#AdressenFormular {
	background-color: #fff;
	margin: 40px;
	padding: 20px;
	font-size: small;
}

div#AdressenFomular {
	clear: both;
	padding: 20px 0 0 0;
}

div#AdressenFomular form {
	width: 300px;
}
div#AdressenFomular div.adressZeile {}
div#AdressenFomular label {
  display: block;
  clear: left;
  float: left;
  width: 80px;
  line-height: 100%;
  height: 15px;
}
div#AdressenFomular input {
	display: block;
	float: right;
	clear: right;
	width: 200px;
	border: 1px dotted #999;
	font-size: inherit;
	padding: 2px;
  line-height: 120%;
  margin: 0 0 2px 0;
  /*opacity: .75;*/
}
div#AdressenFomular input.hidden {
	display: none;
}
div#AdressenFomular input.submit {
  background-color: #FFF;
  border: 1px solid #000;
	color: #000;
	cursor: default;
}