/* ========================================
Stylesheet f�r www.amx-consulting.de
Stand: September 2009
Autor: webwork nrw, Hagen
       Ricarda Albrecht
Aufbau: 1.Kalibrierung und allgemeine Styles
        2. Styles f�r Layoutbereiche
        3. Sonstige Styles
===========================================*/

/* ========================================
1. Kalibrierung und allgemeine Styles
============================================*/

* {
  padding: 0; margin: 0;
}

body {
    font-size: 13px;
    background: #FFFFFF;
    font-family: Malgun Gothic, Calibri, Verdana, Arial, Helvetica, sans-serif;
    color: #000042;
}

a {
  font-size: 14px;
  text-decoration: none;
  color: #000042;
}

a.first {
  color: #fbe6dd;
  font-weight: bold;
  background-color: #990000;
  padding: 5px 5px 0 15px;
}

a.seco {
  color: #fbe6dd;
  font-weight: bold;
  background-color: #E31B19;
  padding: 5px 5px 0 15px;
}

a.third {
  color: #fbe6dd;
  font-weight: bold;
  background-color: #EF8876;
  padding: 5px 5px 0 15px;
}

a.fourth {
  background-color: #F4A896;
  font-weight: bold;
  padding: 5px 5px 0 15px;
}

a.fifth {
  background-color: #F8C4B4;
  font-weight: bold;
  padding: 5px 5px 0 15px;
}

a.sixth {
  background-color: #FBD7C8;
  font-weight: bold;
  padding: 5px 5px 0 15px;
}

a.seven {
  background-color: #fbe6dd;
  padding: 5px 5px 0 15px;
  font-weight: bold;
}

a.aktuell, a:hover.aktuell, a:focus.aktuell, a:active.aktuell  {
  color: #414878;
  font-weight: bold;
  background-color: #ffffff;
  border-left: 1px solid #414878;
  border-top: 1px solid #414878;
  border-right: 1px solid #414878;
}

a:hover, a:focus, a:active {
  color: #ffffff;
}

h1 {
  font-size: 15px;
  font-weight: normal;
  padding-top: 25px;

}

h2 {
  font-weight: normal;
  font-size: 12px;
  text-align: right;

}

h3 {
  font-size: 12px;
  font-weight: normal;
  padding-top: 10px;
  color: #990000;

}

h4 {
  font-size: 12px;
  font-weight: normal;
  padding-top: 0px;
 
}

h5 {
  font-weight: normal;
  font-size: 15px;
  text-align: right;
  padding-top: 35px;
}   

ul { 
  margin-left: 15px;
}

ul li {
  list-style-type: square;
}


/* ========================================
2. Styles f�r Layoutbereiche
============================================*/

#container {
  width: 1295px;
  margin: 0 auto;
}


/*Drei Bereiche im container: left_side, wrapper und banner*/

#left_side {  
  float: left;
  width: 120px;
}

#wrapper {
  float: left;
  width: 955px;
}

#banner { 
  float: left;
  padding-top: 150px;
  padding-left: 20px;
  width: 100px;
}  

/* Wrapper fuer Logo und Text */

#header {
  width: 950px;
  margin: 0 auto;     
  background: url(../images/top.jpg) no-repeat top left;   
}

#header img {
  float: left;
  margin-right: 20px;
  padding-top: 20px;
}

#logo {
  float: left;
  padding-top: 10px;
  width: 400px; 
}

#logo img {
  border: 0px;
}

#beratung {
  background: url(../images/print_halb.jpg) no-repeat bottom right;
}

/* Navigation */

#language {
  float:right;
  width: 950px;
  margin-top:-15px;
  text-align: right;
}

#language a {

  font-size: 10px;

  color: #990000;
  background-color: #ffffff;
}

#language a:hover {
  font-size: 10px;
  color: #414878;
  background-color: #ffffff;
}

#language img {
  margin-right:2px;
  margin-top:0px;
  padding: 0 0 0 5px;
  background-color: #ffffff;
}

#navi {
  clear: both;
  width: 950px;
  margin: 0 auto 0 auto;
  padding-top: 30px;     /* Abstand zum Logo oben*/
}

#downnavi {
  width: 950px;
  margin: 15px auto 0 auto;
  text-align: center;
}

#downnavi a {
  background-color: #D3D5E1;
  padding: 5px 5px 0px 25px;
}

#downnavi a:focus, #downnavi a:hover, #downnavi a:active {
  color: #990000;
}

