/* ========================================
Stylesheet für www.karriere-onlinemarketing.de
Stand: Juni 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: 14px;
	font-family: Malgun Gothic, Calibri, Verdana, Arial, Helvetica, sans-serif;
	color: #000042;
  background: url(../images/background.png) repeat; 
}                               

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

a.first {
  font-weight: bold;
  background-color: #990000;
  padding: 0px 10px 0px 47px;
}

a.seco { 
  font-weight: bold; 
  padding: 0px 10px 0px 47px;
  background-color: #F12D38;
}

a.third {
  font-weight: bold;
  background-color: #F15A63;
  padding: 0px 10px 0px 47px;
}

a.fourth {
  background-color: #F1868D;
  font-weight: bold;
  padding: 0px 10px 0px 47px;
}

a.fifth {
  background-color: #F1B3B7;
  font-weight: bold;
  padding: 0px 10px 0px 47px;
}

a.sixth {  
  font-weight: bold;
  padding: 0px 10px 0px 47px;
  background-color: #F1E0E1;
}

a.seventh {
  font-weight: bold;
  padding: 0px 10px 0px 47px;
  background-color: #F1E0E1;
}

a.aktuell, a:hover.aktuell, a:focus.aktuell, a:active.aktuell  {
  color: #414878;
  font-weight: bold;
  padding-top: 5px;
  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: #414878;
}

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

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

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

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

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

ul { 
  margin-left: 15px;
  padding-bottom: 10px;
}

ul li {
  list-style-type: square;
  margin-left: 15px;
}

ol {
  font-family: Bell Gothic Std Black, Verdana, sans-serif;
  margin-left: 15px;
  padding-bottom: 20px;
}

ol li {
  margin-left: 15px;
  padding-bottom: 10px;
}

ol ul {
  padding-top: 10px;
	font-family: Malgun Gothic, Calibri, Verdana, Arial, Helvetica, sans-serif;
}

ol ul li {
  list-style-type: none;
}

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

#container {
  width: 1245px;
  margin: 20px auto 0 auto;
}

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

#left_side {  
  width: 100px;
  height: 1px;
}

#up {
  margin: 0 auto;
  width: 1055px;
  height: 27px;  
  padding-top: 32px;
  background: url(../images/up.png) no-repeat left top;
}

#right {
  background: url(../images/right.png) repeat-y right;                                     
}

#wrapper {         
  width: 973px;
  background-color: #ffffff;     
  padding-left: 30px;
  padding-right: 30px;
}

#banner { 
  float: right;
  margin-top: 250px;
  width: 100px;
  height: 100px;
}  

/* Wrapper für Logo und Text */

#header {
  width: 950px;
  margin: 0 auto; 
  background: url(../images/print_oben.png) no-repeat bottom left;
  height: 110px;   
}

#movie {
  float: left;              
  width: 90px;
  height: 70px;
  margin-top: 15px;
  margin-left: 60px;
  padding: 5px;
  background-color: #ffffff;
  border-top: 1px solid #ccc;
  border-right: 3px solid #ccc;
  border-bottom: 3px solid #ccc;
  border-left: 1px solid #ccc;
}    

/*Karriere-überschrift*/

#logo {
  float: left;
  margin-left: 30px;
  margin-top: 30px;
  color: #414878;
}

#logo h1 {
	text-transform: uppercase;
	font-size: 15px;
  padding-top: 0px;
}

#logo h2 {
	font-size: 30px;
  font-weight: bold; 
  text-align: left; 
  padding-top: 0px;
}

/* Navigation */

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

/*weitere Navigationen*/

#downnavi {
  width: 950px;
  margin: 15px auto 0 auto;
}

#downnavi a {
  background-color: #F1E0E1;
  color: #414878;
  padding: 0px 5px 0px 35px;
}

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

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

/* Inhaltsbereich */

#content {
  width: 950px;
  margin: 20px auto; 
  /*  text-align: justify; */
}

#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;
  font-weight: normal;
}

#welcome {
  float: left;
  width: 730px; 
}

#welcome a {
  color: #990000;
  font-weight: bold;
}

#welcome a:hover, #welcome a:focus, #welcome a:active {
  color: #000042;
}
/*Pop-up Bewerber*/

#bewerber_kontakt {
  width: 400px;
  height: 250px;
  background-color: #ffffff !important;
  padding: 30px 30px 15px 30px;
  margin-left: 20px;
}

