/*
*******************************
	ALMA MATA CSS
*******************************
*/
body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, address, pre, blockquote, abbr, acronym, form, fieldset, hr, legend, label, input, select, table, th, tr, td {
  margin:0;
  padding:0;
  border:0;
  text-decoration:none;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:normal;  
  }
html {
  margin:0px;
  padding:0px;
  }
body {
  text-align:center;
  }
ul {
  list-style-type:none;
  }
.clear { clear: both;} /* CSS HACK: only for NN4, so now use Caio hack to cleanse palette */
/*/*/ .clear { display: none; } /* */
/* wrapper is only needed if you want to set a background color for the columns, put a border round the content block or fix the content width */
#wrapper {
  width: 898px; /* Gesamtbreite der Webseite */
  margin:0 auto;
  margin-top:15px;
  text-align:left;
  }
#headerBox {
  margin: 0px;
  border: none;
  }
#footerService {
  clear: both;
  border: none
  }
/* ====================================================================
COLUMNS LAYOUT
-------------------------------------------------------------------- */
.cFloat {
  float: left;
  width: 682px;
  }
#c1 {
  float: right;
  width: 503px; /* Weite des Contents */
  }
/* CSS HACK: Caio hide from NN4 since NN4's float model is all wrong */
/*/*/
#c2 {
  margin-right:503px;
  } /* Weite des Content (col_01) */
#c3 {
  margin-left:682px;
  } /* Abstand der rechten Spalte (col_03) als Summe aus Content (col_01) und Navigation (col_02); die Breite ergibt sich aus der Differenz Gesamtbreite-col_01-col_02*/
/* */
/* VERTICAL PADDING ABOVE COLUMNS */
#headerBox {
  margin-bottom:0px;
  }
#column_padding_after {
  height:0px;
  font-size: 1px;
  line-height: 0px;
  clear: both;
  }
/* CSS HACK: position:relative needed by IE6 otherwise the header and col 2 don't show up on initial rendering - they're there but you have to minimise the window or switch to another app and back to see the full effect. But IE5(pc) doesn't like it. And nor does NN4.
NB. the use of pos:rel has to go way beyond skin-deep - any nested element that needs a background colour appears to require to be be relatively positioned */
/*/*/
#wrapper, .cFloat, #c1, #c2, #c3, h2
    { p\osition: relative; }
/* */
/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
body {
  background-color:#d2ebf9;
  font-size:12px;
  }
#wrapper {
  color:#000;
  background:#fff;
  background-image:url(../images/bg_home.jpg);
  background-position:right top;
  background-repeat:no-repeat;
  border:1px solid #00408d;
  height:548px;
  display:block;
  }
#produktfinder #wrapper, #produkte #wrapper {
  background-image:url(../images/bg_produktfinder.jpg);
  }
#bewerbungsratgeberLeitfaden #wrapper {
  background-image:url(../images/bg_home_alt.jpg);
  }
#bewerbungsratgeberVorbereitung #wrapper {
  background-image:url(../images/bg_vorbereitung.jpg);
  }
#bewerbungsratgeberOnline #wrapper {
  background-image:url(../images/bg_online.jpg);
  }
#bewerbungsratgeberSchriftlich #wrapper {
  background-image:url(../images/bg_schriftlich.jpg);
  }
#bewerbungsratgeberGespraech #wrapper {
  background-image:url(../images/bg_gespraech.jpg);
  }
#bewerbungsratgeberManagement #wrapper {
  background-image:url(../images/bg_management.jpg);
  }
#formular #wrapper {
  background-image:url(../images/bg_bestellen.jpg);
  }
#headerBox {
  color:#000;
  background:transparent;
  background-image:url(../images/bg_left_col.gif);
  background-position:left top;
  background-repeat:repeat-y;
  }
#footerService {
  background:#00408d;
  color:#fff;
  height:16px;
  display:block;
  padding:2px 20px 0 20px;
  font-size:11px;
  }
#content, #navigation, #c3Content {
  border:none;
  color:#000000;
  height:440px;
  display:block;
  }
