/* 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:13px;
	margin:0;	
	padding-left:5px;
	padding-top:10px;
	padding-bottom:10px;
}
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;
  }
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;
}
/* 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;

}