﻿@import url("layout.css");
body {
	font-family: Arial, sans-serif;
	font-size: medium;
	color: #000;
}
#container {
	width: 100%;
	background-color: #fff;
}
#masthead {
	
	width: 100%;
	overflow: hidden;
	height:5.625em;
	background-color: #fff;
	background-image:url('../images/bakgrund_top.gif');
}

#tabellRight
{
	background-color:#3366FF;
	border-style:groove;
	border:1px;
	width:190px;
	height:200px;
	
}

div#engelskFlagga
{	margin:0;
	margin-left:800px;
	margin-top:25px;
	padding:0;
}

.bestform
{
	background-color:#fff; 
	color:#000;
}

.blockCenterPadding10px
{
	display:block;
	text-align:center;
	padding:10px;

}
.bestform a
{
	color:#0000FF;
	text-decoration:underline;
	
}


.formKurs
{
	 background-color:#dbdbff; 
	 padding-left:10px;
	 font-size:12px;
}

#imgLipcoacher
{	
	background:#dbdbff url('../images/forstoringsglas_w200x60.png') no-repeat left;
	background-repeat:no-repeat;
	
}

.rel { /* viktig för att runda hörn ska funka i högra diven*/
	position: relative;
	z-index: 0;
	zoom: 1; /* For IE6 */	
}


.roundcorner /*gör runda hörn*/
{	
	font-size:12px;
   	border:1px black solid;
	margin-bottom:20px; 
	padding:10px;
	background-color:#dbdbff;
	max-width:480px;
	-moz-border-radius:10px; /* Firefox */ 
	-webkit-border-radius:10px; /* Safari and chrome */ 
	-khtml-border-radius:10px; /* Linux browsers */ 
	border-radius:10px; /*CSS3 */
	behavior: url(border-radius.htc);/*gör så runda hörn funkar i IE*/
	
}


.roundcornerMain /*gör runda hörn i main*/
{	
	font-size:12px;
   	border:1px black solid;
	margin-bottom:20px; 
	padding:10px;
	background-color:#fff;
	max-width:480px;
	-moz-border-radius:15px;  /*Firefox */ 
	-webkit-border-radius:15px;  /*Safari and chrome */ 
	-khtml-border-radius:15px;  /*Linux browsers */ 
	border-radius:15px; /* CSS3 */ 
	behavior: url(border-radius.htc);/*gör så runda hörn funkar i IE*/
	
}

.notRoundCornerIE
{
	font-size:12px;
   	border:1px black solid;
	margin-bottom:20px; 
	padding:10px;
	background-color:#dbdbff;
	max-width:480px;
	-moz-border-radius:10px; /* Firefox */ 
	-webkit-border-radius:10px; /* Safari and chrome */ 
	-khtml-border-radius:10px; /* Linux browsers */ 
	border-radius:10px; /*CSS3 */
}


div#rightDiv
{
	top:30px;
	position:absolute;
	/*
		border:medium black double;
		background-color:#eee;
	*/
	width:200px;
	height:800px;
	margin-left:720px;
	z-index:0;
	font-size:12px;
}
#rightDiv a
{
	text-decoration:underline;
	color:#FF0000;
}


#h1test
{	color:white;
	background-color:#0202ff;
	text-align:center;
}



#topHeader
{	position:absolute;
	font-size:2.25em;
	text-align:left;
	font-weight:bold;
	top:0;
	color: #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align:top;
	margin-left:10px;
	display:inline-block;
}
#topImgAndText
{
	position:absolute;
	left:455px;
	width:350px;
}

#engelskFlagga img
{
	border:0;
}

.topText a
{	
	
	color:#000;
	font-size:small;
	text-align:center;
}
.topText
{	margin-top:25px;
	text-decoration:none;
	color:#000;
	font-size:small;
	text-align:center;
	padding:10px;
}
.topText:hover a
{	color:#000;
	text-decoration:none;
	}

#artiklarList
{
	margin-left:0px;
	padding:0px;
	
}


#page_content {
	position: relative;
	padding-top:0.625em;
	
}



#content {
	
	margin-left: 11.5em;
	width:500px;
	font-family: Arial, Helvetica, sans-serif;
	color:#000;
	
}


