/******* GENERAL RESET *******/  
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, 
big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, tt, var, dl, dt, dd, 
ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {  
border:0pt none;  
font-family:inherit;  
font-size:100%;  
font-style:inherit;  
font-weight:inherit;  
margin:0pt;  
padding:0pt;  
vertical-align:baseline;  
}

body{
    background:#e2e2e2;  
    line-height:14px;  
    font-size:14px;
    font-family:"Trebuchet MS",Tahoma, Helvetica, sans-serif, Verdana, Arial;
    margin:0pt;
    cursor:default;
    overflow:auto;
}
html,body{
    height:100%;
}
#clearbottom{
	background:#000000;
    clear:both;
    height:0px;
    display:block;
} 
#clearmiddle{
    clear:both;
    height:0px;
    visibility:hidden;
    display:block;
} 
a{
    text-decoration: none;
}
/******* /GENERAL RESET *******/

/******* TEXT DEFAULTS *******/
p{
	margin: 0 0 15px 0;
	line-height: 1.3em;
	}
	
p.kursanmalan{
	margin: 0 0 0 2px;
	padding: 0;
	color:#82B941;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.0em;
	}
/******* /TEXT DEFAULTS *******/
/******* LEVEL -1 *******/
#master
{
    position:relative;
    clear:both;
	display:block;
}
/******* /LEVEL -1 *******/
/******* LEVEL 0 *******/
#top{
	background:#ffffff url(../grafik/bg_header.jpg) repeat-x;
	min-width:100%;
	height:80px;
	position:relative;
}
#border{
    background:#e2e2e2 url(../grafik/bg_topmeny.jpg) repeat-x;
    height:30px;
    width:100%;
    position:relative;
}
#middle{
	background:#e2e2e2;
	min-width:100%;
	min-height:450px;
	height:auto !important;
	height:450px;
	position:relative;
}
#bottom{
	background:#000000 url(../grafik/bg_footer.jpg) repeat-x;
	min-width:100%;
	min-height:320px;
	height:auto !important;
	height:320px;
	position:relative;
	clear:both;
	display:block;
}

/******* /LEVEL 1 *******/

/******* TOP *******/
#header{
    background:transparent;
    height:80px;
    width:1000px;
    position:relative;
    margin-left:auto;
    margin-right:auto;
}
#header a{
    background:url(../grafik/extramatte.gif) no-repeat;
    height:50px;
    width:327px;
    position:relative;
    top:25%;
    display:block;
}
#header a:hover{
	text-decoration:none;
}
#header a:active{
	outline:none;
}
#header a span{
	visibility:hidden;
}
#topmeny{
    background:transparent;
    height:23px;
    width:1000px;
    position:relative;
    margin-left:auto;
    margin-right:auto;
    text-align:left;
	padding: 0 0 0 4px;
}

#dropdown {
    float: left;
    margin: 0;
    padding: 0;
}
#dropdown li {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0 43px 0 0;
    position: relative;
    height:20px;
    top: 5px;
}
#dropdown li a {
}
#dropdown ul {   
    background-color: #FFFFFF;
    display: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 19px;
    left: -1px;
    z-index: 500;
    height: 45px;
    border-width: 1px;
    border-style: solid;
    border-color: #D8D8D8;
}
#dropdown ul {
    position: absolute;
}
#dropdown li:hover ul {
    display: block;
}
.dropdown-arrow {
    background: url("../grafik/pil.png");
    float: right;
    height: 6px;
    margin-top: 5px;
    padding-right: 7px;
    width: 0;
}
/******* MIDDLE *******/
#mainContainer{  
    background:transparent;  
    width:1000px;  
    height:100%;
    position:relative;
    margin-left:auto;
    margin-right:auto;
    text-align:left; /* counter the body center */
}
/******* BOTTOM *******/
#footer{
    background:transparent;
    height:100%;
    width:1000px;
    position:relative;
    margin-left:auto;
    margin-right:auto;
    text-align:left; /* counter the body center */
}
#sitemap{
    background:transparent;   
    width:850px;  
    min-height:100%;
    float:right;
    position:relative;
}
/******* MAINCONTAINER *******/

/******* LEVEL 2 *******/
#meny{
    background:#e2e2e2;  
    width:150px;  
    height:100%;
    float:left;
    position:relative;
}
#main{
    background:#e2e2e2;
    width:650px;
    height:100%;  
    float:left;
    position:relative;
}
#right{
    background:#e2e2e2;   
    width:200px;  
    height:100%;
    float:left;
    position:relative; 
}
/******* LEVEL 3 *******/

