/* GRUNDLAYOUT 2 / EXEMPEL 4: FAST BREDD - Meny till vänster */
body {
padding: 0; /* behövs alltid!! */
margin: 0 auto; /* sidans marginaler */
text-align: center;  /* centrerar layouten 1 - för äldre webläsare  */
background-color:#EDEAE4;
font: 76% Verdana, Arial, Helvetica, sans-serif; }

h1, h2, h3, h4, h6,{ 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#426471; 
	background-color: inherit;
	letter-spacing: 1px;
	margin-top: 10px;
	margin-bottom: 10px; 
}

h1 { 
	font-size: 1.6em;
	color:#426471;
	font-family:Arial, Verdana, Helvetica, sans-serif
}
h2 { 
	font-size: 1em;
	color:#426471; 
}
h3 { 
	font-size:1.2em; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#426471;; background-color: inherit;
	letter-spacing: 1px;
	font-weight:bold;
}
h4 { 
	font-size: .8em; 
	font-weight:bold;
	color:#333333;
	
}
h5 { 
	font-size: 1em;
	font-weight:bold; 
	color:#426471; 
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h6 { 
	
	font-size: .9em;
	line-height: 140%;
	font-weight:bold; 
	color:#426471;
}

h7 { 
	font-size:0.95em;
	font-weight:bold; 
	color:#426471; 	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top:20px;
}

h8 { 
	
	font-size: .9em;
	line-height: 140%;
	font-weight:bold; 
	color:#426471;
}

h9 { 
	
	font-size: .9em;
	line-height: 140%;
	font-weight:normal; 
	color:#426471;
}

h10 { 
	
	font-size: 1em;
	line-height: 140%;
	font-weight:bold; 
	color:#426471;
}
h11 { 
	
	font-size: 0.9em;
	line-height: 140%;
	font-weight:normal; 
	color:#426471;
}


p { 
	margin: 0 0 15px 0;
	font-size: .9em;
	line-height: 140%;
	font-weight:normal; 
	color:#426471;
}

li { 
	margin: 0 0 0 0;
	font-size: .9em;
	line-height: 140%;
	font-weight:normal; 
	color:#426471;
}



a:link { 
	color: #426471; 
	background-color: inherit; 
	text-decoration: none;	
}
a:visited { 
	color: #426471; 
	background-color: inherit;
	text-decoration:none;
	
	 
}
a:hover { 
	color: #426471; 
	background-color: inherit;
	text-decoration:underline;
	
}
a img { 
	border: none;
	
}

hr { 
	border: 1px solid #EDEDED; 
	margin-top: 30px; 
	margin-bottom: 30px; 
}

.cleartopmargin { 
	margin-top: 0; 
}
.center { 
	text-align: center; 
}

/* layout */

#layoutTop{
	clear:both;
	position:relative;
	width:987px; 
	height:14px;
	display:block;
	margin:0 auto;
	background:  url(../images/bg_Page_top.gif) no-repeat bottom left;
}

#layout {
	clear:both;
	width: 987px;  
	margin: 0 auto;  
	text-align: left;   
	background:#FFF url(../images/bg_Page_horisontal.gif) repeat-y top right;
}

#layoutBottom{
	clear:both;
	margin: 0 auto;
	background-color:#999999;  
	text-align: left;
	width: 987px;
	height:10px;
	background: transparent  url(../images/bg_Page_bottom.gif) no-repeat top left;
}

/* layout end */

/* header */

#header {
	clear:both;
	width: 979px; 
	height:50px; 
	text-align: left;   
	background-color:#FFF;
	vertical-align:top;
}

#header th{
	vertical-align:top;
	text-align:left;
	
}

#header img{
	vertical-align:top;
	padding-left:10px;
}

#header ul {
	margin:0;
    padding:0;
	list-style:none;
	text-align:right;
	/*padding-right:5px;*/
	margin-top:-13px;
}

#header li {
	display:inline;
	margin:0;
    padding:0;
	padding-left:18px;
	padding-right:12px;
	font-size:10px;
	font-weight:bold;
}

.home{
	background-image:url(../images/home.gif);
	background-repeat: no-repeat;
	background-position: 0 1px;
}

.sitemap{
	background-image:url(../images/sitemap.gif);
	background-repeat: no-repeat;
	background-position: 0 1px;
}

.contact{
	background-image:url(../images/contact.gif);
	background-repeat: no-repeat;
	background-position: 0 1px;
}

