/* CSS-Dokument */

body {
  background-color:#ffffff;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
   color: #191970;
  margin:0;
  padding:0;
}

body img {
  border:none;
}



/* Allgmeine Formatierungen */

h1 {
  font-weight:bold;
  font-size:17px;
  margin:0;  
  padding:0;
}
h2 {
  font-weight:bold;
  font-size:11px;
  margin:0;  
  padding-left:5px;
  padding-top:10px;
  padding-bottom:10px;
  font-family:Verdana, Arial, sans-serif;
  }
  
h3 {
  font-weight:bold;
  font-size:10px;
}

.bodytext, dl {
  font-size:11px;
  margin:0;  
  padding:10px;
}

.bodytext a, h2 a {
    text-decoration: none;
    color: #ff8800; 
  font-weight:bold;
  }
  
  
.bodytext_mso {
  font-size:10px;
  margin-top:0;  
  padding:10px;
  padding-top:185px;
  color:#FFF;
  font-weight:bold;
}



ul {
  /* nur f�r Contentbereich einbauen: list-style-image:url(../images_layout08/pfeil.gif);*/
  list-style-type:none;
  margin-left:0px;
  margin-top:5px;
}
li {
  margin:0;
  padding-left:5px;
  padding-top:5px;
  vertical-align:top;
}


#content ul {
  /* nur f�r Contentbereich einbauen: list-style-image:url(../images_layout08/pfeil.gif);*/
  list-style-image:url(http://www.gryps.de/fileadmin/images_layout08/pfeil.gif);
  margin-left:0px;
  margin-top:5px;
}
#content li {
  margin-left:30px;
  padding-top:0px;
  vertical-align:top;
}


a {
    text-decoration: none;
    color: #191970; 
  font-weight:bold;
  }

h1 {
  font-size:20px;
  font-weight:bold;
}
.csc-header.csc-header-n2, .csc-header.csc-header-n3, .csc-header.csc-header-n4, .csc-textpic {
  margin:15px;
}
/* Innenbereich mit Rahmen */    
#contentframe  {
  position:absolute;
  left:50%;
  margin-top:0px;
  margin-top:0px;
  margin-left: -512px;
  height: 100%;
  width:1000px;
  padding:0px;
  background-repeat:no-repeat;
  }
  /* Innenbereich mit Rahmen */    


/* ///////////////////////////////////////////////////
//////// Formatierung der div-Elemente ///////////////
//////////////////////////////////////////////////// */

/* GRYPS-Suche  
#suche { 
  position:relative;
  top:0px;
  text-align:center;
}
*/

/* Metanavigation */
#metanavigation { 
  position:absolute;
  top:10px;
  right:32px;
}

#metanavigation img {
  vertical-align:middle;
}

/*#metanavigation a {
  font-weight:normal;
}*/

/* GRYPS-Logo 
#logo { 
  position:absolute;
  top:39px;
  right:35px;
}*/

/* Kontakt */
#kontakt { 
  position:absolute;
  top:200px;
  right:13px;
  width: 210px;
  height:145px;
}

/* Produktkonfigurator */
#konfigurator { 
  position:absolute;
  top:345px;
  right:13px;
  width: 210px;
  border-width:1px;
  border-style:solid;
  border-color:#191970;

border-bottom:0;
}

.kontakt_feld {
    width:128px;

}

/* Content-Bereich oben unten */
#content_oben { 
  position:absolute;
  /*top:310px;*/
  top:345px;
  left:20px;
  width:700px;
}
#content_oben_home { 
  position:absolute;
  top:210px;
  left:20px;
  width:700px;
}

#content_unten { 
  position:absolute;
  top:810px;
  left:20px;
  width:1000px;
}
#breadcrump {
  position:absolute;
  top:325px;
  left:190px;
  z-index:20;
}

#breadcrump, #breadcrump a, #breadcrump .active {
  font-size:9px;
  font-weight:normal;
  color: #a2a2a2;
}


/* Formatierung und Positionierung der Navigation */

/*#navigation { 
  position:absolute;
  top:180px;
  border: 1px dashed silver;
}*/

div#header { 
  position:absolute;
  top:10px;
  left:28px;
    width: 700px;
    padding: 0;
    background-color: #ffffff;
}

  /*div#navigation_position {
  position:absolute;
  top:190px;
  left:17px;
    width: 700px;
    padding: 0;
    background-color: #ffffff;
  }*/

/*  div#rahmen div {
    clear: left;
  }*/
 

