/* 
CSS-code copyright © by Mac Pompeius Wolontis, Sweden @ Macpw.com
- Responsive Design (everything from mobile to TV)
- Mobile First
- No Media Queries  (works on all screens)
*/


html 
{
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


body 
{
margin: 0;
font-family:  Verdana, Helvetica;
}

body {-webkit-text-size-adjust:100%;}


h1
{
font-size: 54px;
font-weight: 700;
letter-spacing: -2.5px;
line-height: 130%;
word-wrap: break-word;
}

h2 
{
font-size: 32px;
font-weight: 700;
letter-spacing: -1px;
line-height: 150%;
}  

h3
{
font-size: 24px;
font-weight: 600;
letter-spacing: -1px;
line-height: 130%;
}  

a 
{
color: #678F1A;
text-decoration: none;
}

a:hover { 
text-decoration:underline;
}

.text
{
font-size: 17px;
line-height: 1.5;
}

.t12
{
font-size: 12px;
line-height: 120%;
}

.t14
{
font-size: 14px;
line-height: 1.5;
}

.box 
{
padding-left: 20px;
padding-right: 20px;
padding-top: 0px;
padding-bottom: 0px;
}

.spalt 
{
margin-left: auto;
margin-right: auto;
max-width: 1100px; 
word-wrap: break-word;
}

img.image 
{
max-width: 100%;
display: block;
margin-left: auto;
margin-right: auto;
}



/* ------------------------------------    BOX color   ---------------------------------------------------------   */

.whitebox
{
background:#FFFFFF;							/* no rgba support */
background: rgba(255,255,255, 1.0);			/* alpha */
}

.snowbox
{
background:#FFFFFF;							/* no rgba support */
background: rgba(255,255,255, 0.8);			/* alpha */
}


.blackbox
{
background:#000000;							/* no rgba support */
background: rgba(0,0,0, 1.0);				/* alpha */
}

.greybox
{
background:#666666;								/* Grey */
background: rgba(0,0,0, .6);					/* alpha */
}


.lingbox
{
background:#678f1a;									/* Ling Green */
background: rgba(103,143,26,1.0);					/* RGB-alpha */
}


.purpurbox
{
background:#681942;         /* no rgba support */
background: rgba(104, 25, 66, 1.0);      /* alpha */
}


.bluebox
{
background:#374e9e;								/* färg mörk-blå */
background: rgba(55,78,158,1.0);				/* RGB-alpha */
}


.skybox
{
background:#50c8ee;								/* färg ljus-blå */
background: rgba(80,200,238,1.0);				/* RGB-alpha */
}


.yellowbox
{
background:#ebc367;								/* färg guld */
background: rgba(235,195,103,1.0);			/* RGB-alpha */
}



/* -------------------------------  TEXT  Färg & Position -------------------------------------------------------------   */


.center  
{
text-align: center;
}

.right  
{
text-align: right;
}

.left  
{
text-align: left;
}


.blacktext
{ 
color:#000000; 
} 

.whitetext
{ 
color:#ffffff; 
} 

 .greytext
{ 
color:#666666; 
} 

 .linggreentext
{ 
color:#678f1a; 
} 

 .purpurtext
{ 
color:#681942; 
} 

.redtext
{ 
color:#CC0000; 
} 
 
 .bluetext
{ 
color:#0071a2; 
} 
 
 .yellowtext
{ 
color:#ffcb05; 
} 
 
 .indigotext
{ 
color:#002395; 
} 

 .goldtext
{ 
color:#ebc367; 
} 




/* ---------------------------------------------------------------------------------------------   */


#floatingtop {
    background-color: rgba(255,255,255, 0.6);
    position: fixed;
	z-index:10;
    top: 0;
    left: 0;
    width: 100%;
    height: 55px;
    padding: 0;
    margin: 0;
	color: #000000;
	text-align: center; 

}


#floatingtop-grey {
    background-color: rgba(204,204,204, 0.6);
    position: fixed;
	z-index:10;
    top: 0;
    left: 0;
    width: 100%;
    height: 55px;
    padding: 0;
    margin: 0;
	color: #000000;
	text-align: center; 

}


#floatingtop #floatingtop-content {
    margin: 10px;
}