/* ---------------------------------------------------------------------------------------------------------------
	
		ALL Lasertechnik
		================
	
	*/
	
	/* Common settings ----------------------------------------------- */		
	a img { border: none; }
	html, body { height: 100%;	/* fix for correct position calculations */ }
	.block { display: block; }
	
	/* clearfix */
	.clearfix:before, .clearfix:after { content:""; display:table; }
	.clearfix:after { clear:both; }
	.clearfix { zoom:1; }	/* For IE 6/7 (trigger hasLayout) */
	
	/* global change of box-sizing for doctype-html5 version 
	* {
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
  					  box-sizing: border-box;	
	}
	*/
	
	.clear {clear: both;}
	.line { border-style: solid none none none; border-width: 1px; border-color: #000000; padding-top: 8px;} 
	.error { color: #ff0000; }
	
	
		/* fullscreen background */
		body, .tic_100prozenthoehe {
			background-image: url(../images/alllasertechnik/css/page_bg.jpg);
			background-repeat: repeat-x;
			background-color: #e5e5e5;
		}
		
		
		/* Layout -------------------------------------------------------- */
		.page { 
			width: 988px; 
			/*
			margin-left: auto;
			margin-right: auto;
			*/
			overflow: hidden;
		}
		
			/* global parts */
			.header {
				height: 136px;	
			}
			.nav {
				float: left;
				width: 180px;
				margin-right: 40px;	
				padding-top: 28px;
				padding-bottom: 40px;	
			}
			.breadcrumbs {
				display: none;
			}
			.main {
				float: left;
				width: 760px;
				padding-top: 20px;
				padding-bottom: 40px;	
			}
			.footer {
				clear: both;
				overflow: hidden;
				margin-left: 220px;
				margin-bottom: 20px;	
				padding-top: 10px;
				border-style: solid none none none;
				border-color: #353535;
				border-width: 1px;
				color: #353535;
			}
				
			
			
			
			/* main elements */
			.main .printlogo { display: none; }
			
			.main .title {
				margin: 0px 0px 16px 0px;	
			}
			
			
			
			.image, .slide {
				display: block;
				margin-bottom: 8px;
			}
			
			p {
				margin:0px; 
				padding: 0px;	
			}
			
			.content ul { 
				margin: 8px 0px 8px 0px; 
				padding: 0px 0px 0px 14px;
				list-style-type: none;
			}
				.content ul li {
					position: relative;	
				}
				 .content ul li:before {
						content: "•";
						position: absolute;
						top: 0px;
						left: -14px;
						/* color: #28A546; */
					}
				 
			
			.row { clear: both; overflow: hidden; }
			
			/* columns */
			.column 	{ float:left; min-height:1px; margin-right:8px; }
			.col248 	{ width: 248px; }	/* span 1 */
			.col504	{ width: 504px; }	/* span 2 */
			.col760 	{ width: 760px; } /* span 3 */
		
		
		
		
		/* Fonts & Colors----------------------------------------------------------------------- */
		@font-face {
			font-family: 'Netto';
			src: url('../fonts/alllasertechnik/NettoWeb.eot');
			src: url('../fonts/alllasertechnik/NettoWeb.eot?#iefix') format('embedded-opentype'),
			url('../fonts/alllasertechnik/NettoWeb.woff') format('woff');
		}
		@font-face {
			font-family: 'NettoBold';
			src: url('../fonts/alllasertechnik/NettoWeb-Bold.eot');
			src: url('../fonts/alllasertechnik/NettoWeb-Bold.eot?#iefix') format('embedded-opentype'),
			url('../fonts/alllasertechnik/NettoWeb-Bold.woff') format('woff');
		}
		body {
			font-family: Arial;
			font-size: 12px;	
			line-height: 16px;
			color: #000000;
			-webkit-text-size-adjust: 100%;	/* prevent wrong fontsizes on stupid iPhone */	
		}
		table {
			font-size: inherit;	
		}
		
		h1 {
			font-family: 'Netto', Arial;
			font-size: 24px;	
			font-weight: normal;
			margin: 0px 0px 16px 0px;
			line-height: 28px;
			page-break-before: none;
		}
		h2 {
			font-family: 'NettoBold', Arial;
			font-weight: normal;
			font-size: 16px;	
			line-height: 20px;
			margin: 0px 0px 4px 0px;	
		}
		.nav {
			font-size: 14px;	
			font-family: 'Netto', Arial;	
		}
		
		.subnav {
			font-family: 'Netto', Arial;	
			font-size: 16px;	
		}
		a { 
			text-decoration: none;
			color: #EC2120;	/* red */
		}
		.footer a {
			color: #353535;	/* standard text-color */
		}
		
		
		
		
		/* tabellen elemente ------------------------------------------- */
		.relative {
			position: relative;	
		}
		.slide_icon {
			position: absolute;
			right: 8px;
			bottom: 8px;
			background-image: url("../images/alllasertechnik/css/view.jpg");	
			width: 18px;
			height: 18px;
			cursor: pointer;
		}
		
		.tabelle{
			margin-bottom: 40px;
		}
			.tabelle table {
				width: 100%;
				empty-cells: show; 
			}
				.tabelle td.element {
					padding: 2px 2px !important;
					border-style: none none solid none;
					border-color: #ffffff;
					border-width: 1px;
				}
				
				.tabelle h1 {
					margin: 16px 0px 16px 0px;	
				}
		
				.tabelle th {
					text-align: left;
					vertical-align: top;
				}
				.tabelle td {
					vertical-align: top;
				}
				
				.tabelle .foldable {
					width: 202px;
				}
					.tabelle .foldable .icon {
						float: left;
						width: 18px;
						height: 18px;
						cursor: pointer;
						background-image: url("../images/alllasertechnik/css/table-down.jpg");	
						margin-right: 4px;
					}
						.tabelle .foldable .icon.open {
							background-image: url("../images/alllasertechnik/css/table-up.jpg");	
						}
					.tabelle .foldable .folder {
						float: left;
						width: 180px;
					}
						.tabelle .foldable .folder .previetext,
						.tabelle .foldable .folder .image {
							/* cursor: pointer; */
						}
					
						/* default is hidden */
						.tabelle .image,
						.tabelle .detailtext {
							display: none; 
						}
				
				/* editable version using fixed width ---------- */
				.tabelle .editmode .image,
				.tabelle .editmode .detailtext {
					display: block;
				}
				
				.tabelle .editmode tr td.element { overflow: hidden; }
				.tabelle .editmode tr.amount1 td.element { width: 760px; max-width: 760px; }
				.tabelle .editmode tr.amount2 td.element { width: 380px; max-width: 380px; }
				.tabelle .editmode tr.amount3 td.element { width: 253px; max-width: 253px; }
				.tabelle .editmode tr.amount4 td.element { width: 190px; max-width: 190px; }
				.tabelle .editmode tr.amount5 td.element { width: 152px; max-width: 152px; }
				.tabelle .editmode tr.amount6 td.element { width: 126px; max-width: 126px; }
				
				/* fix for editmode */
				.tabelle .editmode .foldable { max-width: 10px;	}
				
			
				
		/* nav ------------------------------------------------ */
		.nav ul {
			margin: 0px;
			padding: 0px;
			list-style-type: none;
		}
		
		.nav a {
			color: #000000;
			display: block;
			border-style: solid none none none;
			border-color: #999999;
			border-width: 1px;
			padding-top: 6px;
			padding-bottom: 6px;
			padding-left: 22px;
		}
			.nav li.inside a {
				border-style: solid none solid none;
			}
			
			
			/* inside and hover: red */
			.nav li.inside a, .nav li.current a, .nav a:hover {
				color: #EC2120;
			}
			
			/* current page: white background 
			.nav li.current, .nav ul ul li.inside  {
				background-color: #ffffff;
				font-family: 'NettoBold', Arial;
				font-weight: normal;
			}
			*/
			
			.nav li.current, .nav ul ul li.inside  {
				border-color: #EC2120;
				border-width: 7px;
				border-style: none none none solid;
			}
				
			
			.nav ul li.inside  {
				/* background-color: #ffffff; */
				font-family: 'NettoBold', Arial;
				font-weight: normal;
			}
				/* nachfolgendes Element ul */
				.nav ul li.inside + ul  {
					/* background-color: #ffffff; */
					font-family: 'NettoBold', Arial;
					font-weight: normal;
				}
				
				
				
			
			/* second level */
			.nav ul ul li a {
				margin-left: 26px;
				padding-left: 16px;
				border-style: dotted none none none;
			}
				.nav ul ul li:first-child a{
					border-style: none;
				}
				
				.nav li.current.level2 a {
					margin-left: 19px;	/* shift left for rex box */
				}
				.nav li.current.level1 a {
					padding-left: 15px; /* shift left for rex box */
				}
				.nav li.inside.level2 a {
					padding-left: 9px;	
				}
				
				
				/*
				.nav ul ul li.current a,
				.nav ul ul li.inside a {
					border-style: none;
				}
				*/
			
		
		/* subnav (inside .main ) --------------------------------- */	
		.subnav {
			border-style: none none solid none;
			border-color: #999999;
			border-width: 1px;
			margin-bottom: 22px;
		}
			.subnav ul {
				margin: 0px;
				padding: 0px;
			}
			
			.subnav li {
				display: inline-block;
			}
			
			.subnav a {
				line-height: 27px;
				color: #000000;
				display: inline-block;
				padding: 0px 8px;
			}
				.subnav li.current a {
					color: #EC2120;
					font-family: 'NettoBold', Arial;
					font-weight: normal;
					background-color: #ffffff;
				}
				.subnav a:hover {
					color: #EC2120;
				}
			
				
	
	
		/* showbox ------------------------------------------------------------------ */
		#showboxScreen {
			display: none;  
			z-index: 10000;
			position: fixed;
			left:0px;
			top:0px;
			width:100%;
			height:100%;
			background-color: rgba(0,0,0,0.6);
			border-spacing:0;
    		border-collapse:collapse;	
		}
		 
			#showboxScreen td {
				padding: 0px;
				height:100%;
			}

				#showboxScreen #showboxContainer {
					margin-left:auto; 
					margin-right:auto;
					width: 100%;
					height: 100%;
					
					/* size limit (disabled)
					max-width: 860px;	
					max-height: 860px;
					*/
					
					/* invisible spacer-border for info area */
					border-style: none solid solid solid;
					border-color: transparent;
					border-width: 0px 20px 46px 20px;
					-webkit-box-sizing: border-box;
		  			-moz-box-sizing: border-box;
					box-sizing: border-box;	
				}
					/* disable controlls */
					#showboxScreen #showboxContainer .showbox-controlls {
						display: none;
					}
					
					#showboxScreen #showboxContainer img {
						cursor: pointer;
						/* unselectable */
						-webkit-touch-callout: none;
						-webkit-user-select: none;
						-khtml-user-select: none;
						-moz-user-select: none;
						-ms-user-select: none;
						user-select: none;
					}
				
		/* info and controls */
		#showboxInfo {
			display: none; 
			position: fixed;
			z-index: 10001;
			top: 100px;
			left: 0px;
			color: #ffffff;
			/* background-color: #ff0000;	*/
		}
			
			#showboxInfo .control { 
				cursor: pointer; 
				background-repeat: no-repeat;
				background-position: 0px 0px;
				float: left;
				height: 18px;
				width: 18px;
			}
			
			#showboxInfo .close {
				float: right;
				margin-right: 8px;
				background-image: url("../images/alllasertechnik/css/close.jpg");
			}				
			
			#showboxInfo .info {
				margin-top: 32px;
			}		
			
			.showbox-layer-info {
				display: none;	
			}
			
				
	/* form elements --------------------------------------------------------- */			
	.form {
	
	}
	
	
	
	/* Media specific queries */
	@media print { 
		
		body, .tic_100prozenthoehe {
			background-image: none;
			background-color: #ffffff;
		}
		.tic_100prozenthoehe {
			height: auto !important;
			position: relative !important;
			top: 0px !important;	
		}
		
		div.fixed, #TIC_Editor_DIV { display: none; }
		
		.page { width: 768px;}
		
		.header { display: none; }
		.main .printlogo { display: block; }
		
		.nav { display: none; float: none; } 
		.subnav { display: none; } 
		.main {  float: none; } 
		
		.relative {
			position: static;	
		}
		
		.breadcrumbs {
			overflow: hidden;
			display: block;
			position: relative;
			top: -30px;
			left: -6px;
			font-size: 12px;
		}
			.breadcrumbs div { float: left; white-space:nowrap;}
				.breadcrumbs div:before {
					white-space:nowrap;
					content: ">";
					padding-left: 4px;
					padding-right: 2px;
				}
				.breadcrumbs div:first-child:before {
					content: "";
				}
			.breadcrumbs div a { color: #000000; white-space:nowrap; }
			.breadcrumbs div.current a { color: #EC2120;	}
				
		/* tables */	
		.tabelle td.element {
			border-color: #000000;
		}
			.tabelle .foldable,
			.tabelle .foldable .folder { width: 60px;	}
			.tabelle .foldable .icon,
			.tabelle .foldable .detailtext,
			.tabelle .foldable .previetext { display: none; }
			
			.tabelle .foldable .image { display: block; }
			.tabelle .foldable .image img { width: 60px; height: 18px; }
		
		.footer {
			margin-left: 0px;	
		}
	
	}
	
	
	/* cookiewarning */
	.cookiewarning {
		background-color: rgba(0, 0, 0, 1);
		color: #ffffff;
		position: fixed;
		bottom: 0;
		left: 0px;
		right: 0px;
		z-index: 4000 !important;
		font-family: 'Linotype Univers W05_430 Rg', arial;
		font-size: 14px;
    	line-height: 16px;
	}
	
		.cookiewarning p.content{
			padding: 20px 20px 20px 20px;
			margin:0;
		}
		.cookiewarning p.button{
			text-align: center;
			padding-bottom: 20px;	
			padding-top: 10px;	
		}
		
		.cookiewarning a {
			color: inherit;
			text-decoration: underline;
		}
		
		/* the close button itself */
		.cookiewarning .close{
			cursor:pointer;
			text-decoration: none;
			color: #ffffff;
			border: 1px solid #ffffff;
			padding:5px 8px;
			margin-bottom: 20px;
			background-color: #000000;
			transition: background-color 0.5s ease, color 0.5s ease;
			
		}
			.cookiewarning .close:hover {
				background-color: #ffffff;	
				color: #000000; 
			}
			
		.cookiewarning .chapter {
			overflow: hidden;
			margin-bottom: 0px;
		}