/* CSS. Mediatyp, all. Författare Jenny Blomqvist, jenny@webmind.se */

/*
Färg
Background: #E6E7E8 
H1: #E20030
Border: #58595B
Textruta: 512px
*/


html
{
	margin:0;
	padding:0;
	height:100%;
	
}

body
{
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color:#000;
	background-color:#E6E7E8;
	margin:-10px 0;
	padding:0px 0;
}




#top
{
	position:relative;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	height:220px;
	width:900px;
	background-color:#FFF;
	border-top: #58595B solid 2px;
	border-bottom: #58595B solid 2px;


	/*border: #58595B solid 2px;*/
}

/* den långa gråa boxen som sträcker sig över hela sidan*/
#toplong
{
	position:relative;
	margin:10px auto 0px auto;
	padding:0px 0px 0px 0px;
	height:165px;
	width:100%;
	background-image:url(../grfx/bg.png); background-repeat:repeat-x;
}

#topshort
{
	position:relative;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	min-height:165px;
	width:900px;
}


#container
{
	position:relative;
	margin:0px auto 0px auto;
	padding:0px 0 0px 0;
	width:900px;
	min-height:650px;
	border-left: #58595B solid 4px;
	border-right: #58595B solid 4px;
	background-image:url(../grfx/bg_menu.jpg); background-repeat:repeat-y;
	
}

#containertest
{
	position:relative;
	margin:0px auto 0px auto;
	padding:0px 0 10px 0;
	width:1160px;
	height:760px;
	
}


#left
{
	position:relative;
	float:left;
	clear:none;
	padding:0px;
	margin:0px 0 0 0px;
	width:154px;
	min-height:100%;

}

/* Höger box som innehåller fråga och annonser */
#right
{
	position:relative;
	float:right;
	clear:none;
	padding:0px;
	margin:20px 10px 0 0px;
	width:187px;
	min-height:0px;

}
/* slut*/

#menu
{
	position:relative;
	float:left;
	clear:none;
	padding:0px;
	margin:20px 0 0 15px;
	width:122px;
	height:300px;

}


#main
{
	position:relative;
	float:left;
	padding:0px;
	margin:0px 0px 0px 0px;
	width:460px;
	min-height:310px;
}

#textboxstart
{
	position:relative;
	float:left;
	padding:0px;
	margin:20px 0px 10px 0px;
	width:489px;
	min-height:550px;
	border-right:1px solid grey;
}

#textbox2
{
	position:relative;
	float:left;
	padding:0px 0 0px 0;
	margin:20px 0px 10px 30px;
	width:680px;
	min-height:510px;
}

#linkbox2
{
	position:relative;
	float:left;
	padding:0px 0 0px 0;
	margin:20px 0px 10px 30px;
	width:680px;
	min-height:550px;
}





#puff1
{
	position:relative;
	float:left;
	padding:0px;
	margin:0px 0 0 0;
	width:0px;
	min-height:0px;
}

#foot
{
    clear:both;
	position:relative;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	min-height:45px;
	width:100%;
	background-image:url(../grfx/foot.png); background-repeat:repeat-x;
}
	



/*  Klasser  */


/* innehåll i #toplong */
.logo
{
	position:relative;
	float:left;
	clear:none;
	margin:6px 0 0 10px;
}

.logo a img
{
	border: none;
}


.annonsbanner
{
	position:relative;
	float:right;
	clear:none;
	margin:10px 10px 0 0;
	border:none;
}
.topfix
{
    position: fixed;


    width:440px;
    height:89px;

    z-index:222;
    border:1px solid green;
 

    
    
}


.annonsbanner a img
{
	border:none;
}


.datumbox
{
	position:relative;
	float:right;
	min-width:440px;
	height:15px;
	margin:5px 10px 0 0;

}

.datumbox p
{
	color:#FFF;
	font-size:12px;
	word-spacing:1px;
}
/* slut */

