@font-face {
font-family: 'BasicLig';
src: url('./BasicLig_ltd.ttf');
font-style: normal;
font-weight: normal;
}
@font-face {
font-family: 'SketchRockwell';
src: url('./SketchRockwell-Bold.ttf');
font-style: normal;
font-weight: bold;
}

#design > div {
	margin:30px;
}
.design_preview {
	width:240px;
	height:240px;
}
.design_preview  img{
	cursor:pointer;
	box-shadow:rgba(210,220,220,0.9) 0px 0px 13px;
}

.design_data {
	width:570px !important;
	/*
	margin-right:0px !important;
	*/
}
.design_data > table {
	width:100%;
}
.wort_table  td  {
	padding:5px;
}
.wort_table  td, .design_data td {
	text-align:left;
	font-family:BasicLig,Helv;
	letter-spacing:1px;
	vertical-align:top;
	font-size:14px;
	line-height:120%;
	text-shadow:rgba(10,20,20,0.9) 0px 0px 13px;
    color:#e2e0e0 !important;
}
/*
.wort_table  td, .design_data td {
	text-align:left;
	font-family:BasicLig,Helv;
	letter-spacing:1px;
	vertical-align:top;
	font-size:14px;
	line-height:120%;
	text-shadow:rgba(10,20,20,0.9) 0px 0px 13px;
    color:#e2e0e0 !important;
}

*/
.design_data table tr > td {
	font-weight:bold;
}
.design_data .tit {
	font-size:16px !important;
	text-shadow:rgba(210,220,220,0.9) 0px 0px 13px;
}
.design_data .sub {
	font-weight:normal;
	padding-bottom:10px;
	text-shadow:rgba(210,220,220,0.9) 0px 0px 13px;
}
.design_data  .std {
	font-weight:normal;
}
.design_data .data td {
    color:#b2b0b0 !important;
}
.sub_data {
	
	opacity:1;
}
.sub_data tr>:first-child {
	width:120px;
}
.sub_data tr>:last-child {
	font-weight:normal;
}
.design_article:hover  {
}
.design_article:hover  .sub_data {
	
	opacity:1;
}
html {
    border-width: 0;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
}

body {
	overflow-x: hidden;
	overflow-y: hidden;
	height:100%;
	border:0px;
	padding:0px;
	margin:0px;
	display: block;
	overflow-y:auto;
	/*
	background-image:	-moz-linear-gradient( top, rgba(10,25,20,1), rgba(50,40,80,1));
	background:	-webkit-gradient(linear, left top, left bottom, from(rgba(110,25,20,1)), to(rgba(50,40,80,1)));
	background:	-webkit-linear-gradient( left top, from(rgba(10,25,20,1)), to(rgba(50,40,80,1)));
	background: linear-gradient(to bottom right, rgba(10,25,20,1) 0%, #00A3EF 100%);
	 radial-gradient
	background: linear-gradient( to bottom , #1020D6 10%, #809010 90% );
	background:	-webkit-linear-gradient( to bottom, from(rgba(10,25,60,1)), to(rgba(10,125,20,1) ));
	background:			-webkit-gradient(linear, left top, left bottom, from(rgba(210,25,60,1)), to(rgba(10,125,20,1) ));
	background:	-moz-linear-gradient( center top, #1020D6, #809010 );
	background:	-webkit-linear-gradient( to bottom, from(rgba(10,25,60,1)), to(rgba(10,125,20,1) ));
	//background:	-webkit-gradient(linear, left top, left bottom, color_stop(0,rgb()), color_stop(1,rgb(10,125,20)) );
	*/
	background:	-moz-linear-gradient( center top, rgba(20,35,30,1), rgba(40,35,30,1)) no-repeat;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(20,35,30,1)), to(rgba(40,35,30,1)));

	
}
p,label {
	font-family:BasicLig,Helv;
	font-weight:normal;
	letter-spacing:1px;
	font-size:14px;
	line-height:120%;
	text-shadow:rgba(10,20,20,0.9) 0px 0px 13px;
    color:#e2e0e0 !important;
}
#achimteam-kontakt label {
	font-family:BasicLig,Helv;
	font-weight:normal;
	letter-spacing:0px;
	font-size:14px;
	text-shadow:rgba(10,20,20,0.9) 0px 0px 13px;
    color:#e2e0e0 !important;
	vertical-align: top;
	display: inline-block;
	margin: 3px 0 2px;
	width: 180px;
}
#achimteam-kontakt input, #achimteam-kontakt textarea  {
	font-family:BasicLig,Helv;
    color:#e2e0e0 !important;
	margin-right: 2px;
	border:1px;
	vertical-align: top;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: rgba(145,140,135,.3); 
}
#DIV_MAIN {
	width: 950px;
	border:2px solid #7B7870;
	background-color: rgba(45,40,35,.5); 
	margin-top:50px;
	margin-bottom:50px;
	margin-left:auto;
	margin-right:auto;
	
	-moz-box-shadow: 2px 2px 20px 5px rgba(140,235,230,0.7);
	-webkit-box-shadow: 2px 2px 20px 5px rgba(140,235,230,0.7);
	box-shadow: 2px 2px 20px 5px rgba(140,235,230,0.7);

	-moz-box-shadow:inset 4px 4px 10px rgba(50,45,45,1);
	-webkit-box-shadow:inset 4px 4px 10px rgba(50,45,45,1);
	box-shadow:inset 2px 2px 60px 10px rgba(150,145,145,.3);
	}

