/**************************************************************************************
HTML ELEMENTS
/**************************************************************************************/
body{
  background: #000 url(../images/background.jpg) repeat-x;
  font-size: 62.5%;
}


p{
  font: 1.2em/1.6em Verdana, Arial, sans-serif;
  color: white;
}

a,a:link,a:visited{
  color: white;
  text-decoration: none;
}

#content a { 
  color: #C4D532; 
}

a:hover{
  color: #c4d532;
}

h1, h2, h3, h4, h5, h6{
  color: white;
  font-family: Verdana, Arial, sans-serif;
  margin-bottom: 4px;
}


#content #left-col a,
#content #right-col a,
#content #subnav a,
#home #content #text a
{ color: #fff; }

#content #left-col a:hover,
#content #right-col a:hover,
#content #subnav a:hover,
#home #content #text a:hover
{ color: #C4D532; }


/**************************************************************************************
INTRO
/**************************************************************************************/


#wrapper{
  width: 900px;
  margin: 0 auto;
  background: #000 url(../images/top-background.jpg) no-repeat;
  padding: 170px 0 0 0;
  position: relative;
}

#home #wrapper{
  background: #000 url(../images/top-background-start.jpg) no-repeat;
}


#lang{
  position: absolute;
  left: 8px;
  top: 8px;
  padding: 2px;
  width: 21px;
  height: 40px;
}
#lang a   { margin: 0; padding:0 }
#lang img { float: left; padding: 0; margin: 0 0 5px 0; }
#lang.en  { background: url(../images/language-selection.gif) no-repeat 0 0; }
#lang.se  { background: url(../images/language-selection.gif) no-repeat 0 19px; }

#logo{
  float: right;
  padding: 0 30px 0 0;
  position: absolute;
  top: 20px;
  left: 630px;
}

#intro{
  color: white;
  background-image: url(/images/black-op-75.png);
  overflow: auto;
  width: 900px;
}

#home #intro { 
  height: 350px;
 }


#intro #overlay-left{
  background-image: url(/images/black-op-75.png);
  position: absolute;
  /*top: 45px;*/
  left: -20px;
  /*border: 1px dotted red;*/
  width: 20px;
  height: 260px;
}

#intro #overlay-right{
  /*background: url(../images/bars.png) no-repeat;*/
  position: absolute;
  left: 900px;
  width: 115px;
  height: 260px;
}

#home #intro #overlay-left{
  background-image: url(/images/black-op-75.png);
  position: absolute;
  /*top: 45px;*/
  left: -20px;
  /*border: 1px dotted red;*/
  width: 20px;
  height: 350px;
}

#home #intro #overlay-right{
  /*background: url(../images/bars.png) no-repeat;*/
  position: absolute;
  left: 900px;
  width: 115px;
  height: 260px;
}

#home #intro ul{
  margin: 10px 10px 10px 10px;
  float: left;
  /*border: 1px dotted yellow;*/
  width: 281px;
}

#home #intro li{
  margin: 0 0 5px 0;
  height: 103px;
  /*padding: 10px 0;*/
  overflow: hidden;
}


#home #intro li h1{
  font: 1.1em/1.1em "Myriad Pro", Verdana, sans-serif;
  /*font-variant: small-caps;*/
  font-weight: bold;
  margin-top: 8px;
}

#home #intro li img{
  float: left;
  margin-right: 10px;
}



#home #intro li p{
  font-family: Verdana, Arial, sans-serif;
  font-size: 1em;
  line-height: 1.2em;
  margin-top: 8px;

}

#intro h1{
  font: 1.7em "Myriad Pro", Verdana, sans-serif;
  font-weight: bold;
}

#introtext{
  margin: 60px 0 0 20px;
  float: left;
  width: 375px;
  height: 220px;
  display: inline;
}

#home #introtext{
  margin: 20px 52px 0 0;
  float: right;
  width: 375px;
}

#introtext p{
  font: 1.6em "Myriad Pro", Verdana, sans-serif;
  margin: 10px 0;
}

/**************************************************************************************
BREADCRUMBS
/**************************************************************************************/

#breadcrumbs{
  clear: both;
  margin: 0 0 5px 20px;
  text-transform: uppercase;
  font-size: 1.1em;
}

/**************************************************************************************
SUBSCRIBE
/**************************************************************************************/

#subscribe {
margin-top: 50px;
}

#subscribe p{
  margin: 0;
  font-weight: bold;
  font-variant: small-caps;
}

#subscribe input{
  width: 250px;
  /*color: #b8c82f; grön från loggan*/
}

#subscribe input.submit{
  width: 90px;
  font-variant: small-caps;
  /*color: #b8c82f; grön från loggan*/
}

/**************************************************************************************
ENTRANCES
/**************************************************************************************/