.english{
	background-image:url(../images/english.gif);
	background-repeat: no-repeat;
	background-position: 0 1px;
}	


#header a {
	color:#426471;
	text-decoration:none;
}
#header a:hover {
	text-decoration:underline;
	color:#426471;
}

#header a:visited {
	color:#426471;
}

/* header end */

/* menu top */
#menuTopContainer {
	
	width: 979px; 
	height:30px;    
	vertical-align:top;
	padding-left:10px;
}
#menuTop {
	clear:both;
	width: 960px; 
	height:30px;    
	vertical-align:top;
	background-color:#426471;
	text-align:center;
	text-transform:uppercase;
	color:#FFFFFF;
	font-size:.9em;
}

.onMoMenuTop{
	background-color:#F4F2EF;
	color:#426471;
	cursor: pointer;
}

/* menu top end */

/* content  start*/

#startMainContentContainer {
	width: 979px; 
	height:30px;    
	vertical-align:top;
	padding-left:10px;
	border-bottom:1px solid #FFF;
}

#imageTop {
	clear:both;
	width: 960px; 
	/*height:180px;*/    
	vertical-align:top;
	background-color:#FFF;
	text-align:center;
	border-top:1px solid #FFF
}

.thImageLeft{
	width:313px;
	height:180px;
	border-right:1px solid #FFF;
	background-image:url(../images/start_left.png);

}

.thImageCenter{
	width:322px;
	border-right:1px solid #FFF;
	background-image:url(../images/start_center.png);

}

.thImageRight{
	width:322px;
	background-image:url(../images/start_right2.png)

}


#startMainContent {
	clear:both;
	width: 960px; 
	height:180px;    
	vertical-align:top;
	background-color:#FFF;
	text-align:center;
	border-bottom:1px solid #FFF;
}



.thStartMainLeft{
	width:622px;
	height:160px;
	border-right:1px solid #FFF;
	border-top:1px solid #FFF;
	background-color:#EBE7E1;
	text-align:left;
	vertical-align:top;
	margin:0;
	padding:0;
	padding-left:10px;
	padding-right:10px;
	font-weight:bold;
}

.thStartMainLeft h1{
	margin-bottom:5px;
}

.thStartMainLeft h2{
	margin-top:0px;
}

.thStartMainLeft p{
	margin-top:0px;
	font-size: .9em;
	font-weight:normal;
	color: #426471;
}

	

.thStartMainLeftBottom{
	width:622px;
	
	border-right:1px solid #FFF;
	background-color:#EBE7E1;
	/*border-top:1px solid #FFF;*/
	text-align:left;
	vertical-align:top;
	margin:0;
	padding:0;
	padding-left:10px;
	padding-right:0px;
	margin-right:0px;
	
	
}


.thStartMainRight{
	width:332px;
	background-color:#F4F2EF;
	border-top:1px solid #FFF;
	text-align:left;
	vertical-align:top;
	padding-left:10px;
	padding-right:10px;
}

.thStartMainRight p{
	color:#426471;
}

.thStartMainRight a{
	color:#426471;
	font-weight:bold;
	font-size:.8em;	
	text-decoration:none;
}

.thStartMainRight a:hover{
	color:#426471;
	text-decoration:underline;	
}

.thStartMainRightBottom{
	width:340px;
	background-color:#F4F2EF;
	border-top:1px solid #FFF;
	text-align:left;
	vertical-align:top;
	padding-left:10px;
	padding-right:0px;
}

.thStartMainRightBottom a{
	color:#426471;
	font-weight:bold;
	font-size:.8em;	
	text-decoration:none;
}

#loggaJanke{
	float:right;
	margin:0;
	padding:0;
	text-align:right;
	margin-top:-40px;
	/*background-color:#0066CC;*/
}

#janke{
	width:220px;
	/*background-color:#003399;*/
}
/* content start end */

/* content */

.thImageMenu{
	width:275px;
	height:145px;
	border-right:1px solid #FFF;
	background-image:url(../images/content_menu.png);
	FILTER: alpha(opacity=50); moz-opacity: .50; opacity: .50;
}

.thImageLeftContent{
	width:228px;
	height:145px;
	border-right:1px solid #FFF;
	background-image:url(../images/content_left.png);
	
}

.thImageCenterContent{
	width:228px;
	height:145px;
	border-right:1px solid #FFF;
	background-image:url(../images/content_center.png);
	
}

.thImageRightContent{
	width:228px;
	height:145px;
	background-image:url(../images/content_right.png);
	
}