#content {
  background:transparent;
  height:400px;
  padding-top:20px;
  padding-bottom:20px;
  width:390px;
  width:410px;
  /*padding-right:113px;*/
  }
#navigation {
  background:#f9f6f4;
  background-image:url(../images/bg_left_col.gif);
  background-position:left top;
  background-repeat:repeat-y;
  }
#c3Content {
  background:transparent;
  }
#produktfinder #content {
  height:490px;
  }
#produktfinder #c3Content {
  height:429px;
  margin-top:71px;
  margin-left:56px;
  }
#produktfinder #navigation {
  height:530px;
  }
#produkte #content, #produkte #c3Content {
  height:490px;
  }
#produkte #c3Content {
  height:429px;
  margin-top:71px;
  margin-left:56px;
  }
#produkte #navigation {
  height:530px;
  }
#bewerbungsratgeberVorbereitung #content, #bewerbungsratgeberVorbereitung #c3Content {
  height:490px;
  }
#bewerbungsratgeberVorbereitung #navigation {
  height:530px;
  }
#bewerbungsratgeberOnline #content, #bewerbungsratgeberOnline #c3Content {
  height:490px;
  }
#bewerbungsratgeberOnline #navigation {
  height:530px;
  }
#bewerbungsratgeberSchriftlich #content, #bewerbungsratgeberSchriftlich #c3Content {
  height:490px;
  }
#bewerbungsratgeberSchriftlich #navigation {
  height:530px;
  }
#bewerbungsratgeberGespraech #content, #bewerbungsratgeberGespraech #c3Content {
  height:490px;
  }
#bewerbungsratgeberGespraech #navigation {
  height:530px;
  }
#bewerbungsratgeberManagement #content, #bewerbungsratgeberManagement #c3Content {
  height:490px;
  }
#bewerbungsratgeberManagement #navigation {
  height:530px;
  }
/* NAVIGATION */
#navigation ul {
  margin-left:30px;
  padding-top:18px;
  }
#navigation ul li {
  margin-bottom:20px;
  }
#navigation ul li#gratis {
  margin-top:-3px;
  margin-bottom:12px;
  margin-left:-30px;
  }
#navigation ul ul {
  margin-top:4px;
  margin-left:0;
  padding-top:0;
  }
#navigation ul ul li {
  margin-bottom:3px;
  }
#navigation ul ul ul li {
  margin-left:9px;
  }
/* LINKS */
a:link, a:visited, a:active, a:hover {
  text-decoration:none;
  }
a:hover {
  text-decoration:underline;
  }
#content a {
  color:#00408d;
  font-weight:bold;
  }
#content a:hover {
  font-weight:bold;
  }
#content a.emagazin {
  color:#00408d;
  font-weight:bold;
  background-image:url(../images/link_e-magazin.gif);
  background-position:left top;
  background-repeat:no-repeat;
  display:block;
  height:19px;
  padding-top:2px;
  padding-left:94px; 
  }
#footerService a {
  color:#fff;
  padding:0 10px 0 10px;
  }
/* LISTEN */
#content ul {
  list-style-type:disc;
  margin:0 0 10px 35px;
  }
#content li {
  margin:0 0 5px 0;
  }
#content ul.seitenNav {
  list-style-type:none;
  float:left;
  margin:8px 0 10px 0;
  }
#content ul.seitenNav li {
  float:left;
  margin:0 0 5px 0;
  line-height:20px;
  }
#content li.zurueck, li.weiter {
  font-weight:bold;
  color:#c6c3c2;
  }
#content li.zurueck {
  background-image:url(../images/zurueck_nicht_aktiv.gif);
  background-repeat:no-repeat;
  background-position:left 6px;
  padding-left:10px;
  }
#content li.zurueckAktiv a {
  background-image:url(../images/zurueck_aktiv.gif);
  background-repeat:no-repeat;
  background-position:left 3px;
  padding-left:10px;
  }
#content li.seite {
  padding:0 25px 0 25px;
  }
