/*	
Template Name: Asper
Version: 1
Lizenz 2013-154

*/

@import "fonts.css";
@import "menu.css";
* {
    margin: 0;
    padding: 0;
}
body {
    background: url("../img/fabric_plaid.png") repeat scroll 0 0 #EEEEEE;
    overflow-x: hidden;
}
a {
    color: #444444;
    text-decoration: underline;
}
img {
    display: block;
    margin-top: 0px; 
	margin-bottom: 20px;
}
p {
    font-size: 14px;
    line-height: 20px;
	color: #000000;
	margin-top: 40px;
}

.header {
    background-color: #D9DBD1;
    background-image: url("../img/bg.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    border-bottom: 1px solid #FFFFFF;
    height: 520px;
}
.header a {
    color: #F6F6F6;
}
.header p {
    font-size: 22px;
    font-weight: 100;
    line-height: 32px;
}
.header span {
    font-style: italic;
    font-weight: 400;
}
.header-content {
    margin-left: 28px;
    margin-top: 75px;
    padding-bottom: 20px;
}
@media (min-width: 768px) and (max-width: 979px) {
.header {
    height: 540px;
}
}
@media (max-width: 767px) {
.header {
    			height: 524px;
		}
                #toppanel{
			display: none;
		}
}
@media handheld, only screen and (max-width: 740px) {
.header {
    max-height: 525px;
}
#logo {
    left: 2%;
    position: absolute;
}
.header {
    height: 505px;
}
}
#logo {
    float: left;
    margin-left: 13px;
    margin-top: 0;
    padding-top: 0px;
}
@media screen and (max-width: 400px) {
#logo {
    margin-left: 0;
}
.header {
    height: 332px;
}
.footer-container {
    max-width: 1140px;
    min-width: 755px;
    width: 100%;
}
.footer-container {
    height: 400px !important;
}
.neticon {
    margin-top: 170px;
}
}
.rslides {
    list-style: none outside none;
    margin: 0 auto 20px;
    overflow: hidden;
    padding: 0;
    position: relative;
    top: -10px;
    width: 100%;
}
.rslides li {
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.rslides li:first-child {
    display: block;
    float: left;
    position: relative;
}
.rslides img {
    border: 0 none;
    display: block;
    float: left;
    height: auto;
    width: 100%;
	
}
.features {
    text-align: left;
}
.features h1 {
	color: #828080;
	font-size: 16px;
	padding-bottom: 15px;
	padding-left: 0px;
	padding-right: 20px;
	text-shadow: 0 1px 0 #FFFFFF, 0 -1px 0 #000000;
}

.icon-box {
    margin-top: 10px;
    padding: 10px 20px 10px;
}
.icon-box:hover {
    background: none repeat scroll 0 0 #7D8C69;
    color: #FFFFFF;
    margin-top: 10px;
    padding: 20px 20px 10px;
}
.icon-box:last-child {
    border: medium none;
}
.container .content {
    background: none repeat scroll 0 0 #DADADA;
    color: #444444;
}
.footer
{
   background: url("images/footer.png") repeat scroll 0 0 #7D8C69;
   border-top:1px solid #525C45;
   padding: 15px;
   margin: 0px auto 0;
   position: relative;
   color: #FFFFFF;
   font-size: 14px;
   font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-align: center;
   width: 100%;
   height: 400px;
}

.footer a,
.footer a:link,
.footer a:visited,
.footer a:hover,
.footer td, 
.footer th,
.footer caption
{
   color: #FFFFFF;
   font-size: 14px;
   font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.footer p 
{
   padding:250;
   text-align: left;
   padding-left: 30px;
   color: #000000;
   margin-top: 10px;
   font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.footer a,
.footer a:link
{
   color: #E8E8E8;
   font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: underline;
}

.footer a:visited
{
   color: #D6D6D6;
   font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
}

.footer a:hover
{
   color: #FFAC5E;
   font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: underline;
}

.footer h1
{
   color: #949494;
   font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.footer h2
{
   color: #ABABAB;
   font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.footer h3
{
   color: #ABABAB;
   font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.footer h4
{
   color: #808080;
   font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.footer h5
{
   color: #808080;
   font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.footer h6
{
   color: #808080;
   font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.footer img
{
   border: none;
   margin: 3px;
}


.neticon li {
    float: left;
    width: 18%;
}
.neticon a {
    display: block;
    height: 0;
    overflow: hidden;
    padding: 40px 0 0;
    width: 44px;
}
.neticon a:focus {
    outline: medium none;
}
.social-networks a {
    background-image: url("images/social-networks.png");
    background-position: 0 0;
    background-repeat: no-repeat;
}
.social-networks .twitter {
    background-position: -14px -23px;
}
.social-networks .facebook {
    background-position: -55px -23px;
}
.social-networks .youtube {
    background-position: -98px -23px;
}
.social-networks .vimeo {
    background-position: -139px -23px;
}
.social-networks .myspace {
    background-position: -181px -23px;
}
.social-networks .twitter:hover, .social-networks .twitter:focus {
    background-position: -14px -65px;
}
.social-networks .facebook:hover, .social-networks .facebook:focus {
    background-position: -55px -65px;
}
.social-networks .youtube:hover, .social-networks .youtube:focus {
    background-position: -98px -65px;
}
.social-networks .vimeo:hover, .social-networks .vimeo:focus {
    background-position: -140px -65px;
}
.social-networks .myspace:hover, .social-networks .myspace:focus {
    background-position: -181px -65px;
}
.social-networks .twitter:active {
    background-position: 0 -231px;
}
.social-networks .facebook:active {
    background-position: -76px -231px;
}
.social-networks .youtube:active {
    background-position: -152px -231px;
}
.social-networks .vimeo:active {
    background-position: -228px -231px;
}
.social-networks .myspace:active {
    background-position: -304px -231px;
}
#footer2 p {
    color: #54697A !important;
    font-size: 0.8em;
}
.form input, .form textarea, .form select {
    background-color: #FFFFFF;
    border: 1px solid #DFDFDF;
    color: #333333;
    font-weight: bold;
    margin-bottom: 10px;
}
.form textarea, .form select {
    width: 98%;
}
.form select {
    width: 532px;
}
.form input:focus, .form textarea:focus, .form select:focus {
    background-color: #FFFFFF;
    border: 1px solid #FDE8AA;
    color: #636363;
}
.form input:hover, .form textarea:hover, .form select:hover {
    background-color: #E9EDF1;
    border: 1px solid #C2C4C6;
    color: #333333;
}
.form input[type="text"] {
    height: 27px;
    padding: 0 0 0 4px;
    width: 280px;
}
.form input[type="submit"], .form input[type="reset"] {
    background: none repeat scroll 0 0 #566673;
    border: 1px solid #566673;
    color: #FFFFFF;
    float: left;
    height: 28px;
    padding-bottom: 2px;
}
.form input[type="submit"]:hover, .form input[type="reset"]:hover {
    background: none repeat scroll 0 0 #424F59;
    border: 1px solid #424F59;
    color: #FFFFFF;
}
.form input[type="radio"], .form input[type="checkbox"] {
    background-image: none;
    border: 0 none;
}
.form td.field_title {
    width: 150px;
}
.link {
    color: #8F9EAA;
    font-weight: bold;
    border-top: 1px solid#626E77;
    margin-top: 20px;
    padding-top: 5px;
}
.link a {
    color: #CCE6FC;
    font-weight: bold;
}
.link a:hover {
    color: #A9D6FC;
    font-weight: bold;
}
.1link {
    font-color: #FFFFFF;
    font-weight: bold;
	font-size: 14px;
	font-family:Verdana, Geneva, sans-serif;
	  
}
.1link a {
    color: #FFFFFF;
    font-weight: bold;
}
.1link a:hover {
    color: #FF0000;
    font-weight: bold;
}
.footer {
    background: url("../img/footer.png";
    border-top: 1px solid #FFFFFF;
    margin-top: 30px;
    padding: 0;
    text-align: center;
}
.footer-container {
    height: 400px;
    margin: 0 auto;
    max-width: 1140px;
    min-width: 755px;
    overflow: hidden;
    padding-top: 20px;
    width: 100%;
}
#footer1 {
    float: left;
    font-size: 2.9em;
    height: 400px;
    margin-left: 20px;
    padding-right: 20px;
    text-align: left;
    width: 60%;
}
#footer1 a {
	color:#D6EAF9;
}
#footer2 {
    float: right;
    height: 100px;
    margin-right: 37px;
    text-align: center;
    width: 215px;
}
.neticon {
    float: right;
    list-style: none outside none;
}
.neticon li {
    float: left;
    width: 18%;
}
.neticon a {
    display: block;
    height: 0;
    overflow: hidden;
    padding: 40px 0 0;
    width: 44px;
}
.neticon a:focus {
    outline: medium none;
}
.social-networks a {
    background-image: url("../img/social-networks.png");
    background-position: 0 0;
    background-repeat: no-repeat;
}
.social-networks .twitter {
    background-position: -14px -23px;
}
.social-networks .facebook {
    background-position: -55px -23px;
}
.social-networks .youtube {
    background-position: -98px -23px;
}
.social-networks .vimeo {
    background-position: -139px -23px;
}
.social-networks .myspace {
    background-position: -181px -23px;
}
.social-networks .twitter:hover, .social-networks .twitter:focus {
    background-position: -14px -65px;
}
.social-networks .facebook:hover, .social-networks .facebook:focus {
    background-position: -55px -65px;
}
.social-networks .youtube:hover, .social-networks .youtube:focus {
    background-position: -98px -65px;
}
.social-networks .vimeo:hover, .social-networks .vimeo:focus {
    background-position: -140px -65px;
}
.social-networks .myspace:hover, .social-networks .myspace:focus {
    background-position: -181px -65px;
}
.social-networks .twitter:active {
    background-position: 0 -231px;
}
.social-networks .facebook:active {
    background-position: -76px -231px;
}
.social-networks .youtube:active {
    background-position: -152px -231px;
}
.social-networks .vimeo:active {
    background-position: -228px -231px;
}
.social-networks .myspace:active {
    background-position: -304px -231px;
}
#footer2 p {
    color: #54697A !important;
    font-size: 0.8em;
}
.form input, .form textarea, .form select {
    background-color: #FFFFFF;
    border: 1px solid #DFDFDF;
    color: #333333;
    font-weight: bold;
    margin-bottom: 10px;
}
.form textarea, .form select {
    width: 98%;
}
.form select {
    width: 532px;
}
.form input:focus, .form textarea:focus, .form select:focus {
    background-color: #FFFFFF;
    border: 1px solid #FDE8AA;
    color: #636363;
}
.form input:hover, .form textarea:hover, .form select:hover {
    background-color: #E9EDF1;
    border: 1px solid #C2C4C6;
    color: #333333;
}
.form input[type="text"] {
    height: 27px;
    padding: 0 0 0 4px;
    width: 280px;
}
.form input[type="submit"], .form input[type="reset"] {
    background: none repeat scroll 0 0 #566673;
    border: 1px solid #566673;
    color: #FFFFFF;
    float: left;
    height: 28px;
    padding-bottom: 2px;
}
.form input[type="submit"]:hover, .form input[type="reset"]:hover {
    background: none repeat scroll 0 0 #424F59;
    border: 1px solid #424F59;
    color: #FFFFFF;
}
.form input[type="radio"], .form input[type="checkbox"] {
    background-image: none;
    border: 0 none;
}
.form td.field_title {
    width: 150px;
}
.link {
    color: #8F9EAA;
    font-weight: bold;
    border-top: 1px solid#626E77;
    margin-top: 20px;
    padding-top: 5px;
}
.link a {
    color: #CCE6FC;
    font-weight: bold;
}
.link a:hover {
    color: #A9D6FC;
    font-weight: bold;
}