* {
  margin: 0 auto;
  font-family: 'Trebuchet MS', Helvetica, sans-serif;

}
p {
  font-size: 10pt;

}
div.menuBlock p {
  font-size: 10pt;
  text-align:left;
}
body {
  background-image: url('../gfx/stripeSummer.png');
}
div.wrapper {
  color: #000;
  background-color: #fff;
  width: 900px;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  min-height: 800px;
}
div.header{
  color: #000;
  font-size: 12pt;
  margin: 0;
  padding:0;
  border-bottom: 2px solid #666;
}
div#sig {
  background-image: url(../gfx/banner.jpg);
}
div#uka11 {
  background-image: url(../gfx/banner.jpg);
}
div.header img {
  margin: 0 0 0 0;
  padding: 0;
  border: none;
}
div.header h1 {
  font-size: 35pt;
  padding: 15px;
 
}
div.header h1 a {
  text-decoration: none;
  color: #666;
 
}
div.content{
  min-height: 500px;
}



/*ContentBlocks*/
div.happeningsColum {
  float:left;
  width: 245px;
  margin: 5px 0 0 0 ;
  padding: 10px;
  /*background-color: #eee;*/
  color: #dd7049;
  border-left: 1px solid #666;
}
div.happeningsColum h3 {
  font-size: 12pt;
  text-align: left;
  padding: 0 0 15px 0;
  color: #666;
}
div.happeningsColum h2 {
  font-size: 10pt;
  text-align: right;
  color: #666;
  margin: 0 0 5px 0;
  border-bottom: 1px solid #666;
}
div.happeningsColum ul  {
  list-style: none;
  margin: 0;
  padding: 0;
}
div.happeningsColum li  {
  list-style: none;
  font-size: 10pt;
  padding: 0;
}
div.newsColum {
  float:left;
  width: 615px;
  margin: 5px 5px 0 0;
  padding: 0;
  /*background-color: #eee;*/
}
div.newsColum h3 {
  font-size: 10pt;
  text-align: left;
  padding: 0 0 10px 0;
  color: #666;
}


/*newsFrontPage*/
div.news {
  
}
div.news p {
  text-align:justify;
} 
div.topNewsItem {
  /*background-color: #eee;*/
  padding: 5px 5px 30px 5px;
}
div.topNewsItem h2 {
  font-size: 16pt;
  margin: 0 0 10px 0;
  border-bottom: 5px solid #ddd;
}
div.topNewsItem img.left {
  float:left;
  margin: 10px 10px0 10px 0;
}
div.topNewsItem img.right {
  float:right;
  margin: 10px 0 10px 10px;
}

div.doubleNewsItem {
  /*background-color: #eee;*/
  padding: 5px 5px 5px 5px;
  /*margin: 10px 0 10px 0;
  border-bottom: 1px solid #666*/
}

div.firstSingleItem {
  margin: 0;
  padding: 0;
  display:block;
  margin-bottom: 30px;
}
/*div.secondSingleItem {
  float: left;
  width: 288px;
  margin: 0 0 0 0;
  padding: 0 0 0 9px;
  border-left: 1px dotted #666

}*/
div.news img.left {
  float:left;
  width: 150px;
  padding: 5px;
  background-color: #fff;
  border: 2px solid #666;
  margin: 10px 10px 10px 0;
}
div.news img.right {
  float:right;
  margin: 10px 0 10px 10px;
  padding: 5px;
  background-color: #fff;
  border: 2px solid #666;
}
/*Diverse bilde deklareringer*/
div.news img.mediumRight {
  float:right;
  margin: 10px 0 10px 10px;
  padding: 5px;
  width: 265px;
  background-color: #fff;
  border: 2px solid #666;
}
div.news img.smallRight {
  float:right;
  margin: 10px 0 10px 10px;
  padding: 5px;
  width: 265px;
  background-color: #fff;
  border: 2px solid #666;
}
div.news img.largeRight {
  float:right;
  margin: 10px 0 10px 10px;
  padding: 5px;
  width: 265px;
  background-color: #fff;
  border: 2px solid #666;
}
div.news img.squareRight {
  float:right;
  margin: 10px 0 10px 10px;
  padding: 5px;
  width: 100px;
  background-color: #fff;
  border: 2px solid #666;
}








div.news  p {
  margin: 0 0 20px 0;
}
span.readMore {
  color: #666;
  font-weight: bolder;
  font-size: 10pt;
  width: 100%;
  display: block;
  padding: 5px 0 5px 0;
  border-top: 1px solid #ddd;
  border-bottom: 5px solid #ddd;
}
div.news a {
  color: #666;
  text-decoration: none;
}
div.news a:hover {
  color: #ff7049;
  text-decoration: none;

}
span.metaData {
  color: #bbb;
  float: right;
  font-weight: normal;
}

