@charset "UTF-8";
/* CSS Document */


/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url('/webfonts/Roboto-Thin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url('/webfonts/Roboto-Light.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url('/webfonts/Roboto-Medium.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
	top:0px;
	margin:0px;
	padding:0px;
	width:100%;
    max-widht:850px;
	height:100%;
	font-family:Roboto;
	font-size:16px;
    line-height: 150%;
}

/***center***/

#center {
       width:80%;
    max-width:850px;
       margin:0 auto;
}


/***header***/

#header {
	width:100%;
	margin:30px 0px 0px 0px;
}

#logo {
	width:100%;

}

/***teaser***/

#text {
	width:100%;
	float:left;
	position:relative;
	padding: 10px;
    margin-bottom: 10px;
    background-color: #800000;
    color: white;
}

#footer {
	width:100%;
	float:left;
	position:relative;
	padding: 10px;
    margin-bottom: 10px;
    background-color: silver;
    color: white;
}


/***content***/

#content {
	width: 100%;
	float:left;
	position:relative;
	margin:5px 0 0 0;
	padding:0px 0px 0px 0px;
    font-weight: 300;
}

#imprint {
	width: 100%;
	float:left;
	position:relative;
	margin:5px 0 0 0;
	padding:0px 0px 0px 0px;
    font-weight: 100;
    line-height: normal;
}

#imprint h4, #imprint p {
    margin:2px 0 0 0;
    
}


ul  {
  list-style-type: square;
    margin-left: 0px;
  
}


hr {
  border-top: 1px solid maroon;
}

h2 {
	color:#800000;
    font-size:18px;
	padding-top:20px;
	font-weight: 500;
}

h3 {
	color:#800000;
    font-size:16px;
	padding-top:18px;
	font-weight: 500;
}


h4 {
	color:gray;
    font-size:16px;
	font-weight: 500;
    line-height: normal;
}

.address {
	color: white;
    padding: 5px;
	float: left;
    font-weight: 300;
    font-size:12px;
    line-height: 1.5;
}


a {
	text-decoration:none;
	color:#ffffff;
}

#logo a img {
	border:0px;
}

#content a {
	text-decoration:none;
	color:#800000;
}

#footer a {
	text-decoration:none;
	color: white;
    font-weight: 300;
}

#footer a:hover {
  color: maroon;
    text-decoration:underline;
}

span.v {
  text-transform: uppercase;
}

ol.Alpha {
  list-style-type: upper-alpha;
}

ol.Roman {
  list-style-type: upper-roman;
}

ol.alpha {
  list-style-type: lower-alpha;
}


* {
  box-sizing: border-box;
}


@media screen and (min-width: 200px) {
  .address {
    width: 100%;
  }
}

@media screen and (min-width: 400px) {
  .address {
    width: 50%; 
  }
}

@media screen and (min-width: 850px) {
  .address {
    width: 25%;
  }
}