#home #entrances{
  height: 100px;
  margin: 10px 10px 30px 10px;
  padding: 30px 0 0px 0;
}

div.entrance{
  float: left;
  padding: 0;
  margin: 0 18px 0 0;
  position: relative;
}

#subnav div.entrance{
  margin: 0 18px 25px 0;
  padding: 0;
}

#city #subnav div.entrance{
  margin: 0 10px 25px 0;
}


div.entrance h2 {
  width: 100%;
  background: url(../images/black-op-75.png);
  margin: 0 0 4px 0;
  padding: 8px 0 0 10px;
  font: 1.2em "Myriad Pro", Verdana, sans-serif;
  font-weight: bold;
  position: absolute;
  left: 0px;
  top: 80px;
  height: 18px;
}


div.entrance h2 a { display: block; }


/**************************************************************************************
CONTENT
/**************************************************************************************/

#content{
  width: 100%;
  overflow: auto;
  clear: both;
  padding-bottom: 100px;
}

#city #content, #sub #content{
  margin-top: 40px;
}

#home #content{
  margin-top: 40px;
}

#home #content #subnav{
  width: 445px;
  margin: 10px 0 0 10px;
  float: left;
  display: inline;
}

#city #content #subnav{
  width: 280px;
  margin: 10px 0 0 10px;
  float: right;
}

#content #text{
width: 570px;
float: left;
margin: 10px 0 0 20px;
display: inline;
}

#home #content #text{
width: 400px;
}


#city #content div.note{
width: 250px;
float: left;
margin: 0 30px 0 0;
}

#content #left-col, #content #right-col{
float: left;
width: 260px;
margin: 0 40px 0 0;
}

#content #text p{
  font: 1.1em/1.3em Verdana, Arial, sans-serif;
}
#sub #content #text p{
  font: 1.2em/1.4em Verdana, Arial, sans-serif;
}

#home #content #text p{
  margin-bottom: 0;
}

#content #text p{
  margin-bottom: 15px;
}

#city #content #text h3{
  margin: 0px 0 2px 0;
}


#content #text li, #content #text p{
  margin-bottom: 20px;
}

#content img{
  margin: 18px 10px 18px 0;
}

#content #subnav img{
  margin: 0;
}


#content h3{
  font: 1.2em "Myriad Pro", Verdana, sans-serif;
  color: white;
  font-weight: bold;
  margin-bottom: 3px;
  
}

/**************************************************************************************
CLASSES
/**************************************************************************************/

#bildbank #content #text                 { width: 875px; }
#bildbank #content #text .thumbs         { float: left; width: 160px; height: 200px; margin: 0 15px 15px 0; }
#bildbank #content #text .thumbs img     { margin: 0 0 5px 0; position: absolute; clip: rect(0px 160px 120px 0px); }
#bildbank #content #text .thumbs p.title { margin: 0; padding: 0; color: #fff; margin-top: 130px; }
#bildbank #content #text .thumbs p.links { margin: 0; padding: 0; color: #fff; font-size: 10px; }

#sidebar    { float: left; width: 200px; border: 1px solid #000; padding: 24px 0 0 60px;  }
#sidebar ul { }
#sidebar li { background: url(/images/gronpil.png) no-repeat left 50%; padding-left: 13px; font: bold 11px arial; text-transform: none;  margin-bottom: 22px;}

.date { padding-bottom: 2px; }

.uppercase { 
  text-transform: uppercase;
}

#sub #content #text p.date { margin-bottom: 3px; }

.intro-image{
  margin: 10px 10px 0 0;
  float: right;
}

.dotted{
  border-top: 1px dotted #4e4e4e;
  border-bottom: 1px dotted #4e4e4e;
}

.dotted-line{
  display: block;
  margin: 0 0 0 10px;
  width: 880px;
  border-bottom: 1px dotted #4e4e4e;
}

.last{
  margin-right: 0 !important;
}


#subscribe          { position: relative; cursor: pointer;}
#subscribeform      { border: 1px solid #333; background: #000; position: absolute; 
                      width: 380px; top: -170px; left: -20px; padding: 15px 30px 30px 30px; }
#subscribeform label { font: bold 11px/20px verdana, arial;  margin: 0; padding: 0; }
#subscribeform label input { font: bold 11px/20px verdana, arial; }
#subscribeform .submit { font: bold 11px/20px verdana, arial; font-variant: normal; text-transform: none; float: right;} 


#sub.press #content ul { color: #fff; font: 1.0em/1.5em Verdana, Arial, sans-serif; }
#sub.press #content li { color: #fff; line-height: 15px; text-transform: uppercase; }
#sub.press #content li a { font-weight: bold; font-size: 1.1em; }

#content img.right { float: right; margin: 0 0 20px 20px; }
#content img.left  { float: left; margin: 0 20px 20px 0;}