@charset "utf-8";
/* CSS Document */

html, body {
margin: 0;
padding: 0;
height: 100%;
}



/* ================================
	1. Kalibrierung
=================================*/
* { padding: 0; margin: 0; }
p, ul, li { margin: 0; padding: 0;}
h1, h2, h3 { font-size: 1em; }
input { color:#222222; font-family:Arial, Helvetica, sans-serif; font-size:12px; border:0;}
select { color:#222222; font-family:Arial, Helvetica, sans-serif; font-size:12px; border:1px #666666 solid;}

html
{
	height:101%;
}


	/* =======================
	   Hyperlinks           */
	a
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#383838;
	}
	
	a:hover, a:focus
	{
		color:#666666;
		text-decoration:none;
	}
	
	#header a
	{
		color:#ffffff;
		text-decoration:none;
	}
	
	#header a:hover, a:focus
	{
		text-decoration:underline;
	}
		   
	/*======================*/
	
	input
	{
		border: 1px solid #cdcdcd;
		background: url(/img/page/input_bg.jpg) repeat-x #ffffff;
		height: 14px;
		padding: 3px 3px;
	}
	
	.button
	{
		border: 1px solid #cdcdcd;
		height:auto;
		padding: 3px 10px;
		color:#666666;
		font-size:12px;
	}
	
	select
	{
		border: 1px solid #cdcdcd;
		padding: 2px;
		height: 22px;
	}
	
	.radio
	{
		background:none;
		border:none;
	}
	
	.checkbox
	{
		background:none;
	}
	
	.head
	{
		background:#94B9D6;
		font-size:12px;
		font-weight:bold;
		padding: 2px 5px;
		margin: 20px 0 3px 0;
		color:#000000;
	}


/* ================================
	2. Allgemeine Styles
=================================*/
body
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	background: #1d1d1d;
}


#wrapper
{
	width: 980px;
	margin: 0 auto 0 auto;
}

#header
{
	height: 118px;
	overflow:hidden;
	position:relative;
}

	#header h1
	{
		background: url(/img/page/logo.jpg) no-repeat;
		margin:14px 0 0 15px;
		height: 94px;
		width: 300px;
		float:left;
		text-indent:-9000px;
	}
	
	#header .menu
	{
		float:right;
		height:25px;
		margin-top:80px;
	}
	
	#header .menu .left
	{
		background:url(/img/page/menu_top_left.jpg) no-repeat;
		width:13px;
		height:25px;
		float:left;
	}
	
	#header .language
	{
		position: absolute;
		right: 20px;
		top: 20px;
	}
	
	#header .language img
	{
		border:none;
	}
	
	#header .language .active img
	{
		border: #ffffff 1px solid;
	}
	
	#header .language a
	{
		margin: 0 10px;
	}
	
	#header .menu .main
	{
		background:url(/img/page/menu_top_main.jpg) repeat-x;
		float:left;
	}
	
		#header .menu .main ul
		{
			list-style-type:none;
		}
		
		#header .menu .main li
		{
			float: left;
			padding:6px 28px 0 28px;
			color: #FFFFFF;
		}
		
		#header .menu .main .active
		{
			color:#888888;
		}
	
	#header .menu .right
	{
		background:url(/img/page/menu_top_right.jpg) no-repeat;
		width:13px;
		height:25px;
		float:left;
	}


