* {margin:0px; padding:0px;}

html, body {
font-family:  Verdana, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
line-height: 18px;
background: #2763A9 url(images/bg_1.png) repeat-y;
}

a:link {color: #229BD4; text-decoration: none; font-weight: normal}
a:visited {color: #229BD4; text-decoration: none; font-weight: normal}
a:hover {color: #000000}   /* mouse over link */
a:active {color: #229BD4; text-decoration: none; font-weight: normal}

/* Wrappers och containers */

#wrapper {
position: absolute;
top: 0px;
left: 100px;
width: 800px;
}

#topp {
position: absolute;
top: 0px;
left: 1px;
width: 800px;
}

#leftcontainer {
position: absolute;
top: 150px;
left: 8px;
width: 190px;
}

#rightcontainer {
position: absolute;
top: 150px;
left: 201px;
width: 600px;
}

#main {
position: absolute;
top: 50px;
left: 30px;
right: 30px;
}

#footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:20px;   /* Height of the footer */
   background:#ffffff;
   font-size:80%;
}

#footer2 {
   position:absolute;
   bottom:0;
   width:100%;
   height:20px;   /* Height of the footer */
   font-size:80%;
}

/* RUBRIKER */

h1 {
font-family: Georgia, Times, serif;
font-size: 220%;
color: #229BD4;
height: 50px;
line-height: 40px;
}

h2 {
font-family: Georgia, Times, serif;
font-size: 150%;
color: #229BD4;
height: 50px;
line-height: 40px;
}

/* BILDER */

.bildright
{
	float: right;
	margin: 0 0 0 20px;
	display: block;
	margin: 0 0 0 15px;
	background-color: #FFFFFF;
	padding: 4px;
	border: 1px solid #CCCCCC;
}

.bildram
{
	float: none
	margin: 0 0 0 10px;
	display: inline;
	background-color: #FFFFFF;
	padding: 4px;
	border: 1px solid #CCCCCC;
}



.bild
{
	margin: 0 0 0 20px;
	display: block;
	margin: 5px 0;
	background-color: #FFFFFF;
	padding: 8px;
	border: 1px solid #CCCCCC;
}



/*MENY */

.arrowlistmenu{
width: 180px; /*width of menu*/
}

.arrowlistmenu .headerbar{
font: bold 14px Arial;
color: white;
background: #c0c0c0;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 0px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #229BD4;
background: url(media/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 6px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #229BD4;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #333333;
background-color: #F3F3F3;
}


/* KONVENT */

.konvent{
width: 180px; /*width of menu*/
}

.konvent .headerbar{
font: bold 14px Arial;
color: #333333;
background: #f7e03c;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}
/* f7e03c */
.konvent ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.konvent ul li{
padding-bottom: 0px; /*bottom spacing between menu items*/
}

.konvent ul li a{
color: #229BD4;
background:  url(media/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 6px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.konvent ul li a:visited{
color: #229BD4;
}

.konvent ul li a:hover{ /*hover state CSS*/
color: #333333;
background-color: #f7e03c;
}

/*                  */

.symboler {
padding: 4px;
font-size:80%;
}

.bokning {
padding: 2px;
font-size:90%;
spacing: 1px;
}



.kantlinje {
background-color: #cccccc;
padding:10px
}


#banner {
margin-left:915px;}