/* CSS Document 
drammensteater.no
(c)2009 Atle Lillehovde
atle @ apasje. no
*/

/*------------------------RESET-*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
body {
background: #fdf6dc url(/images/sitedesign/bg_body.jpg) repeat-x;
font: 11px/16px Verdana, sans-serif; 
color: #666;
}
/*---------------------STRUCTURE-*/
#masthead {
width: 940px;
height: 120px;
margin: 0 auto;
}
* html #masthead {
margin-bottom: -2px;
}
#wrapper{
position: relative;
width: 940px;
margin: 0 auto;
background: url(/images/sitedesign/bg_content.jpg);
}
#container {
padding: 20px 40px 0 40px;
}
#sidebar1 {
width: 195px;
float: left;
margin-top: 5px;
}
#maincontent {
width: 470px;
float: left;
padding-bottom: 20px;
}
#maincontent2 {
width: 660px;
float: left;
padding-bottom: 20px;
}
#sidebar2 {
width: 195px;
float: right;
}
#footer{
width: 940px;
margin: 0 auto;
background: url(/images/sitedesign/bg_footer.jpg) no-repeat 100% 0%;
text-align: center;
padding: 20px 0 0 0 ;
}
/*---------------------------NAV-*/
#mainmenu {
background: #00314d url(/images/sitedesign/bg_mainmenu.gif) no-repeat 0% 100%;
height: 30px;
width: 900px;
margin: 0 auto 0 auto;
font-family: Georgia, serif;
letter-spacing: 1px;
position: relative;
}
.mainmenu { 
padding-left: 10px;
margin: 0 0px 0 0px;
}
.mainmenu li { 
display: inline;
font-size: 14px;
line-height: 30px;
font-weight: bold;
text-transform: uppercase;
}
.mainmenu li a:link, .mainmenu li a:visited {
text-decoration: none;
color: #FFF;
padding: 6px 10px 6px 10px;
margin-top: 0;
}
.mainmenu li a:hover, .mainmenu li a:active, .mainmenu_active{
background: #1b6894;
}
.billettluka {
display: inline;
font-size: 14px;
line-height: 30px;
font-weight: bold;
text-transform: uppercase;
position: absolute;
top: 0;
right: 20px;
}
.billettluka a:link, .billettluka a:visited{
text-decoration: none;
color: #FFF!important;
padding: 6px 10px 6px 10px;
}
.billettluka a:hover, .billettluka a:active{
background: #1b6894;
}
#submenu {
margin: 0 0px 20px 0px;
}
.submenu {
list-style-type: none;
margin: 0;
padding: 0;
font-size: 14px;
line-height: 30px;
}
.submenu li {
border-bottom: 1px solid #d6dfe4;
}
.submenu li a:link, .submenu li a:visited {
padding-left: 5px;
display: block;
text-decoration: none;
color: #967676;
}
.submenu li a:hover, .submenu li a:active, .submenu_active{
color: #690304;
background: #fdf7dc;
}
#months, #front_list {
border: 1px solid #d6dfe4;
padding: 5px;
margin: 0 0 20px 20px;
}
#nav-events {
list-style-type: none;
}
#nav-events li a {
border-bottom: 1px solid #d6dfe4;
padding: 5px;
display: block;
text-decoration: none;
color: #967676;
}
/*-------------------------BOXES-*/
#search {
border: 1px solid #d6dfe4;
margin: 0 0 0 0;
padding: 5px;
}
.article_front{
margin: 0px 15px;
}
#sponsorer {
margin: 0 20px;
padding-top: 10px;
text-align: center;
border-top: 1px solid #bd8946;
}
.article, .list{
padding: 0 0 30px 20px;
}
.billett {
border: 1px solid #d6dfe4;
margin-top: 10px;
padding: 5px 5px 8px 5px;
}
#banner img {
margin-bottom: 10px;
}
.flashbanner {
margin-bottom: 20px;
}
.col {
width: 300px;
position: relative;
}
.left {
float: left;
}
.right{
float: right;
}
.pad-right {
padding-right: 20px;
}
.pad-left {
padding-left: 20px;
}

