/*#############################################################
Name: Dirtylicious
Date: 2007-03-10
Description: A soft-colored, bright and somewhat dirty two-column template.
Author: Viktor Persson
URL: http://templates.arcsin.se

Feel free to use and modify but please provide credits.
#############################################################*/
/* standard elements */
html {
 min-height: 100%;
}

* {
 margin: 0;
 padding: 0;
}

a:link {
 color: #165483;
}

a:visited {
 color: Blue;
}

#content a:focus, a:active {
   background-color : #ffb24a;
 }

p,code,ul, pre {
 padding-bottom: 1.2em;
}

body {
 background: White;
 color: Black;
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size:62.5%;
}

li {
 list-style: none;
 padding-bottom: 1.0em;
}

h1 {
 font-size: 2.2em;
 margin: 0;
}

h1 a:hover {
 background-color: #FFF;
}

h1 a:focus, a:active {
   background-color : ffb24a;
 }

h2 {
 font-size: 1.8em;
 font-weight: bold;
}

h2 a:hover {
 background-color: #FFF;
}

h2 a:focus, a:active {
   background-color : ffb24a;
 }

h3 {
 font-size: 1.4em;
 font-weight: bold;
}

h3 a:hover {
 background-color: #FFF;
}

h3 a:focus, a:active {
   background-color : ffb24a;
 }

h4 {
 font-size: 1.0em;
 font-weight: bold;
}

h4 a:hover {
 background-color: #FFF;
}

h1,h2,h3,h4 {
 padding-top: 6px;
 color: #165483;
 margin-bottom: 4px;
}

img {
 border-style: none;
}

img a:focus, a:active {
   background-color : transparent;
 }

pre {
 font-size: 1.2em;
}

blockquote div {
 padding: 0 48px;
}

td {
 padding: 5px;
}

.left {
 float: left;
}

.right {
 float: right;
}

.center {
text-align:center;
}

.monospc {
 font-family: "Courier New";
}

.clearer {
 clear: both;
 font-size: 0;
}

/* structure */
#container {
 border-color: #D7D7D2; /* skuggning i kanten*/
 border-width: 2px;
 border-style: solid;
 background-color: #FFF;
 font-size: 1.2em;
 margin-top: 0;
 margin-right: auto;
 margin-bottom: 0;
 margin-left: auto;
 padding: 10px;
}

#header {
height: 100px;
position: relative;
background: #004A75 url('images/hd-bg.gif') repeat-x 0 0;
}

#bicycle {
position: absolute;
top: 20px;
left: 20px; 
}

#title1 {
 text-align: center;
 color: #FFB24A;
 font-size: 3em;
 font-weight: bold;
 padding: 15px;
 padding-bottom: 5px;
}

#title2 {
 text-align: center;
 color: #FFB24A;
 font-size: 1.0em;
 font-weight: bold;
}

/* Search form */
form.searching {
width: 170px;
position: absolute;
top: 30px;
right: 0;
}

form.searching fieldset {
border: 0;
}

form.searching input.search {
letter-spacing: 1px;
float: left;
padding: 2px 0 2px 6px;
width: 139px;
border: 1px solid gray;
}

form.searching input.hledat {
letter-spacing: 1px;
padding-left: 0;
margin-left: 4px;
font-weight: bold;
color: #FFFFFF;
float: left;
}

form.searching label {
display: none;
}

/* menu flikar */
#menu {
  float:left;
  width:80%;
  padding-left:20%;
  background:#DAE0D2 url("images/menu-bg.gif") repeat-x bottom;
  font-size:93%;
  line-height:normal;
  }
#menu ul {
  margin:0;
  padding:10px 0 0;
  list-style:none;
  }
#menu li {
  float:left;
  background:url("images/left.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  }
#menu a {
  float:left;
  display:block;
  background:url("images/right.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  font-weight:bold;
  color: Blue;
  text-decoration:none;
  }
#menu p {
  float:left;
  background:url("images/right.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  font-weight:bold;
  color:Blue;
  text-decoration:none;
  }

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#menu a {float:none;}
/* End IE5-Mac hack */

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

#menu #current {
  background-image:url("images/left_on.gif");
  }
#menu #current a {
  background-image:url("images/right_on.gif");
  color:#333;
  padding-bottom:5px;
  text-decoration:none;
  }
#menu #current p {
  background-image:url("images/right_on.gif");
  color:Black;
  padding-bottom:5px;
  text-decoration:none;
  }

#menu #current_sib {
  background-image:url("images/left_on.gif");
  }
#menu #current_sib a {
  background-image:url("images/right_on.gif");
  color:Blue;
  padding-bottom:5px;
  }

#path {
 clear: both;
 font-size: 0.9em;
 font-weight: bold;
 height: 15px;
 line-height: 25px;
 margin-top: 40px;
 margin-right: auto;
 margin-bottom: 0;
 width:80%;
 padding-left:20%;

}

#path a {
 color: Blue;
}

#path #curr {
 color: Black;
}

#main {
 border-top-color: #FFF;
 border-top-width: 4px;
 border-top-style: solid;
 padding-top: 8px;
 padding-right: 12px;
 padding-bottom: 0;
 padding-left: 0;
}

#content {
 float: right;
 width: 70%;
}

#content ul li {
 list-style: url(images/li.gif);
 margin-left: 18px;
}

#content p {
 font-family: Verdana, Arial, sans-serif;
 color: Black;
}

/* Navigation - left menu */
#navigation {
 float: left;
 width: 30%;
}

#navigation h2 {
 color: #165483;
 font-size: 1.4em;
 font-weight: bold;
 font-family: Verdana, Arial, sans-serif;
 line-height: 30px;
 padding-left: 12px;
 margin: 0;
}

#navigation ul {
 padding: 0;
 border-top-color: #C2DBEF;
 border-top-width: 1px;
 border-top-style: solid;
 margin-right: 12px;
}

#navigation li {
 border-bottom-color: #C2DBEF;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 padding-bottom: 0;
}

#navigation li a {
 font-size: 1.1em;
 color: Blue;
 display: block;
 padding-top: 8px;
 padding-right: 0;
 padding-bottom: 8px;
 padding-left: 5%;
 text-decoration: none;
 width: 95%;
}

#navigation li a:hover {
  text-decoration:underline;
}

#navigation li a:visited {
 color: Blue;
}


#footer {
 background-color: #4490ca;
 color: Black;
 font-size: 0.8em;
 font-weight: bold;
 font-family: Verdana, Arial, sans-serif;
 margin-top: 5px;
 padding-top: 10px;
 padding-right: 12px;
 padding-left: 12px;
}

#footer a {
 background-color: #4490ca;
}