/*  Styles Arbeitsschutz 360*/



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,  del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, fieldset, form,  label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
/*  Reset Ende */



body {
	background-color:#f0f0f0;
	font-family: Arial, Verdana, Geneva, sans-serif;
	padding: 10px;
	text-align:center;
	font-size:14px;
	color:#444;
	line-height:150%;
	/*text-shadow:1px 1px 0px #fff;*/
}
.clear {
	display: block;
	float: none;
	clear: both;
	height: 1px;
	font-size: 0px;
	line-height: 0px;
}
div#rahmen {
	width: 700px;
	border: 1px solid #ccc;
	margin: 0 auto;
	text-align:left;
	overflow:hidden;
	background-color:#fff;
	background-image:url(img/KV.png);
	background-position:bottom right;
	background-repeat:no-repeat;
   	-webkit-box-shadow: 0px 0px 15px #ccc;
	-moz-box-shadow: 0px 0px 15px #ccc;
	box-shadow: 0px 0px 15px #ccc;
	padding: 10px
}
h1 {
		font-size:21px; font-weight:normal; color:#777;  margin:0px; margin-bottom:15px; margin-top:0px;}
h2 {
	font-size:21px; font-weight:normal; color:#777;  margin:0px; margin-bottom:15px; margin-top:0px;
}
h3 {
	font-weight:normal;
	font-size:18px;
	color:#333;
	margin-bottom:20px;
}
p, ul, li, td {

}
li {
	margin:8px 0;
}
.padding {
	margin:35px;
}

.top_highlights {color:#777;  width:700px; margin-left:60px; padding:20px; background-image:url(fade.jpg); background-repeat:repeat-x; background-position:bottom;}
.top_highlights img {float:left; margin-right:20px; }
.top_highlights p {width:520px; margin-left:125px; font-size:13px; margin-bottom:30px;}

.top_highlights_r {color:#777;  width:700px; margin-left:60px; padding:20px; background-image:url(fade.jpg); background-repeat:repeat-x; background-position:bottom;}
.top_highlights_r img {float:right; margin-left:20px; }
.top_highlights_r p {width:540px;  font-size:13px; margin-bottom:30px;}

.schritte {float:left; padding:0 10px 0 20px; width:245px; border-right:0px dotted #ddd; font-size:13px; line-height:140%; color:#121212; /*text-shadow:0px 0px 0px #000;*/}
.red, .red p {color:#f57f20; font-weight:bold;}

.hotkey {position:fixed; left:50%; right:50%; top:370px; width:129px; margin-left:451px;

-webkit-transition:All 0.4s ease;
	-moz-transition:All 0.4s ease;
	-o-transition:All 0.4s ease;
	-webkit-transform: rotate(0deg) scale(1.0) skew(0deg) translate(0px);
	-moz-transform: rotate(0deg) scale(1.0) skew(0deg) translate(0px);
	-o-transform: rotate(0deg) scale(1.0) skew(0deg) translate(0px);
	}
 
.hotkey:hover {
	-webkit-transform: rotate(2deg) scale(1.14) skew(1deg) translate(0px);
	-moz-transform: rotate(2deg) scale(1.14) skew(1deg) translate(0px);
	-o-transform: rotate(2deg) scale(1.14) skew(1deg) translate(0px);
}

.foot {text-shadow:1px 1px 0px #fff;}

.highlights {    background-color:#eaeaea;
    border: 2px solid #e3e3e3;
    margin:30px 0;
    padding:20px 40px;
	
}
.highlights img {
	border:1px solid #999;
}
.beschreibung {
	font-size:12px;
	padding-top:10px;
}
.teaser {

	font-size:16px;
	line-height:140%;
	color:#007054;
	margin:0 0 15px 0;
		text-shadow:1px 1px 0px #eaeaea;
}

.vorteile {
	background-color:#fff;
	border: 2px solid #08bb19;
	text-align:center;
	margin:30px 0;
}
iframe {
	margin:0px;
	padding:0px;
	line-height:100%;
}

.shadow {  }

.shadow:hover{
-moz-box-shadow: 0px 2px 18px #777;
-webkit-box-shadow: 0px 2px 18px #777;
box-shadow: 0px 2px 18px #777;
border:1px dotted #bbb;

}