#downnavi a.aktuell {
  color: #414878;
  font-weight: bold;
  background-color: #ffffff;
}

/* Inhaltsbereich */

#content {
  width: 950px;
  margin: 20px auto;    /* Abstand oben und unten 20px */
}

#content h1 {
  font-family: Bell Gothic Std Black, Verdana, sans-serif;
  font-size: 14px;
  font-weight: normal;
  padding-top: 5px;
  padding-bottom: 15px;
}

#content p {
  padding-bottom: 10px;
}

#content a {
  color: #990000;
}

#content address {
  font-style: normal;
}

#management h1 {
  padding-top: 0px;
  padding-bottom: 0px;
}

/* Team */

#albrecht, #winter, #frase, #huelk, #sollorz, #kehl, #geller, #morgenbrodt, #woelling, #wolter, #dickmann, #kretzner, #grauel, #bick, #bays {
  float: left;
  padding-bottom: 20px;
  padding-right: 50px;
  width: 230px;
  min-width: 230px;
}

#albrecht h1, #winter h1, #frase h1, #huelk h1, #sollorz h1, #kehl h1, #geller h1, #morgenbrodt h1, #woelling h1, #wolter h1, #dickmann h1, #kretzner h1, #grauel h1, #bick h1, #bays h1 {
  font-size: 14px;
  padding-top: 10px;
  padding-bottom: 2px;
}

#team img {
  border: 1px solid #990000;
  float: left;
  margin: 0 20px 20px 0;
}

#team a {
  font-size: 10px;
}

#team a:active {
  color: #000042;
}

#team a:focus, #team a:hover {
  color: #990000;
}

/* Impressum */

#google1, #google {
  float: left;
  padding-bottom: 20px;
}

#google iframe, #google1 iframe {
  border: 1px solid #990000;
}

#adresse a, #adresse1 a, #adresse3 a  {
  color: #000042;
}

#adresse, #adresse1, #adresse {
  width: 400px;
}

#adresse a:focus, #adresse a:hover, #adresse1 a:focus, #adresse1 a:hover, #adresse3 a:focus, #adresse3 a:hover {
  color: #990000;
}

#teil1 {
  float: left;
  padding-bottom: 20px;
}

#teil2, #teil3 {
  clear: left;
}                               

/* Sitemap */

#sitemap {     
  text-align: right;
}

#sitemap ul li {
  list-style-type: none;
}

#sitemap a {
  font-size: 11px;
  color: #000042;
}

#sitemap a:hover, #sitemap a:focus, #sitemap a:active {
  color: #990000;
}

/* Data */

#frameLogin {
  float: left;
  height: 370px;
  width: 750px;
  cursor: wait;
}

#frameNew {
  float: left;
  height: 970px;
  width: 750px;
  cursor: wait;
}

#frameMarket {
  float: left;
  height: 850px;
  width: 750px;
  cursor: wait;
}

#data {
  float: right;
}

/* Footer */

#visite {
  clear: both;
  margin: 0 auto;
  width: 950px;
  padding-bottom: 15px;   
  background: url(../images/bot_kaest.jpg) no-repeat top left;
}

#visite p {
  padding-top: 15px; /* f�r das Hintergrundbild */
  padding-left: 0px;
}

#visite a, #visite a:active {
  font-size: 10px;
  padding: 5px 5px 0px 35px;
  background: url(../images/img.jpg) no-repeat bottom right;
  font-weight: normal;
  color: #414878;
}

#visite a:hover, #visite a:focus {
  color: #990000;
}

#visite a.first {
  padding-left: 0px; /* Ansonsten Abstand beim ersten Link 35px links */
}

/* ========================================
3. Sonstige Styles
============================================*/

.button {
  padding: 7px 3px 2px 25px;
  text-align: right;
  border-top: 1px solid #990000;
  border-left: 1px solid #990000;
  border-right: 1px solid #990000;
}

.clear {
  clear: left; /* Tab unter Bild wegen IE*/
}     

.clear_both {
  clear: both;
}

.nobottom {
  padding-bottom: 0px;
}

.top {
  padding-top: 10px;
}

.top5 {
  padding-top: 5px;
}

.left {
  float: left;
}

.right {
  float: right;
}

.border {                    /* Abstand der Zeilen in der Tabelle */
  padding-bottom: 10px;
  padding-right: 15px;
} 
.marginleft {
  margin-left: 0px;
}
   
.heading {
  font-size: 14px !important;
  font-weight: bold !important;
  color: #990000 !important;
}