/* ************************************************** */
/* includes */
/* ************************************************** */

@import url("rte.css"); /* css fuer RTE - Klassen */
@import url("fce.css"); /* css fuer FCE - Klassen */
@import url("menu.css"); /* css fuer Menue - Klassen */
@import url("powermail.css"); /* css fuer Powermail - Klassen */

/* ************************************************** */
/* fix Styles */
/* ************************************************** */
p, p.bodytext {
  margin-top:0.5em;
  margin-bottom:0em;
}

a, a:link, a:active, a:visited, a:focus {
  text-decoration:none;
  color:#009cdf;
} 
a:hover {
  text-decoration:underline;
  color:#009cdf;
}

hr {
  border:none;
  border-top:1px solid #ccd3e4;
  height:1px;
  margin-top:1.5em;
  margin-bottom:1.5em;
  clear:both;
}

span.invisible {
  display:none;
}

div#content ul {
  list-style-type:square;
  margin-top:0.5em; /* wie p */
}
div#content ul ul {
  list-style-type:disc;
  margin-top:0.5em; /* wie p */
}
div#content ul li {
}

/* Headlines */
h1 {
  font-size:18px;
  font-weight:bold;
  font-style:italic;
  margin:0;
  margin-top:0.5em;
  margin-bottom:0.5em;
}

h2 {
  font-size:14px;
  font-weight:bold;
  margin-top:1.5em;
  margin-bottom:1.5em;
}

h3 {
  font-size:12px;
}

h4 {
  font-size:1.0em;
  font-weight:bold;
}

/* Formulare */
form {
  margin:0;
  padding:0;
}

input, textarea {
  border:1px solid #000;
  background-color:#fff;
  color:#000;
}

input.button {
  border:2px solid #000;
  background-color:#008aa6;
  color:#fff;
}

input.checkbox {
  border:none;
  background-color:transparent;
}




/******************************************/
/* HEAD */
/******************************************/
div#head_logo {

}

div#head_logo img {
  position:absolute;
  right:20px;
  bottom:10px;
  border:none;
  margin-bottom:0;
}

/*div.csc-textpic div.csc-textpic-single-image img {
	margin-bottom:10px;
}*/

/* steht als Tag unter der Seite, wird aber oben im Head ausgerichtet */
div#group_text {
  position:absolute;
  top:72px;
  left:20px;
  color:#eff;
  font-size:11px;
  font-style:italic;
  font-weight:bold;
}
div#group_text img {
  vertical-align:middle;
}

/******************************************/
/* CONTENT */
/******************************************/

/* Hauptcontent */
div#content {
  color:#54575a;
  font-size:12px;
  padding:0;
  min-height:600px;
}

* html div#content { /* IE6 workaround */
  height:600px;
}

/* Company Selector */
div#content_3 {
  height:120px;
  background-color:#e5e5e5;
  font-size:11px;
  padding:10px;
}
div#content_3 p.bodytext {
  margin-bottom:8px;
}
div#content_3  select {
  font-size:11px;
  width:180px;
}

/* Image Area (links) */
div#content_2 {
  height:120px;
  background-color:#c1c2c4;
  border-top:20px solid #54575a;
  font-size:11px;
  padding:0; /* kein Padding, weil das Bild nahtlos mit dem Rand abschliessen soll */
}

/******************************************/
/* FOOTER */
/******************************************/

div#footer_wrapper {
  position:relative;
  clear:both;
  margin-top:10px;
}

div#footer_wrapper div.footer_menu {
  background-color: #c1c2c4;
  padding:0;
  padding-left:10px;
  padding-right:10px;
  font-size:10px;
  line-height:20px;
}
div#footer_wrapper div.footer_links {
	position:absolute;
	right:10px;
	top:4px;
	font-size:10px;
	text-align:right;
	width:400px;
}

div#footer_wrapper div.footer_menu ul,
div#footer_wrapper div.footer_links ul {
  margin-left:10px;
  display:inline;
  margin:0;
  padding:0;
}

div#footer_wrapper div.footer_menu ul li,
div#footer_wrapper div.footer_links ul li {
  display:inline;
  margin:0;
  padding:0;
  padding-right:5px;
  color:#999; /* Farbe des Trennstrichs */
}

div#footer_wrapper div.footer_menu ul li a,
div#footer_wrapper div.footer_menu ul li a:link,
div#footer_wrapper div.footer_menu ul li a:active,
div#footer_wrapper div.footer_menu ul li a:visited,
div#footer_wrapper div.footer_menu ul li a:focus,
div#footer_wrapper div.footer_menu ul li a:hover {
  color:#5b5e61;
  text-decoration:none;
}

div#footer_wrapper div.footer_links ul li a,
div#footer_wrapper div.footer_links ul li a:link,
div#footer_wrapper div.footer_links ul li a:active,
div#footer_wrapper div.footer_links ul li a:visited,
div#footer_wrapper div.footer_links ul li a:focus,
div#footer_wrapper div.footer_links ul li a:hover {
  color:#5b5e61;
  text-decoration:none;
}

div#footer_wrapper div#footer_copyright {
  position:absolute;
  left:10px;
  top:27px;
  color:#5b5e61;
  font-size:10px;
}

div#footer_wrapper div#footer_claim {
  position:absolute;
  right:10px;
  top:25px;
}


/******************************************/
/* Plugin: NewLoginBox */
/******************************************/
div.tx-newloginbox-pi1 {
}
div.tx-newloginbox-pi1 table {
  margin-top:20px;
}
div.tx-newloginbox-pi1 table th {
  border:none;
  width:100px;
}
div.tx-newloginbox-pi1 input[type=submit] {
  background-color:#008aa6;
  border-color:#008aa6;
  color:#fff;
}
/******************************************/
/* CSC - Stuff */
/******************************************/
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
  margin-bottom:0px;
}

/* Tabellen */
table.csc-uploads {
  width:auto;
}
table.csc-uploads td {
  padding-right:20px;
}


/******************************************/
/* Plugin: NewLoginBox */
/******************************************/
form.dmail_subscription {
  margin:0;
  padding:0;
  margin-top:30px;
}

form.dmail_subscription label.dmail_subscription {
  display:block;
  width:160px;
  float:left;
}

form.dmail_subscription input.dmail_submitbutton {
  margin-left:160px;
}


/******************************************/
/* Companies (links unter Menue) */
/******************************************/
ul.companies {
	margin:0;
	margin-top:8px;
	padding:0;
	list-style-type:none;
}
ul.companies li {
	padding:1px 0;
}
ul.companies li a,
ul.companies li a:focus,
ul.companies li a:visited,
ul.companies li a:active,
ul.companies li a:hover {
	color:#5b5e61;
	font-weight:normal;
	text-decoration:none;
}
ul.companies li a.active,
ul.companies li a.active:focus,
ul.companies li a.active:visited,
ul.companies li a.active:active,
ul.companies li a.active:hover {
	font-weight:bold;
	color:#008aa6;
}