body { 
/*max-width:800px;
min-width:800px;	*/
text-align: center; /*fixar till gamla browsers.*/	
margin-top: 10px;
margin-left:0px;
background-color:#FFFFFF;  /* var cccccc bytte maj 2012 */
}

body{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; padding:0; background-color:#e1e1e1;}

#container{
width:878px;
height: 980px;
text-align: left; /*fixar till gamla browsers.*/		
/*background-color:#FFFF33;  BYTTE MAJ 2012 Naxos*/
background-color:#FFFFFF;
-moz-box-shadow: 5px 5px 5px #ccc;
-webkit-box-shadow: 5px 5px 5px #ccc;
box-shadow: 5px 5px 5px #ccc;	
}  

@media only screen and (min-device-width: 901px) {  
body{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; padding:0; background-color:#e1e1e1;}
#container{
margin-left: 5%; /*fixar till gamla browsers.*/
margin-right: 5%; /*fixar till gamla browsers.*/
width: 90%;  /*878px; /*fixar till gamla browsers.*/
/*min-width:800px;  */
width:878px;
text-align: left; /*fixar till gamla browsers.*/		
background-color:#FFFFFF;
-moz-box-shadow: 5px 5px 5px #ccc;
-webkit-box-shadow: 5px 5px 5px #ccc;
box-shadow: 5px 5px 5px #ccc;	
}  
}  
	
@media only screen and (max-device-width: 900px) {
#container{
width:100%;
height: 2580px;
position: absolute;
top: 0;
left: 0;  
text-align: left;
background-color:#ffffff;
}
}
	
/*	
@media only screen and (max-device-width: 500px) {
#container{
min-width:100% !important;
background-color:#FFFFFF;
}
}
*/		



	
/*gul color:#e0f574;  */
/*#tradetop1{background-color:#314C57; padding-top:35px; padding-bottom:35px; padding-left: 20px; font-family:"Arial Narrow", Arial; font-size:35px; color:#ffffff; text-shadow: 0px, 2px 3px #555;} */
#tradetop1bild{position: absolute; padding-top:10px; padding-bottom:10px; padding-left: 20px;}
#tradetop1{background-color:#314C57; border-bottom: 5px solid #ff8000; padding-top:18px; padding-bottom:15px; padding-left: 110px; font-family:"Arial Narrow", Arial; font-size:35px; line-height:80%; color:#ffffff; text-shadow: 0px, 2px 3px #555;}
#navbar1{position: relative; font-family:Arial; font-size:15px; left:760px; top:-31px; height:20px; background-color:#e0f574; padding-left:15px; padding-top:5px; width:70px;}  
#navbar1 a{color:#666666; }  
#tweetbar1{position: absolute; left:465px; top:20px; }  
#facebookbar1{position: absolute; left:465px; top:70px; }  
#googleplusbar1{position: absolute; left:565px; top:20px; }  
#rssfeedbar1{position: absolute; left:565px; top:70px; }  

#searchbox{position: relative; z-index:5; font-family:Arial; font-size:16px; left:300px; width:234px;top:-40px; padding-left:4px; padding-top:2px; height:25px;background-color:#e0f574;}  
#searchbox a{color:#e0f574; }

@media only screen and (max-device-width: 500px) {
#tradetop1{padding-top:8px; padding-bottom:10px; font-size:44px;}
}
@media only screen and (max-device-width: 900px) {
#navbar1{position: relative; background-color:#e0f574; font-size:24px; font-family:Arial; left:610px; width: 116px; top:-50px; height:30px; padding-left:25px; padding-top:5px;}  
#tweetbar1{position: absolute; left:400px; top:10px; }  
#facebookbar1{position: absolute; left:400px; top:60px; }  
#googleplusbar1{position: absolute; left:500px; top:10px; }  
#rssfeedbar1{position: absolute; left:500px; top:60px; } 
}
@media only screen and (max-device-width: 500px) {
#navbar1{position: relative; font-size:24px; font-family:Arial; left: 640px; top: -50px; height:30px; width:112px; background-color:#e0f574; padding-left:12px; padding-top:5px;}  
#tweetbar1{position: absolute; left:430px; top:10px; }  /* wp7 telefon internet explorer   */
#facebookbar1{position: absolute; left:430px; top:60px; }  /* wp7 telefon internet explorer   */
#googleplusbar1{position: absolute; left:530px; top:10px; }  /* wp7 telefon internet explorer   */
#rssfeedbar1{position: absolute; left:570px; top:60px; } 
}

