@charset "utf-8";
* {margin:0; padding:0;}
body {
	background-color: white;
	background-image:url(images/bg3.jpg);
	background-position:center top;
	background-repeat: no-repeat;
	}

div#wrapper {
	width:950px;
	margin:0px auto 0px auto;
	font-family:Tw Cen MT, Arial, Helvetica, sans-serif;
	list-style-position:inside;
	}
	
	
h1 {
	font-size:42px;
	font-weight:normal;
	margin:40px auto 10px auto;
	color:#C88D33;
	}
	
h3 {
	margin-bottom:4px;
	}
	
p {
	margin-bottom:15px;
	}
	
ul {
	margin-bottom:20px;
	}
	
	
a:link {
	color:#3A6D8A;
	text-decoration:none;
	}
a:visited {
	color:#3A6D8A;
	text-decoration:none;
	}
a:active {
	color:#3A6D8A;
	text-decoration:none;
	}
a:hover {
	color:#3A6D8A;
	text-decoration:underline;
	}
	
	
a img{
	border:none;
	}
	
	
div#sidhuvud {
	height:320px;
	width:950px;
	margin-bottom:5px;
	background-image:url(images/sidhuvud4.jpg);
	background-repeat:no-repeat;
	}


div#container {
	width:950px;
	float:left;
	}
	
	
div.kursminiatyr135 {								/* INDEXSIDAN */
	width:135px;
	height:270px;
	margin:10px auto 30px auto;
	float:left;
	position:relative;
	top:auto;
	}
	
div.kursminiatyr135 h4 {
	height:40px;
}
	
div.kursminiatyr135 p {
	font-size:small;
	}
	
div.kursminiatyr136 {
	width:136px;
	height:270px;
	margin:10px auto 30px auto;
	float:left;
	position:relative;
	top:auto;
	}
	
div.kursminiatyr136 h4 {
	height:40px;
}
	
div.kursminiatyr136 p {
	font-size:small;
	}
	

a.kursminiatyrlank:link {							/* KURSMINIATYRLÄNKAR */
	font-size: medium;
	position: absolute;
	top:252px;
	left:60px;
	color:#C88D33;
	text-decoration:none;
	}
a.kursminiatyrlank:visited {
	font-size: medium;
	position: absolute;
	top:252px;
	left:60px;
	color:#C88D33;
	text-decoration:none;
	}
a.kursminiatyrlank:active {
	font-size: medium;
	position: absolute;
	top:252px;
	left:60px;
	color:#3A6D8A;
	text-decoration: underline;
	}
a.kursminiatyrlank:hover {
	font-size: medium;
	position: absolute;
	top:252px;
	left:60px;
	color:#3A6D8A;
	text-decoration: underline;
	}
	
	
div#vansterbred {
	width:679px;
	float:left;
	}
	
div#hogersmal {
	width:220px;
	float:right;
	}
	
div#hogerbred {
	width:730px;
	float:right;
	}
	
div#vanstersmal {
	width:205px;
	float:left;
	}



div#vanster {									/* KURSSIDOR */
	width:470px;
	float:left;
	min-height:370px;
	}
	
div#hoger {
	width:470px;
	float:right;
	}

	
.floatright {
	float:right;
	margin:auto auto 0 10px;
	}
	
.floatleft {
	float:left;
	margin:auto 10px 0 auto;
	}
	
.toptiopx {
	padding-top:10px;
	}
	
ul.nostyle li {
	list-style:none;
	}
	
	
												/* KNAPP */
div#knapp a.button {
    background: transparent url(images/bg_button_a.gif) no-repeat scroll top right;
    color: #222;
    display: block;
    float: left;
    font: normal small arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

div#knapp a.button span {
    background: transparent url(images/bg_button_span.gif) no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
	text-decoration: none;
} 

div#knapp a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
	text-decoration: none;
}

div#knapp a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
	text-decoration: none;
} 


div#syv {
	width:370px;
	float:left;
	clear:left;
	margin-top:30px;
	color:#F94008;
	}
	
	


table.personal {								/* PERSONALTABELL */
	text-align: left; 
	border: none;
	}

caption {
	padding: 30px 0px 10px 2px; 
	text-decoration: underline;
	text-align: left;
	}

.col_0 { padding-right:20px;}
.col_1 { width: 195px;}
.col_2 { width: 130px;}
.col_3 {}

.col_4 { padding-right:20px;}

td { padding-bottom: 0px; vertical-align: middle;}

	
	
div.hel {
	float:left;
	clear:left;
	list-style-position:inside;
	}
	
div.larare {
	margin-top:30px;}
	
div.larare h2 {
	margin-bottom:10px;}
	
div.lararbild {
	float:left;
	margin-right:5px;
	text-align:center;
	}
	
div.height30px {
	height:30px;
	float:left;
	clear:left;
	}
	
												/* BERÄTTARSTUGAN */
table.kalend { margin-left:140px; margin-right:140px; background-color:white;}
td.kalender { vertical-align:top; border: solid #999999 1px; padding:10px 10px 0px 10px;}
td.kalendern { vertical-align:top; text-align:center; border: solid #999999 1px; padding:10px;}


div#inloggning {
	width:950px; 
	float:left; 
	margin-bottom:-20px;
	}
	
	
div#sidfot {
	width:950px;
	float:left;
	background-color:white;
	color:grey;
	text-align:center;
	margin: 50px auto 0px auto;
	padding-top:10px;
	border-top:solid grey 1px;
	}
	
address {
	font-style:normal;
	}