body{
	background-color: #f3f3f3 !important;
}

#content{
	position:absolute;
	top:0px;
	left:0px;
	background-color: #f3f3f3;
}

#menuframe{
	position:relative;
	top:-70px;
	max-width:100%;
	height:500px;
	margin-left: auto;
	margin-right: auto;
	padding-left:auto;
	padding-right:auto;
	z-index: 10;
}
.h2{
	font-size: large !important;
}

@media screen and (min-width:1075px) and (max-width:12400px) {
    #content{
    	width:900px;
    	margin-left:15%;
		margin-right:15%;
    }
    #logo{
		position: relative;
		top:-35px;
		left:20px;
		float: left;
		max-width: 171px;
	}	
	#loginframe{
		position:relative;
		top:-82px;
		left: 0px;
		float: right;
		margin-right: 0%;
		padding-left: 0%;
		border:hidden;
		max-width:222px;
	}
    #header{
		position:relative;
		top:5px;
    	left: -10%;
		max-width: 120%;
		font-family: Arial, Helvetica, sans-serif;
		font-size:x-large;
		font-weight: 600;
		color:#007d50;
		text-align: center;
	}
    #subheader{
		position:relative;
		top:8px;
		left:-10%;
		max-width: 100%;
		font-family: Arial, Helvetica, sans-serif;
		font-size:large;
		font-weight: 400;
		color:#007d50;
		text-align: center;
	}
    #targetbutton1{
    	position: relative;
    	max-width: 190px;
		top:80px;
		left:0px;
    }
    #targetbutton2{
    	position: relative;
    	max-width: 190px;
		top:-110px;
		left:202px;
    }
    #targetbutton3{
    	position: relative;
    	max-width: 190px;
		top:-95px;
		left:0px;
    }
    #targetbutton4a{
    	position: relative;
    	max-width: 190px;
		top:-285px;
		left:202px;
    }
	#targetbutton4b{
    	position: relative;
    	max-width: 190px;
		top:-285px;
		left:202px;
    }
	#targetbutton4c{
    	position: relative;
    	max-width: 190px;
		top:-285px;
		left:202px;
    }
    #centremainimage{
		position: relative;
		top:-680px;
		left:404px;
		max-width: 376px;
	}
	#rightmainimage{
		position: relative;
		top:-1076px;
		left:794px;
		max-width: 106px;
	}
	#imprint{
		position: relative;
		top: -1060px;
		left: 23%;
		max-width: 77%;
		background-color: #fff;
		padding:10px;
	}
	#footercopyright{
		position: relative;
		top:-1060px;
		left:0px;
	}

	#footermenu{
		position: relative;
		top:-1080px;
		float: right;
	}
	#dealerlogin{
		display:none;
	}
   }
   