.thMainLeft{
	width:275px;
	height:145px;
	border-top:1px solid #FFF;
	border-right:1px solid #FFF;
	background-color:#EBE7E1;
	vertical-align:top;
}

.thMain{
	width:685px;
	height:400px;
	background-color:#F4F2EF;
	border-top:1px solid #FFF;
	text-align:left;
	vertical-align:top;
	padding-right:10px;
	padding-left:10px;
}

.thMainCourse{
	width:685px;
	
	background-color:#F4F2EF;
	border-top:1px solid #FFF;
	text-align:left;
	vertical-align:top;
	padding-right:10px;
	padding-left:10px;
}

.thMainContact{
	
	background-color:#F4F2EF;
	text-align:left;
	vertical-align:top;
	padding-right:10px;
	
	padding-bottom:10px;
	font-size: .9em;
	line-height: 140%;
	font-weight:normal; 
	color:#426471;
}
.thMainContact a{
	font-size: 1.1em;
	font-weight:normal; 
	color:#426471;
}
.labelSiteMap{
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#426471;; background-color: inherit;
	letter-spacing: 1px;
	margin-top: 10px;
	margin-bottom: 10px; 
	font-size: 1em;
	padding-right:10px;
	padding-left:10px;
}


.thMainArbetsmiljo{
	width:685px;
	height:400px;
	background-color:#F4F2EF;
	border-top:1px solid #FFF;
	text-align:left;
	vertical-align:top;
	padding-right:10px;
	padding-left:10px;
}

.thMainArbetsmiljo a{
	color:#426471;
	font-weight:bold;
	font-size:.8em;	
	text-decoration:none;
}

.thMainArbetsmiljo a:hover{
	color:#426471;
	text-decoration:underline;	
}

.tableFormBooks{
	width:430px;
	font-size: 0.95em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height: 140%;
	font-weight:normal; 
	color:#426471;
}

.tableFormAnmalan{
	
	font-size: .9em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height: 140%;
	font-weight:normal; 
	color:#426471;
	margin-left:5px;
}

#tableOrder{
	width:620px;
	font-size: .9em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height: 140%;
	font-weight:normal; 
	color:#426471;
}

#tableOrder td{
   
	padding-right:10px;
	
}

#tdInnehall a:hover{
text-decoration:underline;
	
}

#tdBoka a:hover{
text-decoration:none;
	
}

#imgKundtidning{
	margin-top:-5px;
	padding-right:15px;
	padding-bottom:7px;
	float: right;
}

#tableArkiv{
	font-size: .9em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height: 140%;
	font-weight:normal; 
	color:#426471;
	margin-left:-8px;
	padding-bottom:10px;
}

#tableContact{
	width:620px;
	font-size: .9em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height: 140%;
	font-weight:normal; 
	color:#426471;
}

#tableContact a{
	color:#426471;
	font-weight:normal;
	font-size:1em;	
	text-decoration:none;
}

#tableContact a:hover{
	color:#426471;
	text-decoration:underline;	
}

#tableContactForm{
	width:450px;
	font-size: 1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height: 140%;
	font-weight:normal; 
	color:#426471;
}



.tdArkiv{
	padding-left:18px;
}

.tdArkivPdf{
	padding-left:6px;
}

#tableOrderButtons{
	width:620px;
	font-size: .9em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height: 140%;
	font-weight:normal; 
	color:#426471;
	margin-bottom:30px;
}

#tableOrderButtons td{
	padding-right:30px;
}

#tableContactButtons{
	width:450px;
	font-size: .9em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height: 140%;
	font-weight:normal; 
	color:#426471;
	margin-bottom:30px;
}

#tableContactButtons td{
	padding-right:14px;
}
.textboxNumber{
	width:20px;
	font-size:10px;
}