/*/////////////// Navigation oben ///////////////*/
ul#navigation {
    position: relative;
    margin-top: 200px;
  margin-left:22px;
  padding: 0;
    text-align: left;
  }
  
ul#navigation li {
    list-style: none;
    float: left;
    width: 130px;
    position: relative;
    margin-top: 5px;
  margin-left: 10px;
  padding: 0;
  font-size:10px;
  font-weight:bold;
  }
  /*
  * html ul#Navigation li {  / Korrektur fuer den IE 5 und 6 /
    margin-bottom: -0.4em;
  }
  *:first-child+html ul#navigation li {  / Korrektur fuer den IE 7 /
    margin-bottom: -0.1em;
  }*/

  ul#navigation li ul {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 10px;
  left: -10px;
  /*width: 108px;
  height: 575px;*/
  }
  /** html ul#navigation li ul {  / Korrektur fuer IE 5.x /
    left: -1.5em;
    lef\t: -0.4em;
  }*/
  ul#navigation li ul li {
    float: none;
    display: block;
    margin-top: 5px;
  font-size:9px;
  /*font-weight:normal;*/
  }

  ul#navigation a, ul#navigation span {
    display: block;
    padding: 0;
    text-decoration: none;
    color: #191970; 
  /*font-weight:bold;*/
  } 
  /** html ul#navigation a, * html ul#navigation span {  / nur fuer IE erforderlich /
    width: 100%;
    w\idth: 6.4em;
  }*/
  ul#navigation a:hover/*, ul#navigation li a.active, ul#navigation a.active    Hauptnavigationspunkte auch orange?*/ {
    color: #ff8800;
  }
  ul li a .active {  /* aktuelle Rubrik kennzeichnen */
    color: #ff8800;
  }
  ul#navigation li ul li a {
  font-weight:normal;
  }
    ul#navigation li ul li a.active {
    color: #ff8800;
  }
  

/*//////////// Navigation Ende //////////////////////////*/

/* Formatierung und Positionierung der Content-Elemente */
    
/*#content_text {
  margin:0px;
  position:absolute;
  top:150px;
  left:434px;
  z-index:2;
  width:498px;  
  height:280px;
  overflow:auto;
  }    */

/* div f�r Angebotsformular    */      
#content_angebot {
  margin:0px;
  position:absolute;
  top:50px;
  left:50px;
  z-index:2;
  width:900px;  
  height:430px;
  overflow:auto;
  }    
  
/*#copyright {
  margin:0px;
  position:absolute;
  bottom:20px;
  }    
*/
      
      

  
/* ///////////////////////////////////////////////////
//////// Textformatierungen ///////////////
//////////////////////////////////////////////////// */

      
  
/* Formatierung der Tabellenelemente */
.contenttable td {  
  border:0;
  text-decoration:none;
  vertical-align:super;
  /* font-weight:bold;*/
   color: #191970;
  font-size:11px;
}

/*.contenttable th {  
font-weight:bold;
}*/
  
.wartung_table table, .wartung_table tr , .wartung_table td {
  background-color:#ffffff;
  color: #191970;
  font-size:9px;
  border: 1px solid #191970;
  padding: 3px;
  vertical-align:top;
  }
.wartung_table th {  
  border: 1px solid #191970;
  background-color:#ffcc91;
  color: #191970;
  font-size:9px;
  padding: 3px;
  }
  






/*/////////////////// Unterseite /////////////////////*/
/*///////////////////Linke Spalte gesamt /////////////////////*/
#spalte_links { 
  position:absolute;
  top:0px;
  left:10px;
  right:0px;
  width:130px;

}

/* Navigation, Linke Spalte Oben */
#navigation_links { 
  width:130px;
  border-width:1px;
  border-style:solid;
  border-color:#191970;
}
#navigation_links .active{
  color:#FF8800;
}
/* Linke Spalte Mitte */
#links_box { 
  width:130px;
  border-width:1px;
  border-style:solid;
  border-color:#191970;
}

/*/////////////// Navigation links ///////////////*/
#navigation_links ul {
  padding-top:-20px;
}

#navigation_links ul li {
   margin-left:-40px;
}
  
#navigation_links ul li a {
    display: block;
    padding-left: 10px;
    text-decoration: none;
    color: #191970; 
  /*font-weight:bold;*/
  }


/* Content Bereich Mitte */
#content {
  vertical-align:top;
  margin-left:160px;
  right:0px;
  width:568px;
  border-width:1px;
  border-style:solid;
  border-color:#191970;
}

#home { 
  z-index:2;
  position:absolute;
  top:80px;
  right:20px;

}  


.csc-default h1{
  padding-left:5px;
}
.