/* Headings: */

h1,h2,h3{
	font-family:Helvetica,Arial,Sans-Serif;
	
}

h1{
	/* The logo text */
	font-size:1.5em;
	padding:0.5em 0 0;
	/*text-transform:uppercase;*/
}

h3{
	/* The slogan text */
	font-family:Helvetica,Arial,Sans-Serif;
	font-size:1.1em;	
}


h2{
	font-size:1.2em;

}

p{
	line-height:1.25em;
	padding-bottom:1em;
}

.line{
	/* The dividing line: */
	height:1px;
	background-color:#000000; /*24404c*/
	border-bottom:1px solid #000000;
	margin:1em 0;
	overflow:hidden;
}

article .line{
	/* The dividing line inside of the article is darker: */
	background-color:#000000; /*15242a*/
	border-bottom-color:#000000;
	margin:1.3em 0;
}

/* The clearfix hack to clear the floats:*/

.clear:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
} 


/* Article styles: */

	div#content 
	{
 	   clear: both;
 	   margin-top: 100px;
	
	}
	div#page
	{
	z-index=1;
	margin:0px auto;
	height: 600px;
	overflow: auto;
	display:block;
	}

article{
	position: relative;
    max-width: 100%;
    margin: 5% auto 2% auto;
	background-color: #F5F5F5; /*213e4a*/ 	
	padding:20px;
	border:1px solid;
	border-color:#000000;
	/*text-shadow:0 2px 0 black;*/
}

figure{
	/*border:1px solid #000000;*/
	float:right;
	/*height:auto;
	margin-left:15px;
	overflow:hidden;
	width:640px;*/
}

figure:hover{
	-moz-box-shadow:0 0 2px #4D7788;
	-webkit-box-shadow:0 0 2px #4D7788;
	box-shadow:0 0 2px #4D7788;
}

figure img{
	    /* margin-left: 10px; */
    max-width: 100%;
    /* position: sticky; */
    display: grid;
}

.articleBox { 
    height: device-height;     
   /* border:1px solid;*/
	width:100%;

}
pre {
   white-space: pre-wrap;       /* css-3 */
   white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
   white-space: -pre-wrap;       /* Opera 4-6 */
   white-space: -o-pre-wrap;       /* Opera 7 */
  /* word-wrap: break-word; *      /* Internet Explorer 5.5+ */
}

	.pic_long_description
	{
		/*width:320px;*/
		height:auto;
	}
	.autor
	{
		height:16px;	
	}
	
	.dateiinfo
	{
		height:16px;
	}
	.downloads
	{
		height:16px;
	}
	.moreinfo
	{
		height:16px;
	}
	.ampel
	{
		height:16px;
		width:16px;
	}
	.downloadpic
	{
		height:20px;
		width=20px;
	}

p.info { border:1px solid blue; background-color:#cccccc; padding:10px; margin:10px;}
p.idee { border:1px solid #ccee00; background-color:#ffffe0; padding:10px; margin:10px;}
p.warnung { border:1px solid orange; background-color:#fff0c0; padding:10px; margin:10px;}
p.achtung { border:1px solid red; background-color:#ffe0e0; padding:10px; margin:10px;}
p.source { border:1px solid grey; background-color:#eeeeee; padding:10px; margin:10px;}

.brand {
    font-size: 20px;   
    color: #F3C400;  
    font-weight: 700;
    letter-spacing: 1px;
}