/*--------------------------TYPO-*/
h1 {
font-family: Georgia, serif;
font-size: 18px;
line-height: 22px;
font-weight: bold;
display: block;
padding-bottom: 10px;
color: #690304;
}
h2 {
font-family: Georgia, serif;
font-size: 16px;
line-height: 20px;
font-weight: bold;
display: block;
padding-bottom: 7px;
color: #690304;
}
.article h2 {
padding: 10px 0 7px 0;
}
h2 a:link, h2 a:visited {
display: block;
text-decoration: none;
padding-bottom: 5px;
border-bottom: 1px solid #d6dfe4;
}
h2 a:hover, h2 a:active{
border-bottom: 1px solid #690304;
background: #fdf7dc;
}
#sidebar1 h2, #sidebar2 h2 {
font-size: 12px;
padding-bottom: 5px;
}
h3 {
color: #690304;
font-weight: bold;
padding-bottom: 10px;
}
.front_list_item h3 {
width: 163px;
display: block;
overflow: hidden;
}
.billett h3 {
background: url(/images/sitedesign/cart_go.png) no-repeat;
font-weight: bold;
font-size: 12px;
color: #666;
padding-left: 20px;
margin-bottom: 0px;
text-transform: uppercase;
}
.event-date {
font-size: 14px;
padding-right: 10px;
}
.program-list {
background: #d6dfe4;
margin: 0 -20px 0 20px;
padding: 0 0 0 5px!important;
text-transform: uppercase;
height: 27px;
display: block;
}
#months h2 {
background: #d6dfe4;
margin: -5px -5px 0px!important;
padding: 0 0 0 10px!important;
height: 26px;
}
p {
padding-bottom: 7px;
}
.article ul, .article ol {
padding: 0 0 10px 30px;
}
.ingress {
font-size: 14px;
line-height: 20px;
padding-bottom: 20px;
}
#maincontent2 ul {
padding: 0 0 10px 30px;
}
.list p {
padding-left: 154px;
}
.date {
margin-bottom: 10px;

background: url(/images/sitedesign/calendar.png) no-repeat;
position: relative;
}
.scenen {
position: absolute;
right: 0;
border: none!important;
padding: 0!important;
}
.article .date {
font-size: 12px;
display: block;
padding: 0px 0px 5px 20px;
}
#front_list .date {
border-top: 1px solid #d6dfe4;
border-bottom: none!important;
font-size: 11px;
background: none;
padding: 0 0 5px 0;
margin-bottom: 0;
}
#front_list a {
color: #666;
}
#front_list a:hover {
background: #fdf7dc;
}
.date span {
border-right: 1px solid #d6dfe4;
padding-right: 10px;
}
#front_list span {
border-right: none!important;
}
.info {
padding-left: 20px;
}
.list .info {
padding-left: 174px;
}
.forhandsbestilling strong {
float: left;
border-top: 1px solid #d6dfe4;
color: #690304;
text-transform: uppercase;
}
a:link, a:visited {
color: #690304;
}
a:hover, a:active {
text-decoration: none;
}
/*-------------------------IMAGES-*/
blockquote img {
float: none!important;
margin: 0 0 10px 0!important;
}
img {
clear: both;
}
a img {
background: #FFF!important;
border: none!important;
text-decoration: none!important;
}
#sponsorer li {
list-style-type: none;
display: inline;
}
#sponsorer li a img {
padding: 5px;
margin: 0 0 0px 0;
background: #FFF!important;
border: none!important;
text-decoration: none!important;
}
.article img {
border: 1px solid #d6dfe4;
padding: 5px;
margin-bottom: 10px;
float: right;
}
#maincontent2 .article img {
margin: 0 0 10px 10px;
}
.list img {
border: 1px solid #d6dfe4;
padding: 5px;
margin: 0 10px 10px 0;
float: left;
}
.info img {
padding: 0px 0 0 0;
border: none;
float: none;
margin: 0px 0 -3px -21px;
}
#side_banner1, #side_banner2, #side_banner3, #side_banner4, #side_banner5 {
position: absolute;
right: -108px;
}
#side_banner1 {
top: 120px;
}
#side_banner2 {
top: 350px;
}
#side_banner3 {
top: 410px;
}
#side_banner4 {
width:128px;
height: 152px;
top: 120px;
left: -108px;
}
#side_banner5 {
width:128px;
height: 114px;
top: 275px;
left: -108px;
}
#Facebook {
position: absolute;
right: -108px;
top: 575px;
}
#Twitter {
position: absolute;
right: -108px;
top: 635px;
}
/*-------------------------FORMS-*/
#skjema {
border: 1px solid #d6dfe4;
padding: 10px 10px 30px 10px;
margin: 20px 0 0 0;
position: relative;
}
#skjema label {
width: 80px;
float: left;
}
#skjema input {
margin: 0 0 5px 0;
}
input.Radio, label.Radio {
float: none!important;
}
.zemSubmit {
background: #690304;
border: outset 2px #690304;
color: #FFF;
font-weight: bold;
font-size: 10px;
padding: 1px;
text-transform: uppercase;
position: absolute;
right: 10px;
bottom: 10px;
width: 50px;
}
.forhandsbestilling ul {
margin: 0;
padding: 0!important;
}
.forhandsbestilling li{
line-height: 30px;
border-bottom: 1px solid #d6dfe4;
padding: 0px 0 0 0;
margin: 0 0 0 0;
clear: both;
display: block;
}
.forhandsbestilling li input{
width: 30px;
margin: 5px 0 0px 0!important;
padding: 0px;
display: block;
float: right;
}
.forhandsbestilling li label {
width: 500px!important;
float: left;
}
.button {
background: #690304;
border: outset 2px #690304;
color: #FFF;
font-weight: bold;
font-size: 10px;
padding: 1px;
text-transform: uppercase;
float: right;
}
.searchinput input{
width: 130px;
float: left;
}
a.buy-now, a.buy-multiple {
background: #690304;
padding: 3px 5px;
color: #FFF;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
font-size: 10px;
border-top: solid 1px #b31d1f;
border-right: solid 2px #b31d1f;
border-bottom: solid 2px #b31d1f;
border-left: solid 1px #b31d1f;
}
/*--------------------------MISC-*/
.clearfix:after, #wrapper:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clear {
clear: both;
}
#link-program {
min-height: 22px;
color: #999;
}
 