/* Innehåll som ligger i leftbox*/
.tidning
{
	position:relative;
	float:left;
	clear:none;
	padding:0px;
	margin:30px 0 0 15px;
	width:122px;
	min-height:50px;
	border:none;

}

.tidningimg
{
	float:left;
	clear:none;
	padding:0px;
	margin:0px 0 0 0px;
	border:none;

}


.tidning h2
{
	position:relative;
	padding:0px 0 0px 0;
	margin:0px 0 5px 0px;
	color:#E20030;
	font-size:16px;
	font-weight:bold;
	text-align:center;

}

/* textrutor på startsidan*/

/* linjer under textboxarna */
.linestartpage
{
	position:relative;
	float:left;
	width:450px;
	height:5px;
	margin:15px 10px 15px 15px;
	border-bottom:#58595b solid 1px;
	
}


p.ingress:first-letter
{
	font-size:22px;
}

.text1
{
	position:relative;
	float:left;
	padding:0px 0 0 0px;
	margin:0px 0px 0px 20px;
	width:410px;
}

.text1 p
{
	padding:0px 40px 0 0px;
	margin:0px 0px 0px 0px;
}


/* text2 box med innehåll */
.text2large
{
	position:relative;
	float:left;
	padding:0px;
	margin:0px 0px 0px 30px;
	width:430px;
	min-height:150px;
}

.text2
{
	position:relative;
	float:right;
	padding:0px;
	margin:0px 0px 0px 0px;
	width:275px;
	min-height:150px;
}

.newsimg
{
	position:relative;
	float:left;
	clear:none;
	margin:35px 0px 0px 0px;

}

/* Bläddra i nummer..... formatering */

.arrowbox
{
	position:relative;
	float:left;
	clear:none;
	margin:0px 0px 0px 0px;
	padding:7px 0 0 25px;
	height:23px;
	width:285px;
	color:#E20030;
	font-size:19px;
	font-weight:bold;

	background-image:url(../grfx/red_arrow.png); background-position:left; background-repeat:no-repeat;
	font-family:"Comic Sans MS", cursive;
}

.arrowbox a, .arrowbox a:visited, .arrowbox a:hover
{
	color:#E20030;
	text-decoration:none;

}
/* slut tidningsboxar */

/* text3 box*/
.text3
{
	position:relative;
	float:left;
	padding:0px;
	margin:0px 0px 0px 20px;
	width:450px;
	min-height:300px;
}

.text3middle
{
	position:relative;
	float:left;
	padding:0px;
	margin:0px 0px 0px 0px;
	width:450px;
	min-height:200px;
	background-image:url(../grfx/anslagstavla_middle.png); background-repeat:repeat-y;
}

.text3middle a, .text3middle a:hover, .text3middle a:visited 
{
	color:#e20030;
	/*font-weight:bold;*/
	letter-spacing:1px;
	font-size:14px;
	
	
	}

.text3top
{
	position:relative;
	float:left;
	padding:0px;
	margin:0px 0px 0px 0px;
	width:450px;
	height:15px;
	background-image:url(../grfx/anslagstavla_top.png); background-repeat:no-repeat;
}

.text3bottom
{
	position:relative;
	float:left;
	padding:0px;
	margin:0px 0px 0px 0px;
	width:450px;
	min-height:34px;
	background-image:url(../grfx/anslagstavla_bottom.png); background-repeat:no-repeat;
}


.text3 p
{
	padding:0px 30px 0 30px;
	margin:0px 0px 0px 0px;
	color:#FFF;
	line-height:120%;
	font-family:"Comic Sans MS", cursive;
}

.text3 h1
{
	padding:0px 13px 0 27px;
	margin:0px 0px 5px 0px;
	font-size:28px;
	color:#e20030;

}


.text3small
{
	position:relative;
	float:right;
	padding:0px;
	margin:5px 40px 0px 0px;
	width:65px;
	min-height:20px;
	font-family:"Comic Sans MS", cursive;
	font-size:16px;
	color:#FFF;
	letter-spacing:1px;
}
 