.firstpagetext{
/*width: 100%; /*width of accordion menu*/
margin-top:0px;
margin-left: 0px;
padding-left:20px;
width:460px;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight: normal;
color: #314c57;
/* background: #e0f574;  */
}

.firstpagetext .menuheader{
font-size:25px;
color: #ff8000;
}


@media only screen and (max-device-width: 900px) {
.firstpagetext{
/*width: 100%; /*width of accordion menu*/
margin-top:0px;
margin-left: 0px;
padding-left:20px;
width: 760px;
font-family:Arial, Helvetica, sans-serif;
font-size:34px;
font-weight: normal;
color: #314c57;
/* background: #e0f574;  */
}
}

@media only screen and (max-device-width: 900px) {
.firstpagetext .menuheader{
font-size:44px;
color: #ff8000;
}
}

.firstpagetext2{
/*width: 100%; /*width of accordion menu*/
margin-top: 20px;
margin-left: 0px;
padding-left:20px;
padding-right:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight: normal;
color: #314c57;
background: #gg3366;  
}

.firstpagetext2 .menuheader{
font-size:25px;
color: #ff8000;
}

@media only screen and (max-device-width: 900px) {
.firstpagetext2 .menuheader{
font-size:44px;
color: #ff8000;
}
}

.firstpagetext3{
/*width: 100%; /*width of accordion menu*/
position: relative;
top:-611px;
margin-right: 20px;
margin-top: 40px;
padding-left:540px;
padding-right:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight: normal;
color: #314c57;


/*border-left-style:solid;
border-left-color:#EAEAD7;
border-left-width:2px;
 background: #e0f574;  */
}
.smalllinks{
position: relative;
padding-top:2px;
padding-left:50px;
padding-bottom:20px;
margin-top: 25px;
margin-left: 50px;
color: #314c57;

}

@media only screen and (max-device-width: 900px) {
.smalllinks{
position: relative;
padding-top:25px;
padding-left:50px;
padding-bottom:20px;
margin-top: 30px;
margin-left: 50px;
color: #314c57;

}
}

.firstpagetext3 .menuheader{
font-size:25px;
color: #ff8000;
}
.firstpagetext3 .smallheader{
font-weight:bold;
}
@media only screen and (max-device-width: 900px) {
.firstpagetext3{
/*width: 100%; /*width of accordion menu*/
margin-top:650px;
margin-left: 0px;
width: 760px;
padding-left:20px;
padding-right:30px;
font-family:Arial, Helvetica, sans-serif;
font-size:34px;
font-weight: normal;
color: #314c57;
}
}
@media only screen and (max-device-width: 900px) {
.firstpagetext3 .menuheader{
font-size:44px;
color: #ff8000;
}
}
@media only screen and (max-device-width: 900px) {
.firstpagetext3 .smallheader{
font-weight:bold;
}
}

#windowsbild{position: absolute; margin-top:-580px; margin-right:0px; margin-bottom:30px; padding-left: 540px;}
#androidbild{position: absolute; margin-top:-640px; margin-right:0px; margin-bottom:30px; padding-left: 730px;}
#appbild{position: relative; padding-top:20px; padding-left:0px; padding-right: 20px;}
#appbild2{position: absolute; margin-top:-992px; margin-right:0px; padding-left: 540px;}
#appbild3{position: absolute; margin-top:-792px; margin-right:0px; padding-left: 540px;}

@media only screen and (max-device-width: 900px) {
#androidbild{position: absolute; margin-top:-750px; margin-right:0px; margin-bottom:30px; padding-left: 450px;}
#windowsbild{position: absolute; margin-top:-690px; margin-right:0px; margin-bottom:30px; padding-left: 110px;}
}
@media only screen and (max-device-width: 900px) {
#appbild2{position: absolute; margin-top:-1390px; margin-right:0px; padding-left: 20px;}
}
@media only screen and (max-device-width: 900px) {
#appbild3{position: absolute; margin-top:-955px; margin-right:0px; padding-left: 20px;}
}

/*
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
*/
a:link {color:#314c57;}    /* unvisited link */
a:visited {color:#314c57;} /* visited link */
a:hover {color:#ff8000;}   /* mouse over link */
a:active {color:#0000FF;}  /* selected link */

.justtext{
position: absolute;
top:980px;
width:858px;
font-family:Arial;
font-size:12px;
background-color:#314c57;
color:#fff;
padding-left:20px;
padding-top:5px;
padding-bottom:5px;
margin-top:-20px;  /*fixar nedre */
}


@media only screen and (max-device-width: 900px) {
.justtext{
position: absolute;
top:2580px;
width:100%; /*858px;  */
font-size:24px;
}
}