@charset "utf-8";
/* CSS Document */

body {
background-color: white;
margin: 0;
padding: 0;
font-family: Georgia, "Times New Roman", Times, serif;
background: url(http://www.arendalkulturhus.no/images/pagebg_bluestripes.gif) top left no-repeat;
}
body.other {
background: url(http://www.arendalkulturhus.no/images/pagebg_blackstripes.gif) top left no-repeat;
}
form {
margin: 0;
padding: 0;
}
img {
border: 0;
}
h1 {
font-size: 0.85em;
font-size: 14px;
font-weight: normal;
margin: 0;
padding: 0;
padding-bottom: 20px;
margin-right: 20px;
text-transform: uppercase;
clear: both;
color: #383737;
}
h2, h3, h4, h5, h6, p, label {
font-size: 0.75em;
font-size: 12px;
font-weight: normal;
margin: 0;
padding: 0;
padding-bottom: 20px;
margin-right: 20px;
clear: both;
color: #383737;
}
h2 {
font-weight: bold;
padding-bottom: 0;
}
h3, h4, h5, h6, h7 {
padding-bottom: 3px;
font-weight: bold;
}
a {
/*font-size: 0.75em;*/
font-weight: normal;
color: #004785;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
#content table {
width: 620px;
border: 0px;
margin: 0;
padding: 0;
}
#content table td, #content table th {
font-size: 12px;
vertical-align: top;
text-align: left;
border: 0px;
}
#content table th, #content table tr.tableBottom td {
background-color: #efefef;
padding: 10px;
background-image: none;
font-weight: bold;
}
#content table td {
padding: 10px;
background: url(http://www.arendalkulturhus.no/images/border_horisontal_dotted.gif) bottom repeat-x;
}

/* Framework rules */

#logo {
position: absolute;
top: 30px;
left: 50px;
z-index: 100;
}

#menu {
position: absolute;
top: 58px;
left: 269px;
width: 441px;
text-align: right;
text-transform: uppercase;
}
#menu a {
text-decoration: none;
font-size: 0.75em;
font-size: 12px;
color: #473f3f;
background: url(http://www.arendalkulturhus.no/images/border_vertical_dotted.gif) right top repeat-y;
padding-left: 2px;
padding-right: 8px;
}
#menu a.last {
padding-right: 0;
background: none;
}
#menu a:hover {
color: #004785;
text-decoration: underline;
}
#menu a.active {
color: #004785;
}
#mainButtons {
position: absolute;
top: 71px;
left: 269px;
width: 441px;
text-align: right;
}
#links {
position: absolute;
font-family: Arial, Helvetica, sans-serif;
top: 7px;
left: 269px;
width: 441px;
text-align: right;
}
#links a {
text-decoration: none;
font-size: 0.7em;
font-size: 11px;
color: #323232;
padding-left: 3px;
}
#links a:hover {
text-decoration: underline;
}

#login {
position: absolute;
top: 11px;
left: 727px;
height: 81px;
padding: 0 0 0 10px;
margin: 0;
background: url(http://www.arendalkulturhus.no/images/border_vertical_dotted.gif) left top repeat-y;
}
#login h1 {
position: relative;
top: -3px;
text-transform: uppercase;
font-size: 0.85em;
font-size: 14px;
font-weight: normal;
}
#login h1 a {
position: relative;
top: 0;
left: 0;
background: none;
float: none;
padding: 0;
margin: 0;
color: #004785;
font-size: 1em;
font-size: 12px;
}
#login h1 a:hover {
text-decoration: underline;
}
#content {
display: inline;
position: relative;
float: left;
width: 660px;
margin: 106px 0 0 50px;
padding: 0;
}
#content h1, .infoBox h1 {
padding-bottom: 11px;
margin-bottom: 18px;
background: url(http://www.arendalkulturhus.no/images/border_horisontal_dotted.gif) bottom left repeat-x;
}
#content div.headerLinks {
position: absolute;
top: 14px;
right: 20px;
}
#content div.headerLinks p {
font-size: 0.75em;
font-size: 12px;
padding: 0;
margin: 0;
color: #808080;
}
#content div.headerLinks p span.active{
/*color: #004785;*/
color: black;
}
#content div.headerLinks a {
text-decoration: none;
font-size: 0.75em;
font-size: 12px;
padding-left: 8px;
}
#content div.headerLinks a:hover {
text-decoration: underline;
}

