@charset "UTF-8";
* {
	padding: 0;
	margin: 0;
}
body { 
	padding: .5em;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 15px;
	background: #f0f0f0;
	overflow: scroll;
}
header, nav, article, aside, section, footer {
    display: block;
}


/******************************************************************************
 *   Initialisierung und Definition fuer Flex-Bereich
 *****************************************************************************/

.wrapper > * {
	padding: 0px;
	flex: 1 100%;	
}
#main 		{ background: White; font-size: .875em; text-align: left; padding: 1.5em; }
#footer 		{ font-size: .75em; padding-top: .25em; margin: .5em .2em; }
#ci { 
	-ms-flex-order: 2;
	 -webkit-order: 2;
			 order: 2;
}
.flex-container {
	display: -webkit-flex;
	display: flex;
	height: 90px;
}
#ci { 
	background: linear-gradient(to left, #fff, #eee);
}
.phrase {
	  -webkit-flex: 1 1 auto;
		  -ms-flex: 1 1 auto;
			  flex: 1 1 auto;
	padding: 60px 0 5px 20px;
	color: Gray; 
	font-size: 1.125em; 
	font-weight: 500; 
	text-align: left;
	line-height: 1.2em;
}
.hopflogo {
	  -webkit-flex: 0 0 150px;
		  -ms-flex: 0 0 150px;
			  flex: 0 0 150px;
	margin-top: 20px;
	background: url(../pics/hopf_logo_large.gif);
	background-repeat: no-repeat; 
}
.hopflogo a {
	display: block;
	height: 60px;
}


/******************************************************************************
 *   Standard-Styles fuer Website
 *****************************************************************************/
#main h1, #download h1 { 
	color: #787878; line-height: 1.2em; font-weight: 500; font-size: 1.250em; margin: 0.3em 0em .50em 0em;
}
#main h2 { 
	color: #606060; line-height: 1.2em; font-weight: 500; font-size: 1.188em; margin: 1.0em 0em .25em 0em;
}
#main h3 { 
	color: #484848; line-height: 1.2em; font-weight: 500; font-size: 1.125em; margin: 0.8em 0em .25em 0em;
}
#main h4 { 
	color: #303030; line-height: 1.2em; font-weight: 500; font-size: 1.063em; margin: 0.8em 0em .25em 0em;
}
#main ul { 
	margin: .75em 3em 1.25em;
}
#main ul li {
	margin-top: .25em; 
	list-style-type: square;
}
#main p { 
	margin: .25em 0 .5em 0; 
	text-align: justify; 
	line-height: 1.2em;
}
#main ol {
	text-align: justify; 
}
#main td { vertical-align: top; }
#main a { color: #0066ff; text-decoration: underline; }
#main a:visited { color: #0066ff; }
.hopfstyle {
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	font-style: italic;
	color: rgb(0, 204, 51);
	color: rgb(115, 190, 45);
	margin-right: 0.15em;
}
.igps { width: 80%; padding: 1% 10%; border: 0px solid; }
.idcf { width: 80%; padding: 1% 10%; border: 0px solid; }


@media print {
	.topmenu,
	.flexslider,
	.Trenner a,
	.greenico,
	.basicon,
	.pdficon,
	.txticon,
	.xlsicon,
	.zipicon,
	nav .ctrl,
	aside,
	footer .one,
	footer .three
	{
	  display: none;
	}
}