#bewerber_kontakt h1 {
  font-family: Bell Gothic Std Black, Verdana, sans-serif;
	text-transform: uppercase;
	font-size: 15px;
  padding-top: 0px;
  padding-bottom: 10px;
}

#bewerber_kontakt h2 {
  font-family: Bell Gothic Std Black, Verdana, sans-serif;
	font-size: 30px;
  font-weight: bold;
  text-align: left;
  padding-top: 0px;
  padding-bottom: 20px;
}

#bewerber_kontakt a {
  color: #000042;
}

/*Datenbank*/

#data {                              
	float: right;
	width: 175px;
}

/* Team */

#person, #albrecht, #frase, #geller, #lunkenheimer, #kehl, #soeding, #heller {
  float: left;
  padding-bottom: 20px;
  padding-right: 20px;
  width: 220px;
  min-width: 220px;
} 

#person h1, #albrecht h1, #frase h1, #geller h1, #lunkenheimer h1, #kehl h1, #soeding h1, #heller h1 {
  font-size: 14px;
  padding-top: 10px;
  padding-bottom: 2px;
} 

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

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

#team h2 {
  font-family: Bell Gothic Std Black, Verdana, sans-serif;
  font-weight: normal;
  font-size: 14px;
  text-align: left;
  padding-bottom: 10px;
}

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

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

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

#team ul {
  clear: left;
  padding-bottom: 10px;
  margin-left: 0px;
}

#team ul li {
  padding-top: 5px;
}

/* Impressum */

#impressumamx {
  float: left;
}

#impressumamx img {
  float: left;
  padding-right: 30px;
}

#impressumamx h1 {
  padding-top: 50px;
  color: #000042;
  font-weight: normal;
  font-family: Verdana, sans-serif;
  font-size: 14px;
}

#impressumamx h2 {  
  font-weight: normal;
  color: #990000;
  text-align: left;
  font-family: Verdana, sans-serif;
  padding-bottom: 40px;
  font-size: 12px;
}

#impressumww {
  clear: both;
  padding-bottom: 10px;
}

#google {
  float: right;
  padding-bottom: 20px;
}

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

#impressumamx a, #impressumww a {
  color: #000042;
  font-weight: normal;
} 

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

#content address {
  font-style: normal;
  text-align: left;
  width: 300px;
}                            

/* Sitemap */

#sitemap h1 {
  padding-bottom: 0px;
}

#sitemap ul {
  padding-top: 10px;
}

/*Bewerber Hinweise*/

#hinweise ul li {
  padding-bottom: 5px;  
}

#hinweise ul {
  padding-bottom: 30px;
}

#hinweise a {
  background-color: #F1E0E1;
  padding-left: 25px;
  padding-right: 5px;
}  

/* Data */

#frameLogin {
  float: left;
  height: 500px;
  width: 770px;
  cursor: wait;
}

#frameNew {
  float: left;
  height: 1000px;
  width: 770px;
  cursor: wait;
}

/*Stellenmarktseite*/

/*#market {
  float: left;
  width: 770px;
}

#market ol {
  list-style-type: decimal;
}    */

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

/*Kontaktformulare*/

label {
  display: block;
  cursor: pointer;
}

input {
	border: 1px solid #cccccc;
}

textarea {
	border: 1px solid #cccccc;
}

select {
	border: 1px solid #cccccc;  
}

/* Footer */

#visite {
  clear: both;
  margin: 0 auto;
  width: 950px;
  padding-bottom: 15px;   
  background: url(../images/bot_kaest.png) 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
============================================*/

#anker_link {
  clear: both;
  text-align: right;
  font-size: 10px;
}

.link {
  background-color: #F1E0E1;
  padding-left: 35px;
  padding-right: 5px;
  font-weight: normal !important;  
}

.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;

} 
.spalte {
  width: 80%;  
}

.marginleft {
  margin-left: 0px;
}
   
/*überschrift index*/

.big {
  font-size: 40px !important;  
  text-align: center;
  margin-bottom: 20px;
}

.mar_left {
  margin-left: 150px;
}

/*Kontaktformular*/

.top {
  height: 2px;
}

.left {
    font-size: small;
    text-align: right;
    width: 150px;
    border: 0px;
    height: 30px;
    padding-right: 15px;
}

.middle {
    background-color: #F5F7F7;
    width: 300px;
    border: 0px;
}

.heading {
  font-size: 14px !important;
  font-weight: bold !important;
  color: #990000 !important;
}

.right {
  width: 50px;
  border: 0px;
}

.button {
  padding: 10px 10px 10px 0;
}