/* 
 * N & K
 *
 * Project: www.labcore.de
 * 
 * $Id: labcore.css,v 1.1.1.1 2013/04/24 12:38:22 mark Exp $
 *
 * $Log: labcore.css,v $
 * Revision 1.1.1.1  2013/04/24 12:38:22  mark
 * Import on qmcore
 *
 * Revision 1.8  2013-03-20 16:00:18  mark
 * Datenschutzerklaerung angepasst.
 *
 * Revision 1.7  2012-04-04 17:06:26  mark
 * box height (with scroll bar) decreased.
 *
 * Revision 1.6  2011-10-18 15:10:42  mark
 * *** empty log message ***
 *
 * Revision 1.5  2011-07-03 17:49:57  mark
 * first mobile settings.
 *
 * Revision 1.4  2011-03-02 09:35:13  mark
 * neue Seite: Termine.
 *
 * Revision 1.3  2010-09-15 13:14:46  mark
 * Update fonts: no Zurich or Helvetica.
 *
 * Revision 1.2  2009/09/14 14:09:11  mark
 * changed div.main-l .block to div.main-l .news
 *
 * Revision 1.1.1.1  2009/04/11 11:15:20  mark
 * Initial Import
 *
 *
 */
 
/* labcore-specials */
	.lab { 
		font-family: "Helvetica Rounded Bold", "Arial Rounded MT Bold", "Arial Black", Arial, Helvetica, sans-serif;
		font-size: 120%; 
		font-style: normal;
    	color: rgb(0, 101, 68);   /* #006544 */
	}
	
	.quali { 
		font-family: "Helvetica Rounded Bold", "Arial Rounded MT Bold", "Arial Black", Arial, Helvetica, sans-serif;
		font-size: 120%; 
		font-style: normal;
    	color: rgb(0, 68, 101);   /* #004465 */
	} 

	.core { 
		font-family: "Helvetica Rounded Bold", "Arial Rounded MT Bold", "Arial Black", Arial, Helvetica, sans-serif;
		font-size: 120%;
		font-style: normal;
    	color: rgb(153, 153, 153);  /* #999999 */
	}
	
	.nuk {
		font-family: Helvetica, Arial, sans-serif;
		font-size: 110%;
		color: black;
	}
	
	.amp {
		font-family: inherit;
		font-size: 150%;
		color: rgb(153, 153, 153);
	}
	
	.doc {
	   font-family: Arial,sans-serif;
	   color: rgb(155, 159, 162);
		font-style: italic;
		font-weight: bold;
   }
	
	.db {
	   font-family: Arial,sans-serif;
	   color: rgb(37, 116, 173);
		font-style: italic;
		font-weight: bold;
   }
	
	span.doc sup {
		color: rgb(37, 116, 173);
		font-style: normal;
	}
	
	/* Ausgabemedium */
	.screen { display: inline ; }
	.print   { display: none; }
	
	/* floatings */
	.left   { float: left; }
	.right  { float: right; }
	.top    { vertical-align: top; }
	.bottom { vertical-align: bottom; }
	
	/* scrollbar */
	.scroll {
		overflow: auto;
		/*  ie specials */
		scrollbar-base-color:rgb(128,128,128);
		scrollbar-3dlight-color: rgb(128,128,128);
		scrollbar-arrow-color: black;
		scrollbar-darkshadow-color: #666666;
		scrollbar-face-color: rgb(128,128,128);
		scrollbar-highlight-color: rgb(128,128,128);
		scrollbar-shadow-color: rgb(128,128,128);
		scrollbar-track-color: #999999;
	}
	
	.content.scroll.h420 { height: 420px; }
	
	/* pagebreaks */
	.break  { page-break-before: left; }
	.break.ie { display: none; }
	
	/* Standardelemente */	
	/* Super- und Subscripte (damit die Zeilenh�he m�glichst konstant bleibt ... au�er beim IE 5) */
	sub, sup {
  		line-height: 0px;
  		font-size: 75%;
		color: inherit;
		/* 
		falls irgendwer mal Serifenschriften haben m�chte: sup und sub sind, da kleiner, 
		serifenlos besser lesbar ... und deshalb explizit hier festlegbar
		*/
		/* font-family: Arial,Helvetica,sans-serif; */
		font-family: inherit;
	}
	
	.marked {
		margin-right: 0.3em;
		padding-left: 0.3em;
		padding-right: 0.3em;
		color: white;
		background-color: red;
	}
	
	/* acronym: gecko-engines machen punkte drunter ... alle anderen jetzt auch */
	acronym, abbr { 
		border-bottom: 1px dotted black; 
		font-weight: bold;
	}
	
	/* body */
	
	body {
		font-family:  Arial ,sans-serif;
		font-size: 92.01%;
		background-color: transparent;
	}
	
	img { border: solid 0px; }
	
	strong.italic { font-style: italic; }
		
	
	/* the positional elements */
	/* whole thing */
	
	/* basew (w 950) 
	   baseh (h 600)
	   left                  right
	   header
	   main-l main-c
	   /baseh
	   /foot
	*/
	   
	   
	div.basew {
		float: left;
		width: 1000px;
		/* positionierung muss absolut sein, da div.right fixed
		   daran ausgerichtet wird */
		margin-left: 5px;
		margin-top: 25px;
	}
	
	div.baseh {
		height: 600px;
		max-height: 600px;
		/* overflow: hidden; */
	}
	
	div.left {
		float: left;
		width: 860px;
	}
	
	div.right {
		position: fixed;
		top: 0;
		left: 893px;
		
		float: right;
		width: 120px;
		min-height: inherit;
		height: 633px;
		background-color: transparent;
		background-repeat: no-repeat;
		background-position:  top right;
		background-attachment: scroll;
	}
	
	div.header {
		float: left;
		width: inherit;
	}
	
	div.header img { 
		float: right; 
	}
	
	/* end header */
	
	div.main {
		float: left;
		width: inherit;
		margin-top: 1.1em;
		/* min-height: 600px; */
	}
	
	div.main.nogap { margin-top: 0; }
	
	div.main-l {
		float: left;
		width: 200px;
		min-height: inherit;
	}
	
	div.main-c {
		float: left;
		width: 650px;
	}
	
	/* end main-paige */
	
	/* foot */
	div.foot {
		position: fixed;
		float: left;
		width: inherit;
	}
	
	/* end layouting, now rest */
	
	/* the contents: fonts and colours */
	
	.content {
		margin-left: 3%;
		padding-right: 2%;
		width: 95%;
		text-align: justify;
	}
	
	.content a { text-decoration: none; }
	.content a:hover { text-decoration: underline; }
	
	.content.scroll {
		width: 96%;
		height: 460px;
		margin-bottom: 2em;
		padding-right: 2em;
	}
	
	li.smallfont { font-size: 86%; }
	
	/* Erste Ueberschriften ohne Rand nach oben, ungluecklich aber gut */
	h1.first, h2.first, h3.first, h4.first, h5.first {
		margin-top: 0;
	}
	
	/* Standard Links */
	.plink { display: none; }
	
	
	/* special content areas */
	.content.impressum {
		background-color: white;
		text-align: right;
		font-size: 80%;
		padding: inherit;
	}
	
	.content.hinweis {
		background-color: white;
		font-size: 80%;
	}	
	.content.hinweis h3 { text-align: center; }
	
	.content.ds {
		background-color: white;
		font-size: 80%;
	}	
	.content.ds h3 { text-align: left; }
	
	/* Tabellen */
	table {
		text-align: left;
	}
	
	/* header */
	span.ie { display: none; }
	span.ie.nolink { display: inline; }
	a.nolink {display: none; }
	
	/* menu 1. stufe */
	div.menu-h {
		text-align: right;
		clear: both;
	}
	
	div.menu-h ul {
		padding: 0;
		margin: 0;
		list-style-type: none;
		font-size: 105%;
		padding: 10px 0 5px;
		margin-bottom: 0em;
	}
	
	div.menu-h ul li { 
		display: inline;
		margin-left: 1.2em;
		color: rgb(128,128,128);
		
		padding: 0.2em 0.8em 0.2em 1.5em;
	}
	
	div.menu-h ul li a{
		color: inherit;
		background-color: inherit;
		font-weight: inherit;
		text-decoration: none;
	}
	
	div.menu-h ul li.hover:hover,
	div.menu-h ul li.hover:focus {
		color: black;
		border-color: black;
	}
	
	div.menu-h ul li.current {
		color: white;
		font-weight: bold;
		border-bottom: 2px solid black;
		border-right: 2px solid black;
	}
		
	/* menu 2. stufe */
	div.menu-h ul ul {
		font-size: 75%;
		padding-top: 15px;
	}
	
	
	div.menu-h ul ul li.current {
		border-width: 1px;
	}
	
	div.sitemap { display: none; }
	/* end menu top */
	
	/* menu left */
	div.menu-l {
		width: 100%;
		text-align: right;
		clear: both;
	}
	
	div.menu-l ul {
		margin-top: 1em;
		font-size: 90%;
		list-style-type: none;
		padding: 0;
		text-align: left;
	}
	
	div.menu-l ul li {
		margin-top: 1em;
		text-align: right;
		
		padding-top: 0.2em;
		padding-right: 1em;
		padding-bottom: 0.2em;
		
		color: rgb(128,128,128);
		border-bottom: 1px solid rgb(128,128,128);
		border-right: 1px solid rgb(128,128,128);
	}
	
	div.menu-l ul li.gap {
		margin-top: 2em;
	}
	
	div.menu-l ul li a	{ 
		display: block;
		width: 100%;
		text-decoration: none; 
		color: inherit;
	}
	
	div.menu-l ul li:hover,
	div.menu-l ul li:focus {
		color: white;
		border-color: black;
	}
	
	div.menu-l ul li a:hover,
	div.menu-l ul li a:focus {
		color: inherit;
		text-decoration: none;
	}
	
	/* end menu left */
	
	/* main text */
	.content.contact{
		font-size: 82.1%;
		text-align: left;
	}
	
	div.main-l .news {
		margin-top: 2.5em;
		
		font-size: 85.1%;
		text-align: left;
		
		padding-right: 1em;
		border-bottom: 1px solid;
		border-right: 1px solid;
	}
	
	div.news strong { text-align: left; }
	
	div.news div.link {
		margin-bottom: 0.5em;
		text-align: right;
	}
	
	div.news div.link a {  
		text-decoration: none;
	}
	

	div.news div.link a:hover {
	color: black;
	}
	
	div.cite {
		text-align: left;
		font-style: italic;
	}
	
	div.cite p {
		margin-bottom: 0px;
		border-bottom: 0px;
	}
	
	div.cite p.author{
		text-align: right;
		margin-top: 0.5em;
		margin-bottom: 0.5em;
		border-top: 0px;
		font-size: smaller;
	}
  
	/* bilder */
	div.figure {
		width: 99%;
		text-align: center;
		margin-top: 1em;
		margin-bottom: 1em;
	}
	
	div.figure p.caption {
		margin-top: 0.5em;
		text-align: right;
		font-size: 95%;
		line-height: 99.99%;
		color: rgb(0, 101, 68);
	}
	
	/* features */
	
	ul.features li ul {
		margin-top: 0.2em;
	}
	
	ul.features ul li {
		font-size: smaller;
	}
	
	/* faq */
	
	dl.faq dt {
		margin-top: 1em;
		font-weight: bold;
	}
	
	dl.faq dd {
		font-size: 95%;
		margin-top: 0.5em;
		margin-bottom: 0.5em;
	}
	
	/* foot */
	
	div.foot div.impressum {
		padding-top: 0.4em;
		padding-bottom: 1.2em;
		padding-right: 2ex;
		margin-bottom: 10px;
		text-align: right;
		color: white;
		background-color: rgb(0, 101, 69);
	}
	
	div.foot div.impressum a {
		font-family: verdana,serif;
		color: white;
		text-decoration: none;
		font-size: smaller;
	}
	
	
	div.stand {
		color: rgb(128,128,128);
		text-align: right;
		vertical-align: bottom;
		font-style: italic;
		font-size: xx-small;		
	}

@import url("hh.css") handheld;
@import url("hh.css") only screen and(max-device-width:480px);