#DIV_MENU {
	width:	220px;
	height:	350px;
	margin-left:	30px;
	margin-right:	40px;
}
#content > div{
margin-left:auto;
margin-right:auto;
padding:30px;
padding-top:0px;
}
#content #start{
padding:0px !important;
}
#design {
	display:block;
}
#DIV_COMPANY {
	margin-left:	40px;
	width:		620px;
	height:		350px;
	text-align:	left;
}
#DIV_ZOOMA {
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	margin-left:auto !important;
	margin-right:auto !important;
	text-align:center;
	background-color:rgba(60,60,60,0.7);
	opacity:0;
	visibility:hidden;
	overflow-y:auto;
}
#DIV_ZOOMA img {
	margin-top:3% !important;
	margin-bottom:3% !important;
	margin-left:auto !important;
	margin-right:auto !important;
	vertical-align:middle;
	-moz-box-shadow: 2px 2px 100px 5px rgba(5,10,10,1);
	-webkit-box-shadow: 2px 2px 100px 5px rgba(5,10,10,1);
	box-shadow: 2px 2px 100px 5px rgba(5,10,10,1);
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius: 10px;
	opacity:0;
}
#DIV_ZOOMA, #DIV_ZOOMA img {
	-moz-transition:	opacity 1.3s ease-in-out;
  	-webkit-transition: opacity 1.3s ease-in-out;
  	-o-transition:		opacity 1.3s ease-in-out;
	transition:			opacity 1.3s ease-in-out;
}

