/* syncopate-regular - latin */
@font-face {
  font-family: 'Syncopate';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/syncopate-v19-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/syncopate-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/syncopate-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/syncopate-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/syncopate-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/syncopate-v19-latin-regular.svg#Syncopate') format('svg'); /* Legacy iOS */
}
* {
	margin: 0; padding: 0; border: 0;
}
#hidepage{
	display:none;
	position:fixed;
	z-index:100;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:#333333;
}
#loader{
	width: 500px; 
	height: 300px;
	margin: auto;
	vertical-align: middle;
}
html{
	background: url(images/html_bg.jpg) top center repeat;
	overflow-y: scroll;
}
.clear {
	height: 10px;
	float: none;
	clear: both; 
}
.no_text {
	text-indent: -9999px;
	font-size: 1px;
	color: #222;
	overflow: hidden;
}
p{
	font-family: Arial, Verdana;
	font-style: italic;
	font-size: 1.0em;
	color: #222;
}
.size09{
	font-size: 0.9em;
}
.agb{
	font-size: 0.8em;
}
h1 a{
	position: absolute;
	width: 300px;
	height: 200px;
	top: 0px;
	left: 0px;
}
h2{
	font-family: "Syncopate", Arial, Verdana;
	font-size: 1.2em;
	color: #fff;
}
h3{
	font-family: "Syncopate", Arial, Verdana;
	font-size: 13px;
	color: #fff;
}
h4{
	font-family: "Syncopate", Arial, Verdana;
	font-size: 11px;
	color: #fff;
}
.eingerueckt{
	margin: 5px 0px 0px 5px;
	width: 230px;
	float: left;
}
.v-card{
	float: left;
	width: 80px;
	padding: 30px 0px 0px 15px;
}
.highlight{
	color: #2cdb1c;
}

#header_container{
	background: url(images/slider_werbung.jpg) center no-repeat;
	width: 100%;
}
#header{
	width: 1140px;
	height: 388px;
	background: url(images/slider_werbung.jpg) 0 0 no-repeat;
	background-position: -130px 0px;
	position: relative;
	margin: 0 auto;
}

#content_container{
	background: url(images/content_bg.jpg) 0 0 repeat-y;
	width: 1140px;
	min-height: 300px;
	margin: 0 auto;
}

#navi_container{
	margin-left: 19px;
	width: 170px;
	min-height: 270px;
	float: left;
	background: url(images/navi_over.jpg) no-repeat;
}
a#home_navi,
a#leistungen_navi,
a#datenupload_navi,
a#kataloge_navi,
a#kontakt_navi,
a#impressum_navi,
a#agb_navi {
	display: block;
	width: 170px;
	height: 38px;
	background: url(images/navi.jpg);	
}
a#home_navi {
	top: 0px;
	background-position: 0 0;
}
a#leistungen_navi {
	top: 38px;
	background-position: 0px -38px;
}
a#kataloge_navi {
	top: 76px;
	background-position: 0px -76px;
}
a#kontakt_navi {
	top: 114px;
	background-position: 0px -114px;
}
a#agb_navi {
	top: 152px;
	background-position: 0px -152px;
}
a#impressum_navi {
	top: 190px;
	background-position: 0px -190px;
}
a#datenupload_navi {
	top: 228px;
	background-position: 0px -228px;
}
a#home_navi.active, a#home_navi:hover,
a#leistungen_navi.active, a#leistungen_navi:hover,
a#datenupload_navi.active, a#datenupload_navi:hover,
a#kataloge_navi.active, a#kataloge_navi:hover,
a#kontakt_navi.active, a#kontakt_navi:hover,
a#impressum_navi.active, a#impressum_navi:hover,
a#agb_navi.active, a#agb_navi:hover {
	background: none;
}
.no_text_navi {
	text-indent: -9999px;
	font-size: 1px;
	color: #666;
	overflow: hidden;
}
.no_text_sitemap {
	text-indent: -9999px;
	font-size: 1px;
	color: #858585;
	overflow: hidden;
}

