BODY
{
    background:	#73B6D6;
    color:	#FFFFFF;
}
#logo
{
    width:	100%;
    top:	0px;
    left:	0px;
    border:	0;
    position:	absolute;
}
#fltop
{
    width: 	185px;
    height: 	60px;
    top:	20px;
    left:	10px;
    border:	0;
    position:	absolute;
    overflow:	hidden;
}
#frtop
{
    width: 	185px;
    height: 	60px;
    top:	20px;
    left:	10px;
    border:	0;
    position:	absolute;
    overflow:	hidden;
    background: #73B6D6;
}
UL
{
    display:	none;		/* Collapse all submenus from start */
    margin:	0; 		/* Remove top-blank line */
    white-space:nowrap;
    list-style-type: none; 
/*    padding-left:10px; */		/* Indent when opening submenu */
    padding-left:0px;		/* All in one line */

/*
width:100%;
display:block;

height:32px;
*/
}

LI
{
/*   list-style-type: square; */
    list-style-type: none; 
    white-space:nowrap;
/*
height:32px;
*/
}
NAV LI			/* Menu item on top level */
{
    width: 	100%;
    display:block;
    border-bottom:1px inset #73B6D6;
    line-height:2;
    vertical-align:middle;
    padding-left: 8px;
    background-image: linear-gradient(#d0d0d0, #ffffff);
}
NAV .s1 LI			/* Menu item on 1. sublevel */
{
    background-image: linear-gradient(#b0b0b0, #d0d0d0); 
    margin-left:6px;
}
NAV .s2 LI			/* Menu item on 2. sublevel */
{
    background-image: linear-gradient(#f0f0f0, #d0d0d0); 
}

#f0 LI			/* When menu is duplicated into midt frame */
{
    list-style-type: square;
    padding-left: 32px;
}

#ftop .down		/* Donot display downarrow in topframe */
{
    display:none;
}

#fmid LI IMG		/* When rapgen menu duplicated to midt part */
{
    height:12px;
    padding-right: 8px;
}

NAV li a
{
    width: 	100%;		/* Makes the menubars of fixed width */
    display:block;
}
a:link		{ color:black; }
a:visited	{ color:black; }
a:active	{ color:black; }

a:hover 
{
    background-image: linear-gradient(#0090D6, #73B6D6);
    color:	white;
}

#flef				/* Left part with menu */
{
    width:	200px;
    height:	800px;
    display:	block;
    position:	absolute;
    top:	10px;
    left:	0;
    overflow:	auto;
    margin:	auto;
/*  resize:	horizontal;	Does a bad job */
}

#flef IMG			/* Menu image (flags) */
{
    height:12px;
    padding-right: 8px;
}

.down			/* Menu image (flags) */
{
    float: right;
    margin-right: 16px;
    margin-top:   12px;
}

#fmid				/* Midt container */
{   
    width:	100px;
    height:	100px;
    position:	absolute;
    top:	100px;
    left:	200px;
    background:	white;
}

#f1				/* Frame in midt container */
{
    width:	100%;
    height:	100%;
    border:	0;
    position:   absolute;
    z-Index:	1;		/* Under text */
}
#f2				/* 2.frame visible */
{
    width:	100%;
    height:	100%;
    border:	0;
    position:   absolute;
    z-Index:	1;		/* Under text */
    display:	none;
}
#f3				/* 2.frame visible */
{
    width:	100%;
    height:	100%;
    border:	0;
    position:   absolute;
    z-Index:	1;		/* Under text */
    display:	none;
}
#f4				/* 2.frame visible */
{
    width:	100%;
    height:	100%;
    border:	0;
    position:   absolute;
    z-Index:	1;		/* Under text */
    display:	none;
}

#f0				/* Frame in midt container */
{
    width:	100%;
    height:	100%;
    border:	0;
    position:   absolute;
    overflow:	auto;
    display:	none;
    z-Index:	2;		/* Over frame -> Drop will be allowed here */
}


#ftop				/* Top heading bar */
{   
    width:	600px;
    height:	100px; 
    background:	#73B6D6;
    position:	absolute;
    top:	0;
    left:	200px;
    font-size:	20px;
    z-Index:10;			/* Allow topmenues from top to flow down to content frame */
}

#fbot				/* Bottom message line */
{   
    width:	100px;
    height:	20px;
    background: #73B6D6;
    position:	absolute;
    top:	890px;
    left:	0px;
}

#frig				/* Right advertizing block */
{
    width:	200px;
    height:	800px;
    display:	block;
    position:	absolute;
    top:	0px;
    left:	800px;
    overflow:	auto;
    background:	#73B6D6;
}

#res1
{   
    position:	absolute;
    top:	100px;
    left:	400px;
    z-Index:	10;
}
#res2
{   
    position:	absolute;
    top:	100px;
    left:	400px;
    z-Index:	10;
    transform: rotate(90deg);
}
#res3
{   
    position:	absolute;
    top:	100px;
    left:	400px;
    z-Index:	10;
    transform: rotate(180deg);
}
#res4
{   
    position:	absolute;
    top:	100px;
    left:	400px;
    height:	10px;
    width:	32px;
    z-Index:	10;
    transform: rotate(270deg);
}

#bars
{
    display: block;
    width: 30px;
    height: 24px;
    background:black;
    cursor: pointer;
    margin 4px;
}
.bar
{
    display: block;
    width: 25px;
    height: 3px;
    margin: 5px auto;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-color: white;
}