/* ---------------------------------------------------------
   HTML5 Bones
   This stylesheet contains print styling and a section for 
   you to simply add your own. This is a basic template 
   after all.
   ---------------------------------------------------------*/
    body {
	color: #666;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 0px;
	margin-top: -16px;
    }

    /* Default link styling */
    a:link {
	color:#EB842F;
}
    a:visited {
	color:#666666;
}
    a:hover {
	color:#FAA01B;
}


    
/* ---------------------------------------------------------
   Author's styles
   ---------------------------------------------------------*/
    body {
	line-height: 1.5em;
   
    }
	
nav {
	width: 910px;
	height: 100px;
	margin-top: 0px;
	z-index: 2;
	padding-bottom: 10px;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-color: #CCC;
	background-color: #FFF;
	margin-left:auto;
	margin-right:auto;
}
#navhintergrund
{
	background-color: #FFF;
	height: 110px;
	width: 100%;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	border-top-width: 10px;
	}
#logo {
	height: 80px;
	width: 274px;
	float: left;
	margin-top: 8px;
	padding-left: 10px;
}
.banner {
	position: relative;
	margin-top: 0px;
	max-width: 1920px;
	background-color: #FFF;

}

	/*hier ist der oberste Header und hier kommt eventuell die Navigation rein!*/
body > header   {
	height:300px;
	margin-right: auto;
	margin-left: auto;

}
.map {
	border: 4px solid #fff;
	border-radius: 10px;
	box-shadow: 0 0 8px #c0c0c0;
	width:100%;
	height: 213px;
	padding: 4px;
	background-color: #FFF;
	margin-bottom:30px;
}




.banner p .abstand {
	padding-left: 2%;
}

.banner img {
	display:block;
	}

body > header h1 {
	padding-top:100px;
	color: #FFF;
	font-size: 40px;
	font-style: italic;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	padding-right: 100px;
	float: right;
}
h3  {
	font-size: 14px;
	font-style: normal;
	color: #9AA5AB;
	;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
}
.presse {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
}

.wrap {
	box-sizing: border-box;
	max-width:112
	0px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-right: 0px;
	padding-left: 0px;
	margin-top: 25px;
}
.bildrahmen {
	padding: 0px;
	margin-bottom: 20px;
	border: 1px solid #999;
}
main {
	float: right;
	width: 74%;
	margin-top:26px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.ueber {
	height: 34px;
	font-weight: normal;
	font-size: 1.4em;
	color: #4F9D6F;
	padding-top: 10px;
	margin-top: -21px;
	margin-right: -21px;
	margin-left: -21px;
	padding-left: 20px;
	border-bottom-width: 1px;
	border-bottom-color: #CECECE;
	padding-bottom: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
}

aside {
	box-sizing: border-box;
	float: left;
	width: 24%;
	min-width:200px;
	margin-top:26px;
	float: none;
	width: 170px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 30px;
	text-align: center;
	margin-top: 0px;
	border-left-width: 1px;
}
aside .adresse {
	text-align: left;
	color: #666;
}

.wrap > header {

	background-color: ;
	background-color: #09F;

}
footer {
	height:40px;
	width: 100%;
	text-align: center;
	margin-top: 20px;
	padding-top: 10px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #C7C7C7;
	padding-bottom: 6px;
	}
	.clear {clear:both;}

/* 13 Zoll Monitore */
@media only screen and (max-width: 1180px) {
	
.ueber {
	padding-bottom: 17px; 
	font-size: 1.4em;
    height: 3px;
}

.banner p span {
display:block;

}
.banner .unter {

}
}
/* Tabletts */
@media only screen and (max-width: 860px) {

body > header{
	max-width: 100%;
	height:240px;
	;
	background-position: -400px;
} 

.banner {
	background-image: url(../images/banner/landscape-540115_1920.jpg);
	z-index: 1;
	margin-top: 0px;
	background-position: right;
	height: 300px;
} 
main {
	width:100%;

	padding-bottom:0px;
	margin-right:-10px;
	padding-left:5px;
	}
aside {
	width:;
	}

.topnav li .active {
    border-bottom: 1px none #f19e25 !important;
    padding-bottom: 6px;
}
.wrap {
	margin-left: 20px;

}

}
 
/* ---------------------------------------------------------
   Print styles
   ---------------------------------------------------------*/
@media print {
    * {
        color:#000 !important;
        box-shadow:none !important;
        text-shadow:none !important;
        background:transparent !important;
    }
    html { background-color:#fff; }
    /* Hide navigation */
    nav { display:none; }

    /* Show link destinations in brackets after the link text */
    a[href]:after { content: " (" attr(href) ") "; }
    a[href] {
        font-weight:bold;
        text-decoration:underline;
        color:#06c;
        border:none;
    }
    /* Don't show link destinations for JavaScript or internal links */ 
    a[href^="javascript:"]:after, a[href^="#"]:after { content:""; }
    
    /* Show abbr title value in brackets after the text */
    abbr[title]:after { content: " (" attr(title) ")"; }


    figure { 
        margin-bottom:1em; 
        overflow:hidden;
    }

    figure img { border:1px solid #000; }
}
.menubutton {
	background-color: #fff;
	font-weight: bold;
	height: 30px;
	margin-bottom: 0;
	padding-top: 0px;
	text-align: center;
	width: 60px;
	margin-top: 16px;
	z-index: 40;
}
.banner {
	z-index: -2;
	background-repeat: no-repeat;
	height: 240px;
	max-width: 1920px;
	padding-left: 0px;
	padding-right: 0px;
	border-bottom: none;

	
	background-image: url(../images-vivo/header.jpg);
}
.spruch {
	font-size: 0.8em;
}

.wrap main section #introduction p img {
	float: left;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 30px;
	padding-left: 0px;
	margin-top: 6px;
}
.banner .unter a {
	text-decoration: none;
	color: #B3914A;
}
.zeilenabstand {
	line-height: 1.5em;
}
.wrap aside a:link {
	text-decoration: none;
	color: #666;
}
.wrap aside a:hover {
	text-decoration: none;
	color: #F08F2B;
}
.wrap main section #instructions #contact fieldset #contact-submit {
	width: 160px;
}
.wrap footer small a {
	text-decoration: none;
}
#introduction ul li {
	line-height: 170%;
	padding-left: 6px;
}
figure {
	font-size: 11px;
	font-style: italic;
	float: left;
	margin-left: 0px;
	margin-right:20px;
	margin-bottom:10px;
	color: #333;
}
figure figcaption {
	text-align: center;
}
.wrap main section a:link {
	color: #666;
}
#container {
	max-width: 1220px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	z-index: -3;
	height: 100%;
	padding-right: 0px;
	padding-left: 0px;
}
#container .wrap main section #introduction {
	padding-right: 20px;
}
#titel {
	max-width: 1220px;
	height: 300px;
	margin-right:auto;
	margin-left:auto;
}