/* h1 med svart och liten text */
.headingsmall
{
	color:#000;
	font-size:14px;
	letter-spacing:1px;
}
/* */

/* läs mer.. formatering */
.style2
{
	color:#E20030;
	font-size:14px;
	font-weight:bold;
	letter-spacing:1px;
}

.style2 a, .style2 a:hover, .style2 a:visited
{
	color:#900;
}

/*slut*/


/* Right box, innehållande fråga och annonser */

/* Fråga */
.question
{
	position:relative;
	float:left;
	clear:none;
	border:0;
	margin:0px 0 0 0;
	width:187px;
	height:132px;
	background-image:url(../grfx/questionbox.png); background-repeat:no-repeat;
}

.question p
{
	margin:15px 0 0 0;
	padding:0 10px 0 15px;
}

.bulletbox
{
	width:187px;
	height:40px;
	margin:10px 0 0 0;
	
}

.bullets
{
	position:relative;
	float:left;
	width:35px;
	height:40px;
	margin:0px 0 0 17px;
	padding:0 0 0 0px;
	
}

.bulletimg
{
	margin:0px 0 0 0px;
	padding:0 0 0 6px;
	
}

.bullets p
{
	margin:0px 0 0 0;
	padding:0 0 0 0px;
	text-align:center;
}

.resultat
{
	width:187px;
	height:18px;
	margin:5px 0 0 0;
	padding:0 0 0 0;
	background-image:url(../grfx/white_arrow.png); background-position:center; background-repeat:no-repeat;
}

.resultat p
{
	margin:0 0 0 0;
	padding:0px 0 0px 15px;
	font-size:16px;
	color:#FFF;
	font-weight:bold;
}

.whitearrow
{
	margin:0px 0 0 5px;
	padding:0px 0 0 0px;
}
/* Slut på frågebox */


/* Annonser  i rightbox */

#flashbox
{
   	position:relative;
	float:left;
	clear:none;
	margin:20px 10px 0 10px;
    
}

.annonsbox
{
	position:relative;
	float:right;
	clear:none;
	width:220px;
	min-height:100px;
	margin:20px 15px 0 0px;
	padding:0 0 0 0;

}

.annonsimg
{
	margin:10px 0 0 0;
    max-width: 220px;
}

/* slut annonser */


.foottext
{
	position:relative;
	margin:0px auto 0px auto;
	padding:3px 0px 0px 175px;
	height:42px;
	width:725px;
}

.foottext p
{
	color:#FFF;
	margin:0;
	padding:10px 0 0 0;
	font-size:11px;
}

.foottext a, .foottext a:hover, .foottext a:visited
{
	color:#ccc;
}

.credit
{
	position:relative;
	float:right;
	margin:5px 30px 0px 0;
	padding:0px 0px 0px 0px;
	width:100px;
}


.aktivaimg
{
	position:relative;
	float:right;
	margin:0 0px 0 30px;
	border:none;
}



.img
{
	position:relative;
	float:left;
	margin:0 4px 0 0px;
}

.imgleft
{
	position:relative;
	float:left;
	margin:0 20px 0 0px;
		max-width:124px;
	max-height:80px;
	border:none;
}

.imgright
{
	position:relative;
	float:right;
	margin:0 150px 0px 20px;
	 
	max-width:124px;
	max-height:80px;
	border:none;
}


/* Arkiv sidan */
.thumbs
{
	position:relative;
	float:left;
	clear:none;
	margin:0px 0px 0px 0px;
	padding:0 0 0px 0;
	border:none;
	width:160px;
	height:225px;
}

.thumbs img a
{
	border:none;
}

/*Länkar sidan*/
.linkboxbig
{
	position:relative;
	float:left;
	clear:none;
	width:680px;
	min-height:150px;
	margin:10px 7px 20px 0px;
	padding:0 0 0px 0;
}

.linkbox
{
	position:relative;
	float:left;
	clear:none;
	width:212px;
	min-height:100px;
	margin:0px 13px 0px 0px;
	padding:0 0 0px 0;
}

