/* Styles BIOLAB.CH */

body	{ background-color: #e9e9e9; background-repeat: no-repeat; background-position: top center; text-align: center; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #004181; font-size: 12px; }

/*Headlines*/
h1 				{ font-size: 160%; font-weight: bold; margin-top: 0px; margin-bottom:1em; color: #004181;}
h2 				{ font-size: 120%; font-weight: normal; margin-top: 0px; margin-bottom:1.5em;}
h3 				{ font-size: 100%; font-weight: bold; margin-top: 0px; margin-bottom: 5px; }
h4 				{ font-size: 100%; font-weight: bold; margin-top: 18px; margin-bottom: 5px; }
h5 				{ font-size: 90%; font-weight: bold; }
h6 				{ font-size: 85%; font-weight: bold; }

h1+h2				{ margin-top: -0.8em; }

/*Links*/
a,
a:link,
a:visited,
a:active 			{ color: #ff6633; text-Decoration: underline; }
a:hover,
a:visited:hover	{ color: #ff6633; text-Decoration: none; }

div.content span.highlight 	{ color: #ff6633; }

div.sitetools a,
div.sitetools a:link,
div.sitetools a:visited,
div.sitetools a:active 			{ color: #8b8b8b; text-Decoration: none; }
div.sitetools a:hover,
div.sitetools a:visited:hover	{ color: #ff6633; text-Decoration: underline; }


/*Layout*/
#page			{ position:relative; width: 948px; height:687px; text-align:left; margin:auto;}

/*Navigations*/
div.workshopNavigationTop 			{ position:absolute; left:87px; top: 0px; width: 422px; height:20px;}
div.workshopNavigationTop img		{ width: 422px; height:20px;}
div.workshopNavigationRight 		{ position:absolute; left:902px; top:86px; width: 46px; height:263px;}
div.workshopNavigationRight img 	{ width: 46px; height:263px; }
div.workshopNavigationBottom 		{ position:absolute; left:453px; top:619px; width: 405px; height:68px;}
div.workshopNavigationBottom img	{ width: 405px; height:68px;}
div.workshopNavigationLeft 		{ position:absolute; left:0px; top:0px; width: 44px; height:553px;}
div.workshopNavigationLeft img	{ width: 44px; height:553px;}

div.homeNavigationTop 			{ position:absolute;	left:503px;	top: 20px; width: 399px; height:66px;}
div.homeNavigationTop img		{ width: 399px; height:66px;}
div.homeNavigationRight 		{ position:absolute; left:855px; top:343px; width: 48px; height:277px;}
div.homeNavigationRight img 	{ width: 48px; height:277px; }
div.homeNavigationBottom 		{ position:absolute; left:43px; top:553px; width: 400px; height:67px;}
div.homeNavigationBottom img	{ width: 400px; height:67px;}
div.homeNavigationLeft 			{ position:absolute; left:42px; top:20px; width: 43px; height:260px;}
div.homeNavigationLeft img		{ width: 43px; height:260px;}

div.navigation 					{ position:absolute; left:44px; top:20px; width: 843px; height:81px;}
div.workshopLinkHomepage 		{ position:absolute; left:85px; top:35px; width: 50px; height:70px;}
div.workshopLinkHomepage img	{ width: 50px; height:70px; }

/*content*/
div.workshopEntry			 		{ position:absolute; left:168px; top:286px;}
div.workshopEntryHome	 		{ position:absolute; left:673px; top:500px; width: 205px; height: 102px;}
div.solutions				 		{ position:absolute; left:560px; top:460px; }
div.labaddress						{ position:absolute; left:740px; top:400px; }

div.sitetools						{
	position:absolute;
	left:66px;
	top:585px;
	font-size: 85%;
	font-weight: bold;
	color:#8b8b8b;
}
div.contentLeft					{ position:absolute; left:108px; top:130px; width: 360px; height: 400px;}
div.contentRight					{ position:absolute; left:498px; top:130px; width: 360px; height: 400px;}
div.headline						{ }
div.contentLeft content,
div.contentRight content		{ line-height: 18px; }
div.picRight						{ position:absolute; left:480px; top:101px;}
div.picLeft							{ position:absolute; left:-25px; top:101px;}
div.picCenter						{ position:absolute; left:140px; top:81px;}




/* Lightbox Layer*/
div.LightboxLayer							{ position: relative; margin: auto; }
div.LightboxLayerHead					{ height: 15px; background-image: url(../images/bg_layer_top.png); background-repeat: no-repeat; background-position: top center; }
div.LightboxLayerInhalt					{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #004181; font-size: 12px; text-align: left; padding: 110px 75px 50px 70px; background-image: url(../images/bg_layer_middle.png); background-repeat: repeat-y; background-position: center; font-size: 100%; line-height: 140%; }
div.LightboxLayerFooter					{ height: 30px; background-image: url(../images/bg_layer_bottom.png); background-repeat: no-repeat; background-position: bottom center; }

div.LightboxLayer a.LayerLogo		{ position: absolute; top: 5px; left: 20px; }
div.LightboxLayer a.CloseButton		{ position: absolute; top: 13px; right: 25px; height: 24px; width: 24px; background-image: url(../images/button_close.png); background-repeat: no-repeat; background-position: right; }
div.LightboxLayer h1				{ position: absolute; top: 60px; left: 30px; color: #000; line-height: 120%; width: 480px; height: 60px; }
div.LightboxLayer h1	span		{ position: absolute; top: 0px; right: 0px; width: 100%; height: 100%; background-repeat: no-repeat; background-position: top left; background-color: #fff; }

div.LightboxLayer h1.imprint span	{ background-image: url(../images/h1_imprint.png); }
div.LightboxLayer h1.career span	{ background-image: url(../images/h1_career.png); }

/*contact*/
div.LightboxLayer#contactlayer				{ width: 575px; background-image: url(../images/bg_layer_contact.png); background-repeat: no-repeat; background-position: top center; height: 670px; }
div.LightboxLayer#contactlayer div.LightboxLayerHead,
div.LightboxLayer#contactlayer div.LightboxLayerInhalt,
div.LightboxLayer#contactlayer div.LightboxLayerFooter { background-image: none; }
div.LightboxLayer#contactlayer div.LightboxLayerInhalt	{ padding: 163px 75px 50px 33px;  }
div.LightboxLayer#contactlayer form 							{ margin-left: 127px; font-size: 100%; }
div.LightboxLayer#contactlayer form label					{ display: none; }
div.LightboxLayer#contactlayer form input.textfield,
div.LightboxLayer#contactlayer form textarea			{ border: 1px solid #94a9d4; width: 305px; margin-bottom: 19px; padding: 2px 2px 2px 2px; font-size: 100%; color: #004181; display: block; }
div.LightboxLayer#contactlayer form textarea			{ border: 1px solid #94a9d4; width: 305px; margin-bottom: 30px; padding: 2px 2px 2px 2px; font-size: 100%; color: #004181; display: block; height: 145px; }
div.LightboxLayer#contactlayer form input.checkbox	{ margin-left:1px; margin-top: 73px; margin-bottom: 30px; }
input.checkbox.medical	{ margin-right: 60px; }
input.checkbox.IT			{ margin-right: 50px; }
input.checkbox.bio		{ margin-right: 53px; }
a#send						{ position: absolute; right: 50px; bottom: 25px; }
div.address					{ position:absolute; left:30px; bottom:40px; }

/*feedback*/
div.LightboxLayer#feedbacklayer				{ width: 575px; background-image: url(../images/bg_layer_feedback.png); background-repeat: no-repeat; background-position: top center; height: 670px; }
div.LightboxLayer#feedbacklayer div.LightboxLayerHead,
div.LightboxLayer#feedbacklayer div.LightboxLayerInhalt,
div.LightboxLayer#feedbacklayer div.LightboxLayerFooter { background-image: none; }
div.LightboxLayer#feedbacklayer div.LightboxLayerInhalt	{ padding: 70px 75px 50px 33px;  }


/*Google Map*/
div.LightboxLayer#maplayer	{ width: 575px;}
div.LightboxLayer#maplayer div.LightboxLayerInhalt	{ padding: 70px 23px 50px 23px;}
a#print						{ position: absolute; right: 50px; bottom: 25px; }


/*Imprint*/
div.LightboxLayer#imprintlayer				{ width: 750px; position: relative; margin: auto;}
div.LightboxLayer#imprintlayer div.LightboxLayerHead 		{ background-image: url(../images/bg_layer_top_imprint.png);}
div.LightboxLayer#imprintlayer div.LightboxLayerInhalt 	{ background-image: url(../images/bg_layer_middle_imprint.png);}
div.LightboxLayer#imprintlayer div.LightboxLayerFooter 	{ background-image: url(../images/bg_layer_bottom_imprint.png);}

/*career ersetzt erste zeile von career IT
div.LightboxLayer#careerlayer				{ width: 575px; background-image: url(../images/bg_layer_career.png); height: 670px;} */

/*career IT*/
div.LightboxLayer#careerlayer				{ width: 575px; background-image: url(../images/bg_layer_career.png); height: 670px;}
div.LightboxLayer#careerlayer div.LightboxLayerHead,
div.LightboxLayer#careerlayer div.LightboxLayerInhalt,
div.LightboxLayer#careerlayer div.LightboxLayerFooter { background-image: none; }
div.LightboxLayer#careerlayer div.LightboxLayerInhalt	{ padding: 163px 75px 50px 33px;  }


/*Post Its*/
div.postit				{ position: absolute; }
div.postit.greenHome	{ left:770px; top:58px;}
div.postit.greenMission	{ left:25px; top:450px;}
div.postit.yellowLeft	{ top:280px; left:-130px;}
/* for the easter-session - the yellowBottom postit is visible  --- div.postit.yellowBottom	{ top:490px; left:260px; display: none;} */
div.postit.yellowBottom	{ top:490px; left:260px; }
div.postit.greenLeft1	{ top:220px; left:-70px; }
div.postit.greenLeft2	{ top:330px; left:-70px; }
div.postit.greenLeft3	{ top:450px; left:-70px; }