#link-program a {
display: block;
padding: 4px 6px;
border: solid 2px #aa6633;
text-align: center;
}
#link-program p {
padding-left: 20px;
background: transparent url(/txp_img/loading.gif) no-repeat 0% 50%;
color: maroon;
}
#juletider {
background: #fdf6dc ;
padding: 10px;
margin-bottom: 20px;
border: 2px solid #45a448;
}
#juletider h2 {
font-size: 24px;
font-family: Verdana, sans-serif;
font-weight: normal;
padding-bottom: 20px;
}
#juletider p {
font-size: 14px;
line-height: 20px;
color: #333;
}
#juletider strong {
color: #000;
}
/*------------------------- Slideshow ----*/
/*preload classes*/ 
.svw {width: 50px; height: 20px; background: #fff;} 
.svw ul {position: relative; left: -999em;} 
 
/*core classes*/ 
.stripViewer {  
position: relative; 
overflow: hidden;  
margin: 0 0 1px 0; 
} 
.stripViewer ul { /* this is your UL of images */ 
margin: 10px 0 0 0; 
padding: 0!important; 
position: relative; 
left: 0; 
top: 0; 
width: 1%; 
list-style-type: none; 
} 
.stripViewer ul li {  
float:left; 
}
.stripViewer ul li img {
margin: 0px!important;
padding: 0px!important;
float: left;
border: none;
}
.stripTransmitter { 
overflow: auto; 
width: 1%; 
} 
.stripTransmitter ul { 
margin: 0; 
padding: 0; 
position: relative; 
list-style-type: none; 
} 
.stripTransmitter ul li{ 
width: 20px; 
float:left; 
margin: 0 1px 1px 0; 
} 
.stripTransmitter a{ 
font: bold 10px Verdana, Arial; 
text-align: center; 
line-height: 22px; 
background: #690304; 
color: #fff; 
text-decoration: none; 
display: block; 
} 
.stripTransmitter a:hover, a.current{ 
background: #fff; 
color: #690304; 
} 
 
/*tooltips formatting*/ 
#tooltip { 
background: #fff; 
color: #000; 
opacity: 0.85; 
border: 5px solid #dedede; 
} 
#tooltip h3 {  
font: normal 10px Verdana;  
margin: 0;  
padding: 6px 2px;  
border: 0; 
} 
#stillingsannonse {
border: 1px solid #999;
background: #D6DFE4;
margin: 0 0 20px 0;
padding: 5px;
text-align: center;
}
#stillingsannonse h3 {
font-size: 16px;
padding: 0 0 0 0;
}
#stillingsannonse strong {
color: #333;
}