.linkbox p
{
	margin:0px 0px 0px 0px;
	padding:0px 0 7px 0;
	color:#000;
}




/* Kontakt sidan */
.middlebox
{
	position:relative;
	float:left;
	clear:both;
	width:680px;
	height:50px;
	margin:30px 0px 30px 0px;
	padding:0 0 10px 0;
	border-bottom:#666 solid 2px;
}

.smallboxes1
{
	position:relative;
	float:left;
	width:120px;
	height:50px;
	margin:0 0px 0 0px;
}

.smallboxes
{
	position:relative;
	float:left;
	width:185px;
	height:50px;
	margin:0 0px 0 0px;
}





/*  Meny  */

		
td
{ 
			
	margin: 10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-family:"Comic Sans MS", cursive;
	letter-spacing:1px;
	
}


ul
{
	margin:0px 0px 0px 0px;
			

			
}
		
li 
{ 
			
	margin: 10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style-type:disc;
	
}

ul#navigation
{

	margin: 0px 0px 0px 0px;
	padding: 0 0px 0 0px;
	list-style-type:none;
			

}
		
ul#navigation li 
{ 
		
	float:left;
	margin: 0px 0px 10px 0px;
	padding: 0px 0 0 0;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	color:#000;
	font-size:14px;
	list-style-type:none;
	background-image:url(../grfx/menu.png); background-repeat:repeat-x;
}

		
ul#navigation li a
{
			display:block;
			padding:5px 0px 0px 22px;
			color:#000;
			font-size:14px;
			text-decoration:none;
			width:100px;
			height:22px;
			background-image:url(../grfx/grey_arrow.png); background-position:left; background-repeat:no-repeat;
}


ul#navigation li.present 
{
			float:left;
			margin: 0px 0px 0 0px;
			padding: 0px 0 0 0;
			font-family:Calibri, Arial, Helvetica, sans-serif;
			color:#000;
			font-size:14px;
			width:70px;
}

ul#navigation li.present a
{
			display:block;
			padding:0px 0px 0px 0px;
			color:#000;
			font-size:14px;
			text-decoration:none;
			height:25px;
}


/*Fix*/

#container:after
{
content: ".";
clear:both;
height:0;
visibility:hidden;
display:block;
}

a:focus { outline: none; }

/* Formulär */

.label
{
   display:inline-block;
   width:150px;
   
    
}
.txtbox
{
    width:200px;
    font-family:Calibri, Arial, Helvetica, sans-serif;
    margin: 3px 0 15px 0;
  	color:#000;
	font-size:14px;
    
    }

.txtmultiline
{
    width:200px;
    height:100px;
    font-family:Calibri, Arial, Helvetica, sans-serif;
	color:#000;
	font-size:14px;
	margin-top:5px;
    }
	
.dropbox
{
    font-family:Calibri, Arial, Helvetica, sans-serif;
    margin: 3px 0 15px 0;
  	color:#000;
	font-size:14px;
    
    }

.fyranollfyra
{
	position:relative;
	float:left;
	padding:0px 0 0 0px;
	margin:20px 0px 0px 180px;
	width:410px;
	min-height:150px;
}
.arkivcell
{
    float:left;
    margin:5px 5px 5px 0;
    font-size:14px;
    line-height:125%;
   
    
    
}
.contest
{
    float:left;
    width:100%;
    margin:5px 5px 5px 0;
  
}
.tavlaform
{
    position:absolute;
    top:100px;
    left:200px;
    width:600px;
    height:550px;
    padding:20px;
    
    background-color:#eee;
    z-index:99;
    border:solid 2px #000;
    
    
    
}
.tavlabtn
{
    background-color:#fff;
    font-family:Calibri, Arial, Helvetica, sans-serif; font-size: 12px;font-weight: bold;color: #000;
    border:none;
    cursor: pointer;
    
    
}
.tavlabtn:hover
{

    cursor: pointer;
    
    
}
.tavlabtn:visited
{

    cursor: pointer;
    
    
}
.normaltext td
{
  	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color:#000;
}