/*
 * === cron IT GmbH www.cron-it.de ===
 * 
 * Projekt: hachtel-homepage
 *
 */

/* Grundlegende Designvorgaben */

/* Formatierung von Links */
a { color: #17047E; }
a:hover { color: #FF0033; }

/* Design und Positionierung Layout */

body { 
  background-color: #f0f0f0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 70%;
  margin: 0;
  padding: 0;
}

#screen {
  width:750px;
}

#top {
  background: url('../images/bg-top.gif') no-repeat 0px 0px;
  height: 134px;
}

#top #logos {
  padding: 15px;
  height: 104px;
}

#top #logos img {
  margin: 0 5px;
  border: 0 none;
}

#top #flaggen-box { margin: 0; border-bottom: 2px solid #D5D5D5; height: 28px; background-color: #D5D5D5; }
#top #flaggen-box #flaggen { float: right; padding: 0px 8px 0px 2px; background-color: #D5D5D5;}
#top #flaggen-box #roter-balken { background-color: #FA0024; height: 27px; }
#top #flaggen-box #flaggen img { border: 0 none; }

#mitte { background-color: #FFF; }
#mitte { width: 100%; margin: 0; padding: 0; border-collapse: collapse; font-size: 1em; }
#mitte td { vertical-align: top; margin: 0; padding: 0; }

#mitte #suche table td { vertical-align: middle; }

#mitte #suche {
  background-color: #EBEBEB;
  margin: 0;
  padding: 30px 5px 5px 5px;
}

#mitte #suche input {
  font-size: 1em;
  font-weight: bold;
  color: red;
}

#mitte #suche input.textfield { border: 1px solid #AAA; }
#mitte #suche form { margin: 0; padding: 0; }

#mitte td#navi-box {
  width: 172px;
  padding: 0;
  background-color: #CCC;
  border-right: 1px solid #999;
}

/* Navigation, Stufe 1 */

ul#navi {
  font-family: arial, helvetica, sans-serif;
  border-top: 1px solid #999;
  padding: 0 0 40px 0;
  margin: 0;
  font-weight: bold;
  list-style-type: none;
}

ul#navi li {  
  margin: 0;
  padding: 0;
  /* workarround for IE ... */
  border-bottom: 1px solid #CCC;
  list-style-type: none;
}

#navi a, #navi a:link, #navi a:visited {  
  border-bottom: 1px solid #847CAD;
  display: block;
  color: #17047E;
  text-decoration: none;
  padding: .6em 0 .6em 25px;
  background: url('../images/bullet-navi-blau.gif') no-repeat 8px .8em;
}

#navi a:hover { color: #FF0033; background-image: url('../images/bullet-navi-rot.gif'); }

/* Navigation, 2. Stufe */

ul#navi li ul {
  margin: 0;
  padding: 0;
}

ul#navi li ul li {
  margin: 0;
  padding: 0;
}

ul#navi li ul li { 
  /* workarround for IE ... */
  border-bottom: 1px solid #EBEBEB;
}

#navi li ul li a, #navi li ul li a:link, #navi li ul li  a:visited {
  font-weight: normal;
  background-color: #EBEBEB;
  padding: .5em 0 .5em 32px;
  background-position: 14px .7em;
}

#navi li ul li.act a, #navi li ul li.act a:visited,  { color: #FF0033; font-weight: bold; }

/* CONTENT Bereich */

#mitte #content-box {
  background-color: #FFF;
  margin: 0;
  padding: 12px 35px;
}

#mitte #content-box #druckansicht {  
  text-align: right;
  margin: 0;
  margin-top: 5px;
  padding: 0;
}

/* Druckansicht */

#druckansicht a, #druckansicht a:visited {
  font-family: Tahoma, Verdana, Arial, Helvatica, sans-serif;
  text-decoration: none;
  color: #17047E;
  background: url('../images/icon-druckansicht.gif') 0 .15em no-repeat;
  padding-left: 30px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 10px;
}

#mitte #content-box #druckansicht a:hover {  
  color: #FF0033;
  text-decoration: underline;
}

/* Rootline */

#mitte #content-box #rootline {
  margin: 1em 0 1.5em 0;
  font-weight: bold;
}

#rootline p { margin: 0; }

#unten {
  clear: both;
  border-top: 1px solid #999;
}

#unten #servicenavi {
  background-color: #CCCCCC;
  padding: 10px 10px 10px 208px;
  font-family: Tahoma, Verdana, Arial, Helvatica, sans-serif;
}

#servicenavi a { text-decoration: none; }

#unten #abschlussbalken {
  font-family: Tahoma, Verdana, Arial, Helvetica;
  background-color: #14007C;
  height: 10px;
  color: white;
  font-size: 7pt;
  padding: .2em 1em;
  text-align: right;
}

#unten #abschlussbalken a { color: white; text-decoration: none; color: red; }
#unten #abschlussbalken p { margin: 0; }