html
{
height: 100%;
}

body
{
height: 100%;
width: 100%;
margin: 0;
padding: 0;
font-family: Verdana;
font-size: 10px;
color: #a5a5a5;
}



html, body {
	background: #FFFFFF;
	background-image: url('');
    overflow: auto;
   	background-repeat: no-repeat;
    background-position: center top;
	background-attachment: fixed;
}

a {
  color: #a5a5a5 !important;
  font-size: 13px;
  text-decoration: none;
}

a:hover {
  color: #FF6600 !important;
  font-size: 13px;
}





.topNAVI { width: 100%; height: 50px; background: #f7f7f7; border-bottom: 1px solid #d9dde0; }
.topFLAGS { margin: 14px 22px 0px 22px; width: 480px; float: left; }
.topMAIL  { margin: 14px 0px 0px 0px; width: 230px; font-size: 13px; color: #666666; float: left; }
.topPHONE  { margin: 14px 0px 0px 0px; font-size: 13px; color: #666666; float: left; }
.topSOCIALS { margin: 12px 16px 0px 16px; float: right; }

a.flag { float: left; margin-right: 8px !important; display:block; margin:0px; text-align:center; width:29px; height:20px;
         border-style:none; border-width:0px; padding:0px; text-decoration:none; background-image: url(''); background-repeat: no-repeat; background-position: center top;}

a.flag:link    { color:#FFF; background-image: url(img/enterDE.png); background-repeat: no-repeat; background-position: center top; }
a.flag:visited { color:#FFF; background-image: url(img/enterDE.png); background-repeat: no-repeat; background-position: center top; }
a.flag:hover   { color:#FFF; background-image: url(img/enterDE.png); background-repeat: no-repeat; background-position: center top; }
a.flag:active  { color:#FFF; background-image: url(img/enterDE.png); background-repeat: no-repeat; background-position: center top; }


a.social { float: left; margin-right: 8px !important; display:block; margin:0px; text-align:center; width:24px; height:23px;
         border-style:none; border-width:0px; padding:0px; text-decoration:none; background-image: url(''); background-repeat: no-repeat; background-position: center top;}

a.socialsocialsocialsocial:link    { color:#FFF; background-image: url(img/enterDE.png); background-repeat: no-repeat; background-position: center top; }
a.flag:visited { color:#FFF; background-image: url(img/enterDE.png); background-repeat: no-repeat; background-position: center top; }
a.flag:hover   { color:#FFF; background-image: url(img/enterDE.png); background-repeat: no-repeat; background-position: center top; }
a.flag:active  { color:#FFF; background-image: url(img/enterDE.png); background-repeat: no-repeat; background-position: center top; }



#logo { height: 125px; background: #f3f3f3 url('img/AeroponikSystemsLOGO.jpg') no-repeat !important; background-position: center center !important;}
#navi { height: 44px; background: #f3f3f3; border-top: 1px dotted #999999; padding: 0px 30px 0px 30px !important; }

a.onlineSHOP:link, a.onlineSHOP:active, a.onlineSHOP:visited { position: relative; top: 6px; float: right;
	display: block; width: 120px; height: 24px; padding: 8px 0px 0px 0px; 
	text-align: center; font-size: 12px; font-weight: bold; background: #f06a11; color: #FFFFFF !important;  
	-moz-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

a.onlineSHOP:hover { background: #f06a11; color: #FFFFFF; text-decoration: none !important; }


#SEO { display: none; }

#topper {
background: transparent url('img/') no-repeat center top;
height: 170px !important;
}

#slider {
 text-align: center; background: transparent url('img/slider_bg.jpg') no-repeat center top;
}
.slider { padding: 10px 0px 10px 0px; }


#starter { width: 1180px; margin: 0px auto; 
background: transparent url('') no-repeat center center;
}

#screens { width: 100%; margin: 0px auto; 
background: transparent url('img/main_bg.jpg') no-repeat center top;
}


#enterbuttons {
width: 700px; margin: 0px auto; border: 0px solid #ff6600; 
}
.one { float: left; }
.two { float: right; }


#footer { text-align:center; padding: 10px; }

.marker { color: #FF6600; font-size: 14px; font-weight: bold; }





a.enterDE { display:block; margin:0px; text-align:center; width:262px; height:82px;
         border-style:none; border-width:0px; padding:0px; text-decoration:none; background-image: url(img/enterDE.png); background-repeat: no-repeat; background-position: center top;}

a.enterDE:link    { color:#FFF; background-image: url(img/enterDE.png); background-repeat: no-repeat; background-position: center top; }
a.enterDE:visited { color:#FFF; background-image: url(img/enterDE.png); background-repeat: no-repeat; background-position: center top; }
a.enterDE:hover   { color:#FFF; background-image: url(img/enterDE.png); background-repeat: no-repeat; background-position: center top; }
a.enterDE:active  { color:#FFF; background-image: url(img/enterDE.png); background-repeat: no-repeat; background-position: center top; }



a.enterUK { display:block; margin:0px; text-align:center; width:262px; height:82px;
         border-style:none; border-width:0px; padding:0px; text-decoration:none; background-image: url(img/enterUK.png); background-repeat: no-repeat; background-position: center top;}

a.enterUK:link    { color:#FFF; background-image: url(img/enterUK.png); background-repeat: no-repeat; background-position: center top; }
a.enterUK:visited { color:#FFF; background-image: url(img/enterUK.png); background-repeat: no-repeat; background-position: center top; }
a.enterUK:hover   { color:#FFF; background-image: url(img/enterUK.png); background-repeat: no-repeat; background-position: center top; }
a.enterUK:active  { color:#FFF; background-image: url(img/enterUK.png); background-repeat: no-repeat; background-position: center top; }



a.enterNL { display:block; margin:0px; text-align:center; width:262px; height:82px;
         border-style:none; border-width:0px; padding:0px; text-decoration:none; background-image: url(img/enterNL.png); background-repeat: no-repeat; background-position: center top;}

a.enterNL:link    { color:#FFF; background-image: url(img/enterNL.png); background-repeat: no-repeat; background-position: center top;  }
a.enterNL:visited { color:#FFF; background-image: url(img/enterNL.png); background-repeat: no-repeat; background-position: center top;  }
a.enterNL:hover   { color:#FFF; background-image: url(img/enterNL.png); background-repeat: no-repeat; background-position: center top; }
a.enterNL:active  { color:#FFF; background-image: url(img/enterNL.png); background-repeat: no-repeat; background-position: center top; }



a.enterFR { display:block; margin:0px; text-align:center; width:262px; height:82px;
         border-style:none; border-width:0px; padding:0px; text-decoration:none; background-image: url(img/enterFR.png); background-repeat: no-repeat; background-position: center top;}

a.enterFR:link    { color:#FFF; background-image: url(img/enterFR.png); background-repeat: no-repeat; background-position: center top; }
a.enterFR:visited { color:#FFF; background-image: url(img/enterFR.png); background-repeat: no-repeat; background-position: center top; }
a.enterFR:hover   { color:#FFF; background-image: url(img/enterFR.png); background-repeat: no-repeat; background-position: center top; }
a.enterFR:active  { color:#FFF; background-image: url(img/enterFR.png); background-repeat: no-repeat; background-position: center top; }



a.enterES { display:block; margin:0px; text-align:center; width:262px; height:82px;
         border-style:none; border-width:0px; padding:0px; text-decoration:none; background-image: url(img/enterES.png); background-repeat: no-repeat; background-position: center top;}

a.enterES:link    { color:#FFF; background-image: url(img/enterES.png); background-repeat: no-repeat; background-position: center top; }
a.enterES:visited { color:#FFF; background-image: url(img/enterES.png); background-repeat: no-repeat; background-position: center top; }
a.enterES:hover   { color:#FFF; background-image: url(img/enterES.png); background-repeat: no-repeat; background-position: center top; }
a.enterES:active  { color:#FFF; background-image: url(img/enterES.png); background-repeat: no-repeat; background-position: center top; }



a.enterIT { display:block; margin:0px; text-align:center; width:262px; height:82px;
         border-style:none; border-width:0px; padding:0px; text-decoration:none; background-image: url(img/enterIT.png); background-repeat: no-repeat; background-position: center top;}

a.enterIT:link    { color:#FFF; background-image: url(img/enterIT.png); background-repeat: no-repeat; background-position: center top;  }
a.enterIT:visited { color:#FFF; background-image: url(img/enterIT.png); background-repeat: no-repeat; background-position: center top;  }
a.enterIT:hover   { color:#FFF; background-image: url(img/enterIT.png); background-repeat: no-repeat; background-position: center top; }
a.enterIT:active  { color:#FFF; background-image: url(img/enterIT.png); background-repeat: no-repeat; background-position: center top; }









@media screen and (max-width: 1200px) {

	#starter { width: 100%; margin: 0px; padding: 0px; }
	#enter {  }
	#slider {  }
	enterbuttons { }
	
	.topFLAGS { }
}


@media screen and (max-width: 1180px) {

	.topNAVI { height: auto; float: none; display: block; clear: both; padding-bottom: 5px; border-bottom: 1px solid #d9dde0; text-align: center; }
	.topFLAGS { width: 230px; padding: 10px 0px 0px 16px; float: none; display: block; clear: both; margin: 0px auto; text-align: center; }
	.topMAIL  { width: auto; float: none; display: block; clear: both; padding-top: 15px; }
	.topPHONE  { width: auto; float: none; display: block; clear: both; }
	.topSOCIALS  { width: auto; float: none; display: block; clear: both; }
	
	#navi {  }
	#navi a.onlineSHOP { float: none; margin: 0px auto;  }
}

@media screen and (max-width: 860px) {

	#screens { background: transparent url('img/blank.gif') no-repeat center top; }
	
	#slider {  }
	#slider img { width: 100%; }
	
	#enterbuttons { width: 100% }
	#enterbuttons a.one { float: none; margin: 0px auto;  }
	#enterbuttons a.two { display: none; }
		
	footer { background: #ffffff; }
}