/* 

Dyanisey.com

Dyani yellow		45-100-100  #ffbf00


*/




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%;}



/* ----------------------------    GRUNDEN   -----------------------------------------------------------------   */


.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;
}


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: 130%;
}  

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

.t16
{
font-size: 16px;
line-height: 130%;
}

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


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




/* ----------------------------    Länkar   -----------------------------------------------------------------   */


a 		
{																															
text-decoration:none;
}

a:hover 
{ 
text-decoration:underline;
}
		


/* ---------------------------  BOX Färg  ------------------------------------------------------------------   */


.ljus
{
background:#FFFFFF;									/* färg vit */
background: rgba(255,255,255,1.0);			/* RGB-alpha */
}

.natt
{
background:#000000;								/* färg svart */
background: rgba(0,0,0,1.0);						/* RGB-alpha */
}

.damm
{
background:#666666;								/* färg grå */
background: rgba(102,102,102,1.0);			/* RGB-alpha */
}

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

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

.sol
{
background:#ffbf00;									/* färg gul */
background: rgba(255,191,0,1.0);				/* RGB-alpha */
}


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


.black
{ 
color:#000000; 
} 

.white
{ 
color:#ffffff; 
} 

 .grey
{ 
color:#666666; 
} 

.red
{ 
color:#CC0000; 
} 
 
 .blue
{ 
color:#374e9e; 
} 
 
  .lightblue
{ 
color:#374e9e; 
} 

  .sun
{ 
color:#ffbf00; 
} 


.center  
{
text-align: center;
}

.right  
{
text-align: right;
}

.left  
{
text-align: left;
}



/* -------------------------------    The Floatingtop   ------------------------------------   */


#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 #floatingtop-content {
margin: 10px;
}



/* ---------------   Button-Color   ------------------   */

.btn-Color {																										
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #5f71b1;
*background-color: #374e9e;
background-image: -moz-linear-gradient(top, #5f71b1, #374e9e);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5f71b1), to(#374e9e));
background-image: -webkit-linear-gradient(top, #5f71b1, #374e9e);
background-image: -o-linear-gradient(top, #5f71b1, #374e9e);
background-image: linear-gradient(to bottom, #5f71b1, #374e9e);
background-repeat: repeat-x;
border-color: #374e9e;
border-color: rgba(0, 0, 0, 0.1);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5f71b1', endColorstr='#ff374e9e', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}


.btn-Color:hover,
.btn-Color:focus,
.btn-Color:active,
.btn-Color.active,
.btn-Color.disabled,
.btn-Color[disabled] {
 color: #ffffff;
 background-color: #5f71b1;
 *background-color: #374e9e;
}

.btn-Color:active,
.btn-Color.active {
 background-color: #5f71b1 \9;
}
						


.mm-menu.mm-vertical .mm-list > li > a:hover 
{
color:  #FFFFFF;																													
background-color: #5f71b1;    																																			
background-image: -moz-linear-gradient(top, #5f71b1, #374e9e);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5f71b1), to(#374e9e));
background-image: -webkit-linear-gradient(top, #5f71b1, #374e9e);
background-image: -o-linear-gradient(top, #5f71b1, #374e9e);
background-image: linear-gradient(to bottom, #5f71b1, #374e9e);
background-repeat: repeat-x;
outline: 0;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5f71b1', endColorstr='#ff374e9e', GradientType=0);
}  




/*  Scrollup image   */ 


a.scrollup {	
width: 40px;
height: 40px;	
text-indent:-9999px;
position: fixed;
bottom: 10px;																		/*  scroll-up from bottom border */
right: 15px;																			/*  scroll-up from right border */
display:block;			
background: url('/image/icon-top.png') no-repeat;					/* Image Scroll-Up */
z-index:10;
}  



.mm-list .linkrubrik {																/* DIV:  "linkrubrik" för Right/Höger-menyn */
padding-left: 30px; 																/* padding för alla rubriker i menyn, 30px är left-margin   */
font-size: 18px;																		/* font-storlek på alla rubriker i båda .nav menyerna  */
font-weight: 700;																	/* font-tjocklek på alla rubriker i båda .nav menyerna  */
color: #374e9e; }																	/* font-färg på alla rubriker i båda .nav menyerna  */



#header a,
.header a
{
background: center center no-repeat transparent;
background-image: url( "/image/icon-menu.png" );					/* Meny-symbol, nr 1 till vänster  */	
z-index: 20;																			/* lägger sig överst, ovanpå texten  */	
display: block;
width: 40px;
height: 40px;
position: fixed;																		/*  position: absolute; fixed = menysymbol stilla och texten flyter */	  
top: 10px;																				/* meny-symbol 10px från toppen  */	
left: 20px;
}

#header a.friends,
.header a.friends
{
background-image: url( "/image/icon-menu.png" );					/* Meny-symbol, nr 2 till höger */	
z-index: 20;																			/* lägger sig överst, ovanpå texten  */	
}



/* Färgen som omger input-fälten i en Form  */


textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: rgba(103, 143, 26, 0.8);
  outline: 0;
  outline: thin dotted \9;


  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(103, 143, 26, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(103, 143, 26, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(103, 143, 26, 0.6);
}


/* HR - horizontal rule  */

hr.one  {
border-top: 1px solid #374e9e;
}
		
hr.two  {
border-top: 2px solid #374e9e;
}

hr.ten  {
border-top: 10px solid #374e9e;
}


hr.menu  {
color:#374e9e; 
background-color:#374e9e;
height: 3px;
width: 80%; 
text-align:left; 
margin: 10px 0px 30px 30px;
border: none;	
}


/* Accordion  */

.accordion {
  background-color: #681942;
  color: #FFFFFF;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 16px;
  transition: 0.4s;
}

.active, .accordion:hover {
  background-color: #CCCCCC;
  color: #000000;
}

.panel {
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}


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