/* ====================================================== */
/* CSS Document: ELITEC Online-Shop | www.elitec-shop.com */
/* -> LAYOUT                                              */
/* ====================================================== */


/* ---------------------  COMMON DEFINITIONS  --------------------- */

	body {
		margin:0; padding:0;
		width:100%; height:100%;
		background-color:#003194;
		background-image:url(../images/elitec_smooth_bg.gif);
		background-repeat:repeat-x;
		background-position:0 64px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#555;
		text-align:center;
		}
		
	/* NOSCRIPT */
	#noscrpt { 
		background-color:#fff; 
		color:#900; 
		padding:10px 0px 10px 0px; 
		font-weight:bolder;
		width:100%;
		text-align:center;
		border-bottom:2px solid #900;
		z-index:10000;
		}
	/* NOSCRIPT */
	
	
	/* headlines */
	h1,h2,h3,h4 { margin:0px; padding:0px 0px 10px 0px; }
	
	h1 { font-size:18px; color:#2b4eb5; margin:0; padding:0; display:none; }
	
	h2 { font-size:18px; color: #2b4eb5; line-height:28px; }
	h3 { font-size:12px; color: #2b4eb5; }
	h4 { font-size:12px; /*color: #5d81cb;*/ color: #2b4eb5; padding:0px 0px 20px 0px; }
	
	
	#content h2 { padding-left:10px; } 
	
	.notice { color:#f00; font-size:11px; }
	.textnotice { color:#888; font-size:11px; }
	

	/* links */
	a { color:#009933; color:#47759f; color:#5d81cb; text-decoration:underline; }
	a:hover { color:#2b4eb5; text-decoration:none; }
	
	
	/* lists */
	ul { margin:0; padding:0; }
	li { margin:0; padding:0; list-style-type:square; }
	
	ol { margin:0; padding:0; }
	ol li { margin:0; padding:0; list-style-type:decimal; }
	ol ol li { margin:0; padding:0; list-style-type:upper-roman; }

	#content ul { margin: 5px 0px 15px 20px; padding: 0px 0px 0px 10px; }
	#content ul li { line-height:22px; }
	
	#content ol { margin: 5px 0px 5px 20px; padding: 0px 0px 0px 10px; }
	#content ol ol { margin: 5px 0px 5px 20px; padding: 0px 0px 0px 0px; }
	#content ol li { line-height:22px; padding:0px 0px 5px 0px; }
	
	
	
	/* forms */
	form { margin:0; padding:0; }
	
	textarea, input, select, option, .area { font-family:Arial, Helvetica, sans-serif; font-size:12px; }
	
	
	fieldset { border:none; padding:0px 0px 15px 0px; display:block; }

	input, textarea { float:left; padding:2px; border:1px solid #ccc; }
	select { float:left; border:1px solid #ccc; padding:2px; }
	
	input.radio { border:0 none; }

	
	label { float:left; }
	

	form.standard { margin:10px 0px 0px 0px; }
	
	form.standard fieldset p { width:100%; margin:0; padding:0; display:block; }
	
	form.standard label { width:140px; }
	
	form.standard input, form.standard textarea { width:280px; }
	
	
	form.shipment label { width:120px; }
	
	form.shipment p { width:100%; margin:0; padding:0; display:block; }
	
	form.shipment input.shipmentinput { width:280px; }
	
	
	
	input.login { float:right; margin:0px 0px 5px 0px; width:120px; }
	label.login { /*width:70px;*/ line-height:20px; }
	
	/* submit buttons (input, anchor) */
	input.mf_submit {
		background-image:url(../images/submitBttn_bg.gif);
		background-repeat:repeat-x;
		color:#fff;
		margin:20px 0px 5px 0px; 
		padding:0 !important;
		width:102px !important; 
		height:22px;
		font-size:11px;
		cursor:pointer;
		border:1px solid #2b4eb5;
		}
		
		
	.content_block_alt input.mf_submit { margin:0px 0px 5px 0px; }
		
	a.mf_submit {
		display:block; 
		text-decoration:none;
		text-align:center;
		line-height:20px;
		
		background-image:url(../images/submitBttn_bg.gif);
		background-repeat:repeat-x;
		color:#fff;
		margin:20px 0px 5px 0px; 
		padding:0 !important;
		width:102px !important; 
		height:20px;
		font-size:11px;
		cursor:pointer;
		border:1px solid #2b4eb5;
		}
		
		
	div.smaller { font-size:11px; padding-top:20px; }
		
		
	/* tables */
	table { 
		font-family:Arial, Helvetica, sans-serif; 
		font-size:12px; 
		table-layout:auto;
		}
		
		
	/* text align */
	.textright { text-align:right; }
	.textleft { text-align:left; }
	.textcenter { text-align:center; }
		
		
	/* display */
	.nodspl { display:none; }
		
		
	/* floats */
	.right { float:right; }
	.left { float:left; }
	
	
	/* floats clearer */
	.clearfix { 
		clear: both;
		display: block;
		font: 1px/0px serif;
		content: ".";
		height: 0;
		visibility: hidden; 
		}



/* ---------------------  LAYOUT DEFINITIONS  --------------------- */
		
	/* site header (logo background images) */
	#header_line {
		width:100%;
		height:64px;
		margin:10px 0px 0px 0px;
		text-align:left;
		background-image:url(../images/elitec_logo_bg2.gif);
		background-repeat:repeat-x;
		background-position:left;
		}
	#header_line_left {
		width:50%;
		height:64px;
		background-image:url(../images/elitec_logo_bg.gif);
		background-repeat:repeat-x;
		background-position:left;
		}


	/* site content */
	#site {
		margin:-64px auto 0px auto;
		width:954px;
		text-align:left;
		}

		
		/* page header (logo) */
		#page_header {
			margin:0;
			padding:0;
			width:954px;
			height:64px;
			background-image:url(../images/elitec_logo_bg.gif);
			background-position:top;
			background-repeat:repeat-x;
			}
		#logo_txt {
			float:left;
			width:454px;
			padding:40px 0 0 0;
			text-indent:15px;
			color:#2b4eb5;
			font-weight:bold;
			font-size:11px;
			}
		#logo_img {
			float:right;
			width:500px;
			height:64px;
			background-image:url(../images/elitec_logo.gif);
			background-repeat:no-repeat;
			background-position:right;
			}

		
		/* meta panel (language, meta navigation) */
		#meta_panel {
			margin:10px 0px 0px 0px;
			width:954px;
			height:28px;
			font-size:11px;
			position:relative;
			z-index:99;
			}

		/* language panel -> menu.css */
		/* meta navigation -> menu.css*/	
		

		/* site layout shadows */
		#site_top_shadow {
			width:954px;
			height:7px;
			font-size:1px;
			background-position:left;
			background-repeat:no-repeat;
			background-image:url(../images/elitec_top_shadow.png);
		}
		#site_bottom_shadow {
			width:954px;
			height:7px;
			font-size:1px;
			background-position:left;
			background-repeat:no-repeat;
			background-image:url(../images/elitec_bot_shadow.png);
		}
		#site_content_shadow {
			width:954px;
			padding:0;
			background-position:left;
			background-repeat:repeat-y;
			background-image:url(../images/elitec_mid_shadow.png);
		}
		
		/* site layout border */
		#site_border {
			width:940px;
			margin:0px 0px 0px 7px; padding:0px 0px 10px 0px;
			background-color:#fff;
		}
		
		/* site body (header image, navigation, content) */
		#site_body {
			margin:0px 0px 0px 10px; padding:10px 0px 0px 0px;
			width:920px;
		}
		#site_body_3col {
			margin:0px 0px 0px 10px; padding:10px 0px 0px 0px;
			width:920px;
			background-image:url(../images/sitepanel_bg.gif);
			background-position:right;
			background-repeat:repeat-y;
		}

		/* site body header */
		#header_images {
			width:920px;
			height:150px;
			background-color:#bbb;
			position:relative;
			overflow:hidden;
		}
		.site_banner { border:0 none; display:block; }
		
		/* header slogan */
		#slogan {
			position:absolute;
			z-index:10;
			top:20px;
			left:60px;
			color:#fff;
			text-align:center;
			}
		#slogan h2 {
			color:#fff;
			font-size:21px;
			line-height:normal;
			}
		#slogan h3 {
			color:#2b4eb5;
			font-size:14px;
			padding-top:5px;
			}
			
		/* widget: cart */
		#widget_cart {
			position:absolute;
			z-index:10;
			top:86px;
			right:0;
			width:160px;
			height:64px;
			color:#fff;
			font-size:11px;
			}
			
		#cart_count { /* cart count smooth background */
			width:160px; 
			height:36px;
			background-color:#143354;
			filter:alpha(opacity=52);
			-moz-opacity: 0.52;
			opacity: 0.52;
			position:relative;
			}
		#cart_count_text { 
			position:absolute; 
			top:3px; left:7px; 
			filter:alpha(opacity=100);
			-moz-opacity: 1;
			opacity: 1;
			}
			
		
		#cart_button {
			width:160px;
			height:28px;
			border-top:1px solid #fff;
			border-left:1px solid #fff;	
		}
		#cart_button a { text-decoration:none; cursor:pointer; }
		#cart_item {
			float:left;
			width:35px; height:27px; 
			background-image:url(../images/cartBttn_item.gif);
			border-right:1px solid #fff;
			filter:alpha(opacity=85);
			-moz-opacity: 0.85;
			opacity: 0.85;
			}
		#cart_bttn {
			float:left;
			width:123px; height:27px;
			background-image:url(../images/cartBttn_bg.gif);
			background-repeat:repeat-x;
			color:#fff;
			text-align:center;
			line-height:27px;
			}



