*{
	box-sizing:border-box;
	padding:0;
	margin:0;
	}
nav{ 
 position:absolute;
 left:50%;
 transform: translateX(-50%);
}

body{
	font-family:"Segoe UI";
	}

.dropDownMenu a {
	color: #000;
}

.dropDownMenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.dropDownMenu li {
	position: relative;
}
.dropDownMenu a {
	padding: 10px;
	display: block;
	text-decoration: none;
}
.dropDownMenu a:hover {
	background: #fff;
}


/* Level 1 Drop Down Menu */
.dropDownMenu > li {
	display: inline-block;
	vertical-align: top;
	margin-left: -4px; 
}
.dropDownMenu > li:first-child {
	margin-left: 0;
}

/* Level 2 */
.dropDownMenu > li > ul {
	text-align: left;
	width: 200px;
	display: none;
	background: #fff;
	position: absolute;
	top: 100%;
	left: 0;
}
.dropDownMenu > li:hover > ul {
	display: block;
}
.dropDownMenu ul li a:hover {
	background-color:#CCC;}
	
/* Level 3 */
.dropDownMenu > li > ul > li > ul {
	text-align: left;
	width: 200px;
	display: none;
	background: #fff;
	position: absolute;
	left: 100%;
	top: 0;
}
.dropDownMenu > li > ul > li:hover > ul {
	display: block;
}

.headspacer{
	height:1px;
	width:200px;
	background-color:#fff;	
	}
.
/*bearbeitung von table*/

.table{
	 width: 100%;
	 border: 0;
	 
	}
.navtd{
	 height:55px;
	 background-color:#fff;
	}

.middle{
	 height: 300px;
	 width: 200px;
	 backgroundcolor:#fff;
	 	}
.bigmiddle{
	height: 300px ;
	width: 400px;
	backgroundcolor: #fff;
	}

.left{
	height: 300px;
	
	}

.right{
	height: 300px;
	}

/*ab hier Content*/

.miniimg{
	height: 15px;
	width: 15px;}

.smallimg{
	height: 285px;
	width: 190px;
	}
	
.bigimg{
	
	 height: 285px;
	 width: 395px;
	 
	}

.footer{
	height: 80px;
	font-size:10px;}
	
.footli{
	list-style:none;
	float:left;}
	
.logo{
	height: 95px;
	background-color:#fff;
	}
#logo {
	text-align:center
	}
#menutd{
	width: 600px;	
	}