div.doubleNewsItem h2 {
  margin: 0 0 10px 0;
  padding: 0;
  border-bottom: 5px solid #ddd;
  font-size: 12pt;
}

/*messagebox*/
div#messageBoxOK {
  font-size: 10pt;
  color: green;
  background-color: LightGreen ;
  border: 1px solid green;
  margin: 0 5px 10px 5px;
  padding: 5px;
}
div#messageBoxIKKEOK {
  font-size: 10pt;
  color: FireBrick;
  background-color: Salmon ;
  border: 1px solid red;
  margin: 0 5px 10px 5px;
  padding: 5px;
}


/*FrontPage bottomer*/
div.bottomer{
  color: #000;
  background-color: #bdbd9f;
  font-size: 10pt;
  border-top: 5px solid #666;
  min-height: 180px;
} 
div.bottomBlockImg {
  float: left;
  margin: 20px;
  height: 150px;
  width: 495px;
}
div.bottomBlockComment {
  float: left;
  margin: 20px;
  height: 150px;
  width: 320px;
}
h3.bottomBlock {
  font-size: 11pt;
  font-weight: bold;
  color: #666;
}
div.bottomBlockImg p {
  font-size: 9pt;
  font-weight: bold;
  color: #666;
}
div.bottomBlockImg p a {
  font-size: 9pt;
  font-weight: bold;
  color: #666;
  text-decoration: none;
}
div.bottomBlockImg p a:hover {
  font-size: 9pt;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
}
img.frontPageImgTeaser {
  float: left;
  border: 5px solid #666;
  margin: 2px;
  padding: 5px;
  width: 140px;
  background-color: #fff;

}
img.frontPageImgTeaser:hover {
  float: left;
  border: 5px solid #666;
  margin: 2px;
  padding: 5px;
  width: 140px;
  background-color: #eec05e;

}
div.bottomBlockComment ul {
  list-style: none;
  margin: 0;
  font-size: 9pt;
  padding:0;
}
div.bottomBlockComment ul li {
  list-style: none;
  font-size: 9pt;
  margin: 2px 1px 5px 1px;
  padding:0;
  color: #444;
}
div.bottomBlockComment a {
  color: #444;
  text-decoration: none;
}
div.bottomBlockComment a:hover {
  color: #fff;
  text-decoration: none;
}
div.bottomBlockComment ul li:hover {
  list-style: none;
  margin: 2px 1px 5px 1px;
  padding:0;
  font-size: 9pt;
  color: #fff;
}
/*Menu*/
div.menu {

}
div.menuBlock{
  float: left;
  background-color: #eec05e;
  padding: 5px;
  width: 140px;
  height: 70px;
  border-bottom: 5px solid #666; 
}
div.menuBlock:hover{
  float: left;
  background-color: #bdbd9f;
  padding: 5px;
  width: 140px;
  height: 70px;
}
div.menuBlock a{
  color: #222;
  text-decoration: none;
}
div.menuBlock h4 {
  font-size: 11pt;

}







/*NewsPage*/

div.newsItem {
  padding: 0 5px 20px 5px;
}
div.newsItem h2 {
  padding: 10px 0 0 0;
  font-size: 16pt;
  margin: 0 0 20px 0;
  border-bottom: 5px solid #ddd;
}
span.newsMetaLeft {
  float: left;
  font-size: 10pt;
  color: #999;
  width: 50%;
  padding: 5px 0 5px 0;
  border-top: 1px solid #ddd;
  border-bottom: 5px solid #ddd;
}
span.newsMetaRight {
  float: right;
  font-size: 10pt;
  color: #999;
  width: 50%;
  padding: 5px 0 5px 0;
  text-align: right;
  border-top: 1px solid #ddd;
  border-bottom: 5px solid #ddd;
}
div.newsItem h3 {
  padding: 10px 0 0 0;
  font-size: 12pt;
  margin: 0 0 20px 0;
}
div.newsItem li {
  padding: 10px 0 0 0;
  font-size: 10pt;
  margin: 0 0 10px 0;
}






/*newsComment*/
div.comments {
  padding: 0 5px 20px 5px;
}
div.comments h3 {
  border-bottom: 5px solid #ddd;
  color: #333;
  font-size: 14pt;
  text-align: left;
}

div.commentItem  {
  border-left: 15px solid #ddd;
  border-bottom: 5px solid #ddd;
  margin: 5px 0 0 0;
  padding: 5px;
}
div.commentItem p {
  padding: 0 0 0 20px;
  margin: 0;
}
div.commentItem h4 {
  color: #333;
  font-size: 10pt;
  font-weight: normal;
}
div.commentItem span.commentMeta {
  text-align: right;
  width: 100%;
  float: right;
  font-size: 10pt;
  color: #999;
}
div.addComment {
  margin: 0 5px 20px 5px;
  background-color: #eee;
}
div.addComment h4 {
  margin: 0 0 20px 0;
  padding: 10px;
  color: #333;
  font-size: 10pt;
  font-weight: bolder;
  border-bottom: 5px solid #ddd;
}
div.addComment input {
  margin: 0 15px 20px 15px;
  font-size: 10pt;
}
div.addComment textarea {
  margin: 0 15px 20px 15px;
  font-size: 10pt;
}
div.addComment lable {
  font-size: 10pt;
  color: #333; 
}

