body{
	margin:0;
	margin-bottom:0
}

#uppernav{
	width:600px;
	box-shadow: 7px 7px 5px 0px #666666;
	margin-left:700px;
	position:relative;
 }

#navpla{
	height:200px;
}

#Head{
	background-image:url('../Bilder/CIMG6141.JPG');
	background-repeat:no-repeat;
	background-size:100% 425px;
	height:425px;
	position:relative;
}

#html{
	height:50px
}

#branchen1{
	width:50%;
	float:left
}

#branchen2{
	width:50%;
	float:right
}

@media (max-width:480px) {
#branchen1{
	width:100%;
	float:none
}
}

@media (max-width:768px) {
#branchen1{
	width:100%;
	float:none
}
}

@media (max-width:480px) {
#branchen2{
	width:100%;
	float:none
}
}

@media (max-width:768px) {
#branchen2{
	width:100%;
	float:none
}
}


@media (max-width:480px) {
#Head{
	background-image:url('../Bilder/CIMG6141.JPG');
	background-repeat:no-repeat;
	background-size:100% 250px;
	height:250px;
}
}

@media (max-width:768px) {
#Head{
	background-image:url('../Bilder/CIMG6141.JPG');
	background-repeat:no-repeat;
	background-size:100% 350px;
	height:350px;
}
}

@media (max-width:480px) {
#uppernav{
	width:100%;
	box-shadow: 0px 0px 0px 0px #666666;
	margin-left:0px;
	margin-top:250px
}
}

@media (max-width:768px) {
#uppernav{
	width:100%;
	box-shadow: 0px 0px 0px 0px #666666;
	margin-left:0px;
	margin-top:250px
	
}
}

#MBild {
	width:500px;
	height:375px
}

@media (max-width:480px) {
#MBild {
	width:275px;
	height:175px
}
}

@media (max-width:768px) {
#MBild {
	width:275px;
	height:175px
}
}

@media (max-width:480px) {
#bodycontent{
	width:80%;
	background-color:white;
	margin-left:auto;
	margin-right:auto;
    padding-top:20px
}
}

@media (max-width:768px) {
#bodycontent{
	width:80%;
	background-color:white;
	margin-left:auto;
	margin-right:auto;
    padding-top:20px
}
}

#bodycontent{
	width:80%;
	background-color:white;
	margin-left:auto;
	margin-right:auto
}

#Banner{
	margin-top:250px
}

#Platzhalter{
	height:150px;
}

@media (max-width:480px) {
#Platzhalter{
	height:25px;
}
}

@media (max-width:768px) {
#Platzhalter{
	height:25px;
}
}

Banner1{
    font-size: 0px;
    color: white;
    font-size:0pt;
}

@media (max-width:480px) {
#Banner1{
	margin-top:20px;
    color:dimgrey;
    font-size: 20px;}
}

@media (max-width:768px) {
#Banner1{
	margin-top:20px;
    color:dimgrey;
    font-size:20px;
}
}

@media (max-width:480px) {
#Banner{
	margin-top:0px;
    color:dimgrey;
    font-size: 0px;}
}

@media (max-width:768px) {
#Banner{
	margin-top:0px;
    color:dimgrey;
    font-size:0px;
}
}

#menu{
	width:60%;
	float:right;
	margin-left:auto;
	margin-right:auto;
	padding-left:10px;
	box-shadow: 5px 5px 5px 0px #666666;
	margin-bottom:15px
}

#sidemenu {
	width:35%;
	position:relative;
	float:left;
	margin-left:auto;
	margin-right:auto;
	box-shadow: 5px 5px 5px 0px #666666;	
}

@media (max-width:480px) {
#sidemenu {
	width:100%;
	position:relative;
	float:none;
	margin-left:auto;
	margin-right:auto;
	box-shadow:0px 0px 0px 0px #666666;
}
}

@media (max-width:768px) {
#sidemenu {
	width:100%;
	position:relative;
	float:none;
	margin-left:auto;
	margin-right:auto;
	box-shadow:0px 0px 0px 0px #666666;	
}
}

@media (max-width:480px) {
#menu{
	width:100%;
	float:none;
	margin-left:auto;
	margin-right:auto;
	padding-left:0px;
	box-shadow:0px 0px 0px 0px #666666;
}
}

@media (max-width:768px) {
#menu{
	width:100%;
	float:none;
	margin-left:auto;
	margin-right:auto;
	padding-left:0px;
	box-shadow:0px 0px 0px 0px #666666;
}
}

@media (max-width:480px) {
#bild1{
	width:200px;
	height:50px
}
}

@media (max-width:768px) {
#bild1{
	width:200px;
	height:50px
}
}

@media (max-width:480px) {
#bild2{
	width:200px;
	height:15px
}
}

@media (max-width:768px) {
#bild2{
	width:200px;
	height:15px
}
}

@media (max-width:480px) {
#Thumb1{
	width:100px;
	height:120px
}
}

@media (max-width:768px) {
#Thumb1{
	width:70px;
	height:50px
}
}

@media (max-width:480px) {
#Thumb2{
	width:70px;
	height:50px
}
}

@media (max-width:768px) {
#Thumb2{
	width:70px;
	height:50px
}
}

@media (max-width:480px) {
#Thumb3{
	width:70px;
	height:50px
}
}

@media (max-width:768px) {
#Thumb3{
	width:70px;
	height:50px
}
}

#footer{
	width:100%;
	background-color:#336699;
}

#sidemenu {
	margin-bottom:30px
}

#software-links{
	width:60%;
	float:left;
	position:relative;
	padding-right:20px
}

#software-rechts{
	width:35%;
	float:right;
	position:relative
}

@media (max-width:480px) {
#software-rechts{
	width:100%;
	float:none;
	position:relative
}
}

@media (max-width:768px) {
#software-rechts{
	width:100%;
	float:none;
	position:relative
}
}

@media (max-width:480px) {
#software-links{
	width:100%;
	float:none;
	position:relative
}
}

@media (max-width:768px) {
#software-links{
	width:100%;
	float:none;
	position:relative
}
}