@media screen, projection, tv, handheld {
  /* ... Formatdefinitionen Digitale Medien ... */

body {
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	width: 100%;
	height: 100%;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #ffffff;
	text-align: left;
	letter-spacing: 0.3px;
	vertical-align: top;
	line-height: 18px;
}

#header {
	padding: 35px 0px 50px 45px;
	margin: 0px 0px 0px 0px;
	top : 0px;
	left : 0px;
	height: 50px;
}
#main {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: #221E1F;
	width: 100%;
	height: 375px;
	position: absolute;
}
#main-frame {
	padding: 20px 40px 20px 50px;
	margin: 0px 0px 0px 0px;
	background-color: #ffffff;
}

.wrapper {
	width: 100%;
	min-width: 850px;
	max-width: 1200px;
	position: absolute;
	top: 0px;
}
#footer {
	top: 515px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 100%;
	min-width: 800px;
	height: 20px;
	position: absolute;
}

.separator {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 4px;
	width: 100%;
	background-color: #E36A25;
	overflow: hidden;
}

div#content {
	margin: 25px 50px 20px 50px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	width: 550px;
	height: 340px;
	position: absolute;
}
div#contentA {
	top: 0px;
	left: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 250px;
}
div#contentB {
	top: 0px;
	left: 255px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 250px;
	position: absolute;
}
div#contentC {
	top: -50px;
	left: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 545px;
}
.modal {
    display: none;
    position: fixed;
    z-index: 99;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.8);
}
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
}
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
	margin-bottom: 5px;
}
.close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; }
#navigation {
	margin: 1px 0px 0px 70%;
	width: 220px;
	position: absolute;
}
#agentur {
	margin-top: 0px;
}
#leistungen {
	margin-top: 119px;
}
#kontakt {
	margin-top: 238px;
}
#agenturBut { top: 18px; margin: 0px 0px 0px 120px; z-index: 2; position: absolute; }
#agenturMenu { top: 18px; margin: 0px 0px 0px 125px; padding: 0px 0px 0px 15px; z-index: 1; position: absolute; }
#leistungenBut { top: 136px; margin: 0px 0px 0px 120px; z-index: 2; position: absolute; }
#leistungenMenu { top: 136px; margin: 0px 0px 0px 125px; padding: 0px 0px 0px 15px; z-index: 1; position: absolute; }
#kontaktBut { top: 254px; margin: 0px 0px 0px 120px; z-index: 2; position: absolute; }
#kontaktMenu { top: 254px; margin: 0px 0px 0px 125px; padding: 0px 0px 0px 15px; z-index: 1; position: absolute; }
#footer-copyright {
	margin: 4px 0px 0px 50px;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #939598;
	text-align: left;
	vertical-align: top;
	letter-spacing: 0px;
	line-height: 10px;
	position: absolute;
}
#footer-xing {
	margin: 5px 0px 0px 350px;
	position: absolute;
}
#footer-impressum {
	margin: 4px 0px 0px 66%;
	padding-left: 120px;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #939598;
	text-align: center;
	vertical-align: top;
	letter-spacing: 0px;
	line-height: 10px;
	width: 150px;
	position: absolute;
}
#photodiv {
  background-repeat: no-repeat;
  margin: 0px 0px 0px 0px;
}
#photoimg {
  margin: 0px 0px 0px 0px;
}

.text-normal {
	line-height: 14px;
}
.text-small {
	line-height: 11px;
	font-size: 10px;
}
.text-orange {
	color: #E36A25;
}
.active {
	margin-left: -17px;
	font-weight: bold;
	letter-spacing: normal;
}
a {
	color: #E36A25;
	text-decoration: none;
}
a:hover {
	color: #ffffff;
}
.impressum {
	color: #939598;
	text-decoration: none;
}

.impressum:hover {
	color: #E36A25;
	cursor: pointer;
}

h1 {
	padding: 0px 0px 0px 0px;
	font-family: Verdana, sans-serif;
	font-size: 13px;
	letter-spacing: normal;
	color: #E36A25;
	font-weight: bold;
}
#main-frame h1 { padding: 0px 0px 0px 0px; font-size: 20px; color: #E36A25; font-weight: bold; }
h2 {
	padding: 70px 0px 0px 20px;
	font-family: Verdana, sans-serif;
	font-size: 16px;
	letter-spacing: normal;
	color: #E36A25;
	font-weight: bold;
}
#main-frame h2 { padding: 30px 0px 0px 0px; font-size: 14px; color: #221E1F; font-weight: bold; }
#main-frame { color: #221E1F; }
.IntroH2 {
	padding: 0px 0px 0px 20px;
	color: #B7B4B3;
}

