@font-face {
    font-family: 'roboto';
    src: url('../fonts/roboto-bold-webfont.woff2') format('woff2'),
         url('../fonts/roboto-bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}


@font-face {
    font-family: 'roboto';
    src: url('../fonts/roboto-bolditalic-webfont.woff2') format('woff2'),
         url('../fonts/roboto-bolditalic-webfont.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'roboto';
    src: url('../fonts/roboto-italic-webfont.woff2') format('woff2'),
         url('../fonts/roboto-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}


@font-face {
    font-family: 'roboto';
    src: url('../fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('../fonts/roboto-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


body {
	margin:0;
	padding:0;
	font-family:Roboto,sans-serif;
	color:#395564;
	height:100%;
	font-size:.9em;
	max-width: 930px;
  	margin: auto;
}

html {
	overflow-y:scroll;
	height:100%;
}

.ifl {
  float:left;
  margin:0 1em 1em 0;
}

.ifr{
  float:right;
  margin:0 0 1em 1em;
}

.logo img {
	margin-bottom:2em;
}

.meta {
	text-align:right;
}

.meta ul {
	margin:0;
	padding:0;
	display:inline;
}

.meta ul li {
	list-style-type:none;
	font-size:80%;
	text-transform:uppercase;
	display:inline-block;
	margin:0;
	padding:0 1em;	
}

.meta ul li a:link, 
.meta ul li a:visited {
	text-decoration:none;
	color:#00489a;
}

.meta ul li a:hover, 
.meta ul li a:visited:hover,
.meta ul li a:active, 
.meta ul li a:visited:active {
	color:#e67f00;
}

img {
	max-width:100%;
	height:auto !important;
}

nav {
	background-color:#d0deed;
	display:block !important;
	z-index:100;
}



.schmuckbild {
	width:100%;
	margin:0 auto;
	height:1%;
}


.main p {
	text-align:justify;
	line-height:1.3em;
	margin:0 0 0.8em 0;
	-moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
}

.main a:link, 
.main a:visited {
	color:#00489a;
	text-decoration:none;
}

.main a:hover,
.main a:visited:hover {
	color:#000;	
}

h1, h2 {
	color:#00489a;
}

.main h1 {
	margin-top:0;
	font-size:1.8em;
	font-weight:400;
}

.main h2 {
	margin-top:1em;
}

.main h4 {
	text-transform:uppercase;
	font-size:0.8em;
	margin:0;
}


aside p {
	text-align:left !important;
	font-size:85%;
}



.clr {
	clear:both;
}

.footer {
	
	font-size:85%;
	color:#0e037e;
	text-align:center;
	border-top:3px solid #d0deed;
	
}



.bildrechts {float:right; margin-left:10px;}
.bildlinks {float:left; margin-right:10px;}

img.picfull {width:100%; height:auto;}
img.pic2left {float:left; width:49%; margin: 3px 1% 2px 0; height:auto;}
img.pic2right {float:right; width:49%; margin: 3px 0 2px 0.5%; height:auto;}

img.pic3left {float:left; width:32%; margin: 3px 1.5% 2px 0; height:auto;}
img.pic3right {float:right; width:32%; margin: 3px 0 2px 0.3%; height:auto;}

img.pic4left {float:left; width:24%; margin: 3px 1% 2px 0; height:auto;}
img.pic4right {float:right; width:24%; margin: 3px 0 2px 0.5%; height:auto;}


@media screen and (max-width:800px) {
	.logo {
		text-align:center;
		padding-top:2em;
	}

}