/******* MENY *******/
#stad{
	background:transparent;   
    min-width:100%;  
    min-height:100px;
    height:auto !important;
	height:100px;
    position:relative;
}
#resources{
    background:transperant;  
    min-width:100%;  
    min-height:200px; 
    height:auto !important;
	height:200px;
    position:relative;
    clear:both;
	margin: 10px 0 0 0;
}
/*#nyhetsbrev{
    background:url("../grafik/meny_stad.jpg") repeat-y scroll 0 0 transparent;  
    width: 138px;
	border: 1px solid #ccc;
}
*/
#nyhetsbrev{
	/* Bortkommenterat just nu då den ligger till höger pga många städer t.v.
    background: #fff;  
    width: 130px;
	border: 1px solid #ccc;
	padding: 5px;
	*/
}

#clear{
	clear:both;
}
/******* MAIN *******/
#window{
    background:#e2e2e2;
    min-width:100%;
    min-height:550px;
    height:auto !important;
	height:550px;
    position:relative;
}
/******* FRAMSIDA *******/
#maintext{
    background:transparent;
    width:385px;
    min-height:550px;
    height:auto !important;
	height:550px;
    float:left;
    position:relative;
}
#mainsplitter{
    background:transparent;
    width:1px;
    min-height:550px;
    height:auto !important;
	height:550px;
    float:left;
    position:relative;
    margin:0px 9px 0px 5px;
    border-right:1px solid #cccccc;
}
#mainnyheter{
    background:transparent;
    width:200px;
    min-height:550px;
    height:auto !important;
	height:550px;
    float:left;
    position:relative;
}
/******* /FRAMSIDA *******/
/******* RIGHT *******/
#anmalan{
	background: url("http://www.extramatte.se/bilder/anmalanrubrik8.png") no-repeat transparent; 
    width: 580px;
	height: 50px;
	float: right;
	margin: 0px 0 0 0;
	padding: 35px 0 0 75px;
}
#anmalanbutton{
	float: right;
	margin: 0 0 0 0;
	width: 120px;
	border: 0;
}
#extras{
    background:transperant;
    min-width:100%;		
    min-height:325px;
    height:auto !important;
	height:325px;
    position:relative;
}
#editmeny{
	background:transparent;
	min-width:100%;
	height:500px;
	position:relative;
	overflow:auto;
}
/******* /MAINCONTAINER *******/ 

/******* FOOTER *******/
#footertop{
    background:transperant;
    width:850px;		
    min-height:280px;
    height:auto !important;
	height:280px;
    position:relative;
}
#footerbottom{
    background:transperant;
    width:850px;		
    height:40px;
    position:relative;
}
#footerfillerleft{
    background:transperant;
    width:5px;		
    min-height:260px;
    height:auto !important;
	height:260px;
    float:left;
    position:relative;
}
#footersitemap{
    background:#252525 url(../grafik/sitemap.jpg) no-repeat;
    width:640px;		
    min-height:260px;
    height:auto !important;
	height:260px;
    float:left;
    position:relative;
}
#footerfillerright{
    background:transperant;
    width:205px !important;
    width:190px;		
    min-height:260px;
    height:auto !important;
	height:260px;
    float:left;
    position:relative;
}
#footersitemapbottom{
    background:url(../grafik/sitemap_bottom.jpg) no-repeat;
    width:850px;		
    height:20px;
    position:relative;
    clear:both;
    display:block;
}
#footerkontakt{
    background:transperant;
    width:650px;		
    height:40px;
    float:left;
    position:relative;
    text-align:center;
    vertical-align:middle;
}
#footeradmin{
    background:transperant;
    width:200px;		
    height:40px;
    float:left;
    position:relative;
    text-align:right;
    vertical-align:middle;
}
/******* /FOOTER *******/

/******* SCHEMA *******/
#mainstad{
	width:610px;
	min-height:550px;
	height:auto !important;
	height:550px;
	position:relative;
	float:left;
}
#mainstadtext{
	width:100%;
	min-height:400px;
}
#divGrid{
	min-width:300px;
	min-height:50px;
	height:auto !important;
	height:50px;
	float:right;
}
#mainfoto{
	width:610px;
	min-height:147px;
	height:auto !important;
	height:147px;
}
/******* /SCHEMA *******/