.pdf_link {
	background-image: url(http://www.schaenzer.de/img/pdf.gif);
	background-position: right;
	background-repeat: no-repeat;
	line-height: 18px;
	padding-right: 20px;
}
#epaper { visibility: hidden; opacity: 0; position: absolute; z-index: 5; width: 100%; height: 100%; top: 0px; left: 0px; margin: 0; padding: 0; background-color: #000000; }
#slider { visibility: hidden; opacity: 0; position: absolute; z-index: 5; width: 100%; }
#beispiel-shadowleft { height: 100%; width: 5px; position: absolute; z-index: 3; left: -5px; -moz-box-shadow: 0 0 6px 6px #221E1F; -webkit-box-shadow: 0 0 6px 6px #221E1F; box-shadow: 0 0 6px 6px #221E1F; position: absolute; margin: 0; }
#beispiel-shadowright { height: 100%; width: 5px; position: absolute; z-index: 3; right: -5px; -moz-box-shadow: 0 0 6px 6px #221E1F; -webkit-box-shadow: 0 0 6px 6px #221E1F; box-shadow: 0 0 6px 6px #221E1F; position: absolute; margin: 0; }
#beispiele img { margin: 0 10px 0 10px; }
a.www_FlowSlider_com-branding { display: none !important; visibility: hidden !important; }
#button { position: absolute; top: 20px; right: 20px; padding: 2px 5px 2px 6px; z-index: 7; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; background-color: #221E1F; border: 2px solid #E36A25; font-size: 12px; }
.slide-foto { z-index: 5; width: 100%; height: 375px; }
.slide-layer { z-index: 6; width: 100%; height: 375px; position: absolute; top: 0px; }
#bottom-line { position: absolute; bottom: 0px; left: 0px; min-height: 20px; z-index: 7; width: 100%; background-color: #221E1F; font-size: 10px; color: #ffffff; text-align: left; opacity: 0.80; }
#bottom-line span { padding: 2px 50px 2px 50px; display: block; }
.foto-thn { border: 1px solid #221E1F; }
a:hover .foto-thn { border: 1px solid #ffffff; }

}



@media print, aural, braille, embossed, tty {
  /* ... Formatdefinitionen zum Drucken ... */
body {
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	width: 100%;
	height: 100%;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #000000;
	text-align: left;
	letter-spacing: 0.3px;
	vertical-align: top;
	line-height: 18px;
}

#header {
	padding: 25px 0px 60px 45px;
	margin: 0px 0px 0px 0px;
	top : 0px;
	left : 0px;
	height: 50px;
}
#main {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: #221E1F;
	width: 100%;
	height: 375px;
	position: absolute;
}
.wrapper {
	width: 100%;
	min-width: 850px;
	max-width: 1200px;
	position: absolute;
}
#footer {
	top: 515px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 100%;
	min-width: 800px;
	height: 20px;
	position: absolute;
}

.separator {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 4px;
	width: 100%;
	background-color: #E36A25;
	overflow: hidden;
}

div#content {
	margin: 25px 50px 20px 50px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	width: 550px;
	height: 340px;
	position: absolute;
}
div#contentA {
	top: 0px;
	left: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 250px;
}
div#contentB {
	top: 0px;
	left: 255px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 250px;
	position: absolute;
}
div#contentC {
	top: 0px;
	left: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 545px;
}

#navigation {
	margin: 1px 0px 0px 70%;
	width: 1px;
	height: 1px;
	overflow: hidden;
	position: absolute;
	visibility: hidden;
}
#footer-copyright {
	margin: 0px 0px 0px 50px;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #939598;
	text-align: left;
	vertical-align: middle;
	letter-spacing: 0px;
	line-height: 18px;
	width: 650px;
	position: absolute;
}
#footer-impressum {
	margin: 0px 0px 0px 70%;
	width: 1px;
	position: absolute;
	overflow: hidden;
	visibility: hidden;
}

.text-normal {
	line-height: 14px;
}
.text-small {
	line-height: 11px;
	font-size: 10px;
}
.text-orange {
	color: #E36A25;
}
.active {
	margin-left: -17px;
	font-weight: bold;
	letter-spacing: normal;
}
a {
	color: #E36A25;
	text-decoration: none;
}
.impressum {
	color: #939598;
	text-decoration: none;
}

h1 {
	padding: 0px 0px 0px 0px;
	font-family: Verdana, sans-serif;
	font-size: 13px;
	letter-spacing: normal;
	color: #E36A25;
	font-weight: bold;
}
h2 {
	padding: 70px 0px 0px 20px;
	font-family: Verdana, sans-serif;
	font-size: 16px;
	letter-spacing: normal;
	color: #E36A25;
	font-weight: bold;
}
.IntroH2 {
	padding: 0px 0px 0px 20px;
	color: #B7B4B3;
}

}