#shopping {
float: left;
display: inline;
margin: 106px 0 0 6px;
padding: 0;
}

#page {
float: left;
width: 640px;
}

/* General design rules */

.coloredText {
color: #004785;
}
.fadedText, .fadedText a {
color: #808080;
}

div.showBox, div.showBoxAsList {
position: relative;
float: left;
width: 200px;
padding-bottom: 5px;
margin: 0 10px 18px 0;
background: url(http://www.arendalkulturhus.no/images/border_horisontal_dotted.gif) bottom left repeat-x;
}
div.showBoxAsList {
width: 620px;
margin-bottom: 5px;
}
#content div.showBoxAsList .description {
    float: left;
    width: 400px;
    padding: 0	 0 10px 215px;
    display: block;
}

#content div.showBoxAsList .description a {
    display: block;
    margin: 0px 0px 0px 96px;
    position: relative;
    top: inherit;
    left: inherit;
    text-align: left;
}

div.showBox img, div.showBoxAsList img {
width: 200px;
height: 170px;
}
div.showBoxAsList img {
position: absolute;
top: 34px;
left: 0;
}
div.showBox img.carrot, div.showBoxAsList img.carrot {
position: absolute;
top: 32px;
left: 176px;
width: 24px;
height: 32px;
}
div.showBox h1, #content div.showBox h1, div.showBoxAsList h1, #content div.showBoxAsList h1 {
background: none;
margin: 0;
padding: 0;
text-transform: none;
}
div.showBox h1 {
overflow: hidden;
white-space: nowrap;
width: 200px;
}
div.showBox h2, div.showBoxAsList h2 {
color: #808080;
font-weight: normal;
margin: 0;
padding: 0;
padding-bottom: 2px;
width: 200px;
overflow: hidden;
white-space: nowrap;
}
div.showBox a, #cart a, #shopping div.content a, #login a, #mainButtons a, div.showBoxAsList a {
float: left;
text-decoration: none;
padding: 5px 0 0 2px;
margin-top: 3px 0 0 0;
font-size: 0.7em;
font-size: 11px;
}

/*
#showText {
float: left;
width: 354px;
}*/
.carrotBox {
position: absolute;
height: 30px;
text-transform: uppercase;
padding: 10px 0 0 0;
width: 210px;
top: -3px;
right: 0;
}
.carrotBox p {
font-size: 0.75em;
font-size: 12px;
}
.carrotBox img {
position: absolute;
top: 4px;
right: 21px;
}
#content tr.tableBottom a {
float: right;
text-decoration: none;
padding: 2px 3px;
margin: 0 0 0 8px;
}
#content td a {
float: left;
text-decoration: none;
padding: 2px 3px;
margin: 0 8px 0 0;
}
#content td input {
width: 35px;
}
div.showBox a:hover, div.showBoxAsList a:hover, #cart a:hover, #shopping div.content a:hover, #login a:hover, #mainButtons a:hover, #content tr.tableBottom a:hover, #content td a:hover, form a:hover {
text-decoration: underline;
}
div.showBox a.inverted, div.showBoxAsList a.inverted, #cart a, #shopping div.content a, #login a, #mainButtons a, #content tr.tableBottom a.inverted, #content td a.inverted, form a.inverted {
background-color: #004785;
color: white;
padding: 2px 3px;
margin: 3px 4px 0 0;
}