#sidebar {
	position: absolute;
	top:0px;
	width: 140px;
	margin-top:30px;
	/*background-color: #aaa;*/
	padding-left:0.2em;
	font-style:italic;
	padding-left:0.2em;
	font-style:italic;
}



.textFloatLeftBlock
{
display:block;
float:left;
clear:left;
font-style:italic;
text-align:left;
width:350px;
}

span.textBlockSkolkonferans
{
	display:inline-block;
	float:left;
	clear:left;
	font-style:italic;
	text-align:left;
	margin-top:15px;
	background-color:#fff;
	width:174px;
	padding-right:10px;
}



.textFloatLeft
{	padding-right:20px;
	float:left;
	max-width:330px;
	min-width:100px;
	clear:left;
}

.citatFloatRight
{
	float:right;
	max-width:330px;
	min-width:100px;
	font-style:italic;
	clear:right;
}


#masthead img {
	float: left;
}

#masthead p {
	font-size: small;
	margin: 0;
	margin-right: 1%;
}
h1,h2,h3,h4,h5,h6 {
	font-family: "Arial Black";
}

.tableTop
{
margin:0;
padding:0;
border:0;
}

.floatLeft
{
	float:left;
	width:100%;
	display:block;
	
}

.img
{
	border:0;
}

.imgLeft
{
	float:left;
	padding-right:10px;
	border:0;
}
.imgRight
{
	float:right;
	padding-left:20px;
	border:0;
}

.imgClear
{
	clear:both;	
}


#headermain1
{
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	color: #0000FF;
	font-weight: bold;
	display:block;
	text-align:center;
	padding-bottom:5px;
}
#headermain2
{
	font-size: 12px;
	color: #0000FF;
	display:block;
	text-align:left;
	padding-left:50px;
	padding-right:50px;
	
}


#content a{
	color:red;
}

/*¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤

MASSA olika formateringar av text
RENSA bort...   ||
                \/
¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤*/

.styleBlackItalic
{	color:#000;
	font-size: 12px; 
	font-style: italic;
}

.styleBlackItalicSmall
{	color:#000;
	font-size: 10px; 
	font-style: italic;
}

.styleBlackBold12px
{
	color:#000;
	font-size: 12px; 
	font-weight: bold;
}

.styleBlackBold14px
{
	color:#000;
	font-size: 14px; 
	font-weight: bold;
}



.styleBlackBoldItalic12px
{	color:#000;
	font-size: 12px; 
	font-style: italic;
	font-weight: bold;
}



.styleBlackBoldItalic
{	color:#000;
	font-size: 14px; 
	font-style: italic;
	font-weight: bold;
}

.styleRed
{
color: #FF0000;  
}

.styleRedBold{ 
	color: #FF0000; 
	font-weight: bold;
}

.styleRedBoldItalic{
	color: #FF0000; 
	font-weight: bold;
	font-style: italic; 
}


.styleRedItalic/**/
{
	font-style: italic; 
	font-family: Arial, Helvetica, sans-serif; 
	color: #FF0000;
}



.styleRedBoldArial
{
	color: #FF0000; 
	font-weight: bold;
	font-family: "Arial Black";
}

.styleBlue
{
	color: #0000FF;
}

.styleBlueBold
{	
	color: #0000FF;
	font-weight: bold;
}

.styleBlueBold16px{	font-size: 14px; 
	color: #0000FF;
	font-weight: bold;
	font-size: 16px;
}



.styleBlueItalic
{
	font-style: italic; 
	font-family: Arial, Helvetica, sans-serif; 
	color: #0000FF;
}

.styleBlueBoldItalic
{
	font-style: italic; 
	font-family: Arial, Helvetica, sans-serif; 
	color: #0000FF;
	font-weight: bold;
}

.styleBlueBoldArialBlack
{
	color: #0000FF;
	font-weight: bold;
	font-family: "Arial Black";
	
}

.styleBlueBold14px {
	font-size: 14px;
	color: #0000FF;
	font-weight: bold;
}


.styleDarkGreyBold{

color: #333333;
font-weight: bold;

}


.styleGreyBold14px {
	font-size: 14px;
	color: #666666;
	font-weight: bold;
	margin-left:20px;
	margin-right:20px;
	display:block;
}




.styleQuote
{
	font-style:italic;
}
.styleQuoteBlock
{
	font-style:italic;
	display:block;
	margin-left:40px;
	margin-right:40px;

}
.styleItalicBlock
{
	font-style:italic;
	display:block;
	text-align:center;
}


