/**
 * Stylesheet für 
 * Gantner Instruments
 * 
 * www.gr-a.net
 * 07.2008
 *
 */

  
 
/**
 *
 * grundlegende Definitionen
 *
 */
  
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
 
html { height: 100%; margin-bottom: 1px; -ms-overflow-y : scroll; }

body { 
	font-size: 13px;
	font-family: 'Lucida Grande', Verdana, Helvetica, Arial, Sans-Serif;
	line-height: 160%;
	color: #000;
	text-align: center;
	background: #efefef; /*hellgrau*/
	overflow: -moz-scrollbars-vertical;
		}
	

	
#kopp, #content { 
	text-align: left;
	border-left: #006aa8 1px solid;
	border-right: #006aa8 1px solid;
	margin: 0 auto;
	width: 978px;
	background: #fff;
	}
	
p { margin: 4px 0; }

	
	
	
/* oben: logo, pyramide, balken, sprachauswahl ---------------------- */
#kopp { height: 150px; }
#logo { float: left; margin-top:40px; }
#pyramide { float: left; }

#sprachauswahl {
	float: left;
	height: 70px;
	width: 546px;
	text-align: right;
	font-size: 10px;
	padding: 3px 3px 0 0;
	}
	
#headline {
	float: left;
	height: 59px;
	background: #f4efd9 url(/_fx/orange.jpg) repeat-x top;
	width: 549px;
	margin-bottom:18px;	}
#headline h1 { font-size: 18px; margin: 0; padding: 8px 0; color: #FFFFFF; } 
	
	
/* inhaltsbereich --------------------------------------------------- */
#content { 
  	min-height:450px;
  	height:auto !important;  /* für moderne Browser */
  	height:450px;  /*für den IE */ 
	padding-bottom:20px;
	 }
	 
.con { 
	margin: 0 auto;
	text-align: left;
	width: 728px;
	float: left;
	padding: 0 0 0 18px; 
	}

	
#nav { /*230breit*/ 
	width: 230px !important;  /* für moderne Browser */
  	width: 225px;  /*für den IE */ 
	float: left;
	height: 300px;
	margin-bottom:100px;
	} 

	
	
	
/* spalten ---------------------------------------------------------- */
.spalte { float:left; }

/* goldener schnitt: 440+270, jeweils margin:10 px links oder rechts */
.s440 { width:430px; } /*weil con nur 728px breit ist*/
.s270 { width:260px; }

/* 50:50 aufteilung: 355, jeweils margin:10 px links oder rechts */
.s355 { width:345px; }

/* 19" Q-series */
.s120 { width:110px; }
.s590 { width:580px; }

/* Treiber */
.s300 { width:290px; }
.s410 { width:400px; }

.mal { margin-left:10px; } 
.mar { margin-right:10px; }
	
	
	
	
/* container im inhaltsbereich: startseite -------------------------- */
#news { 
	width: 340px;
	float: left;
	font-size: 12px;
	line-height: 18px;
	}
	 
#news a { color: #006aa8; text-decoration: none; border-bottom: 1px solid #006aa8; }
#news a:hover { color: #f07f21; border-bottom: 1px solid #f07f21; } 
#news h2 { color: #006aa8; font-weight: bold; margin:15px 0 0 0; }
#news img { margin: 4px 4px 4px 0; float: left; border: 1px solid #006aa8; }

/*abweichende angaben für die seite aktuelles*/
#news.aktuelles { width: 500px; font-size: 13px; line-height: 160%; padding:0; }
#news.aktuelles img { margin: 4px 20px 4px 0; float: left; border: 1px solid #006aa8; }
	
#home { width: 360px !important;  /* für moderne Browser */
  		width: 350px;  /*für den IE */
		float: left; 
	  } 
	  
#home img { padding-bottom:15px; display:block; } 		
			
	
/* fuss: copyright-zeile -------------------------------------------- */
#fuss { 
	text-align: left;
	margin: 0 auto;
	width: 730px;
	height: 51px;
	background: #fff url(/_fx/fuss.jpg) no-repeat;
	font-size: 10px;
	padding: 26px 0 0 250px;
	color: #00486F;
	}
	
#fuss a { color: #00486F; text-decoration: none; }
#fuss a:hover { color: #f07f21; border-bottom: 1px solid #f07f21; } 

#print { display:none; }



/* aufzählungen: generell erstmal quadrat! -------------------------- */	
ul { list-style-type: square; }

/* aufzählungen: Bullet Orange -------------------------- */	
ul.orange { 
	list-style-image: url(/_fx/libullet.gif); 
	margin-left: 16px; 
	}
	
ul.eorange { 
	list-style-image: url(/_fx/libullet.gif); 
	width: 300px;
	padding-left: 16px;
	float: left; 
	}
	
/* navigation -------------------------------------------------------- */
#homelink { float: left; padding-left: 20px; color: #00486F; text-decoration: none; font-size: 12px; }
#homelink:hover { font-weight: bold; }

#nav ul { 
	list-style-type: none; 
	margin: 0; 
	color: #00486F;
	font-size: 11px;
	}
	
#nav ul li { padding-left: 20px; }
#nav ul li ul { margin:0 0 10px 0; }
#nav ul li ul li { padding-left: 10px; }
#nav ul li.act { background: url(/_fx/navbg.jpg) repeat-x top; }
#nav ul li a:hover { font-weight: bold; }

