/* --- LINKS --------------------------------------------------- */
A:link {text-decoration: none;}
A:visited {text-decoration: none;}
A:active {text-decoration: none;}
A:hover {text-decoration: underline;}

A.white:link {text-decoration: none; font-weight: bold; color: #FFFFFF}
A.white:visited {text-decoration: none; font-weight: bold; color: #FFFFFF}
A.white:active {text-decoration: none; font-weight: bold; color: #FFFFFF}
A.white:hover {text-decoration: underline; font-weight: bold; color: #FFFFFF}

A.red:link {text-decoration: none; color: #FF6666}
A.red:visited {text-decoration: none; color: #FF6666}
A.red:active {text-decoration: none; color: #FF6666}
A.red:hover {text-decoration: none; color: #FF9999}

A.vit:link {text-decoration: none; color: #BBBBBB}
A.vit:visited {text-decoration: none; color: #BBBBBB}
A.vit:active {text-decoration: none; color: #BBBBBB}
A.vit:hover {text-decoration: none; color: #FFFFFF}

A.menyt:link {text-decoration: none; color: #222222}
A.menyt:visited {text-decoration: none; color: #222222}
A.menyt:active {text-decoration: none; color: #000000}
A.menyt:hover {text-decoration: none; color: #000000}

/* --- MAINS --------------------------------------------------- */

center { font-family: verdana,areal narrow; font-size: 10px}
p { font-family: verdana,areal narrow; font-size: 10px}
h1 { font-family: verdana,areal narrow; color: #336600 }
h2 { font-family: TechnicBold; color: #336600; font-size: 22px; }
h3 { font-family: TechnicBold; color: #336600; font-size: 20px; }
h4 { font-family: areal narrow,verdana; color: #336600; font-size: 16px; }
h5 { font-family: verdana,areal narrow; color: #336600; font-size: 14px; font-weight: normal; }
h6 { font-family: verdana,areal narrow; color: #FFFFFF; font-weight: normal; }

body {
scrollbar-3dlight-color:#FFFFFF;
scrollbar-arrow-color:#000000;
scrollbar-track-color:#FFFFFF;
scrollbar-darkshadow-color:#FFFFFF;
scrollbar-face-color:#C0C0C0;
scrollbar-highlight-color:#FFFFFF;
scrollbar-shadow-color:#555555}
}

input, textarea, select, .button
{
    border: 1px solid black;
    background: #EEEEEE;
    font: 10px verdana,areal narrow;
    color: #000000;
    overflow-x: hidden;
    padding:2;

}

ul { margin-left: 10; padding-left: 0px;}
li { margin-left: 10; padding-left: 0px;}
 

hr
{
    border: 1px solid #555555;
    width:100%;
    height:1px;

}

p {
	font-family: verdana,areal narrow; 
	font-size: 10px;
	margin: 0;
    padding: 0; 
	}

td {
font-family: verdana,areal narrow;
font-size: 10px;
line-height: 11pt;
}

.tdinside { 
	padding-right:10;
	border-right:1px solid #DDDDDD;
	}
	

iframe {
overflow-x: hidden;
}

.line
{
    border: 1px solid #C0C0C0;
    width:100%;
    height:1px;
}



/* --- MAIN DESIGN --------------------------------------------------- */
/* --- TOP DESIGN --------------------------------------------------- */

.base { 

    font-size: 10px;
    font-family: verdana, arial;
    color: #000000; 
    text-decoration: none; 

}

.top {

    border-top:0px solid #000000;
    border-bottom:0px solid #EAEBC2; 
    height: 18px;
    font-size: 10px;
    color: #ffffff;
}

.banner {
	PADDING-LEFT:10;
    PADDING-right:21;
}




/* --- MENY DESIGN-------------------------- */
.meny {
    height:10px;
    border-top:2px solid #555555;

    border-left:0px solid #CCCCCC;
    border-right:2px solid #555555;
    background-color: #BBBBBB;
    padding-bottom:3;
    padding-top:3;
    font-family: verdana; 
    font-weight: bold;
    font-size: 11px;
    text-align: center;
}
.menyfunky {
    height:10px;
    border-top:2px solid #555555;

    border-left:0px solid #CCCCCC;
    border-right:2px solid #555555;
    background-color: #111111;
    padding-bottom:3;
    padding-top:3;
    font-family: verdana; 
    font-weight: bold;
    font-size: 12px;
}
.menylady {
    height:10px;
    border-top:2px solid #555555;

    border-left:0px solid #CCCCCC;
    border-right:2px solid #555555;
    background-color: #660000;
    padding-bottom:3;
    padding-top:3;
    font-family: verdana; 
    font-weight: bold;
    font-size: 12px;
    text-align: center;
}


/* --- BOTTOM DESIGN --------------------------------------------------- */


.main { 
	padding-top:0;
    padding-bottom:0;
    
        border-left:2px solid #7C7EED;
        border-right:2px solid #080719;
        border-top:0px solid #E23232;
        border-bottom:0px solid #CCCCCC;
        
    background: #FFFFFF;
    font-size: 10px;
    font-family: verdana, arial;
    color: #000000; 
    text-decoration: none; 
}

.huvudsida
{
	background: #FFFFFF;
	PADDING-LEFT:0;
    PADDING-right:0;
    PADDING-BOTTOM:0;
    PADDING-TOP:0;
}

.bottom
{
	   padding-top:4;
	   height: 16px;
       background: #262626;
       color: #262626;
       border-bottom:0px solid #000000;
}

/* --- /MAIN --------------------------------------------------- */


/* --- INPUTS / SITES --------------------------------------------------- */

.radio
{
    border: 0;
    background: #EEEEEE;
    font: 10px verdana,areal narrow;
    color: #000000;
}

.forms
{
    PADDING-LEFT:15;
    PADDING-right:15;
    PADDING-BOTTOM:3;
    PADDING-TOP:8;
    FONT-SIZE: 10px;
    BACKGROUND-COLOR: #CCCCCC;
    
}

.form1
{
    border: 1px solid black;
    background: #EEEEEE;
    font: 10px verdana,areal narrow;
    color: #000000;
}

.formtransp
{
        BORDER-RIGHT: medium none;
        BORDER-TOP: medium none;
        BORDER-LEFT: medium none;
        BORDER-BOTTOM: medium none;
        font: 10px verdana,areal narrow;
        BACKGROUND-COLOR: #CCCCCC;
}



/* --- RUBRIK --------------------------------------------------- */

.rubrik
{
    PADDING-LEFT:10;
    PADDING-right:10;
    PADDING-BOTTOM:2;
    PADDING-TOP:15;
    FONT-SIZE: 14px;
    BACKGROUND-COLOR: #ffffff;
}

.rubrik2
{
    PADDING-LEFT:10;
    PADDING-right:10;
    PADDING-BOTTOM:2;
    PADDING-TOP:15;
    FONT-SIZE: 14px;
    BACKGROUND-COLOR: #ffffff;
    border-right:0px solid #C0C0C0;
}

/* --- TEXT--------------------------------------------------- */

.text
{
    PADDING-LEFT:10;
    PADDING-right:10;
    PADDING-BOTTOM:3;
    PADDING-TOP:8;

    FONT-SIZE: 10px;
    BACKGROUND-COLOR: #ffffff;
    BORDER-BOTTOM:7px solid #ffffff;
    line-height: 11pt;
}

.text1
{
    PADDING-LEFT:10;
    PADDING-right:10;
    PADDING-BOTTOM:3;
    PADDING-TOP:8;
    FONT-SIZE: 10px;
    BACKGROUND-COLOR: #FFFFFF;
    BORDER-BOTTOM:7px solid #ffffff;
    line-height: 11pt;
    
}

.text2
{
    PADDING-LEFT:15;
    PADDING-right:15;
    PADDING-BOTTOM:3;
    PADDING-TOP:8;
    FONT-SIZE: 10px;
    BACKGROUND-COLOR: #FFFFFF;
    BORDER-BOTTOM:7px solid #ffffff;
}

.player
{
	BACKGROUND-COLOR: #FFFFFF;
	PADDING-LEFT:0;
    PADDING-right:0;
    PADDING-BOTTOM:0;
    PADDING-TOP:0;
    margin-bottom:2;

}

.label
{
	BACKGROUND-COLOR: #DDDDDD;
	BORDER-RIGHT:0px solid #888888;
    width: 180px;
}



/* --- EMTY --------------------------------------------------- */


.mainmenu {font-size: 10px; font-family: verdana, arial; font-weight: bold; color: #339933; text-decoration: none}
.undermenu {font-size: 10px; font-family: verdana, arial; color: #339933; text-decoration: none}
.bodylank {font-size: 10px; font-family: verdana, arial; color: #006600; text-decoration: none}
.whitefat {font-size: 10px; font-family: verdana, arial; font-weight: bold; color: #FFFFFF; text-decoration: none}

.darkbox { background: #CCCCCC; font-weight: bold; }
.linklist { cursor:pointer; cursor:hand; }
.linklist1 { background: #EEEEEE; cursor:pointer; cursor:hand; }


.list { background: #DDDDDD; }
.list1 { background: #EEEEEE; }
.liston { background: #FFFFCC; }

.date {font-size: 10px; font-family: verdana, arial narrow; color: #999999; text-decoration: none; }



/* --- BARA IE --------------------------------------------------- */
.verticaltext {
writing-mode: tb-rl;
filter: flipv fliph;
}

.opacitet 
{
 opacity: 0.5; filter: alpha(opacity=50);
}






/* --- UNDERSIDOR --------------------------------------------------- */

.huvudsida
{
	background: #FFFFFF;
	PADDING-LEFT:0;
    PADDING-right:0;
    PADDING-BOTTOM:0;
    PADDING-TOP:5;
}

.spalt {
	text-align: center;
    PADDING-TOP:12px;


	border-right:0px solid #D2D277;
    BACKGROUND-COLOR: #ffffff;

       
}

.bild {

    PADDING-BOTTOM:12px;
    PADDING-LEFT:12px;
    PADDING-RIGHT:12px;


 
}

.post {
	width: 215px;
	border-bottom:1px solid #CCCCCC;
	PADDING-LEFT:0px;
    PADDING-right:3px;
    PADDING-BOTTOM:3px;
    PADDING-TOP:3px;
}



.spalttext {

	width:210;
	border-right:0px solid #C5DEE8;
    BACKGROUND-COLOR: #ffffff;
    line-height: 11pt;

    PADDING-LEFT:7px;
    PADDING-right:17px;
    PADDING-BOTTOM:7px;
    PADDING-TOP:7px;
    
}

.tdinsideright { 
	padding:7;
    width:170;
	background-color: #EEEEEE;
	border:1px solid #000000;
	}

/* --- RUBRIK --------------------------------------------------- */

.r3 { 
	padding-right:5; 
	padding-left:3; 
	padding-top:2; 
	padding-bottom:0; 
	
	font-family: tahoma, verdana; 
	color: #555555; 
	font-size: 12px;
	font-weight:bold;
}

.r2 { 

	padding-right:5; 
	padding-left:3; 
	padding-top:3; 
	
	BORDER-BOTTOM:1px solid #555555;
	padding-bottom:1; 
	BACKGROUND-COLOR: #ffffff; 
	font-family: tahoma, verdana; 
	color: #555555; 
	font-size: 13px;
	font-weight:bold;
}
.r1 { 
 
	padding-right:5; 
	padding-left:3; 
	padding-top:3; 
	
	BORDER-BOTTOM:0px solid #555555;
	padding-bottom:3;  
	BACKGROUND-COLOR: #ffffff; 
	font-family: tahoma, verdana; 
	color: #555555; 
	font-size: 14px;
	font-weight:bold;
	}

/* --- Meny --------------------------------------------------- */

.link
{
	WIDTH: 750px;
    HEIGHT: 20px;
    BORDER-TOP:2px solid #ffffff;
    border-right:2px solid #ffffff;
    border-left:2px solid #ffffff;

    padding-left:5px;
    padding-top:5px;
    
    BACKGROUND-COLOR: #3FBEED;

}

#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 13px arial}

#sddm li a /* Huvudmenyer */
{	display: block;
	margin: 0 0px 0 0;
	padding: 3px 10px;
		border-top: 1px solid #555555;
		border-right: 1px solid #555555;
		border-bottom: 2px solid #555555;
	background: #CCCCCC;
	    color: #222222;
	text-align: center;
	text-decoration: none}
	

#sddm li a:hover
{	background: #EEEEEE}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #CCCCCC;
	border-bottom: 1px solid #5970B2;
	}

	#sddm div a /* Undermenyer */
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #CCCCCC;
		color: #222222;
		font: 12px arial;
		letter-spacing:1px;
		border-left: 1px solid #555555;
		border-right: 1px solid #5555555;

		}

	#sddm div a:hover
	{	background: #EEEEEE;
		color: #222222
		}
		
/* --- //Meny --------------------------------------------------- */

/* --- ADMINISTRA --------------------------------------------------- */

.contents
{
    width:180;
	PADDING-LEFT:5;
    PADDING-right:5;
    PADDING-BOTTOM:3;
    PADDING-TOP:8;
    FONT-SIZE: 12px;
    
    line-height: 11pt;
}

.jstable { border:1px dotted #dddddd; }