@charset "UTF-8";
* {font-family:Calibri, Helvetica, Arial, sans-serif;}
a {text-decoration:none; color: #000000; font-weight: bold;}
a img {border:0;}

.red {color:#a02a1d;}
.brown {color:#987f54;}

body {background:url(http://www.stavanger-konserthus.no/Webdesk/bilde/179686.gif) repeat-x 0px 0px;text-align:center;font-weight:normal;}
#wrapper {width:1000px;padding:30px;background:#fff;margin:0 auto;text-align:left;}
#header {background:url(http://www.stavanger-konserthus.no/Webdesk/bilde/178864.gif) no-repeat;height:180px;}
#header embed {margin-top:15px;}

#navigation {background:#cbd9da;border:15px solid #fff;border-width:15px 0;padding:0 15px;height:30px;}
	#navigation ul {margin:0;padding:0;list-style:none; background-color: #6e6e6e;}
	#navigation ul li {float:left;line-height:30px;}	
	#navigation a {display:block;font-size:11px;color:#000;padding:0 6px;font-style:normal;white-space: nowrap; width: auto;}
	#navigation a:hover, #navigation .current {background:#6e6e6e;color:#fff;}	
	
	#navigation ul li ul{
		float: left;
		position: absolute; 
		padding: 0px;
		z-index: 999;
		left:auto;
		display: none; 
    	        height: auto;
	}
	
	#navigation ul li ul li{
		float: none;
		display: block;
		height: 30px;
	}
        
	#navigation ul li ul li a:hover{
		background-color: #5d5d5d;}
	
#main {}
	
	.doubleLineElement {border-top:2px solid #000;border-bottom:1px solid #000;margin-bottom:8px;line-height:20px;padding:0 5px; height: 20px;}

	
	#column-1 {width:735px;float:left;}	
	#column-1 .article .byline {font-size:12px;font-style:italic;}
	#column-1 .article a {font-weight:normal;}
	#column-1 .article.main {margin-bottom:15px;}
	#column-1 .article.secondary {float:left;width:235px;margin-left:15px;}
	#column-1 .article.secondary.first {margin-left:0;}
	
	#column-1 .article .byline {border-top:2px solid #000;border-bottom:1px solid #000;margin-bottom:8px;font-size:12px;font-style:italic;line-height:20px;padding:0 0 0 4px; height: 20px;}
	#column-1 .article.main .image-container {height:245px;overflow:hidden;display:block;float:left;}
	#column-1 .article.main .image-container img {float:left;margin:0 30px 0 0;}
	#column-1 .article.secondary img {float:left;margin:-15px -15px 15px -15px;}
	
	#column-1 .article.main .content {height:245px !important;background:#f0f1f1;padding:0 30px 0 0;position:relative;}
	#column-1 .article.main .introduction {font-size:13px;font-family:Georgia;font-weight:bold;line-height:1.4em;margin:1em 0;}
        #column-1 .article.secondary .content {height:283px;background:#f0f1f1;padding:15px;}	
	
	#column-1 .article.main h1 {font-size:30px;line-height:1em;margin:0;padding:20px 0 0 0;font-family:Georgia;font-style:normal;}
	#column-1 .article.secondary h1 {font-size:20px;line-height:1em;margin:0;padding:0;font-style:normal;font-family:Georgia;}

	#column-1 .article.main p {font-size:14px;line-height:1.3em;margin:0;padding:0;font-family:Georgia;}
	#column-1 .article.secondary p {font-size:13px;line-height:1.4em;margin:0;padding:0;font-family:Georgia;}

	#column-1 .article.main .content .details {margin:10px 0 0 0;}
	#column-1 .article.main .content .details span {font-size:13px;line-height:16px;}
	#column-1 .article.main .content .details .label {float:left;width:70px;}
	#column-1 .article.main .content .details .value {display:block;}
	#column-1 .article.main .content .details p {margin:1em 0 !important;padding:0 !important;font-size:13px;}

	#column-1 .article.main .content .share {position:absolute;bottom:0;right:0;margin:3px;padding:0px;}
	#column-1 .article.main .content .share img {margin:5px;width:16px;}

	#column-1 .article.main .text {font-size:12px !important;margin-top:15px;}
        #column-1 .article.main {font-size:12px !important;} 
	
        #column-1 .content {font-size:12px;}
        #column-1 .content p {line-height:16px;}
        #column-1 .content h1 {font-size:30px;line-height:1em;font-style:italic;margin:0;padding:0px 0 0 0;}

	#column-2 { width:250px;padding:0px 0px 0 15px;float:left;}
	
	
         
	#main .program {margin:0;padding:0;list-style:none;}
        #main .program .month {margin:0;padding:0;display: block;}
        #main .program table {background:#fff;width:1000px;margin:0;padding:0;font-size:12px;}

        #main .program tr:hover td.date, #main .program tr:hover td.title, #main .program tr:hover td.buy {background:#f3f3f3;}
        #main .program tr:hover td.timeandplace, #main .program tr:hover td.price {background:#d3d3d3;}


        #main .program td {padding:10px 10px;background:#E0EEEF;border:2px solid #fff;}
        #main .program table td.date {width:70px;border-width:2px 2px 0 0;color:#888;}
        #main .program table td.date strong {color:#000;}
#main .program table td.timeandplace {width:140px;background:#D1DEDF;border-width:2px 2px 0 0;}
#main .program table td.title {border-width:2px 2px 0 0;width:560px;}
#main .program table td.price {width:120px;background:#D1DEDF;border-width:2px 0 0 0;}
#main .program table td.buy {border-width:2px 0 0 2px;text-align:center;width:30px;}

#main .program table tr.heading {color:#fff;}
#main .program table td.dateHeader {width:60px;border-width:2px 2px 0 0;background:#777;}
#main .program table td.timeandplaceHeader {width:140px;background:#666;border-width:2px 2px 0 0;}
#main .program table td.titleHeader {border-width:2px 2px 0 0;width:570px;background:#777;}
#main .program table td.priceHeader {width:120px;background:#666;border-width:2px 0 0 0;}
#main .program table td.buyHeader {border-width:2px 0 0 2px;text-align:center;width:30px;background:#777;}


#main .program .month h1 { display: block; line-height: 30px; padding: 0 10px;background:#c2cecf;border:2px solid #fff;border-width:2px 0 0 0;font-weight:bold;text-transform:uppercase;font-size:14px;}
#main .program .month h1:hover { background:#D1DEDF;}
 
       #main .program .month .day{margin:0;padding:0;}
		
		
	#column-2 .doubleLineElement p{float: left; text-transform: uppercase; margin: 0px; font-size: 13px; font-weight: bold;line-height: 20px; }
	#column-2 .doubleLineElement a{float: right; font-size: 10px;}

	#column-2 table {clear: right;width:100%;background:#979797;color:#fff;}
	#column-2 table td {text-align:center;border-bottom:1px solid #a8a8a8;}
	#column-2 table tr:hover td {background:#b3baba;}
	#column-2 table td a {color:#fff;}
        #column-2 table td a:hover {color:#555;}
	#column-2 table .date {font-size:25px;width:50px;line-height:40px;}
	#column-2 table .description {padding:0 5px; text-align: left; font-weight:normal !important;font-size:12px;width:115px;border-right:1px solid #a8a8a8;border-left:1px solid #a8a8a8;}
        #column-2 table .order {font-size:12px;width:35px;font-size:11px;padding:0 5px;}
	#column-2 img.billett{ display: block; margin: 10px auto 0 auto;font-size:10px;}
#column-2 .share {text-align:center;padding:5px;border-top:1px solid #eee;}
#column-2 .share img {padding:4px;width:16px;margin:0 0.15em;border:1px solid #fff;}
#column-2 .share a:hover img {background:#efefef;border:1px solid #ddd}

	.byline .date{float: left;}
	.byline .bestill{float: right; height: 20px;margin: 0px;padding: 0px 5px 0 0;}

	

	
#footer {
	clear:both;
	position: relative;
	background:url() no-repeat 0px 0px;	
	padding-top: 25px;

}

#footer span{
	display:block;
	color: #aaa;
	font-size: 13px;
}

#footer img{
    float: left;
    margin:10px 80px 10px 10px;
}

#footer p.contact{
   border-top:1px solid #ccc;
padding:10px 0 0 0;
 font-size: 12px;
 clear:both;
 margin-left:-1em;
}

#footer p.contact strong {
margin-left:1em;
}

#footer img.strong {float:right;margin:0 10px 0 0;padding:0;}