/* ---------------------  CONTENT DEFINITIONS  --------------------- */

	/* content body ( navigations, content columns) */
	#content_body {
		width:920px;
		margin:10px 0px 0px 0px;
	}
	
	/* left column (phone number, navigation) */
	#left_col {
		float:left;
		width:200px;
		padding:0px 0px 0px 0px;
		margin:0px 0px 0px 0px;
		border:1px solid #ccc;
		}
	#phone {
	 	height:27px;
		background-image:url(../images/elitec_phone.gif);
		background-repeat:repeat-x;
		color:#fff;
		font-size:14px;
		text-indent:48px;
		line-height:26px;
		}
		
	#navigation { margin:10px 0px 0px 0px;}
		
	#link{
		font-size:12px;
		color:#555;
		width:190px;
		padding:0px 0px 0px 0px;
		margin:95px 0px 5px 10px;
		}
	
	
	/* centered column (content) */
	#center_col {
		float:left;
		width:458px;
		margin:0px 0px 0px 10px;
		padding:0px 0px 40px 0px;
		}
	
	/* right column (widgets) */
	#right_col {
		float:left;
		width:240px;
		margin:0px 0px 0px 10px;
		background-color:#f2f2f2;
		}
	/* right column 2 columns (content) */
	#right_col2 {
		float:left;
		width:706px;
		margin:0px 0px 0px 10px;
		padding:0px 0px 40px 0px;
		}
		
		
	/* site panel */
	.sitepanel {
		width:84%; 
		text-align:left; 
		margin:5px auto 10px auto; 
		padding:0px 0px 10px 0px;
		border-bottom:1px solid #ccc;
		}
	
	.sitepanel h2 { font-size:14px; line-height:normal; }
	
	.sitepanel h3 { padding-top:5px; }
	
	.sitepanel p { margin:0; padding:0px 0px 10px 0px; display:block; }
		
	.sitepanel ul { margin:0px 0px 0px 15px; padding:0; list-style-type: square;}
	.sitepanel ul#shopstore { margin:0px 0px 0px 17px; padding:0; list-style: none;}
	.sitepanel li { margin:0px 0px 5px 0px; padding:0; }
	
	.sitepanel li.item_green { list-style-image:url(../images/shopicon_storegreen.gif); }
	.sitepanel li.item_yellow { list-style-image:url(../images/shopicon_storeyellow.gif); }
	.sitepanel li.item_red { list-style-image:url(../images/shopicon_storered.gif); }
		
	#delquota {
		text-align:center;
		width:100px;
		margin:0px auto 0px auto;
		padding:4px 13px 4px 13px; 
		border:1px solid #999;
		background-color:#fff;
		}
		
		
		
	/* login */
	form.mf_login input.mf_submit { margin:10px 0px 20px 0px; }	



	/* footer */
	#footer {
		width:920px;
		margin:0 auto; padding:10px 0px 10px 0px;
		color:#fff;
		font-size:10px;
		text-align:center;
		}
	#footer a { color:#fff; text-decoration:none; }
	#footer a:hover{ text-decoration:underline; }

	
	
	
