/* GRUNDLAYOUT 2 / EXEMPEL 2: FAST BREDD - Meny till höger */
body {
	padding: 0;
	/* behövs alltid!! */
	margin: 0;
	/* sidans marginaler */
	text-align: center;
	/* centrerar layouten 1 - för äldre webläsare */
	background-color: #F4F4F8;
	color: #172436;
	background-image: url(grafik/barn_i_motljus2.jpg);
	background-repeat: ;
	font: 76% Verdana, Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5 { 
font-family: Georgia, Times, "Times New Roman", serif;
color:#695E3E; background-color: inherit;
letter-spacing: 1px;
margin-top: 30px;
margin-bottom: 4px; }

h1 { font-size: 2.5em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.33em; }
h4 { font-size: 1.16em; }
h5 { font-size: 1em; }

p { margin: 0 0 15px 0;
font-size: 1em;
line-height: 140%; }

a { color: #426471; background-color: inherit; text-decoration: underline; }
a:visited { color: #426471; background-color: inherit; }
a:hover { color: #172436; background-color: inherit; }
a img { border: none; }

hr { border: thin solid #426471; margin-top: 30px; margin-bottom: 30px; }

.cleartopmargin { margin-top: 0; }
.center { text-align: center; }

/* layout */

#layout {
width: 774px;  /* fast bredd */
margin: 0 auto;  /* centrerar layouten 2 */
text-align: left;   /* centrerar layouten 3 - justerar tillbaka innehållet åt vänster */
border: 1px solid #000; }


/* sidhuvud */

#sidhuvud {
	width: 100%;
	background-color: White;
	color: #172436;
	background-image: url(http://www.tiodans.se/grafik/tiodans.gif);
	background-repeat: ;
	border-bottom: 1px solid #000;
	float: left;
}

#shheight { height: 80px; }

#shleft { width: 68%; float: left; }
#shleftcontent { padding: 10px 0 0 20px; } /* placerar rubriken */
#shleftcontent h1 { 
color: #172436; background-color: inherit;
font-style: italic;
margin: 0; }

#shright { width: 32%; float: right; }
#shrightcontent { padding: 10px 20px 0 0; text-align: right; } /* placerar skiplänken */

#shrightcontent a { 
color: #426471; background-color: inherit;
font-size: x-small; }

/* topmeny */

#topmenybox {
	width: 100%;
	border-top: 1px solid #000;
	background-color: #D8BFD8;
	color: Navy;
	float: left;
	clear: both;
}

#topmeny ul {
list-style-type: none;
padding: 0; margin: 0; /* båda behövs! */
border-left: 1px solid #D5DCE2; /* för "knapputseende" */
float: left; }

#topmeny li { display: inline; }

#topmeny a, #topmeny span {
	padding: 5px 10px;
	border-top: 1px solid #D8BFD8;
	/* för "knapputseende" */
	border-bottom: 1px solid #D8BFD8;
	/* för "knapputseende" */
	border-right: 1px solid #D8BFD8;
	/* för knapputseende - annars #topmenybox bg-color */
	color: Purple;
	background-color: inherit;
	text-decoration: none;
	float: left;
}

#topmeny a:hover { text-decoration: underline; }

#topmeny span#aktuell { text-transform: uppercase; }

/* kolumncontainer */

#kolumncontainer {
	width: 100%;
	background-color: White;
	color: inherit;
	background-image: url(grafik/faded_bakgrundsbild.gif);
	background-position: 70% 0;
	background-repeat: repeat-y;
	clear: both;
}

/* kolumn: main */

#main { width: 34%; float: left; }

#maincontent { padding: 30px 10px 30px 20px; }  /* fast bredd - pixlar */
 
/* kolumn: main2 */

#main2 { width: 34%; float: left; }

#maincontent2 { padding: 30px 10px 30px 20px; }


/* kolumn: side */

#side { width: 32%; float: right; }

#sidecontent { padding: 30px 10px 30px 20px; }  /* fast bredd - pixlar */

/* meny */

#menybox {
font-family: Georgia, Times, "Times New Roman", serif;
font-size: 1.2em;
margin-bottom: 30px; }

#menybox h2 {
margin: 0 0 0 18px; padding: 0;
font-size: 1.16em; }

#menybox h2 { position: absolute; left: -10000px; } /* tar bort visingen av meny-rubriken */

#menybox ul { 
list-style-type: none; 
margin: 0; padding: 0; /* båda behövs! */
} 

#menybox a, #menybox span { 
display: block;
color: #000; background-color: inherit;
text-decoration: none; 
height: 100%; 
padding: 5px 0 5px 18px; }

#menybox a:hover, #menybox span#aktuell { 
background-image: url(arrow1.gif);
background-position: 0 56%; /* placerar menybilden */
background-repeat: no-repeat; 
}

/* sidebox */

.sidebox { margin-bottom: 30px; }
.sideboxcontent { border-top: 1px dashed #000; padding: 10px 0 0 0; }
.sideboxcontent h3 { margin-left: 10px; }

/* sidfot */

#sidfot {
	width: 100%;
	background-color: #D8BFD8;
	color: Navy;
	border-top: 1px solid #000;
	clear: both;
}

#sidfotcontent {
padding: 7px;
text-align: center; }

#sidfotcontent p {
margin: 0;
font-size: x-small; }

#sidfotcontent img { padding: 5px 5px 0 5px; }
#sidfotcontent a { padding: 5px 5px 0 5px; color: #95AFBB; background-color: inherit; }

.susnet:link, .susnet:visited, .susnet:active {color:green; text-decoration:none; font-size:10px; font-family:Verdana;}
.susnet:hover {color:blue; background-color:pink;}