/******* BILDER *******/
#thumbnailborder{
	width:277px !important;
	width:267px;
	min-height:117px;
	height:auto !important;
	height:117px;
	border:dotted 2px #cccccc;
	margin:10px 10px 10px 10px;
    float:left;
}
#thumbnail{
	width:97px !important;
	width:98px;
	height:98px;
	border:0px;
	margin:10px !important;
	margin:10px 5px 10px 5px;
    float:left;
}
#thumbnailtext{
	width:150px !important;
	width:145px;
	min-height:97px;
	height:auto !important;
	height:97px;
	margin:10px 10px 10px 0px !important;
	margin:10px 5px 10px 0px;
	float:left;
}
/******* /BILDER *******/

/******* KURS *******/
#kurspris{
	float:left;
	margin:0px 10px 0px 0px;
}
#kurslarare{
	float:left;
	margin:0px 10px 0px 10px;
}
#kurstyp{
	float:left;
	margin:0px 0px 0px 10px;
}
#kursinfo{
	clear:left;
}

#karta{
	float:right;
	width:270px;
}
/******* /KURS *******/

/******* TABLES *******/
.outermeny{
	padding:10px;
}
table.meny{
	margin-top:20px;
	float:right;
}
.menyright{
/*
background:url(../grafik/meny_right.jpg) repeat-y;
*/
	width:8px;
}
.menyrightbottom{
	background:transparent;
	width:8px;
}
.menystad{
	background:url(../grafik/stadsflik_bakgrund.png) repeat-y;
	height:30px;
	width: 140px;
	vertical-align:middle;
}

/*
.menysplitter{
	background:url(../grafik/meny_splitter.jpg) no-repeat;
	height:1px;
}
*/

.menyfiller{
	height:4px;
}
.anmalantbl{
	margin: 10px 0 0 35px;
}
.anmalanh{
	width:150px;
	padding:15px 0px 5px 0px;
	font-family:Calibri, Helvetica, Sans-Serif, Verdana, Arial; 
	font-size:22px;
	color:#000000;
	font-weight:bold;
}
.anmalantd{
}
.main{
    border:0px;
    padding:0px;
    border-spacing:0px;
}
.borderleft{
	background:url(../grafik/border_left.jpg) repeat-y;
	width:20px;
}
.borderright{
	background:url(../grafik/border_right.jpg) repeat-y;
	width:20px;
}
.windowtop{
	background:url(../grafik/window_top.jpg) no-repeat;
	width:650px;
	height:40px;
}
.windowbottom{
	background:url(../grafik/window_bottom.jpg) no-repeat;
	width:650px;
	height:40px;
}
.windowcenter{
	background:#ffffff;
	width:610px;
	height:470px;
}
/**** Högermenyn ****/
.righttop{
	background:url(../grafik/right_top.jpg) no-repeat;
	width:200px;
	height:40px;
}
.rightbottom{
	background:url(../grafik/right_bottom.jpg) no-repeat;
	width:200px;
	height:40px;
}
.rightcenter{
	background:#ffffff;
	width:160px;
	height:145px;
}
/**** Nyhetsbrev ****/
.brevtop{
	background:url(../grafik/meny_top.jpg) no-repeat;
	width:150px;
	height:40px;
}
.brevbottom{
	background:url(../grafik/meny_bottom.jpg) no-repeat;
	width:150px;
	height:40px;
}
.brevfiller{
	background:#ffffff;
	width:110px;
	height:20px;
}
.brevcenter{
	background:#ffffff;
	width:110px;
	height:60px;
}
.tblfooter{
	height:300px;
}
.footersitemap{
	width:650px;
}
.footerfiller{
	width:200px;
	height:220px;
}
.footerempty{
	height:40px;
}
.footerkontakt{
	height:40px;
	width:650px;
	text-align:center;
}
.footeradmin{
	height:40px;
	width:200px;
	text-align:right;
}
.nyhetslista{
	width:200px;
}
.nyhetstid{
	width:200px;
}
.nyhetsmeddelande{
	padding:5px 0px 5px 0px;
	width:190px;
}
.nyhetslinje{
	width:190px;
	border-bottom:1px solid #cccccc;
}
.nyhetslink{
	width:190px;
	text-align:right;
}
.newssubject{
	padding-top:7px;
}
.newsmessage{
	padding-bottom:7px;
	padding-top:7px;
}
.newsline{
	border-top:1px solid #cccccc;
}
.tblsitemap{
	width:650px;
	table-layout:auto;
}
.sitemapfill{
	width:100px;
}
.sitemapedge{
	width:30px;
}
.sitemaptop{
	width:650px;
	height:40px;
}
.clearboth {
	clear:both; 
}
/******* /TABLES *******/