/*Page*/
div.page {
  margin: 0 5px 45px 5px;
}
div.page p {
  margin: 0 0 10px 0;
  font-size: 10pt;
}
div.page h2 {
  margin: 20px 0 10px 0;
  font-size: 16pt;
}
div.page h3 {
  margin: 20px 0 10px 0;
  font-size: 14pt;
}
div.page h4 {
  margin: 20px 0 10px 0;
  font-size: 12t;
}
div.page ul {
   display: block;
  }
div.page li {
  font-size: 10pt;
  margin: 0;
  padding: 0;
}
div.page b {
  margin: 0;
  padding: 0;
  font-size: 10pt;
}
div.page img.left {
  float:left;
  width: 150px;
  padding: 5px;
  background-color: #fff;
  border: 2px solid #666;
  margin: 10px 10px 10px 0;
}
div.page img.right {
  float:right;
  margin: 10px 0 10px 10px;
  padding: 5px;
  background-color: #fff;
  border: 2px solid #666;
}
div.member {
  width: 295px;
  float: left;
  margin: 0 0 20px 0;
}

/*UKAPage*/
div.ukaPage {
  margin: 0 5px 45px 5px;
  padding: 0 180px 0 0;
}
div.ukaPage p {
  margin: 0 0 10px 0;
  font-size: 10pt;
}
div.ukaPage h2 {
  margin: 20px 0 10px 0;
  font-size: 16pt;
}
div.ukaPage h3 {
  margin: 20px 0 10px 0;
  font-size: 14pt;
}
div.ukaPage h4 {
  margin: 20px 0 10px 0;
  font-size: 12t;
}
div.ukaPage ul {
   display: block;
  }
div.ukaPage li {
  font-size: 10pt;
  margin: 0;
  padding: 0;
}
div.ukaPage b {
  margin: 0;
  padding: 0;
  font-size: 10pt;
}
div.ukaPage img.left {
  float:left;
  width: 150px;
  padding: 5px;
  background-color: #fff;
  border: 2px solid #666;
  margin: 10px 10px 10px 0;
}
div.ukaPage img.right {
  float:right;
  margin: 10px 0 10px 10px;
  padding: 5px;
  background-color: #fff;
  border: 2px solid #666;
}
/*ukapageMenu*/
div.ukaMenu {
  width: 250px;
  float: right;
}
div.ukaMenu div.leftMenuBlock {
 width: 200px;
 }
div.rek {
  width: 125px;
  padding: 0 25px 0 25px;
  margin: 15px 0 5px 0;
  text-align: center; 
}
div.rek img {
  width: 150px;
}



/*BigMenu*/
span.bigMenuTitle{
  display:block;
  padding: 2px 0 2px 5px;
  margin: 0;
  color: #999;
  font-size: 12pt;
  font-weight: bolder;
  text-align: right;
  text-decoration: none;
}
a.bigMenuItem {
  display:block;
  padding: 2px 0 2px 5px;
  margin: 2px 0 2px 0;
  color: #666;
  font-size: 10pt;
  font-weight: bolder;
  border-left: 5px solid #dd7049;
  border-bottom: 1px solid #dd7049;
  border-top: 1px solid #dd7049;
  text-decoration: none;
  background-color: #fff;
}
a.bigMenuItem:hover {
  
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  border-bottom: 1px solid #dd7049;
  border-top: 1px solid #dd7049;
}
a.bigMenuItemKid {
  display:block;
  padding: 2px 0 2px 5px;
  margin: 2px 0 2px 10px;
  color: #666;
  font-size: 10pt;
  font-weight: bolder;
  border-left: 5px solid #dd7049;
  border-bottom: 1px solid #dd7049;
  border-top: 1px solid #dd7049;
  text-decoration: none;
  background-color: #fff;
}
a.bigMenuItemKid:hover {
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  border-bottom: 1px solid #dd7049;
  border-top: 1px solid #dd7049;
}
div.leftMenuBlock {
 padding: 2px 10px 10px 10px;
 margin: 10px 0 0 10px ;
 background-color: #fff;
}
div.rek img {
  margin: 10px 0 10px 0;
}
/*POLLPAGE*/
p.poll {
  text-align: justify;
}
div.poll {
  width: 200px;
  border: 1px solid #666;
  font-size: 10pt;
  margin: auto;
  padding: 10px;
  line-height: 200%;
  
}
div.poll h4 {
  border-bottom: 5px solid #ddd;
  margin: 0;
  padding: 0;
  
}
span.bottom_poll {
  font-size: 8pt;
}