#nav ul li.act a.act { color:#fff; }

	
#nav ul li a, #nav ul li ul li a {
	color: #00486F;
	display: block;
	text-decoration: none;
	}
	
#nav ul li.head { color: #f07f21; font-size: 10px; } /* "unsere Produkte" */
#nav ul li.head:hover, #nav ul li.leer:hover { background: none; font-weight: normal; }
#nav ul li.leer { height: 15px; } /*leere zeilen */

#nav #suche { display:inline; }
#nav input.suchbox { 
	margin:30px 10px 0 20px; 
	width:100px;
	color:#00486F; 
	font-size:12px;
	text-align:left; }

/* links ------------------------------------------------------------ */
a { color: #006aa8; }
a.t { color: #006aa8; text-decoration: none; } /* "normaler link" */
a.t:hover { color: #f07f21; }
a:focus { outline: none; }

a.r { color: #006aa8; clear:both; float:right; } /*link wieder hoch zur tabelle */
a.r:hover { color: #f07f21; }
.tipp { color: #006aa8; font-size: 11px; margin:0; padding:0; } /* fullscreen: tipp unter tabelle */

a[rel='pdf'], a[rel='zip'], a[rel='url'] { 
	color: #006aa8;
	padding: 6px 0 6px 25px;
	/*display: block;*/
}

a[rel='pdf']:hover, a[rel='zip']:hover, a[rel='url']:hover  { color: #f07f21; }
a[rel='pdf'] { background: transparent url(/_fx/pdf.png) no-repeat top left; background-position: 0 5px; }
a[rel='zip'] { background: transparent url(/_fx/zip.png) no-repeat center left; }
a[rel='url'] { background: transparent url(/_fx/url.gif) no-repeat center left; }



/* textklassen, überschriften ---------------------------------------*/
h1,h2 { color:#006aa8; padding: 13px 0 5px 0; font-weight: bold; }
h1 { font-size: 15px; }
h2 { font-size: 13px; }
.detail { clear:both; }
img.t { margin: 10px 0; }
p.t { width: 550px; }
p.tm { margin-top: -10px; }
p.t460 { width: 460px; }
p.kl { font-size: 11px; line-height:16px; padding-bottom:10px; }
p.b { font-weight: bold; }
p.blau { color:#006aa8; }
.or { color:#f07f21; }
img.q { margin-top: 5px; margin-bottom: 5px; padding-right: 10px; vertical-align: middle; }
p.v { padding: 5px 0 40px 0; }
.p0 { padding: 0px 0 5px 0; }
	
/* downloadbox ------------------------------------------------------ */
.greybox { 
	background:#e9e9e9;
	padding: 10px;
	margin: 20px 0;
	width: 380px;
	}
	
.greybox h3 { color:#006aa8; font-weight: bold; }
.greybox h4 { font-size: 10px; line-height: 150%; padding-bottom: 20px; }
.greybox label { font-size: 10px; line-height: 150%; }
.greybox input { margin: 0 0 0 5px; padding: 2px; }
.greybox input.kurz { width: 150px; }
.greybox input.lang { width: 314px; }
.greybox input.plz { width: 100px; }
.greybox input.ort { width: 200px; }
.greybox input.radio { margin: 0 5px; }



/* auflistung ebloxx, q.bloxx, ism----------------------------------- */
.ebloxximg, .qbloxximg, .ismimage { float:left; width:200px; margin: 0 20px 0 0; }
.ebloxximg img, .qbloxximg img, .ismimage img { border: 1px #ccc solid; }
ul.ebloxx, ul.qbloxx, ul.ism { 
	float: left; 
	width: 300px; 
	margin: 0 0 0 10px; 
	line-height: 110%; 
	}
ul.ebloxx li, ul.qbloxx li, ul.ism li { padding: 2px 0; font-weight: bold; }
ul.ebloxx li.klein, ul.qbloxx li.klein, ul.ism li.klein { padding: 0 0 10px 0; font-size: 11px; color:#000; list-style-type: none; font-weight: normal;}

.imgright {
	float: right;
	margin-left: 10px;
	margin-top: -10px !important;  /* für moderne Browser */
	margin-top: 0px /* für IE */
	}
	
.imgright40 {
	float: right;
	margin-left: 10px;
	margin-top: -10px !important;  /* für moderne Browser */
	margin-top: 0px; /* für IE */
	margin-right:40px;
	}
	
.imgleft {
	float: left;
	margin-right: 10px;
	}
	
	
/* Newsletter --------------------------------------------------------- */

ul.norange { 
	width: 290px;
	float: left;
	list-style-position: outside;
	list-style:none; 
	}
ul.norange li { background:url('/_fx/libullet.gif') no-repeat left top; padding-left:16px; }	

	
/* tabelle 19" Systeme ------------------------------------------------ */

table#z { width: 550px; }
tr.z { margin-bottom: 20px; }
td.z { width: 100px; }
td.z2 { width: 450px; padding-left: 20px; vertical-align: top; }

table#z .img { border: 1px solid #00486f; }


/* tabelle Dokumentation ------------------------------------------------ */

td.dli { width: 103px; }
td.dl { width: 125px; vertical-align: middle; line-height: 120%; }