#content{
	width: 650px;
	margin-left: 51px;
	padding-top: 10px;
	overflow: hidden;
	float: left;
}
#content_breit{
	width: 830px;
	margin-left: 51px;
	padding-top: 10px;
	overflow: hidden;
	float: left;
}
#content_breit a{
	color: #222;
}
#content_links_normal{
	width: 350px;
	float: left;
	margin-right: 20px;
}
#content_links{
	margin-left: 20px;
	width: 350px;
	float: left;
}
#content_links a{
	color: #222;
}
#content_rechts{
	float: left;
}
.content_img_links{
	margin: 20px;
	float: left;
}
.content_img_links a{
	border: none;
}
.content_img_rechts a{
	color: #222;
}
.content_img_rechts{
	float: left;
	margin: 25px 20px 0px 20px;
}
#map_canvas{
	float: left;
	margin-top: 15px;
	width: 400px;
	height: 330px;
	font-family: Arial, Verdana;
	font-style: italic; 
	color: #222;
}
#box{
	padding: 7px;
	background-color: #999;
	width: 250px;
	height: 190px;
	font-size: 12px;
	overflow: hidden;
}
#box a{
	color: #222;
	text-decoration: none;
}
#box h4{
	font-style: normal !important;
}
.eingabe{
	margin: 5px 0px;
	width: 200px;
	border: solid 1px #333;
	background-color: #fff;
}
.button{
	padding: 3px;
	background-color: #333;
	color: #fff;
	font-family: "Syncopate", Arial, Verdana;
	font-size: 10px;
}

#info_box{
	margin-left: 37px;
	width: 192px;
	height: 277px;
	float: left;
	background: url(images/info.jpg) 0 0 no-repeat;
	background-position: 0px -8px;
}
#info{
	padding: 25px 0px 0px 25px;
}
#info p{
	padding-left: 5px;
	color: #fff !important;
	font-size: 12px;
	line-height: 16px;
}
#info a{
	color: #fff !important;
	font-size: 12px;
	line-height: 16px;
}
.tage{
	float: left;
	width: 50px;
}
.tage_kontakt{
	float: left;
	width: 100px;
}
.zeit{
	float: left;
}


.frame{
	margin-top: 10px;    
    opacity:1.0;
    filter:alpha(opacity=100);
	background-color: transparent;
	width: 500px;
	float: left;
}
.slider{
	margin-left: 35px;
	width: 295px;
	height: 230px;
	float: left;
}
.slider_left{
	margin: 0px 25px 0px 10px;
	width: 295px;
	height: 230px;
	float: left;
}
.klicken{
	margin: -30px 35px;
	font-size: 11px;
}

.tbox {position:absolute; display:none; padding:14px 17px; z-index:900}
.tinner {padding:15px; -moz-border-radius:10px; border-radius:10px; background:#333 url(images/preload.gif) no-repeat 50% 50%; border-right:1px solid #333; border-bottom:1px solid #333}
.tmask {position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#000; z-index:800}
.tclose {position:absolute; top:0px; right:0px; width:30px; height:30px; cursor:pointer; background:url(images/close.png) no-repeat}
.tclose:hover {background-position:0 -30px}

#error {background:#ff6969; color:#fff; text-shadow:1px 1px #cf5454; border-right:1px solid #000; border-bottom:1px solid #000; padding:0}
#error .tcontent {padding:10px; border:1px solid #ffb8b8; -moz-border-radius:5px; border-radius:5px}
#success {background:#2ea125; color:#fff; text-shadow:1px 1px #1b6116; border-right:1px solid #000; border-bottom:1px solid #000; padding:10px; -moz-border-radius:10px; border-radius:10px}
#bluemask {background:#000}
#frameless {padding:15px}
#frameless .tclose {left:6px}

#footer_container {
	margin: 0 auto;
	width: 1140px;
	height: 118px;
}

#footer_img{
	margin: 0 auto;
	width: 1140px;
	height: 32px;
	background: url(images/footer.jpg) 0 0 no-repeat;
}
#footer_text{
	width: 1140px;
}
#footer_text p{
	padding-top: 5px;
	text-align: center;
	color: #fff !important;
	font-family: "Syncopate", Arial !important;
	font-size: 9px;
}