/* CSS Document */

html { height: 101% } 

body {
	background:#ccd6db;
	margin:5px 0 0 0;
	padding:0;
	scrollbar-face-color: #aacfe0;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #ffffff;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-arrow-color: #ffffff;
	scrollbar-track-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;
	}
img{
	border:0;
	}
		
p	{
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#333333;
	line-height:18px;
	}

td {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#333333;
	padding:3px;
	background: #ffffff;
	}

td.popup {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#333333;
	padding:15px;
	}

td.sitemap {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#333333;
	line-height:18px;
}

.footer_utan_streck {
	background: url('../bilder/bottom_spegel_sidor_utan_streck.gif') no-repeat;
	width:798px;
	height:105px;
	float:left;
}

.footer_med_streck {
	background: url('../bilder/bottom_spegel_sidor_med_streck.gif') no-repeat;
	width:798px; 
	height:130px; 
	float:left; 
	padding-top: 25px;
}
	
.datum { /*datum på utbildningssidorna*/
		background-color:#BAE1F3;
		border-top:0px;
		border-right:solid #ffffff 1px;
		border-top:0px;
		border-bottom:0px;
		border-left:0px;
		color:#196480;
		padding:3px;
		}

.datum2 { /*datum på utbildningssidorna*/
		background-color:#D0F0FE;
		border-top:0px;
		border-right:solid #ffffff 1px;
		border-top:0px;
		border-bottom:0px;
		border-left:0px;
		color:#196480;
		padding:3px;
		}

h1 { 	
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:16px; 
	color:#de8500;
	font-weight:bold;
	}
	
h2 { 	
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#333333;
	font-weight:bold;
	}

h3 { 	
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#333333;
	font-weight:bold;
	}
	
.punktlista { 
    position: relative;
	list-style: disc;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#333333;
	line-height:18px;
	}
	
.punktlista_utb_huvudsida { 
	list-style: disc;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#333333;
	line-height:22px;
	}
	
.fet {
	font-weight: bold;
	}

.strongejfet {
	font-weight: normal;
}
	
.stjarna{
	color:#de8500;
	}
	
.pilar {
	font-size:10px; 

}

a.internlink:link, a.internlink:visited, a.internlink:active {
      font-family:Verdana, Arial, Helvetica, sans-serif;
      font-size:12px; 
      line-height:16px; 
      font-weight:bold; 
      color:#de8500;
      text-decoration: underline;
      }

a:link, a:visited, a:active {color:#1a6581; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-size:12px}
a:hover {color:#2882a1; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:underline; font-size:12px}

/*a.menu:link, a.menu:visited {color: #b9ddee; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-size:12px}
a.menu:active {color: #ffffff; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-size:12px}
a.menu:hover {color: #ffffff; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-size:12px}
*/
#menycontainer li{display:inline; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}

#menycontainer ul{list-style-type: none; text-decoration:none; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}

#menycontainer ul li a{font-weight:bold; color: #b9ddee; text-decoration:none; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}

#menycontainer ul li a:hover{font-weight:bold; color:#ffffff; text-decoration:none; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}

#menycontainer ul li a#current{font-weight:bold; color:#ffffff; text-decoration:none; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}




/* FORMULÄR
___________________________________________ */

input { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #333333; 

	}
	
textarea { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #333333; 
	border:solid 1px #b9ddee;
	background: #f5fbfe;
	width:200px;
	height:100px;
	}
	
select { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	border-width: 0px; 
	color: #333333; 
	border:solid 1px #b9ddee;
	background: #f5fbfe;
	width:160px;
	}
	
.textruta{ /*smala textrutor som man matar in info i.finns på flera sidor ej kurssidorna*/
	border:solid 1px #b9ddee;
	background: #f5fbfe;
	width:250px;
	height:15px;
	}

.textovrigt{ /*inmatningsruta övrigt som finns på flera sidor*/
	border:solid 1px #b9ddee;
	background: #f5fbfe;
	width:250px;
	height:100px;
	}
	
.textrutakurs{ /*smala textrutor som man matar in info i på kurssidan*/
	border:solid 1px #b9ddee;
	background: #f5fbfe;
	width:210px;
	height:15px;
	}
	
.droplistkurs { /*dropplister på kurssidan*/
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	border-width: 0px; 
	color: #333333; 
	border:solid 1px #b9ddee;
	background: #f5fbfe;
	width:210px;
	}

.ovrigtkurs { /*Övrigt-textruta som ligger på kurssidan*/
	border:solid 1px #b9ddee;
	background: #f5fbfe;
	width:310px;
	height:100px;
	}
	
.nyhetsbrev{ /*smala textrutor som man matar in info i i Nyhetsbrev.asp*/
	border:solid 1px #b9ddee;
	background: #f5fbfe;
	width:200px;
	height:18px;
	}
	
.lararlogin{ /*texta för att logga in*/
	border:solid 1px #b9ddee;
	background: #f5fbfe;
	width:160px;
	height:15px;
	}
		
.knapp { 
	background-color:transparent; 
	background:url(../bilder/knapp.gif) no-repeat;
	height: 26px; 
	width: 112px; 
	border: 0;  
	color:#003447;
	padding-top:4px;
	} 
	
.knappbred { 
	background-color:transparent; 
	background:url(../bilder/knapp_bred.gif) no-repeat;
	height: 23px; 
	width: 129px; 
	border: 0;  
	}	 
	
/* LAYOUT
____________________________________________*/

#wrapper{
	margin:auto;
	width:798px;
	}
	
#head{ /*Sidhuvud - Finns för IE i styleIE.css*/
	background: url(../bilder/huvud_utb.gif) no-repeat ;
	width:793px;
	height:64px;/* Total höjd 149px*/
	padding-top:85px;
	padding-left:5px;
	margin:0;
	float:left;
	}
	