@media screen and (min-width:764px) and (max-width:1074px) {
    #content{
    	width:800px;
    	margin-left:2%;
		margin-right:2%;
    }
    #logo{
		position: relative;
		top:-35px;
		left:20px;
		float: left;
		max-width: 171px;
	}	
	#loginframe{
		position:relative;
		top:-82px;
		left: 0px;
		float: right;
		margin-right: 0%;
		padding-left: 0%;
		border:hidden;
		max-width:222px;
	}
	#header{
		position:relative;
		top:5px;
    	left: -10%;
		max-width: 120%;
		font-family: Arial, Helvetica, sans-serif;
		font-size:large;
		font-weight: 600;
		color:#007d50;
		text-align: center;
	}
    #subheader{
		position:relative;
		top:8px;
		left:-10%;
		max-width: 100%;
		font-family: Arial, Helvetica, sans-serif;
		font-size:normal;
		font-weight: 400;
		color:#007d50;
		text-align: center;
	}
    #targetbutton1{
    	position: relative;
    	max-width: 165px;
		top:80px;
		left:0px;
    }
    #targetbutton2{
    	position: relative;
    	max-width: 165px;
		top:-85px;
		left:177px;
    }
    #targetbutton3{
    	position: relative;
    	max-width: 165px;
		top:-70px;
		left:0px;
    }
    #targetbutton4a{
    	position: relative;
    	max-width: 165px;
		top:-235px;
		left:177px;
    }
	#targetbutton4b{
    	position: relative;
    	max-width: 165px;
		top:-235px;
		left:177px;
    }
	#targetbutton4c{
    	position: relative;
    	max-width: 165px;
		top:-235px;
		left:177px;
    }
    #centremainimage{
		position: relative;
		top:-580px;
		left:358px;
		max-width: 330px;
	}
	#rightmainimage{
		position: relative;
		top:-927px;
		left:705px;
		max-width: 92px;
	}
	#imprint{
		position: relative;
		top: -910px;
		left: 22.5%;
		max-width: 77%;
		background-color: #fff;
		padding:10px;
	}
	
	#footercopyright{
		position: relative;
		top:-915px;
		left:0px;
	}
	#footermenu{
		position: relative;
		top:-935px;
		float: right;
	}
	#dealerlogin{
		display:none;
	}
   }
   
   @media screen and (min-width:400px) and (max-width:763px) {
    #content{
    	width:96%;
    	margin-left:2%;
		margin-right:2%;
    }
    #logo{
		position: relative;
		top:-740px;
		float: center;
		max-width: 40%;
	}	
	#loginframe{
		position:relative;
		top:-780px;
		left: -10px;
		float: left;
		margin-right: 0%;
		padding-left: 0%;
		border:hidden;
		max-width:222px;
		display:none;
	}
	#header{
		position:relative;
		top:-800px;
    	float:left;
    	margin-left: 42%;
		max-width: 120%;
		font-family: Arial, Helvetica, sans-serif;
		font-size:large;
		font-weight: 600;
		color:#007d50;
		text-align: center;
	}
    #subheader{
		position:relative;
		top:-795px;
		float: left;
		margin-left:52%;
		max-width: 100%;
		font-family: Arial, Helvetica, sans-serif;
		font-size:normal;
		font-weight: 400;
		color:#007d50;
		text-align: center;
	}
    #targetbutton1{
    	position: relative;
    	max-width: 21%;
		top:-750px;
		float:left;
    }
    #targetbutton2{
    	position: relative;
    	max-width: 21%;
		top:-750px;
		float:left;
		margin-left:1%;
    }
    #targetbutton3{
    	position: relative;
    	max-width: 21%;
    	top:-750px;
		float:left;
		margin-left:-43%;
		margin-top: 22%;
    }
    #targetbutton4a{
    	position: relative;
    	max-width: 21%;
		top:-750px;
		float:left;
		margin-left:-21%;
		margin-top:22%;
    }
	#targetbutton4b{
    	position: relative;
    	max-width: 21%;
		top:-750px;
		float:left;
		margin-left:-21%;
		margin-top:22%;
    }
	#targetbutton4c{
    	position: relative;
    	max-width: 21%;
		top:-750px;
		float:left;
		margin-left:-21%;
		margin-top:22%;
    }
    #centremainimage{
		position: relative;
		top:-750px;
		float:left;
		margin-left:2%;
		max-width: 41%;
	}
	#rightmainimage{
		position: relative;
		top:-750px;
		float: left;
		margin-left: 1%;
		max-width: 11.5%;
	}
	#imprint{
		position: relative;
		top: -100px;
		left: 23%;
		max-width: 77%;
		background-color: #fff;
		padding:10px;
	}
	
	#footercopyright{
		position: relative;
		top:-720px;
		left:0px;
		max-width:100%;
		text-align: left;
		display: none;
	}

	#footermenu{
		display:none;
	}
   }
   
   @media screen and (min-width:200px) and (max-width:399px) {
    #content{
    	width:96%;
    	margin-left:2%;
		margin-right:2%;
    }
    #logo{
		position: relative;
		top:-740px;
		left:0px;
		float: center;
		max-width: 48%;
	}	
	#header{
		position:relative;
		top:-800px;
    	left: 25%;
		max-width: 120%;
		font-family: Arial, Helvetica, sans-serif;
		font-size:x-small;
		font-weight: 600;
		color:#007d50;
		text-align: center;
	}
    #subheader{
		position:relative;
		top:-800px;
		left:25%;
		max-width: 100%;
		font-family: Arial, Helvetica, sans-serif;
		font-size:xx-small;
		font-weight: 400;
		color:#007d50;
		text-align: center;
	}
    #targetbutton1{
    	position: relative;
    	max-width: 48%;
		top:-760px;
		float:left;
    }
    #targetbutton2{
    	position: relative;
    	max-width: 48%;
		top:-760px;
		float:right;
    }
    #targetbutton3{
    	position: relative;
    	max-width: 48%;
		top:-745px;
		float:left;
    }
    #targetbutton4{
    	position: relative;
    	max-width: 48%;
		top:-745px;
		float:right;
    }
	#targetbutton4a{
    	position: relative;
    	max-width: 48%;
		top:-745px;
		float:right;
    }
	#targetbutton4b{
    	position: relative;
    	max-width: 48%;
		top:-745px;
		float:right;
    }
	#targetbutton4c{
    	position: relative;
    	max-width: 48%;
		top:-745px;
		float:right;
    }
    #centremainimage{
		position: relative;
		top:-730px;
		float:left;
		max-width: 75%;
	}
	#imprint{
		position: relative;
		top: 0px;
		left: 0px;
		max-width: 100%;
		padding:10px;
	}
	#rightmainimage{
		position: relative;
		top:-730px;
		float: right;
		max-width: 21%;
	}
	#loginframe{
		display:none;	
	}
	#footercopyright{
		position: relative;
		top:-1060px;
		left:0px;
		display:none;
	}

	#footermenu{
		position: relative;
		top:-1080px;
		float: right;
		display:none;
	}
   }