/* ---------------------  CONTENT DEFINITIONS  --------------------- */

	/* breadcrumb */	
	#breadcrumb_container {
		width:100%; 
		text-align:left; 
		margin:0px auto 15px auto; 
		padding:0px;
		font-size:11px;
		color:#888;
		height:22px;
		line-height:22px;
		
		border-top:1px solid #ccc;
		border-bottom:1px solid #ccc;
		}

	#breadcrumb_container li {display:inline; margin:0px 0px 0px 10px;}


	/* content container */
	#content { 
		text-align:left;
		margin:0; padding:0;
		}
		
	/* alternative content block */
	.content_block_alt { width:94%; margin:15px 0px 0px 10px; padding:15px 0px 0px 0px; border-top:1px solid #ccc; }

	
	
	
/* ---------------------  SHOP DEFINITIONS  --------------------- */

	/* categories overview STARTSEITE */
	.cat_container { 
		float:left;
		display:inline; /*for IE*/
		margin:0px 5px 10px 5px;
		width:216px;
		height:106px;
		overflow:hidden;
		background-color:#555;
		border:1px solid #ccc;
		background:#555 url(../images/ph_teaser.gif) left 26px no-repeat;
		}
		
	.cat_container a { text-decoration:none; }
	
	.cat_container h3 {
		background-image:url(../images/titleheader.gif);
		background-repeat:repeat-x;
		font-weight:normal;
		color:#fff;
		text-align:center;
		font-size:12px;
		line-height:24px;
		height:26px;
		padding:0;
		overflow:hidden;
		cursor:pointer; /*For IE*/
		} 
		
	img.cat_image {
		display:block;
		border:0 none;
		}
		
		

	h2.titleheader {
		background-image:url(../images/titleheader.gif);
		background-repeat:repeat-x;
		color:#fff;
		font-weight:normal;
		text-align:left;
		text-indent:10px;
		font-size:12px;
		line-height:24px;
		height:26px;
		margin:0;
		padding:0 !important;
		overflow:hidden;
		border:1px solid #ccc;
		}
	
	

	/* common shop table (product overview, cart) */
	table.shoptable {
		width:100%;
		border:0 none;
		border-top:1px solid #ccc;
		border-right:1px solid #ccc;
		border-left:1px solid #ccc;
		margin:0px 0px 20px 0px; padding:0;
		}
	form#final table.shoptable { margin-top:-11px; }
		
	table.shoptable th  {
		background-image:url(../images/titleheader.gif);
		background-repeat:repeat-x;
		}		
	
	table.shoptable h3 {
		color:#fff;
		font-weight:normal;
		text-align:left;
		text-indent:10px;
		font-size:12px;
		line-height:24px;
		height:26px;
		padding:0;
		overflow:hidden;
		} 
		
	table.shoptable td { 
		padding:10px 10px 5px 10px;
		border-bottom:1px solid #ccc;
		}
		
	table.shoptable td.nopad { padding:0; } /* for tables inside */
		
	table.shoptable td.notborder { border:0 none; }
	
	table.shoptable td.borderright { border-right:1px solid #ccc; }
	
	table.shoptable tr.rowtitle { color:#2b4eb2; }

		
	table.shoptable select { width:260px; }
	
	table.shoptable input.order_length { width:60px; text-align:right; float:none; }
	
	
	/* storage info */
	div.storage { font-size:10px; padding:10px 0px 10px 0px; }
	div.storage img { display:block; float:left; margin-right:5px; }
	
	
	/* product essentials (placeincart button, netprice) */
	div.product_essentials { padding:0px 0px 5px 0px; width:100%; }
	
	input.mf_placeincart { 
		float:left; 
		margin:0; padding:0;
		width:160px; 
		height:27px;
		border:0 none;
		background-color:#fff;
		background-image:url(../images/cartBttn_item.gif);
		background-repeat:no-repeat;
		color:#2b4eb2;
		font-size:12px;
		text-indent:15px;
		cursor:pointer;
		}
		
	div.product_price {
		float:right;
		font-size:24px;
		color:#2b4eb2;
		}
	div.product_price span.tax { font-size:10px; padding-right:10px; }
	div.product_price span.netprice { font-size:24px; }
	
	

	/* shopping cart */
	table.carttable {
		width:100%;
		border:0 none;
		margin:0; padding:0;
		}
		
	table.carttable th  { background-image:none; }		
	
	table.carttable h4 {
		text-indent:0px;
		font-size:12px;
		height:auto;
		text-align:left;
		margin:10px 0px 10px 0px;
		padding:0px 10px 0px 10px;
		overflow:visible;
		} 
		
	table.carttable td { 
		padding:10px 10px 0px 10px;
		border:0 none;
		}
	
	table.carttable tr.rowtitle_cart { color:#2b4eb2; background-color:#f1f1f1; }
	table.carttable tr.rowtitle_cart td { padding-top:0px; line-height:24px; }
	table.carttable tr.rowtitle_cart td.bordertop { border-top:1px double #ccc; }
	
	
	input.shop_submit {
		color:#888;
		margin:10px 0px 5px 0px; padding:0;
		font-size:14px;
		cursor:pointer;
		background:none;
		border:0 none;
		}

	.agb_info { padding:20px 0px 0px 0px; }
	.agb_info input.checkbx {  border:0 none; width:20px !important; }
	.agb_info span { line-height:18px; }
	
	
/* ---------------------  REGISTRATION  --------------------- */
			
	/* javascript toggler */	
	.tgl-toggler { margin:0px 0px 30px 0px; }
	
	h2.tgl-toggler { margin:0px 0px 10px 0px; }
	h2.tgl-toggler a { display:block; color:#fff; text-decoration:none; }

	
	
	
/* ---------------------  SPECIAL DEFINITIONS  --------------------- */	
	.readonly { color:#777; }
	
	input[disabled] { background-color:#f5f5f5; color:#777; }