/******* CONTROLS *******/
select{
	border:1px solid #82b941;
	color:#606060;
}

#dropStad.select{
	border:1px solid #82b941;
	color:#606060;
	height: 22px;
}

.textboxCrisp{
	border:1px solid #82b941;
	background-color:#ffffff;
	width:150px;
	color:#606060;
}
.textbox{
	border:1px solid #82b941;
	background-color:#ffffff;
	color:#000000;
	width:150px;
}
.nyhetsbrevtextboxCrisp{
	border:1px solid #82b941;
	background-color:#ffffff;
	width:110px;
	color:#606060;
}
.nyhetsbrevtextbox{
	border:1px solid #82b941;
	background-color:#ffffff;
	color:#000000;
	width:110px;
}
droplist{
	border:1px solid;
	background-color:#ffffff;
	font-size:10px;
	font-family:Arial;
	width:25px;		/* sets max-width for IE */
	max-width:25px;	/* sets max-height value for all standards-compliant browsers */
}
#btnAnmalan.button{
	/* background: #82B941 /* url('../bilder/anmalbutton.png')*/ /* no-repeat scroll top right; */
	background: url("../grafik/till_anmalan_u_text.png") repeat-y scroll 0 0 transparent;
	
    background-color:  #82B941 transparent;
	border: 0px solid #fff;
	color: #82B941; 
    
	margin: 2px 0 0 2px;
	
	width: 100px;
	
	height: 28px;
	/* border: 0; */
	/* color: #fff; */
	/* margin: 1px 0 0 0; */
}
/******* /ASP-CONTROLS *******/

/******* IMAGES *******/
img{
	border:solid 0px #000000;
}
img.floatright{
	float:right;
	margin:0 0 10px 10px;
}
img.noborder{
	border:0px none;
}
img.stadimg{
	border:0px none;
	padding: 10px;
	vertical-align:middle;
}

/******* /IMAGES *******/

/******* TEXT *******/
a:link{
	color:#606060;	/* unvisited link */
}      
a:visited {
	color:#606060;	/* visited link */
}
a:hover {
	color:#606060;	/* mouse over link */
	text-decoration:underline;
}  
a:active {
	color:#303030;	/* selected link */
	outline:none;
}
a:focus{
	-moz-outline-style: none;
}
a.footerlink
{
	font-family: Tahoma, Helvetica; 
	font-size:10px;
	color: #606060;
	text-decoration: none
}
a.stadlink{
	font-family:Tahoma, Georgia, Times; 
	font-size:14px;
	color:#000000;
	text-decoration:none;
	vertical-align:middle;
	padding:0px 0px 0px 5px;
}
a.stadlink:link{
	color:#000000;
}
a.stadlink:visited{
	color:#000000;
}
a.stadlink:hover{
	color:#000000;
	text-decoration:underline;
}
a.link
{
	font-family:Tahoma, Helvetica, sans-serif, Verdana, Arial;
	font-size:12px;
	text-decoration: none
}
a.nyhetslink:hover
{
	font-family: Veranda, Helvetica; 
	font-size:12px;
	color:#000000;
	text-decoration: none
}
a.nyhetsamne{
	color:#000000;
	text-decoration:none;
}
a.sitemap{
	font-family:Tahoma, Helvetica; 
	font-size:11px;
	color:#fff /*#fbe236*/;
	text-decoration:none;
}
a.sitemap:visited{
	color:#fff;
	text-decoration:none;
}
a.sitemap:hover{
	color:#eee;
	text-decoration:underline;
}
a.nyhetsamne:active{
	font-family:Tahoma, Helvetica; 
	font-size:11px;
	color:#fff25f;
	text-decoration:underline;
}
a.topmenyhem{
	font-family:Calibri, Sans-serif, Tahoma, Helvetica, Verdana, Arial;
	font-size:16px;
	color:#f9a94b;
	font-weight:bold;
	margin: 0 10px 0 0;
}
a.topmenyhem:link{
	color:#f9a94b;
	text-decoration:none;
}
a.topmenyhem:hover{
	color:#F89521;
	text-decoration: underline;
}
a.topmenyhem:active {
	color:#F89521;	
	outline:none;
}
a.topmenyhem:visited {
	color:#f9a94b;	/* selected link */
	outline:none;
}
a.tipsa{
	float:right;
	vertical-align:text-top;
}
h1{
	font: 35px "Century Gothic",Calibri,Helvetica,Georgia,Times;
	/*
	font-family:Calibri, Helvetica, Sans-Serif; 
	font-size:22px;
	*/
	color:#000000;
	/* font-weight:bold;*/
	line-height: 1.2em;
	margin: 0 0 10px 0;
}
h2{
	font-family:Calibri, Helvetica, Sans-Serif;
	font-size:18px;
	color:#82B941/*#9e0b0f*/;
	text-decoration:none;
	font-weight:bold;
	line-height: 1.2em;
	margin: 0 0 10px 0;
}
h3{
	font-family:Calibri, Helvetica, Sans-Serif;
	font-size:14px;
	color:#000000;
	text-decoration:none;
	line-height: 1.2em;
	margin: 0 0 10px 0;
	font-weight: bold;
}
h3.nyhetsbrev{
	font: 16px Calibri, Helvetica, Sans-Serif /*Georgia, Times, Serif*/;
	/*font-style: italic;*/
	color:#000000;
	text-decoration:none;
	line-height: 1.2em;
	margin: 5px 2px 2px 0px;
	padding: 0 0 2px 0;
	border-bottom: 1px solid #82B941;
}

