/*-------------------------------------------------------------------------------*/
/*																				 */
/* CSS-File: 	definition.css       	                                         */
/* Version:		001																 */
/*																				 */
/* Datum:		17.01.2018														 */
/*																				 */
/* Author:		BoomArang Engineering											 */
/* Purpose:		main styles für alle Seiten  									 */
/*																				 */
/* History:																		 */
/*																				 */
/*																				 */
/*-------------------------------------------------------------------------------*/
			
body {
	display: block;
	width: 98%;
	text-align:left;
	font-family:Helvetica;
	font-size:100%;
	margin:0em;
	padding: 0 1% 0 1%;
}

h1 {
	font-size:130%;
}

p {
	font-size:110%;
	color:#2F2D2C;
	text-align:justify;
} 
 
b {
    font-size:120%;
	font-weight:bold;
	/*color:#009DD4;*/
	color:#9E9E9E;
	margin:0em;
}

a {
	text-decoration: none;
	color:black;
	/*color:#009DD4;*/
}

.clear { 
	clear: both; 
}

/*------------------------- Navigation container ---------------------*/ 
.navigation {
	display:block;
	position:fixed !important; 
	z-index: 1;
	opacity:0.7; /* 0,7 */
	top:0;
	left:0;
	width:100%;
	height:80px;
	background:white; /*#F8F8F8;*/
	/*padding:1%;*/
}

/*------------------------------------ Navi --------------------------*/

.sidenav {
    height: 100%;
    width: 0;					/* Breite 0 -> per opennav java geöffnet */
    position: fixed !important;
    z-index: 1;
    top: 0;
    left: 0;					/* Startposition für einblenden          */
    background-color: #111;
    overflow-x:hidden;			/* Anzeigen Menu verhindern              */
    transition: 0.5s;
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    color:white;
    display: block;
    transition: 0.3s;
}

.sidenav a:hover {
    color: #f1f1f1;
    color: #818181;

}

.sidenav .closebtn {	/* X Zeichen zum schliessen Menu */
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

#menu {
	transition: margin-left .5s;
    padding:1% 0 0 3%;
}

/*------------------------- Banner Bild ------------------------------------*/ 

.banner {
	width:100%;

}

.slider {	
	width:100%;
	display: flex;
 	justify-content: center;	
	background:#F5F5F5;
	padding:1% 0 1% 0;

}
.slider img{	
	width:65%;

}

/*----------------------- Footer -------------------------------------------*/ 
footer {
	display:block;
	width:100%;
	clear:both;
	background-color:black; /* #E5E5E5 #00B6F1;   #4C93AD; */
	/* background:#0666B2; /* blau */
	/* background:#232323; */
	text-align:left;
	font-size:100%;
	border-top-width:thin;
	border-top-style:solid;
	border-top-color:#DCDCDC;
}

footer ul {
	display:block;   /* Liste untereinander */
	width:60%;
	text-align:left;
}

footer ul li {
	display:inline;
	font-size:1em;
	color:#C0C0C0;
	padding:.5%;
}

footer ul li a {
	font-weight:bold;
}

footer ul li a:hover {
	color:#E2DBDB;	
}

footer p {
	width:90%;
	color:#C0C0C0;
	font-size:100%;
	font-weight:100;
	padding-left:3%;	
}
footer b,a {
	color:white;
}