* {margin: 0; padding: 0; border: 0 none; outline: none;}

@font-face {
  font-family: 'Lato';
  src: local('Lato'), local('Lato'), url(../fonts/Lato-Reg.woff) format('woff');
}

body {
	-webkit-text-size-adjust: none; /* Font Resizing ausschalten */
	-webkit-font-smoothing: antialiased;
	font-family:/*Lato,*/ Arial;
	font-size: 15px;
	line-height: 22px;
	background-color: #e8e8e8;
	color: #000;
	font-weight: 0;
}

a {text-decoration: none;}

h1 {
	font-family: Lato, Arial;
	font-size: 23px;
	font-weight: 100;
	margin-bottom: 15px;
}

#header-back {
	width: 100%;
	height: 134px;
	background: url('../images/header-back.jpg') repeat-x;
	box-shadow: 0px 0px 12px #747474;
}

#header {
	width: 980px;
	height: 134px;
	margin-left: auto;
	margin-right: auto;
}

.logo-ma {
	margin-top: 29px;	
}

/*NAV*/

ul#nav {
	font-family: Lato, Arial;
	font-size: 1.2em;
	color: #24adc9;
	float: right;
	margin-top: 35px;
}

ul#nav li.nav {
	float: left;
	list-style: none;
	margin-left: 11px;
}

a.navlink {color: #FFF; padding: 5px 7px; border-radius: 5px;}
a.navlink:hover {color: #FFFF; background-color: #343434;}
a.navlink:active {color: #2788b8; padding: 5px 7px; border-radius: 5px;}

a.navlink-active {color: #2788b8; padding: 5px 7px; border-radius: 5px;}
a.navlink-active:hover {color: #2788b8; padding: 5px 7px; border-radius: 5px; background-color: #343434;}


/*CONTENT*/

#content {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	margin-top: -46px;
	background-color: #FFF;
}

/*FOOTER*/

#footer-main {
	width: 980px;
	margin: 0 auto;
	padding: 5px 0px;
	font-size: 14px;
	height: 38px;
	color: #7b7b7b;
}

#footer-left {
	float: left;
}

#footer-right {
	float: right;
}

ul#footer li.footer {
	float: left;
	list-style: none;
	margin-left: 10px;
}

a.footerlink {color: #7b7b7b;}
a.footerlink:hover {color: #000000;}