.DIV_PROD {
	width:	100%;
	height:	240px;
	margin:	90px;
	margin-top:40px;
	margin-bottom:80px;
	text-align:	left;
}
.DIV_PROD_IMG {
	width:		220px;
	height:		300px;
}
.DIV_PROD_CONTENT {
	position:	relative;
	padding-top:0px;
	margin-left:	220px;
	width:		430px;
	height:		300px;
}
.DIV_PROD_BUY {
	position:	relative;
	top:		-300px;
	left:		650px;
	width:		155px;
	height:		260px;
	padding:	20px;
	padding-left:	45px;
}
.prod_img {
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
}
.prod_center {
	background:	-moz-linear-gradient( top, rgba(160,180,220,0.1), rgba(160,180,220,0.2));
	background:	-webkit-gradient(linear, left top, left bottom, from(rgba(160,180,220,0.1)), to(rgba(160,180,220,0.2)));
	filter:		progid:DXImageTransform.Microsoft.gradient(startColorstr=#88806a, endColorstr=#28242d);
}
.prod_side {
	background:	-moz-linear-gradient( top, rgba(140,160,190,0.1), rgba(140,160,190,0.3));
	background:	-webkit-gradient(linear, left top, left bottom, from(rgba(140,160,190,0.1)), to(rgba(140,160,190,0.3)));
	filter:		progid:DXImageTransform.Microsoft.gradient(startColorstr=#88806a, endColorstr=#28242d);
	-ms-filter:	'progid:DXImageTransform.Microsoft.gradient(startColorstr=#88806a, endColorstr=#28242d)';
	-moz-box-shadow:inset 2px 2px 5px rgba(70,135,160,0.7);
	-webkit-box-shadow:inset 2px 2px 5px rgba(70,135,160,0.7);
	box-shadow:inset 2px 1px 30px 0px rgba(70,35,160,0.1);
}
label {
	width:230px !important;
}
.fl_left {	float:left;}
.fl_right {	float:right;}
.fl_clear {	clear:both;}
.schatten {
	text-shadow: rgba(180,190,200,0.8) 0px 0px 20px;
}
a:hover {
	color:			#307040;
	text-shadow: 	rgba(150,150,140,0.8) 0px 0px 20px;
	}
a:active {
	color:			#707040;
	text-shadow: 	rgba(100,150,180,0.8) 0px 0px 20px;
	}
a {
	font-weight:	bold;
	color:			#905040;
	letter-spacing:	2px;
	font-size:		14px;
	line-height:	150%;
	text-decoration:none;
	text-shadow:rgba(10,20,20,0.9) 0px 0px 20px;

}

.text_s {
	font-family:BasicLig,Helv;
	font-weight:normal;
	letter-spacing:1px;
	font-size:14px;
	line-height:120%;
	color:rgb(120,130,150);
}
.inputerror {
	background-color:rgb(230,200,200);
}
.inputok {
	background-color:rgb(200,220,200);
}

.fett {
	font-weight:bold;
}
.text {
	font-family:BasicLig,Helv;
	font-weight:bold;
	letter-spacing:1px;
	font-size:14px;
	line-height:140%;
	color:rgb(120,130,150);
}
.titel {
	letter-spacing:0px;
	font-size:16px;
	color:rgb(120,150,100);
}
.pad20 { margin:0px; padding-left:20px;padding-right:20px;padding-top:17px;padding-bottom:0px;}
.center , .mittig{ text-align:center;}

.radius {
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	border-radius: 50px;
}	
.rad_s {
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius: 10px;
}	
.radius_left {
	-webkit-border-radius:50px 0px 0px 50px;
	-moz-border-radius:50px 0px 0px 50px;
	border-radius:50px 0px 0px 50px;
}	
.rad_lt {
	-webkit-border-radius:50px 0px 0px 0px;
	-moz-border-radius:50px 0px 0px 0px;
	border-radius:50px 0px 0px 0px;
}	
.rad_lb {
	-webkit-border-radius:0px 0px 0px 50px;
	-moz-border-radius:0px 0px 0px 50px;
	border-radius:0px 0px 0px 50px;
}	
.rad_rb {
	-webkit-border-radius:0px 0px 50px 0px;
	-moz-border-radius:0px 0px 50px 0px;
	border-radius:0px 0px 50px 0px;
}	
.radius_right {
	-webkit-border-radius:0px 50px 50px 0px;
	-moz-border-radius:0px 50px 50px 0px;
	border-radius:0px 50px 50px 0px;
}	
.radius_slash {
	-webkit-border-radius:50px 0px 50px 0px;
	-moz-border-radius:50px 0px 50px 0px;
	border-radius:50px 0px 50px 0px;
}	
.radius_slash_s {
	-webkit-border-radius:10px 0px 10px 0px;
	-moz-border-radius:10px 0px 10px 0px;
	border-radius:10px 0px 10px 0px;
}	
.radius_top {
	-webkit-border-radius:50px 50px 0px 0px;
	-moz-border-radius:50px 50px 0px 0px;
	border-radius: 50px 50px 0px 0px;
}	
.radius_bot {
	-webkit-border-radius:0px 0px 50px 50px;
	-moz-border-radius:0px 0px 50px 50px;
	border-radius: 0px 0px 50px 50px;
}	
.transy {
	-moz-transition:	opacity 0.4s ease-in-out;
  	-webkit-transition: opacity 0.4s ease-in-out;
  	-o-transition:		opacity 0.4s ease-in-out;
	transition:			opacity 0.4s ease-in-out;
}
.transf , .sub_data {
	-moz-transition:	color 0.5s ease-in-out, background-color 0.2s ease-in-out, opacity 0.5s ease-in-out, display 0.5s ease-in-out;
  	-webkit-transition: color 0.5s ease-in-out, background-color 0.2s ease-in-out, opacity 0.5s ease-in-out, display 0.5s ease-in-out;
  	-o-transition:		color 0.5s ease-in-out, background-color 0.2s ease-in-out, opacity 0.5s ease-in-out, display 0.5s ease-in-out;
	transition:			color 0.5s ease-in-out, background-color 0.2s ease-in-out, opacity 0.5s ease-in-out, display 0.5s ease-in-out;
}