/* Reset

	Dennis Willkommen

	http://www.zweinull-marketing.com

   v1.0 für HTML5

   License: none (public domain)

*/



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed, 

figure, figcaption, footer, header, hgroup, 

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	font: inherit;

	vertical-align: baseline;

}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section {

	display: block;

}

body {

	line-height: 1;

	background:#272425;

}

ol, ul {

	list-style: none;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}



img{

	max-width: 100%;	/*responsive images*/

}



/*clearfix*/

.clearfix:after {

	content: ".";

	display: block;

	clear: both;

	visibility: hidden;

	line-height: 0;

	height: 0;

}

 

.clearfix {

	display: inline-block;

}

 

html[xmlns] .clearfix {

	display: block;

}



* html .clearfix {

	height: 1%;

}



/* === STYLES === */



h1,h2{

	font-size:1.4em;

	font-weight:300;

	padding-bottom:0.3em;

}



p{line-height:1.4;font-weight:300;}

a,a:visited{
	color: #e5a81f;
}

a:hover{
	color: #f1df44;	
}



#wrapper{

	width:100%;

	margin:0 auto;

	color:#e1e1e1;

	font-family: "Open Sans", Arial, Helvetica, sans-serif;

}



#header{

	width:100%;

	height:5.5em;

	background:#FC3;

	background-image:url(../img/bg_header.png);

	margin-top:1em;

	text-align:center;

}



#header h1{

	padding-top:0.3em;

	font-size:3.4em;

	color:#272425;

}



#header h1 img{

	vertical-align:center;

	padding-left:0.1em;

	width:43px;

	height:40px;

}



#trademark{

	font-size:0.5em;

	vertical-align:top;

}

#footer{

	width:100%;

	height:8.5em;

	background:#FC3;

	background-image:url(../img/bg_footer.png);

	margin:2em 0 3em 0;

}



#footerwrapper{

	width:1024px;

	margin:0 auto;

	padding:0.7em 0;

}



#footer_left{

	float:left;

	width:70%;

	height:7.1em;

}

#footer #videohinweis{
	float:left;
	margin: 2.5em 0 0 20%;
	color:#272425;
	font-weight: 700;
}

#footer #videolink{
	float:left;
	width:20%;
	cursor:pointer;
}

#footer_left #videolink img{
	width:90px;
	height:90px;
	margin: 0.7em 0em;
}


#footer div#videolink img:hover{
	background:rgba(255,255,255,30);
	border-radius: 50px;
}

#footer #testhinweis{
	float:left;
	margin: 2em 0 0 0;
	color:#272425;
	font-weight: 700;
}

#footer_left #testhinweis img{
	width: 99px;
	height: 50px;
	margin: 0;
}

#footer_left #testhinweis img:hover{
	background:rgba(255,255,255,30);
}



#footer_right{

	float:left;

	width:30%;

	height:7.1em;


}



#footer_right div#lang{

	margin: 2em 0 0.5em 0;

	text-align:right;

	padding-right:9.5em;

}



#footer_right div#lang img{

	width:21px;

	height:24px;

	margin-right:0.5em;

}



#footer_right div#menu{

	float:right;

	margin-right:10.6em;

	font-size:0.7em;

	color:#272425;

}


#footer_right div#menu ul li{

	float:left;

	margin-right:1em;

}



#footer_right div#menu ul li a{

	color:#272425;

}



.button span{

	padding:1em 1.5em;

	border-radius:10px;

}

.center{text-align:center;}

.bold{font-weight:700;}

.extrabold{font-weight:800;}

.text14{font-size:1.4em;}

.text12{font-size:1.2em;}

.text08{font-size:0.8em;}



#grid{

	width:100%;

	height:370px;

	z-index: 1;

}



.box5{

	float:left;

	width:20%;

	margin-top:5em;

	z-index: 1;

}



.box4{

	float:left;

	width:25%;

	margin-top:6em;

	z-index: 1;

}

.box6{

	float:left;

	width:16.6%;

	margin-top:5em;

	z-index: 1;

}



/* === Unterseiten === */



#content{

	width:984px;		

	margin:1em auto -1em auto;

	padding:20px;

}



#content a{

	color:#FC3;

}



#content div.box{

	width:50%;

	float:left;

}



#content div.box h2{font-size:1em;}

#content div.box p{font-size:0.9em;}

div.testbox{
	width: 60%;
	margin: 0 20%;
}

.dowloadlink:visited{
	color: #FC3;
}