#main
{
	background-repeat: repeat-y;
	background-image:url(/img/page/gradients/blue.jpg);
}

	#main #left
	{
		width: 246px;
		float: left;
	}
	
		#main #left .imgleft
		{
			float:left;
		}
		
		/* =======================
		   Menü           */
			
			#main #left .menu
			{
				margin: 20px 0 20px 15px;
				width: 213px;
			}
			
			#main #left .menu_top
			{
				background: url(/img/page/menu/menu_top.jpg) no-repeat;
				height:10px;
				width:213px;
				overflow:hidden;
			}
			
			#main #left .menu_bottom
			{
				background: url(/img/page/menu/menu_bottom.jpg) no-repeat;
				height:6px;
				width:213px;
				overflow:hidden;
			}
			
			#main #left ul.innermenu
			{
				border-left:#cfcfcf 1px solid;
				border-right:#cfcfcf 1px solid;
				list-style:none;
				padding: 2px 0 5px 0;
				background:url(/img/page/menu/menu_gradient.jpg) repeat-x #f7f7f7;
			}
			
			#main #left li
			{
				background: url(/img/page/menu/seperator.jpg) no-repeat;	
				background-position: 45px 0px;
				padding:13px 0;
			}
			
			#main #left li a.en
			{
				background:url(/img/page/menu/menu_en.png) no-repeat;
			}
			
			#main #left li a.de
			{
				background:url(/img/page/menu/menu_de.png) no-repeat;
			}
			
			#main #left li li {
				margin:5px 0;
			}
			
			#main #left li a
			{
				background-position: 0px 0px;
				display:block;
				text-indent:-9000px;
				margin: 0 0 0 9px;
				width: 191px;
				height: 21px;
				text-decoration:none;
			}
			
			/* FIRST */
			#main #left li a.first
			{
				background-position:0px 0px;
			}
			
			#main #left li a.first:hover
			{
				background-position:-190px 0px;
			}
			
			#main #left li a.first_active
			{
				background-position:-380px 0px;
			}
			
			/* SECOND */
			#main #left li a.second
			{
				background-position:0px -21px;
			}
			
			#main #left li a.second:hover
			{
				background-position:-190px -21px;
			}
			
			#main #left li a.second_active
			{
				background-position:-380px -21px;
			}
			
			/* THRID */
			#main #left li a.third
			{
				background-position:0px -42px;
			}
			
			#main #left li a.third:hover
			{
				background-position:-190px -42px;
			}
			
			#main #left li a.third_active
			{
				background-position:-380px -42px;
			}
			
			/* FOURTH */
			#main #left li a.fourth
			{
				background-position:0px -63px;
			}
			
			#main #left li a.fourth:hover
			{
				background-position:-190px -63px;
			}
			
			#main #left li a.fourth_active
			{
				background-position:-380px -63px;
			}
			
			/* FIFTH */
			#main #left li a.fifth
			{
				background-position:0px -84px;
			}
			
			#main #left li a.fifth:hover
			{
				background-position:-190px -84px;
			}
			
			#main #left li a.fifth_active
			{
				background-position:-380px -84px;
			}
			
			
			/*---SUBMENU---*/
			#main #left ul.submenu
			{
				list-style:none;
			}
			
			#main #left ul.submenu li
			{
				background: none;
				padding:0;
			}
			
			#main #left .submenu a
			{
				text-indent:0px;
				height:auto;
				padding:0;
				display:block;
				width:150px;
				font-size:12px;
				padding-left:12px;
				margin: 0 0 0 40px;
				background: url(/img/page/menu/arrow_small.gif) no-repeat;
				background-position: 3px 3px;
			}
			
			#main #left .submenu a:hover
			{
				background: url(/img/page/menu/arrow_small_active.gif) no-repeat;
				background-position: 3px 3px;
			}
			
			#main #left h2 {
				font-size:14px;
				color:#333333;
				margin:5px 0 5px 20px;
			}
	
	#main #center
	{
		width: 220px;
		float: left;
	}
		#main #center .wrapper
		{
			margin-top: 200px;
		}
		
		#main #center .infobox
		{
			margin:20px 0;
		}
		
			#main #center .infobox .top
			{
				background-repeat:no-repeat;
				height:4px;
				width:220px;
			}
			
			#main #center .infobox .main
			{
				background-repeat:repeat-y;
				width:174px;
				padding: 5px 23px 7px 23px;
				color:#FFFFFF;
			}
			
				#main #center .infobox .main h3
				{
					font-family:Arial, Helvetica, sans-serif;
					font-size:15px;
					font-weight:normal;
					margin-bottom:10px;
				}
				
				#main #center .infobox .main p
				{
					font-family:Verdana, Arial, Helvetica, sans-serif;
					font-size:10px;
				}
			
			#main #center .infobox .bottom
			{
				background-repeat:no-repeat;
				height:4px;
				width:220px;
			}
	
	#main #right
	{
		overflow:hidden;
		width: 514px;
		float: right;
		position:relative;
		min-height:500px;
	}
	
		#main #right .title
		{
			width:514px;
			height:300px;
			background-repeat:no-repeat;
			text-indent:-9000px;
		}
		
		#main #right #loadingbar
		{
			width:140px;
			height:40px;
			background:url(/img/page/main/loading_box.png) no-repeat;
			position:absolute;
			top:10px;
			left:10px;
		}
		
			#main #right #loadingbar img
			{
				margin:3px 0 0 10px;
			}
		
	#maincontainer
	{
		margin: 0 20px 20px 20px;
	}
	
		#maincontainer h3
		{
			font-family:Arial, Helvetica, sans-serif;
			font-size:13px;
			padding:10px 0 6px 0;
		}
		
		#maincontainer p
		{
			margin: 0 0 15px 0;
		}
		
		#maincontainer .clear {
			clear:both;
		}
	
		#maincontainer .box
		{
			width:218px;
			padding-bottom:10px;
		}
		
		#maincontainer .box .head
		{
			background:url(/img/page/main/box/box_top.jpg) no-repeat bottom;
			width:218px;
			overflow:hidden;
			height:60px;
			position:relative;
			padding: 0;
			margin: 0;
		}
			#maincontainer .box .head h3
			{
				font-family:Arial, Helvetica, sans-serif;
				font-size:14px;
				font-weight:normal;
				font-style:italic;
				position:absolute;
				bottom:0px;
				left:0px;
			}
			
			#maincontainer .box .head .title_head
			{
				margin: 0 0 0 65px;
				height:45px;
				vertical-align:bottom;
				overflow:hidden;
				position:relative;
			}
			
			#maincontainer .box .head .icon
			{
				position:absolute;
				bottom:0px;
				left:10px;
			}
		
		#maincontainer .box .main
		{
			background: url(/img/page/main/box/box_gradient.jpg) repeat-x #fcfcfc;
			border-left: #dddddd 1px solid;
			border-right: #dddddd 1px solid;
			width:192px;
			padding: 2px 12px 10px 12px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
		}
		
		#maincontainer .box .main a
		{
			font-size:11px;
		}
				
		#maincontainer .box .bottom
		{
			background:url(/img/page/main/box/box_bottom.jpg) no-repeat;
			width:218px;
			height:4px;
		}
		
		/* --- chemistry kits */
		#chemistry_kits .kits_image {
			overflow:hidden;
			text-align:center;
			margin-bottom:15px;
		}
			
			#chemistry_kits .kits_image img {
				margin:0 15px;
				padding:2px;
				border: 2px #999999 solid;
			}
		
		
		
		/*---- KATALOG ---- */
		
		#catalog ul {
			margin:10px 0 0 40px;
		}
		
		#catalog ul li {
			margin: 10px 0;
		}
		
		
		
		
		/*----- Login ----*/
		
		#webshop .login_container
		{
			padding: 20px;
			width:400px;
		}
		
		#webshop .login_container p
		{
			overflow:hidden;
		}
		
		#webshop .login_container .input
		{
			margin-left:40px;
			float:left;
		}
		
		#webshop .login_container span
		{
			width: 120px;
			display:block;
			padding-top:3px;
			float:left;
			text-align:right;
		}
		
		#webshop .login_container .lastrow
		{
			text-align:right;
			margin-right:32px;
		}
		
		/*----- Registrieren, Passwort ändern ----*/
		
		#webshop .register span, #webshop .password span, #webshop .order span
		{
			display:block;
			float:left;
			width: 140px;
			background:#D7D7D7;
			margin-right:3px;
			height:18px;
			padding: 4px 0 0 4px;
		}
		
		#webshop .register p, #webshop .password p
		{
			overflow:hidden;
			margin: 0 0 3px 10px;
		}
		
		#webshop .register div, #webshop .password div
		{
			background:#94B9D6;
			font-size:12px;
			font-weight:bold;
			padding: 2px 5px;
			margin: 20px 0 3px 0;
			color:#000000;
		}
		
		#webshop .register label, #webshop .password label
		{
			margin-right: 20px;
		}
		
		#webshop .register input, #webshop .password input
		{
			width:150px;
		}
				
		#webshop .register .radio, #webshop .password radio
		{
			margin: 3px 3px 0 0;
			width:auto;
		}
		
		#webshop .register .lastrow, #webshop .password .lastrow
		{
			text-align:center;
			margin-top:20px;
		}
		
		#webshop .register .lastrow input, #webshop .password .lastrow input
		{
			width:auto;
		}
		
		
		
		#webshop .successfullmsg
		{
			background: #94B9D6;
			margin-top: 20px;
			padding: 20px;
			color:#FFFFFF;
		}
		
		#webshop .successfullmsg a
		{
			color:#ffffff;
		}
		
		#webshop .order_menu
		{
			text-align:center;
		}
		
		#webshop .order_menu a
		{
			margin: 0 15px;
		}
		
		
		/* --- Temporary_order --- */
		
		#temporary_order .row {
			overflow:hidden;
			margin: 10px 0;
		}
		
		#temporary_order span.input_title {
			margin-top:5px;
			display:block;
			float:left;
			width:150px;
			margin-left:10px;
		}
		
		#temporary_order input.input {
			width:290px;
		}
		
		#temporary_order textarea {
			border: 1px solid #CDCDCD;
			width:290px;
			padding:3px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			height:100px;
		}
		
		#temporary_order .errormsg {
			margin: 5px 0 3px 170px;
			color:#A40000;
		}
		
		#temporary_order .successmsg {
			border: 1px solid #C1E3B9;
			padding: 10px;
			background-color: #E0F1DC;
		}
		
		#temporary_order #show_offer_sample {
			position:absolute;
			left:160px;
			top:0;
			display:none;
		}
		
		#temporary_order #show_offer_box p span {
			font-size:11px;
			text-decoration:underline;
			color:#679AC5;
			cursor:pointer;
			margin-left:10px;
		}
		
		
		/* --- Adressbuch --- */
		
		#webshop .container
		{
			overflow:hidden;
		}
		
		#webshop .adress
		{
			width: 225px;
			margin: 0 5px;
			float:left;
		}
		
		#webshop .adress .border
		{
			border:1px solid #C4C4C4;
			padding: 5px;
		}
		
		#webshop .adress img
		{
			border:none;
			margin-right:15px;
		}
		
		#webshop .adress .img
		{
			text-align:right;
			margin-top:10px;
		}

		#webshop .adress .border p
		{
			margin: 0px;
			font-size:11px;
		}
		
		#webshop .adress .border .head_adress
		{
			margin-bottom:7px;
			font-weight:bold;
		}
		
		#webshop .adress .border .head_adress span
		{
			font-weight:normal;
			font-style:italic;
			margin-left:5px;
		}
		
		#webshop .adressbook .add
		{
			text-align:right;
			margin-right: 20px;
		}
		
		#webshop .adressbook .add img
		{
			border:none;
		}
		
		#webshop .order .orderbox
		{
			height: auto;
			width:296px;
		}
		
		
		/*------------------
		---------HOME-------*/
		
		#home ul, #help ul
		{
			margin: 0 0 20px 40px;
		}
	
	
	#main #bottom
	{
		clear:both;
		height:4px;
	}
	
		#main #bottom .imgleft
		{
			float:left;
		}
		
		#main #bottom .imgright
		{
			float:right;
		}
	
#footer
{
	padding: 10px 0 20px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing:0.1em;
	overflow:hidden;
}
	#footer .left
	{
		float:left;
		width:700px;
	}
	
	#footer .right
	{
		float:right;
		width:250px;
		margin-top:60px;
	}

	#footer a
	{
		padding: 0 15px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#7e7e7e;
		text-decoration:none;
		letter-spacing:0.1em;
		line-height:2em;
	}
	
	#footer a:hover
	{
		text-decoration:underline;
	}