#content td a.noButton {
float: none;
margin: 0;
padding: 0;
}
div.showBoxAsList a, div.showBoxAsList a.inverted {
position: absolute;
bottom: 7px;
right: 95px;;
margin-right: 0;
margin-left: 4px;
float: right;
}
div.showBoxAsList a.inverted {
bottom: 5px;
right: 0;
}
#content tr.tableBottom a.inverted {
margin: 0 0 0 10px;
}
#login span.loggedin a {
position: absolute;
top: 63px;
left: 10px;
margin-left: 0;
font-size: 0.75em;
font-size: 12px;
}

#mainButtons a {
float: right;
margin-right: 0;
font-size: 0.75em;
font-size: 12px;
}
div.infoBox {
clear: left;
padding: 30px 20px 20px 20px;
margin: 0;
width: 199px;
}
div.infoBox h1 {
margin-bottom: 10px;
width: 100%;
}
div.infoBox h2 {
font-weight: normal;
padding: 0;
margin: 0;
}
div.infoBox p {
padding: 0 0 10px 0;
margin: 0;
color: #808080;
}

#content #solid {
float: left;
padding: 15px 0 0 19px;
margin: 0;
background-color: white;
width: 641px;
}

#shopping #solid {
float: left;
background-color: white;
padding: 0;
margin: 0;
width: 239px;
}
.extraContent {
display: inline;
clear: left;
float: left;
margin: 0 0 0 0px;
padding: 20px 0 0 0;
width: 660px;
}
.extraContent div.showBox {
position: relative;
display: inline;
width: 200px;
height: 57px;
padding: 20px 0 0 0;
margin: 0 0 20px 130px;
}
.extraContent div.showBox img {
position: absolute;
top: 0;
left: -110px;
width: 100px;
height: 77px;
}
.extraContent div.showBox img.carrot {
position: absolute;
top: 0px;
left: -34px;
width: 24px;
height: 32px;
}
.extraContent div.showBox h1 {
padding: 0;
margin: 0;
font-size: 0.75em;
font-size: 12px;
}
.extraContent div.showBox a {
padding-left: 0;
padding-right: 5px;
}
.extraContent div.showBox a.inverted {
background: none;
color: #004785;
}

#cart {
float: left;
display: inline;
width: 199px;
background: url(http://www.arendalkulturhus.no/images/brown_gradient_bg.gif) top left repeat-x;
background-color: #f3f0e6;
padding: 7px 10px 10px 10px;
margin: 10px 0 0 9px;
}
.cartConstant {
height: 530px;
}
#cart .box {
background: url(http://www.arendalkulturhus.no/images/border_horisontal_brown_dotted.gif) bottom left repeat-x;
padding: 0 0 10px 0;
}
#cart h1 {
color: white;
padding: 0;
}
#cart h2 {
font-weight: normal;
padding: 10px 0 0 0;
}
#cart div.compressed {
padding-top: 10px;
}
#cart div.compressed h2 {
padding: 0;
}
#cart p {
color: #595959;
padding: 0;
}
#cart a.button {
background-color: #8b8165;
}
#cart p a {
float: none;
background: none;
font-size: 12px;
color: #595959;
margin: 0;
padding: 0;
text-decoration: underline;
}
#cart p a:hover {
text-decoration: none;
}
#cart .fadedText {
color: #595959;
}
#shopping div.content {
float: left;
padding: 7px 10px 10px 10px;
border: 1px solid #e6e7e9;
margin-top: 5px;
width: 199px;
}
#shopping div.content h1, #login h1 {
padding-bottom: 0;
}
#shopping div.content p {
font-size: 0.7em;
font-size: 11px;
padding: 5px 0 0 0;
}
#shopping div.content label, #login label {
display: block;
font-size: 0.7em;
font-size: 11px;
margin: 0;
padding: 5px 0 0 0;
color: #383737;
}