#content li.seite .seiteAktiv {
  background-image:url(../images/nav_seite_aktiv.gif);
  background-repeat:no-repeat;
  background-position:2px top;
  width:3px;
  padding:0 5px 2px 7px;
  color:#fff;
  font-size:10px;
  font-weight:bold;
  }
#content li.seite .seiteNichtAktiv {
  background-image:url(../images/nav_seite_nicht_aktiv.gif);
  background-repeat:no-repeat;
  background-position:2px top;
  width:3px;
  padding:0 5px 2px 7px;
  color:#fff;
  font-size:10px;
  font-weight:bold;
  }
#content li.weiter {
  background-image:url(../images/weiter_nicht_aktiv.gif);
  background-repeat:no-repeat;
  background-position:right 6px;
  padding-right:10px;
  }
#content li.weiterAktiv a {
  background-image:url(../images/weiter_aktiv.gif);
  background-repeat:no-repeat;
  background-position:right 3px;
  padding-right:10px;
  }
/* HEADLINE */
#headerBox img.headline {
  padding-left:25px;
  }
#produktfinder img.headline {
  padding-bottom:19px;
  }
/* TEXT */
#content h1 {
  font-size:17px;
  font-weight:bold;
  margin-bottom:10px;
  }
#content h2 {
  font-size:15px;
  font-weight:bold;
  margin-bottom:10px;
  }
#content h3 {
  font-size:12px;
  font-weight:bold;
  margin-bottom:10px;
  }
#content p {
  margin-bottom:10px;
  }
#content .small {
  font-size:10px;
  }
.blue {
  color:#00408D;
  }
/* FORM */
input {
  border:1px solid #000;
  width:317px;
  padding:3px;
  }
input#win_plz {
  width:56px;
  }
input#win_ort {
  width:248px;
  margin-left:2px;
  }
input#news {
  border:0;
  width:15px;
  }
input#butBestellen {
  border:0;
  width:119px;
  }
/* SONSTIGES */
img.goldeneRegel {
  float:left;
  display:block;
  padding-right:10px;
  }
#produkte table caption{
  display:none;
  }
#produkte th {
  background-color:#c5c6c8;
  color:#000;
  font-weight:bold;
  text-align:center;
  font-size:11px;
  }
#produkte td {
  border:1px solid #c5c6c8;
  border-top:0;
  border-right:0;
  vertical-align:middle;
  color:#000;
  padding:2px;
  }
#produkte td.img {
  height:60px;
  }
#produkte td.artikel {
  color:#00408D;
  }
#produkte td.blatt {
  text-align:center;
  }
#produkte td.farbe {
  border-right:1px solid #c5c6c8;
  }
#produkte td.artikel a span, #produkte td.spez span{
  font-weight:bold;
  }
#produkte td span {
  display:block;
  }
#produkte td.artikel a:hover span{
  text-decoration:underline;
  }
#produkte td span span.norm {
  font-weight:normal;
  display:inline;
  }
#produkte div.produktdetails {
  display:block;
  width:500px;
  }
#produkte div.produktdetails .spezifikation {
  display:block;
  float:left;
  width:160px;
  padding:20px 0 0 0;
  }
#produkte div.produktdetails .spezifikation p {
  float:right;
  width:95px;
  padding-top:8px;
  }
#produkte .produktdetails .spezifikation .icon {
  display:block;
  float:left;
  padding:0 5px 5px 10px;
  }
#produkte img.produktbild {
  padding:10px 0 20px 0;
  float:left;
  }
#produkte .produktdetails .artnr {
  padding-right:13px;
  }
#produkte .produktdetails .produktlinks {
  font-weight:bold;
  }
#c3Content img.left {
  margin-right:4px;
  }
div.step2 {
  background-image:url(../images/bg_produktfinder_c3_2.jpg);
  }
div.step3 {
  background-image:url(../images/bg_produktfinder_c3_3.jpg);
  }
div.step2, div.step3 {
  background-repeat:no-repeat;
  background-position:36px 22px;
  }
#c3Content p.nextStep {
  margin-top:13px;
  }
#footerService span {
  float:left;
  display:block;  
  }
#footerService span.footerRight {
  float:right;
  
  }