/********************************************
   AUTHOR:  			Norbert Wenzlaff 
   WEBSITE:   			http://www.avidesign.de/
	TEMPLATE NAME: 	Avidesign
   TEMPLATE CODE: 	A-0013
   VERSION:          1.3          	
 ********************************************/
/* =Reset CSS (v2.0) http://meyerweb.com/eric/tools/css/reset/
-------------------------------------------------------------- */
@import url("reset.css");

html {
	font-size: 62.5%;
}
body {
	font: 13px/18px 'Open Sans',sans-serif;
	font: 1.3rem/1.8rem 'Open Sans',sans-serif;
}
h1 {
	font-size: 180%;
}
h2 {
	font-size: 140%;
}
h3 {
	font-size: 120%;
}
h1,h2,h3 {
	margin-bottom: 20px;
	margin-bottom: 2rem;
}
p {
	margin-bottom: 20px;
	margin-bottom: 2rem;
}
img {
	border: 0;
	height: auto;
	max-width: 100%;
}
.clearfix:after {
	 clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
}

section, #wrapper, #footerwrapper {
	margin: 0 auto;
	max-width: 1200px;
	max-width: 120rem;
	padding: 0 20px;
	padding: 0 2rem;
}
#header {
	background: none repeat scroll 0 0 gainsboro;
	border-bottom: 1px solid #888;
	border-bottom: 0.1rem solid #888;
	padding-top: 12px;
	padding-top: 1.2rem;
}
section {
	margin-top: 30px;
	margin-top: 3rem;
}
footer {
	background: none repeat scroll 0 0 #FF6E00;
	color: #553300;
	margin: 30px 0 0;
	margin: 3rem 0 0;
	padding: 20px 0;
	padding: 2rem 0;
}
#logo {
	float: none;
   padding: 0 0 10px;
	padding: 0 0 1rem;
}
nav#main {
	float: none;
	background: none repeat scroll 0 0 transparent;
   clear: right;
   display: block !important;
	padding: 15px 0 20px;
	padding: 1.5rem 0 2rem;
}
nav#main ul {
	padding: 0;
}
nav#main ul li {
	border-bottom: 0.1rem solid #bbb;
	border-bottom: 1px solid #bbb;
	display: inline-block;
	padding: 0 30px 0 0;
	padding: 0 3rem 0 0;
	position: relative;
}
nav#main ul ul {
	background: none repeat scroll 0 0 gainsboro;
	border: 0.1rem solid #CCCCCC;
	border: 1px solid #CCCCCC;
	display: none;
	opacity: 0.95;
	padding: 1.2rem 0;
	padding: 12px 0;
	position: absolute;
	z-index: 10;
}
nav#main ul li:hover > ul {
	display: block;
}

@media screen and (min-width: 480px)  {
#logo {
	float: left;
}
nav#main {
	float: right;
}
nav#main ul li {
	border-bottom: medium none;
}
nav#main ul li a {
	color: orange;
	font-size: 1.8rem;
   font-size: 18px;
	line-height: 3.0rem;
   line-height: 30px;
	padding: 0 1.2rem;
	padding: 0 12px;
   text-decoration: none;
   text-shadow: 0 1px 0 #FFFFFF;
	transition: all 0.2s ease-in-out 0s;
}
nav#main ul li.active a {
	color: #d54e21;
}
nav#main ul li a:hover {
	color: #d54e21;
}
}

@media screen and (min-width: 768px)  {
	
}

@media screen and (min-width: 1200px) {
	
}