#login label {
position: relative;
top: -3px;
color: #808080;
padding-top: 3px;
padding-bottom: 1px;
margin: 0;
font-size: 0.65em;
font-size: 10px;
}
#login input.text {
position: relative;
top: -5px;
height: 13px;
margin: 0;
padding: 0;
}
#login a {
position: relative;
top: -5px;
}
#rememberMe {
position: absolute;
top: 28px;
left: 140px;
width: 90px;
}
#rememberMe input {
vertical-align: middle;
display: block;
margin: 0;
padding: 0;
position: absolute;
top: 2px;
left: -50px;
float: none;
width: 5px;
}
#rememberMe label {
position: absolute;
top: 0px; 
left: 25px;
paddin: 0;
margin: 0;
float: none;
width: 75px;
font-size: 10px;
}
#shopping .banner {
float: left;
margin: 5px 0 0 9px;
padding:0;
width: 219px;
}
#shopping div.content {
display: inline;
margin: 5px 10px 0 9px;
width: 197px;
}
#shopping div.content input, #login input {
width: 120px;
font-size: 0.7em;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
color: #004785;
}
#shopping div.content a, #login a {
float: none;
margin-top: 0px;
margin-left: 5px;
margin-right: 0;
}

#partners {
display: block;
clear: both;
margin: 20px 0 0 50px;
padding-top: 10px;
background: url(http://www.arendalkulturhus.no/images/border_horisontal_dotted.gif) left top repeat-x;
}

#content label.fixed {
font-size: 1em;
font-size: 12px;
}
#content input.fixed {
position: absolute;
left: 150px;
}
.floatedPicture {
float: left;
margin: 0 20px 20px 0;
}
.floatedTextBox p {
clear: none;
}
.imageThumbnails {
margin-bottom: 15px;
}
.imageThumbnails img {
float: left;
padding: 0 5px 5px 0;
}

/* Special browser rules */

.heightController {
float: right;
width: 1px;
height: 553px;
}
#shopping .heightController {
height: 568px;
}
.showBoxAsList .heightController{
float: left;
width: 1px;
height: 171px;
}
.clearBox {
height: 0;
clear: both;
font-size: 1px;
color: white;
}
.buttons {
padding-top: 5px;
height: 25px;
}
.fltlft {
float: left;
}
img.fltlft {
padding: 0 15px 15px 0;
}
.clrlft {
clear: left;
}
.noBreak {
white-space: nowrap;
}
/* .Net tweak styles */
span.fixed u, span u {
text-decoration: none;
}
#content textarea {
position: absolute;
left: 150px;
width: 150px;
}
#content select {
position: absolute;
left: 150px;
}
span#ucCustomer_ucCustAddress_lblAddress {
display: inline-block;
height: 30px;
}
table#ucCustomer_wdgDataProtection td {
border: 0px;
background: none;
padding: 5px 0;
margin: 0;
width: 300px;
}
.error {
display: block;
}
#flashAd {
float: left;
margin: 5px 0 0 9px;
padding:0;
}
table.clrlft {
clear: left;
}

#voucher, #newsletter, #cafe, #busses, #blogg, #abbl, #SAS {
    float: left;
    margin: 5px 0 0 9px;
    padding:0;
    border: 1px solid #e6e7e9;
    width: 217px;
}
#voucher h1, #newsletter h1, #cafe h1, #busses h1, #blogg h1, #abbl h1, #SAS h1 {
    background-color: #004785;
    color: white;
    padding: 2px 0px 2px 9px;
    margin: 3px 4px 0 0;
    width: 209px;
    font-size: 10px;
}
#voucher p, #newsletter p, #cafe p, #busses p, #blogg p, #abbl p, #SAS p {
    padding: 5px 0 5px 9px;
    width: 90%;
    margin: 3px 0px 3px 0px;
    font-size: 10px;
}

#voucher a, #newsletter a, #cafe a, #busses a, #blogg a, #abbl a, #SAS a {
    background: grey;
    padding: 3px;
    color: White;
    text-decoration: none;
    font-weight: bold;
    font-size: 10px;
}
#newsletter input {
    width: 132px;
    margin: 0px 0px 3px 9px;
}

div.description a, div.description a.inverted{
    float: none;
    text-decoration: none;
    padding: 0px;
    margin-top: 0;
    font-size: 0.7em;
    font-size: 11px;
}