.textbox{
	width:200px;
	border::0px;
	font-size: .95em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.textbox{
	width:200px;
	font-size: .95em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.textboxAnm{
	width:250px;
	font-size: .95em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


.textboxBooks{
	width:200px;
	font-size:0.9em;
}

.textboxContact{
	width:150px;
	font-size:10px;
}

.textboxCompany{
	width:325px;
	font-size:10px;
}

.textboxPostCode{
	width:100px;
	font-size:10px;
}

.textboxTelContact{
	width:70px;
	font-size:10px;
}

.textboxFaxContact{
	width:100px;
	font-size:10px;
}

.textboxPostCodeContact{
	width:60px;
	font-size:10px;
}

.textboxBef{
	width:150px;
	font-size:10px;
}

.textboxBefContact{
	width:100px;
	font-size:10px;
}


.textboxOrt{
	width:250px;
	font-size:10px;
}

.textboxMobil{
	width:131px;
	font-size:10px;
}

.textboxMobilContact{
	width:111px;
	font-size:10px;
}


.textboxOrtContact{
	width:190px;
	font-size:10px;
}

.textboxEpostContact{
	width:315px;
	font-size:10px;
}

.textFieldContact{
	width:432px;
	font-size:10px;
}

.tdContactForm{
	border-left:1px solid #FFF;
}

.buttons{
	height:20px;
	background-color:#F4F2EF;
	font-size: .9em;
	font-weight:normal;
	
	color: #426471;
	border:1px solid ;
}

.tableBooks{
	width:685px;
	text-align:left;
	vertical-align:top;
	padding-left:10px;
}



#tableMenu{
	width:275px;
	margin-top:10px;
}

#tableMenuSiteMap th{
	text-align:left;
	height:20px;	
}

#tableMenu th{
	text-align:left;
	height:20px;
}


.labelMenu{
	margin:0;
	padding:0;
	font-size: 1em;
	color: #426471;
	padding-left:30px;
	padding-top:10px;
	padding-bottom:5px;
}

.contentMenuLevel1{
	margin:0;
	padding:0;
	font-size: .9em;
	font-weight:bold;
	color: #426471;
	padding-left:30px;
	/*padding-top:10px;*/
}
.labelSiteMap{
	margin:0;
	padding:0;
	font-size: .95em;
	font-weight:bold;
	color: #426471;
	padding-left:30px;
	padding-bottom:10px;
	/*padding-top:10px;*/
}

.onMoContentMenuLevel1{
	margin:0;
	padding:0;
	font-size: .9em;
	font-weight:bold;
	color: #426471;
	padding-left:30px;
	cursor: pointer;
	background-image:url(../images/arrow_menu_1.gif);
	background-repeat:no-repeat;
	background-position:20px;
	/*padding-top:10px;*/
}

.onMoContentBack{
	margin:0;
	padding:0;
	font-size: .9em;
	font-weight:bold;
	color: #426471;
	padding-left:30px;
	cursor: pointer;
	background-image:url(../images/back.gif);
	background-repeat:no-repeat;
	background-position:20px;
	/*padding-top:10px;*/
}



.contentMenuLevel2{
	margin:0;
	padding:0;
	font-size: .9em;
	font-weight:normal;
	color: #426471;
	padding-left:45px;
	/*padding-top:10px;*/
	background-image:url(../images/line_menu_2.gif);
	background-repeat:no-repeat;
	background-position:35px;
	
}

.contentMenuLevel3{
	margin:0;
	padding:0;
	font-size: .9em;
	font-weight:normal;
	color: #426471;
	padding-left:45px;
	/*padding-top:10px;*/
	background-image:url(../images/line_menu_2_l.gif);
	background-repeat:no-repeat;
	background-position:35px -2px;
	
}

.onMoContentMenuLevel2{
	margin:0;
	padding:0;
	font-size: .9em;
	font-weight:normal;
	color: #426471;
	padding-left:45px;
	cursor: pointer;
	/*padding-top:10px;*/
	background-image:url(../images/line_menu_2_on.gif);
	background-repeat:no-repeat;
	background-position:35px;
	
}

.onMoContentMenuLevel3{
	margin:0;
	padding:0;
	font-size: .9em;
	font-weight:normal;
	color: #426471;
	padding-left:45px;
	cursor: pointer;
	/*padding-top:10px;*/
	background-image:url(../images/line_menu_2_l_on.gif);
	background-repeat:no-repeat;
	background-position:35px -2px;
	
}



.contentMenuLevel2Bottom{
	margin:0;
	padding:0;
	font-size: .9em;
	font-weight:normal;
	color: #426471;
	padding-left:45px;
	cursor:pointer;
	/*padding-top:10px;*/
	background-image:url(../images/line_menu_2_bottom.gif);
	background-repeat:no-repeat;
	background-position:35px;
}

.contentMenuLevel3Bottom{
	margin:0;
	padding:0;
	font-size: .9em;
	font-weight:normal;
	color: #426471;
	padding-left:45px;
	cursor:pointer;
	/*padding-top:10px;*/
	background-image:url(../images/line_menu_2_bottom.gif);
	background-repeat:no-repeat;
	background-position:35px -3px;
}

