/* CSS Document */

body{
margin:10px 0 0 0;
padding:0;
background:#FFF url('../images/bg.jpg') left top repeat-x;
font-family:Arial, 'Verdana, sans-serif';
}

/* -----------------------------------------
--------- | Wrapper | ------------------- */

#wrapper{
width:960px;
position:relative;
margin:0 auto;
background:#FFF url('../images/main_top.jpg') left top no-repeat;
overflow:hidden;
}

#wrapper #main{
width:900px;
margin:10px auto;
overflow:hidden;
}

#main #logo{
display:block;
background:url('../images/logo-bg.gif') left 14px no-repeat;
font-size: 36px;
height: 30px;
color: #000;
text-decoration: none;
padding: 0 0 20px 32px;
font-weight: normal;
}

#main #logo span {
  color: #0b8cca;
  margin: 0;
  padding: 0;
}

#main #logo { text-decoration: none; }

/* -----------------------------------------
--------- | Mainlevel | ----------------- */

ul#mainlevel{
display:block;
width:900px;
height:30px;
clear:both;
list-style-type:none;
margin:0 0 10px 0;
padding:0;
}

ul#mainlevel li{
float:left;
display:block;
height:30px;
}

ul#mainlevel li a{
float:left;
display:block;
height:30px;
padding:0 10px;
font:bold 12px/30px 'Arial';
color:#000;
text-align:center;
text-decoration:underline;
border-right:1px dashed #000;
}

ul#mainlevel li .last{
border-right:none;
}

ul#mainlevel li a:hover{
text-decoration:none;
}

/* -----------------------------------------
--------- | Header | -------------------- */

#main #header #header_text h2{
color:#FFF;
font-size:28px;
line-height:28px;
border-bottom:2px solid #FFF;
margin:0;
padding:0;
text-align: left;
}

#main #header #header_text p{
font-size:18px;
margin: 5px 0;
display: block;
width: 250px;
overflow: hidden;
}

#main #header{
width:900px;
position:relative;
height:150px;
margin:0 0 40px 0;
background:url('../images/header.jpg') left top no-repeat;
}

#main #header #header_text{
float:right;
padding:10px 50px 10px 75px;
height:140px;
width:250px;
color:#FFF;
}

#main #header #header_text a{
display:block;
width:210px;
height:32px;
line-height:40px;
padding:6px 10px;
text-align:center;
line-height: 28px;
background:url('../images/but.gif') no-repeat;
font-size:28px;
color:#FFF;
text-decoration:none;
}

#main #header #header_text a:hover{
text-decoration:underline;
}

/* -----------------------------------------
--------- | Quiklinks | ------------------*/

#quiklinks{
width:900px;
overflow:hidden;
margin-bottom:20px;
}

#quiklinks ul{
margin:0;
padding:0;
list-style-type:none;
overflow: hidden;
}

#quiklinks ul li{
float:left;
display:block;
width:290px;
overflow: hidden;
}


#quiklinks .middle{
width:290px;
padding:0;
margin:0 7px;
padding:0 7px;
border-left:1px solid #000;
border-right:1px solid #000;
}

#quiklinks h2{
margin:0 0 10px 0;
padding:0;
font-size:20px;
}

#quiklinks p{
margin:0 0 10px 0;
padding:0;
font-size:12px;
}

#quiklinks img{
float:left;
width:80px;
height:80px;
border:none;
}

#quiklinks .tekst{
float:right;
width:200px;
}

#quiklinks .tekst .more{
display:block;
float:right;
width:80px;
height:30px;
font-size:12px;
font-weight:bold;
background:url('../images/but_readmore.jpg') top left no-repeat;
color:#FFF;
text-align:center;
line-height:30px;
text-decoration:none;
}

#quiklinks .tekst .more:hover{
text-decoration:underline;
cursor:pointer;
}

/* -----------------------------------------
--------- | Sidebar | --------------------*/

#content_wrap #sidebar #information h3{
color:#fff;
font-weight:normal;
font-size:18px;
line-height:24px;
border-bottom:1px solid #fff;
margin: 0 0 10px 0;
padding:0;
}

#content_wrap #sidebar #information p {
  color: #fff;
  font-size: 14px;
  line-height: 16px;
  margin: 0;
  padding: 0;
}

#sidebar .top-img{
  border:none;
  display: block;
  text-indent: -9001px;
  text-decoration: none;
  padding: 0;
  margin: 0 0 20px 0;
  width: 255px;
  height: 65px;
  float: left;
  background: url(../images/start.png) left top no-repeat;
}

#content_wrap #sidebar{
float:left;
width:250px;
overflow:hidden;
margin:19px 0;
padding:0 20px 0 20px;
}

#content_wrap #sidebar h2 {
  color: #fff;
  font-size: 24px;
  line-height: 24px;
  margin: 0 0 20px 0;
  text-align: center;
  border-bottom: 1px solid #fff; 
}

#sidebar #information {
margin:0;
padding:0;
list-style-type:none;
overflow: hidden;
}

#sidebar #information li{
float:left;
width:250px;
margin:0 0 15px 0;
padding:0;
}

#sidebar #information li a{
margin:0;
padding:0;
color:#fff;
text-decoration:none;
font-weight:normal;
}

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

/* -----------------------------------------
--------- | Content | --------------------*/

#content_wrap #content_text h1{
color:#000;
font-size:36px;
font-weight:normal;
line-height:38px;
border-bottom:2px solid #000;
margin:0 0 25px 0;
padding:0;
}

#content_wrap #content_text h3{
color:#000;
font-size:18px;
margin:0 0 25px 0;
padding:0;
}

#content_wrap #content_text .image-left,
#content_wrap #content_text .image-right {
  border: none;
  float: left;
  width: 150px;
  height: 150px;
  margin-right: 10px;
  display: block;
  text-decoration: none;
  text-indent: -9001px;
  -webkit-border-radius: 0px;
  background: url(../images/bingo1.png) left top no-repeat;
}

#content_wrap #content_text .image-right {
  float: right;
  margin-left: 10px;
  background: url(../images/bingo2.png) left top no-repeat;
}

#content_wrap #content_text p{
margin:0 0 25px 0;
}

#content_wrap #content_text a {
  text-decoration: none;
  color: #000;
  font-size:12px;
  font-weight:normal;  
}

#stretch{
overflow:hidden;
background:url('../images/bg_stretch.jpg') left bottom repeat-y;
}

#content_wrap{
width:900px;
overflow:hidden;
background:url('../images/content_top.jpg') left top no-repeat;
}

#content_wrap #content_text{
float:right;
width:560px;
font-size:12px;
line-height:20px;
margin:19px 0 0 0;
padding:0 20px 0 20px;
}


/* -----------------------------------------
--------- | Footer | ---------------------*/

#footer{
width:940px;
height:20px;
padding:10px;
background:url('../images/footer.jpg') left top no-repeat;
font-size:12px;
line-height:20px;
}

#footer ul#sitemap{
margin:0;
padding:0;
list-style-type:none;
}

#footer ul#sitemap li{
float:left;
display:block;
margin:0;
padding:0 10px;
}

#footer ul#sitemap li a{
color:#FFF;
text-decoration:none;
}

#footer ul#sitemap li a:hover{
text-decoration:underline;
}

/* -----------------------------------------
--------- | copyright | ------------------*/

#footer #copyright{
float:right;
color:#FFF;
margin:0;
padding:0;
}

#footer #copyright a{
text-decoration:underline;
color:#FFF;
}

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