﻿body{
padding:0px;
margin:0px;
background-image: url('bg.jpg'); 
background-repeat: no-repeat;
background-attatchment: fixed; align: center;
background-color: #333;
font-family: Verdana;
font-size: 11px;
color: #333333;}

#wrap{
padding:0;
margin:0;
width: 800px;}

h1{
font-size:11px;
font-weight: none;
}

#toppcontain{
float:right;
margin: 0 auto;
width:600px;
padding-left:10px;
padding-right:10px;
background-color:#333333;
}

#navbar {
margin: 0px 60px;
margin-left:250px;
margin-top: 20px;
width:500px;
background: #333333;
	padding: 0;
	height: 20px;
             
 }
#navbar li {
	list-style: none;
	float: left; } /* Ändra till right om du vill ha menyn till höger istället*/
              

#navbar li a {
	display: block;
	padding: 3px 12px;
	background-color: #333333; /*Ändra färgen på menyflikarna här*/
	color: #fff; /*Ändra färgen på texten här*/
	text-decoration: none;
        font-family: Verdana; /*Ändra typsnittet här*/
        font-size: 11px; } /*Ändra storleken på texten här*/
#navbar li ul {
	display: none; 
	width: 7em; /* Ändra bredden på undermenyn här */
	background-color: #cccccc;}
#navbar li:hover ul, #navbar li.hover ul {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
        z-index: 1; }
#navbar li:hover li, #navbar li.hover li {
	float: none; }
#navbar li:hover li a, #navbar li.hover li a {
	background-color: #cccccc; /*Ändra färgen på undermenyn*/
	border-bottom: 0px solid #fff;
font-size: 10px;
	color: #ffffff; } /*ändra textfärgen på undermenyn här*/
#navbar li li a:hover {
	background-color: #5f82f2; } /*Ändra färgen när man håller musen över undermenyn*/


#sida{
float: right;
margin-top:20px;}


#content{
margin: 0 auto;
margin-top:12px;
margin-left: 200px;
float: left;
width: 590px;
height: 495px;
background: #ffffff;
overflow: hidden;
padding: 3px;
overflow: auto;
font-size: 10px;}


/* menyn */
#menycontainer {padding: 2.85em 0 0 1em; margin: 0; background: #333333; margin-left:195px;}
#menycontainer ul {margin: 0; padding: 5px 0 0 0; background: transparent; height: 1.5em;}
#menycontainer li {display: block; float: left; padding: 0 1em 0 0; font: 100% Verdana, Arial, Helvetica, sans-serif; color: #000000;}
.menycontent {display: block; padding: 0 0 0.5em 0; background: #cccccc; color: #333333; text-align: center;}
a.meny, a.meny:visited {width: 6.5em; display: block; text-decoration:none;}
a.meny:hover {background: transparent;}
a#current .menycontent, a#current .r1, a#current .r2, a#current .r3, a#current .r4 {background: #ffffff; }
a#current .menycontent {border-bottom: none}
a.meny:hover .menycontent, a.meny:hover .r1, a.meny:hover .r2, a.meny:hover .r3, a.meny:hover .r4 {background:#ffffff;}

/* runda horn */
.roundtop {background: transparent;}
.r1 {margin: 0 5px; height: 1px; overflow: hidden; background: #cccccc;}
.r2 {margin: 0 3px; height: 1px; overflow: hidden; background: #cccccc;}
.r3 {margin: 0 2px; height: 1px; overflow: hidden; background: #cccccc;}
.r4 {margin: 0 1px; height: 2px; overflow: hidden; background: #cccccc;}

#sidcontent{
float:right;
width: 100px;
height: 100%;
border-left: 1px solid #cccccc;}

#sidcontent li{
list-style:none;
text-align: left;
}

#textcontent{
width: 570px;
height: 100%;
line-height: 185%;
}

h2{
font-size: 16px;
color:#ccc;}

#footer{
margin: 0 auto;
margin-left: 300px;
margin-top: 530px;
color:#5b5a5a;}

#footer a{
color:#5b5a5a;
text-decoration: none;}

#footer a:visited{
color: #5b5a5a;
text-decoration:none;}

#footer a:hover{
color: #e26bd3;
text-decoration: none;}

.undermeny {
font-size: 11px;
padding: 2px;
text-align: right;
color: #cccccc;
margin: 1px;
border-bottom: 3px double #ccc;
width: 550px;
display: block;
word-spacing: 10px;
}

.undermeny a{color:#cccccc; text-decoration:none;}
.undermeny a:visited{color: #cccccc; text-decoration: none;}
.undermeny a:hover {color: #e26bd3; text-decoration: none;}
.undermeny a#current{color: #e26bd3}


a {
color:#cccccc;
text-decoration: none;
}

a:visited{
color: #ccc;
text-decoration:none;
}

a:hover{
color: #5b5a5a;
text-decoration:none;}




#table{
font-size: 10px;
margin: 0 auto;
text-align: center;}



.hoger{
float: right;
margin-top:2px;}

#vanster{
margin-top: 390px;
}

.mitten{
margin: 0 auto;
text-align: center;}

.fotomeny{
padding: 2px;
color: #333;
margin: 1 px;
margin-top: 25px;
border-bottom: 1px solid #ccc;
width: 260px;
display: block;
font-size: 10px;
}

.datum a{
color: #e26bd3;
text-decoration: none;}


.datum a:visited{
color: #e26bd3;
text-decoration: none;}

.datum a:hover{
color: #333;
text-decoration:none;}

.lankarmeny{
padding: 2px;
color: #333;
margin: 1 px;
border-bottom: 1px solid #ccc;
width: 550px;
display: block;
font-size: 10px;
}

a img{
border: 0;}

.lankarna p{
line-height: 100%;}

.lankarna a{
color: #ccc;
text-decoration:none; }

.lankarna a:visited{
color: #ccc;
text-decoration:none; }

.lankarna a:hover{
color: #e26bd3;
text-decoration:none;}

#linkkolumnv{
width: 49%;
float: left;}

#linkkolumnh{
width: 49%;
float: right;}

.clear{
clear: both;}