.onMoContentMenuLevel2Bottom{
	margin:0;
	padding:0;
	font-size: .9em;
	font-weight:normal;
	color: #426471;
	padding-left:45px;
	cursor: pointer;
	/*padding-top:10px;*/
	background-image:url(../images/line_menu_2_bottom_on.gif);
	background-repeat:no-repeat;
	background-position:35px;
}

.onMoContentMenuLevel3Bottom{
	margin:0;
	padding:0;
	font-size: .9em;
	font-weight:normal;
	color: #426471;
	padding-left:45px;	
	cursor: pointer;
	/*padding-top:10px;*/
	background-image:url(../images/line_menu_2_bottom_on.gif);
	background-repeat:no-repeat;
	background-position:35px -3px;
}

.tableKartaVagbeskrivning{
	width:650px;
	/*font-size: .9em;
	font-weight:normal;
	color: #426471;*/

}

#rubrik{
	display:none;
}

.tableAdress{
	display:none;
}

.tableMap{
	margin-top:10px;

}

.tableMap a{
	margin:0;
	padding:0;
	font-size: .9em;
	font-weight:normal;
	color: #426471;
	text-decoration:none;

}

.tableMap a:hover{
	margin:0;
	padding:0;
	font-size: .9em;
	font-weight:normal;
	color: #426471;
	text-decoration:none;
}

.tdZoom{
	height:18px;
	border:1px solid #426471;
	text-align:center;
}
.scrollbox {
	height: 100px; 
	width: 378px; 
	border: 1px solid #FFF; 
	background-color: #FFF
}

/* page foot*/

#pageFoot{
	clear:both;
	margin: 0 auto;  
	text-align: center;
	width: 987px;
	height:25px;
	background: #FFF  url(../images/bg_Page_horisontal.gif) repeat-y top right;
	
}

#pageFoot p{
	margin:0;
	color: #666666;
	font-size:.8em;
	
}

#pageFoot a{
	margin:0;
	color: #666666;
	text-decoration:none;
	font-size:1em;	
}

#pageFoot a:hover{
	margin:0;
	color: #666666;	
	text-decoration:underline;
}

#pageFoot td{
	vertical-align:middle;
	
}

/* admin */

.tableLogIn{
	width:300px;
}

#tableNews2{
	margin: 0 0 0 0;
	font-size: .9em;
	line-height: 140%;
	font-weight:normal; 
	color:#426471;
}

.tableNews2{
	margin: 0 0 15px 0;
	font-size: 1em;
	line-height: 140%;
	font-weight:normal; 
	color:#426471;
}
	
#tableNews2 a:link{
	
	font-size: 1em;
	
}

#tableNews{
	margin: 0 0 15px 0;
	font-size: .9em;
	line-height: 140%;
	font-weight:normal; 
	color:#426471;
}

.tableNews{
	margin: 0 0 15px 0;
	font-size: 1em;
	line-height: 140%;
	font-weight:normal; 
	color:#426471;
}
	
#tableNews a:link{
	
	font-size: 0.8em;
	
}

.textLabel { 
	font-size: .9em;
	font-weight:bold; 
	color:#426471; 
}

.textKurser { 
	font-size: .9em;
	font-weight:normal; 
	color:#426471; 
	margin-left:-2px;
	
}



/*#tableNews a:hover{
	
	font-size:.8em;
	line-height: 140%;
	font-weight:bold;
	text-decoration:underline; 
	color:#426471;
}

#tableNews a:active{
	
	font-size: .8em;
	line-height: 140%;
	font-weight:bold;
	text-decoration:none;
	color:#426471;
}

#tableNews a:visited{
	
	font-size: .8em;
	line-height: 140%;
	font-weight:bold;
	text-decoration:none;
	color:#426471;
}

.tdNews {
	height:10px;
	
	
}*/

.select300 {
	width:300px;
	
	
}

#kurser {
	float::left;
	width:655px;
	padding-left:5px;
	padding-top:5px;
	
	font-size: .9em;
	font-weight:normal; 
	color:#426471;
	cursor:hand;
	height:20px;
	
	 
	
	
}

#kurser a:hover{
	text-decoration:none;

	
}

.onMoKurser {
	
	background-color:#CCCCCC;
	font-size: 0.9em;
	font-weight:normal; 
	color:#426471;
	cursor:hand;
	height:20px;	
	
}

.tableStandard{
	
	font-size: .9em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height: 140%;
	font-weight:normal; 
	color:#426471;
}