#menu_links{/*Box för menylänkarna som ligger ovanpå flikarna - Finns för IE i styleIE.css*/
	position:relative;
	top:23px;
	left:17px;
	z-index:1;
	}

#flik_hem{
	position:relative;
	top:-10px;
	left:35px;
	margin:0;
	height:27px;
	width:79px;
	}
#flik_utbildningar{
	position:relative;
	top:-10px;
	left:88px;
	margin:0;
	height:27px;
	width:125px;
	}
#flik_tidrapport{
	position:relative;
	top:-10px;
	left:197px;
	margin:0;
	height:27px;
	width:145px;
	}
#flik_konsult{
	position:relative;
	top:-10px;
	left:320px;
	margin:0;
	height:27px;
	width:146px;
	}
#flik_om_informer{
	position:relative;
	top:-10px;
	left:446px;
	margin:0;
	height:27px;
	width:130px;
	}
#flik_kontakt{
	position:relative;
	top:-10px;
	left:554px;
	margin:0;
	height:27px;
	width:99px;
	}
	
#top{
	background: url(../bilder/top.gif) no-repeat bottom;
	width:798px;
	height:19px;
	float:left;
	}
		
#middle{ /* box med mellan partiet, bakgrund för startsidan (hem)*/
	background: url(../bilder/middle.gif) repeat-y;
	width:738px;
	padding: 20px 30px;
	float:left;
	}

#middle_dotts{ /* bakgrund för sidor med en höger column*/
	background: url(../bilder/middle_dotts.gif) repeat-y;
	width:748px;
	padding: 20px 25px;
	float:left;
	}
	
#main_intro{ /* box för #introtext och #students på startsidan (hem)*/
	width:738px;
	margin-bottom:10px;
	float:left;
	}
#introtext {  /* box för texten på startsidan (hem)*/
	width:500px;
	float:left;
	}
	
#students{  /* box för elevbilden på startsidan (hem)*/
	background: url(../bilder/elever.jpg) no-repeat;
	width:234px;
	height:189px;
	float:right;
	}

#hem_utbildningar{/* box för utbidlningsrutan på startsidan (hem)*/
	background: url(../bilder/utbildning.gif) no-repeat;
	width:203px;
	height:210px;
	float:left;
margin-top:10px;
	padding:15px 15px 0px 15px;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#333333;
	line-height:16px;
	}

#hem_tidrapport{ /* box för tidrapportrutan på startsidan (hem)*/
	background: url(../bilder/tidrapport.gif) no-repeat;
	width:203px;
	height:210px;
margin-top:10px;
	margin-left:19px;
	float:left;
	padding:15px 15px 0px 15px;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#333333;
	line-height:16px;
	}

#hem_konsult{  /* box för konsulttjänstrutan på startsidan (hem)*/
	background: url(../bilder/konsult.gif) no-repeat;
	width:203px;
	height:210px;
	margin-top:10px;
	margin-left:19px;
	float:left;
	padding:15px 15px 0px 15px;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#333333;
	line-height:16px;
}

#left_column{  /* box för vänsterkolumnen*/
	width:500px;
	float:left;
	}

#left_column2{
	width:195px;
	float:right;
	}

#right_column{ /* box för högerkolumnen*/
	width:200px;
	float:right;

	}

#bottom{
	background: url(../bilder/bottom_spegel.gif) no-repeat;
	width:798px;
	height:105px;
	float:left;
	}
	
#skriv_ut{

	width:40px;
	height:10px;
	
	}
	
/*tabellfärger Kurser*/
/*tabellfärger Kurser*/
.tabell_kursdatum_ljus {align:left; color:#333333; padding:3px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; color: #000000; background-color: #eff9fe}
.tabell_kursdatum_mork {align:left; color:#333333; padding:3px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; color: #000000; background-color: #dbeef8}


/* tabellfärger FÖRKUNSKAP ENKÄT */

.tabell {  background-color: #18597B; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF}
.tabell_ljus {  background-color: #608CA7; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF}
.tabell_gron {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1px; background-color: #669900; height: 1px}
.unnamed1 {  }
.tabell_gul {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1px; background-color: #FF9900; height: 1px}
.tabell_rod {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1px; background-color: #FF0000; height: 1px}
.tabell_tom {  height: 1px; font-size: 1px}
.frag_nr {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000000}


/* Popupper på kurssidor */
.popUpWrapper
{
    position:absolute; 
    left:225px;
    width: 189px;
    display: none;
}

.popUpDivTop
{
    background-image: url('/bilder/popUpDivTop.gif');
    height:11px;
}

.popUpDiv
{
    background-image: url('/bilder/popUpDivBack.gif');
    padding: 0px 10px 0px 10px;
}

div.popUpDiv p
{
    font-family:Verdana, Arial, Helvetica, sans-serif; 
    font-size:12px;
    margin:0px;
    padding-top:3px;
    color:#333333;
}

div.popUpDiv h4
{
    font-family:Verdana, Arial, Helvetica, sans-serif; 
    font-size:12px;
    font-weight: bold;
    margin:0px;
    padding-top:3px;
    color:#333333;
}

.popUpDivBottom
{
    background-image: url('/bilder/popUpDivBottom.gif');
    height:11px;
}