h4{
	font-family:Calibri, Helvetica, Sans-Serif;
	font-size:14px;
	color:#000000;
	text-decoration:none;
	line-height: 1.2em;
	margin: 0 0 10px 0;
}
.hnews{
	font-family:Tahoma, Helvetica;
	font-size:12px;
	color:#9e0b0f;
	text-decoration:none;
	font-weight:bold;	
}
table.editmenytext{
	font-family:Tahoma, Helvetica;
	font-size:10px;
	text-decoration:none;
}
a.topmenykurs{
	font-family:Calibri, Sans-serif, Tahoma, Helvetica, Verdana, Arial;
	font-size:16px;
	color:#000000;
	font-weight: bold; 
	text-decoration:none;
	text-align:center;
	margin: 0 5px 0 0;
}

a.topmenykurs:active
{
    color: #000000;
    outline: medium none;
}

a.topmenykurs:hover
{
    color: #000000;
    text-decoration: underline;
}

a.topmenylink{
	font-family:Calibri, Sans-serif, Tahoma, Helvetica, Verdana, Arial;
	font-size:16px;
	color:#82B941;
	font-weight: bold; 
	text-decoration:none;
	text-align:center;
	margin: 0 10px 0 0;
}

a.topmenylink:active
{
    color:#82B941;
    outline: medium none;
}

a.topmenylink:hover
{
    color:#82B941;
    text-decoration: underline;
}

/*
.topmenytext{
	font-family:Calibri, Sans-serif, Tahoma, Helvetica, Verdana, Arial;
	font-size:16px;
	color:#606060;
	text-decoration:none;
	text-align:center;
	padding: 6px 14px 0 0;
}
*/
span.footer{
	font-family: Tahoma, Helvetica; 
	font-size:10px;
	color: #606060;
	text-decoration: none
}
span.error{
	font-family: Tahoma, Helvetica; 
	font-size:10px;
	color: #ff0000;
	text-decoration: none
}
span.sitemap{
	font-family: Tahoma, Helvetica; 
	font-size:11px;
	color: #ffffff;
	text-decoration:none;
	font-style: italic;
}
.kurstipsa{
	float:right;
	vertical-align:text-top;
}
.lblBorder{
	float:left;
}
/******* /TEXT *******/

/******* SCHEMA-DG *******/
.dg{
	width:auto;
	background-color:#ffffff;
	border:0px;
	margin-left:20px;
}
.dg td{
    border:solid 3px #ffffff;
    margin:3px 3px 3px 3px;
    font-family:Arial;
    font-size:14px;
    padding:5px 5px 5px 5px;
    text-align:center;
}

.dgHeader{
	background-color:#cccccc;
	font-weight:bold;
	height:20px;
}

.dgItemStyleMouseOut{
	background-color:#f2f2f2;
	width:auto;
}

.dgItemStyleMouseOutAlt{
	background-color:#e2e2e2;
	width:auto;
}

.dgItemStyleMouseOver{
	background-color:#cccccc;
	width:auto;
}
/******* /SCHEMA-DG *******/