html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}input,button,textarea,select{*font-size:100%}

@font-face {
	/* This declaration targets Internet Explorer */
	font-family: 'MuseoSlab300';
	src: url('_fonts/Museo_Slab_300-webfont.eot');
}

@font-face {
	/* This declaration targets everything else */
	font-family: 'MuseoSlab300';
	src: url(//:) format('no404'), url('_fonts/Museo_Slab_300-webfont.woff') format('woff'), url('_fonts/Museo_Slab_300-webfont.ttf') format('truetype'), url('_fonts/Museo_Slab_300-webfont.svg#webfontw4dUq471') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	/* This declaration targets Internet Explorer */
	font-family: 'MuseoSlab700';
	src: url('_fonts/Museo_Slab_700-webfont.eot');
}

@font-face {
	/* This declaration targets everything else */
	font-family: 'MuseoSlab700';
	src: url(//:) format('no404'), url('_fonts/Museo_Slab_700-webfont.woff') format('woff'), url('_fonts/Museo_Slab_700-webfont.ttf') format('truetype'), url('_fonts/Museo_Slab_700-webfont.svg#webfontPUSlWEoT') format('svg');
	font-weight: normal;
	font-style: normal;
}

html {
  display:table;
  height:100%;
  width:100%;
  margin: 0;
	padding: 0;
}

body {
  display:table-cell;
  vertical-align:middle;
  height:100%;
  width:100%;
  margin:auto;
  margin: 0;
	padding: 0;
	font-family: 'MuseoSlab300',serif,Arial;
	font-size: 100%;
	color: #1a171b;
	line-height: 1.25em;
	letter-spacing:0;
	position:relative;
	background-color: #ffffff;
}

img {
    float: left;
    margin: 0;
	padding: 0;
    border: 0;
}

a img {
    border: 0;
}

.kontakt { position: absolute; top: 489px; left: 144px;}

#main-box {
    width: 1010px;
    height: 656px;
    position:relative;
    top:0px; bottom:0px; left:0px; right:0px;
    margin:auto;
    padding: 0px;
}

.bckgrd-index {background: url('/images/backgrd.jpg') 0 0 no-repeat}
.bckgrd-imprint {background: url('/images/background_imprint.png') 0 0 no-repeat}


*:first-child+html body {min-height:656px;}
*:first-child+html #main-box { 
    top:50%;
    margin-top:-330px;
}
* html body {text-align:center;}
* html body #main-box {
    text-align:left;
    top: expression(document.body.clientHeight<656?'0px':document.body.clientHeight/2-330);
}

/*
  STRUKTUR
*/

.side {
  position: relative;
  float: left;
  display: block;
  width: 150px;
  min-height: 10px;
}
.center {
  float: left;
  display: block;
  width: 715px;
}

#head {
  position: relative;
  height: 125px;
}

#aside {
  padding: 10px 0px 0 10px;
  
}
#content {
  height: 450px;
  padding: 10px 50px 0 20px;
}

/*
	TYPO
*/

h1 {
  font-family: 'MuseoSlab700',serif,Arial;
  font-size: 1.250em;
  color: #e3001a;
}
h2 {
  font-family: 'MuseoSlab700',serif,Arial;
  font-size: 0.938em;
  font-weight: 400;
  color: #e3001a;
  margin: 0em 0 0.75em 0;
}

.red {
  color: #e3001a;
}

p {
  font-size:0.875em;
  margin: 0em 0 0.75em 0;
}

strong {
  font-family: 'MuseoSlab700',serif,Arial;
}

/*
  LINKS
*/

/*Anchors*/
a:link,a:visited {color:#1a171b;text-decoration:none;}
a:hover,a:active {color:#1a171b;text-decoration:underline;}

a.navi,a.navi:visited {color: #5e9ca1;}

#main-box a, #main-box a:visited { text-decoration: none;}

#main-box a:hover, #main-box a:visited:hover {
  color: #e3001a; 
  text-decoration: none;
}
h2 a { font-family: 'MuseoSlab700',serif,Arial;}

a .email { background-image: url('/images/email_p.gif'); }
a .email:hover { background-image: url('/images/email_a.gif'); }
/*
  HELPER
*/

.clear {
  clear: both; margin: 0; padding: 0;height: 0.01%;
}

/*
	Slideshow
*/

#slides {
	position:absolute;
	top:122px;
	left:109px;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.naehte {
  position: absolute;
  top: 0px;
  left: 24px;
  height: 330px;
  width: 460px;
  z-index: 900;
  background: url('/_images/naehte.png') 0 0 no-repeat;
}


.slides_container {
	width:460px;
	margin-left: 24px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container a {width:460px;height:270px;display:block;}
.slides_container img { display:block; }

/* Next/prev buttons*/

#slides .next,#slides .prev {
	position:absolute;
	top:44%;
	left:0px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}
#slides .next {left:484px;}
/*Pagination*/
.pagination {margin:26px auto 0;width:100px;}
.pagination li {float:left;margin:0 1px;list-style:none;}
.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(/_images/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}
.pagination li.current a {background-position:0 -12px;}
/*Footer*/
#footer {text-align:center;width:580px;margin-top:9px;padding:4.5px 0 18px;border-top:1px solid #dfdfdf;}
#footer p{margin:4.5px 0;font-size:1.0em;}