/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */
/* html5 + CSS 3 Template created by miss monorom  http://intensivstation.ch 2013 */

/* reset */
* {
margin: 0;
padding: 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/* render html5 elements as block 
   rendert html5 elemente als block  */

header, footer, section, aside, nav, article { display: block;}

body {
background-color: #808080;
font-size: 0.9em;
font-family: Times New Roman, Serif;
color:#eaeaea;
}
pre, code {
font-size: 1.7em;
}
a {color: #000000; text-decoration: none;}
a:visited {color:#000000;}
a:hover {color: #eaeaea;}
a:active { color:#eaeaea;}

h1, h2 , h4{
font-weight: normal;
text-align: center;
color: #000000;
text-transform: uppercase;
letter-spacing: 0.25em;
font-weight: bold;
}
h1 {
font-size: 3.1em;
margin: 0 0 11px;
}
h2 {
font-size: 1.85em;
margin: 0 0 0px;
}
h2 a,
h4 a {
text-decoration: none;
color: black;
}
h2 a:hover,
h4 a:hover {
text-decoration: none;
color: #eaeaea;
}
h3, h5{
font-size: 1.6em;
text-transform: uppercase;
letter-spacing: 0.2em;
padding: 0.65em 0;
padding-top: 0.15em;
color: #eaeaea;
}
h3 a, h5 a {
text-decoration: none;
color: #eaeaea !important;
}
h3 a:hover {
text-decoration: none;
color: #000000 !important;
}
h4 {
font-size: 1.7em;
margin: 0 0 0px;
padding-top: 7px;
padding-bottom:10px;
}


img.download {vertical-align:middle;}

/* ----------container zentriert das layout-------------- */
#container {
/* max-width: 1150px;
min-width:1150px; */
width:1150px;
margin:15px  auto;
background-color: #808080;
/* border: 1px dotted white; */ 
}

/* ----------header for logo-------------- */
header {
	padding:20px;
	background:#808080 ;
}
	
header p{

}
header img{ padding: 0 0 10px;}

/* ----------------- content--------------------- */
section#content {
	background-color: #808080;
	margin: 0 40px;
	min-height:495px;
	padding:20px 20px 0 20px;
	text-align:center;
	/* border:1px solid white;  */
}

p, pre{
padding:  0 0 8px;
line-height:1.65em;
font-size: 1.2em;
}
p.bu {
font-weight: bold;
padding-bottom: 2px;
font-size: 0.9em;
letter-spacing: 0.25em;
color: #eaeaea;
}
#handel p, #aktuelles p {
padding-bottom: 25px;
color: black;
}
#kontakt p {
padding-bottom: 25px;
}
#biografisches p {
padding-bottom: 27px;
color: black;
}

pre a {
font-weight: bold;
color: #eaeaea !important;
text-decoration: none;
font-size: 2em;
}
pre a:hover {
color: #000000 !important;
text-decoration: none;
}

/* -------------- navigavtion------------- */
#navigation {
width: 100%;
text-align: center;
}
ul#navigation {
float: left;
}
#navigation {
padding: 5px 15px 33px 15px; 
}
#eingang #navigation {
padding-bottom: 12px;
}
#navigation li {
display: inline; /* li nebeneinander anzeigen */
list-style-type: none; /* ohne Aufzählungspunkte */
}
#navigation li a,
#menu a {
text-decoration: none;
color: #000000;
padding: 0 15px;
letter-spacing: 0.2em;
font-size: 1.25em;
font-weight: normal;
}
#navigation li a:hover,
#menu a:hover {
text-decoration: none;
color: #eaeaea;
}
#navigation li a.active,
#menu a.active {
text-decoration: none;
color: #eaeaea;
}
#menu {
text-align: center;
color: #000000;
}
#menu a {
font-weight: bold;
font-size:1.1em;
}
nav {
float: left;
width: 40px;
padding-left:40px;
padding-top: 240px;
}
/* -------------- side infos ------------- */
aside{
float: right;
width: 40px;
padding-right:50px;
text-align:right;
padding-top: 220px;
}
/* -----------footer--------------------------- */
footer {
padding:0px;
clear: both;
/* border-top:5px solid #ccc; */
}

/*-----------------------------------------------------------------------------------*/
/*	Media Queries
/*-----------------------------------------------------------------------------------*/

/* Minimum width of 479 pixels (smartphone landscape)
------------------------------------------------------------------------------------ */
@media screen and (min-width: 479px) {

}
/* Minimum width of 767 pixels (tablets portrait)
------------------------------------------------------------------------------------ */
@media screen and (min-width: 767px) {


}
/* Minimum width of 1023 pixels (tablets landscape)
------------------------------------------------------------------------------------ */
@media screen and (min-width: 1023px) {

}
/* Minimum width of 1350 pixels (desktop)
------------------------------------------------------------------------------------ */
@media screen and (min-width: 1350px) {


}
/* Minimum width of 1600 pixels (bigger desktop screens)
------------------------------------------------------------------------------------ */
@media screen and (min-width: 1600px) {

}