.head1{
	font-size: 14px;
	color: #FF0000;
	font-family: "Arial Black";
	margin:0;
	padding:0;
	
}


.head1BlockCenter{
	display:block;
	font-size: 14px;
	color: #FF0000;
	font-family: "Arial Black";
	margin:0;
	padding:0;
	text-align:center;
	
	
}



.head2{
	font-size: 14px;
	color: #0000FF;
	font-family: "Arial Black";
	margin:0;
	padding:0;

}
/*style span end*/


/* Styles for Navigation */
#sidebar ul {
	
	width: 100%;
	display: block;
	margin:0;
	margin-left: 10px;
	padding: 0;
	
}
#sidebar li {
	display: block;
	font-size: 0.8em;
	/*border-top:1px solid #000;*/
}

/*utfällning av menyn
##########################################################*/

#ulTagg li {
	display:list-item;
	list-style-type:disc;
	}

#active li {
	display: list-item;
	list-style-type:disc;
	}

/* utfällning slut ??    ###################
######################################################*/
	
#sidebar li ul a {
	font-weight: bold;
	text-decoration: none;
	color: #333;
	padding: 0.1em;
	display: block;
}


/*sublist menyn*/
#sidebar li ul {
	border:0;
	margin-left:1em;
	margin-bottom:1px;
	background-color:#fff;
	font-size: 1.25em;
}

#sidebar span a:hover {
	text-align:center;
	background-color:#dbdbff;
}
#sidebar span#counter{
	text-align:center;
	height:20px;
	background-color:#dbdbff;
	display:block;
	margin-left:1em;
	margin-right:1em;
	margin-bottom:0;
}


#countertop
{	
	margin-top:20px;
	text-align:center;
	font-size: 14px;
	display:block;
	font-weight:bold;

}


#tablemain
{
	width:100%;
	
}

.headerTH
{
	text-align:left;
}


#tablepress
{
	width:100%;
	text-align:justify;
	vertical-align:top;
}


#tablepress td#kolLeftPress
{
	width:auto;
	background-color:#fff;
	width:200px;
	text-align:justify;
	vertical-align:top;
}

#tablepress td#kolRightPress
{
	width:auto;
	background-color:#fff;	
	width:490px;
	text-align:justify;
	vertical-align:top;	
}


#tablepress td
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
}

#tablepress td#mittTDPress
{
	width:10px;
	background-color:#fff;	
}

/*##########*/

#tablemain td#kol1
{
	background-color:#fff;
	max-width:700px;
	min-width:300px;
	text-align:justify;
	vertical-align:top;

}
#tablemain .kolLeft2{
	background-color:#fff;
	max-width:330px;
	min-width:100px;
	text-align:left;
	vertical-align:top;
	padding-right:10px;
}




#tablemain .kolRight2{
	padding-left:10px;
	background-color:#fff;
	max-width:330px;
	min-width:100px;
	text-align:left;
	vertical-align:top;
	
}

#tablemain td#kolLeft
{
	
	background-color:#fff;
	width:240px;
	text-align:justify;
	vertical-align:top;
	
}

#tablemain td#kolRight
{
	
	background-color:#fff;
	width:240px;
	text-align:justify;
	vertical-align:top;
}

.algingJustify
{
	text-align:justify;
}



#tablemain td
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	text-align:justify;
	vertical-align:top;
}

#tablemain td#mittTD
{
	width:20px;
		
}


#sidebar a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #333;
	background-color: #dbdbff;
	
}

#sidebar a {
	font-weight: bold;
	text-decoration: none;
	color: #333;
	padding: 0.1em;
	padding-bottom:5px;
	display: block;
	font-weight:bold;
}





/* Styles for Footer */
#sidebar p {
	font-size: x-small;
	background-color: #fff;
	text-align:center;
	margin-top:25px;
	
	
}

ul.ulLeftAlign
{
	text-align:left;
}

a {
	color: #393939;
	text-decoration: underline;
	font-weight:bold;
}
a:hover {
	color: #78a;
	text-decoration: underline;
}
.style_bold {
	font-weight: bold;
}
.style_italic {
	font-style: italic;
}
.alignLeft
{
	text-align:left;
}