@charset "utf-8";
/* CSS Document 
   halvorsen.no

Atle Lillehovde 2010
atle@apasje.no
*/

*, html {
margin: 0;
padding: 0;
}
body {
font: 11px/16px Verdana, sans-serif;
color: #333;
background: url(/images/sitedesign/bg_topp.jpg) no-repeat 50% 0%;
}
/*--------------------STRUCTURE---*/
#wrapper {
width: 820px;
margin: 0 auto;
}
#masthead {
width: 800px;
height: 240px;
margin: 0 auto;
position: relative;
}
#mainmenu{
margin: 0 0px;
padding: 10px 0;
position: absolute;
bottom: 23px;
width: 800px;
}
#content {
background: url(/images/sitedesign/bg_content.gif) repeat-y;
padding: 10px 30px 10px 30px;
}
#sidebar1{
}
#maincontent {
width: 540px;
float: right;
}
#sidebar {
width: 200px;
float: left;
}
#footer {
text-align: center;
padding: 30px 0;
margin: 0px 0;
background: url(/images/sitedesign/bg_footer.gif) no-repeat;
}
/*------------------NAV & LINKS---*/
#mainmenu ul {
text-align: center;
}
#mainmenu li {
display: inline;
font-size: 14px;
}
#mainmenu li a:link, #mainmenu li a:visited {
color: #546270;
text-decoration: none;
padding: 10px 7px;
}
#mainmenu li a:hover, #mainmenu li a:active {
color: #000;
}
a:link, a:visited {
color: #333;
text-decoration: underline;
}
a:hover, a:active {
color: #000;
text-decoration: none;
}
#home-link a{
width: 360px;
height: 180px;
display: block;
}
.intro h3 a {
color: #FFF;
background: url(/images/sitedesign/knapp_peker.png) no-repeat 100% 70%;
padding: 5px 35px 5px 5px;
}
.teasers .lesmer {
border: none;
position: absolute;
bottom: 5px;
background: #4e765e;
}
.teasers .lesmer a {
color: #FFF;
font-weight: bold;
}
#footer p a{
color: #999;
}
.section_list {
padding-bottom: 7px;
}
.section_list li{
border-left: 1px solid #999;
display: inline;
padding: 0px 5px 2px 5px;
}
.section_list li:first-child{
border-left: none;
}
h1 a, h2 a {
color: #9f292e!important;
}
.billettinfo p {
position: absolute;
right: -150px;
bottom: 10px;
color: #9f292e;
font-weight: bold;
}
.billettinfo p a {
background: url(/images/sitedesign/kjop_billett.png) no-repeat 100% 100%;
width: 215px;
height: 25px;
display: block;
}
.billettinfo p a span {
margin-left: -2000px;
}
.recent_articles {
list-style-type: none;
}
.recent_articles li a {
display: block;
border-bottom: 1px solid #D7D7D7;
padding: 5px ;
}
/*------------------------BOXES---*/
.intro {
background: url(/images/sitedesign/intro_front.jpg) no-repeat 100% 0%;
padding: 0 380px 20px 0;
margin: 0 0 10px 0;
text-align: center;
}
.teasers {
background: url(/images/sitedesign/bg_teasers.png) no-repeat 50% 0%;
margin: 0 -30px;
padding: 20px 30px 40px 30px;
position: relative;
}
.teaser1, .teaser2, .teaser3 {
width: 241px;
}
.teaser1 div, .teaser2 div{
margin-right: 20px;
}
.teaser3 div {
padding-right: 30px;
}
.teaser1 {
float: left;
}
.teaser2 {
float: left;
}
.teaser3 {
float: left;
}
.program_item, .article {
border-bottom: 1px solid #d7d7d7;
position: relative;
padding: 0 0 10px 0;
margin: 0 0 10px 0;
clear: both;
}
.teaser1 div, .teaser2 div, .teaser3 div {
border-bottom: 1px solid #95ad9e;
}
/*-------------------------TYPO---*/
h1, h2, h3 {
}
h1 {
color: #9f292e;
font-size: 16px;
font-weight: normal;
padding: 0 0px 10px 0;
}
.intro h1 {
color: #9f292e;
font-weight: bold;
font-size: 34px;
line-height: 34px;
padding: 0 0px 10px 0;
}
h2 {
font-size: 16px;
line-height: 20px;
color: #9f292e;
padding: 0 0px 10px 0;
}
.teasers h2 {
border-bottom: 1px solid #95ad9e;
font-size: 24px;
line-height: 24px;
color: #FFF;
font-size: 22px;
padding: 0;
background: url(/images/sitedesign/bg_h2_teasers.png) no-repeat 100% 80%;
}
#sidebar h2 {
font-size: 12px;
border-bottom: 1px solid #d7d7d7;
padding: 0 0 0px 0;
margin: 0 0 10px 0;
background: url(/images/sitedesign/bg_h2_sidebar.png) no-repeat 100% 60%;
}
.program_item h2 {
font-size: 12px;
line-height: 14px;
padding: 0 0 7px 20px;
color: #333;
}
.intro h3 {
color: #FFF;
font-size: 16px;
line-height: 16px;
padding: 6px 0;
margin: 0;
display: block;
background: url(/images/sitedesign/bg_knapp.png) no-repeat 50% 0%;
}
.teasers h3 {
color: #FFF;
font-size: 11px;
}
.intro p {
font-size: 14px;
line-height: 18px;
color: #4a5763;
padding: 0 0px 40px 0;
}
.teasers p {
color: #FFF;
padding: 5px 0;
margin: 5px 0;
}
.article p {
padding: 0 0 7px 0;
}
.sidebaritem dt {
font-size: 16px;
color: #666;
float: left;
padding: 5px 0;
}
.sidebaritem dd {
border-bottom: 1px solid #d7d7d7;
padding: 5px 0 5px 50px;
}
.sidebaritem dl {
clear: both;
}
.program_item .date {
font-size: 14px;
padding: 0 0 7px 0;
}
.program_item p {
padding: 0 150px 7px 20px;
}
ul {
}
li {
}
strong {
}
#footer p {
color: #999;
}
/*-----------------------COLORS---*/
/*-----------------------IMAGES---*/
.teasers img {
float: left;
margin: 13px 10px 0 0;
border: 1px solid #95ad9e;
}
.article img {
float: left;
padding-right: 10px;
}
/*------------------------FORMS---*/
/*-------------------------MISC---*/
.clear {
clear: both;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}