/*--------------------------------------
CSS - Cirkus Xanti
---------------------------------------*/

/* zeros out everything */
@import "whitespace-reset.css";

html, body {
height: 100%;
}

body {
	font: 12px Georgia, Times, Serif;
	font-weight: normal;
	color: #333;
	line-height: 16px;
    background: #fffff1 url(../images/interface/concrete.jpg) repeat;
}

.wrap {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -140px;
}

.push {
height: 140px;
}

p {
margin-bottom: .7em;
}

small {
font-size: 90%;
}

/*--------------------------------------
Links
---------------------------------------*/

a:link {
	color: #C40202;
	outline: none;
	font-weight: bold;
}

a:visited {
	color: #C40202;
	outline: none;
	font-weight: bold;
}

a:hover {
	color: #999;
	outline: none;
	font-weight: bold;
}

a:active {
	color: #C40202;
	outline: none;
	font-weight: bold;
}

/*--------------------------------------
Image
---------------------------------------*/

img {
	border: none;
	margin: 0;
}
/*--------------------------------------
Headers
---------------------------------------*/

h1,h2,h3,h4,h5 {
line-height: normal;
color: #333;
}

h1 {
font-size: 280%;
}

h2 {
font-size: 220%;
}

h3 {
	font-size: 1.8em;
	color: #999900;
}

h4 {
font-size: 140%;
}

h5 {
font-size: 120%;
}

/*--------------------------------------
Header Image
---------------------------------------*/

#feature {
	float: left;
	width: 100%;
	height: 222px;
	background: url(../images/interface/bg_html.png) repeat-x;
}

#container_head {
	float: left;
	width: 100%;
	height: auto;
	background: #C40202;
}

.container {
	margin: 0 auto;
	width: 940px;
	background: #E65200
}

#feature_header {
float: left;
position: relative;
width: 940px;
height: 220px;
}

#feature_header img {
padding: 0;
display: block;
}

#feature_overlay {
	float: left;
	position: absolute;
	top: 122px;
	left: 0;
	width: 940px;
	height: 100px;
	background: url(../images/interface/overlay_feature.png) center bottom no-repeat;
}

/*--------------------------------------
Header Image Banner
---------------------------------------*/

#button_banner {
	position: absolute;
	top: -40px;
	width: auto;
	height: auto;
	background: transparent;
	left: 822px;
	z-index: 777;
}

#application {
	margin: 0 0 0 0;
	float: left;
	width: 100%;
}

.header {
	width: 940px;
	margin: 0 auto;
}

.global {
	margin: 15px 0 16px 0;
	float: left;
	width: 940px;
}

.global_nav {
	margin: 0;
	float: left;
	width: 940px;
}

#logo {
	width: 175px;
	height: 176px;
	background: url(../images/interface/logo.png) no-repeat;
	position: absolute;
	left: -12px;
	top: 14px;
}

#language {
	margin: 0 8px 0 0;
	float: right;
	width: 300px;
	color: #820101;
	text-align: right;
	font-size:12px;
	font-weight: normal;
	}

#language a:link, #language a:visited, #language a:hover, #language a:active {
margin: 0 5px;
color: #000;
font-weight: bold;
}

#language a:hover {
color: #fffff1;
}

/*--------------------------------------
Top Menu
---------------------------------------*/

#nav {
	font-size: 1.5em;
	font-weight: bold;
	width: 940px;

}

#nav #first {
	padding: 0;
	height: 40px;
	float: left;
}

#nav #nav_sirkuslandsby {
	padding: 8px 12px 0 12px;
	height: 34px;
	float: left;
}

#nav #nav_active {
	padding: 8px 12px 0 12px;
	height: 34px;
	float: left;
}

#nav #nav_active a {
	color:#000;
}

#nav #nav_sirkuslandsby a {
	color: #fffff1;
}

#nav #nav_sirkuslandsby a:hover {
	color: #000;
}

#nav #nav_forestillinger {
	padding: 8px 12px 0 12px;
	height: 34px;
    float:left;
}

#nav #nav_forestillinger a {
	color: #fffff1;
}

#nav #nav_forestillinger a:hover {
color: #000;
}

#nav #nav_andre {
	padding: 8px 12px 0 12px;
	height: 34px;
    float:left;
}

#nav #nav_andre a {
	color: #fffff1;
}

#nav #nav_andre a:hover {
	color: #000;
}

#nav #nav_presse {
	padding: 8px 12px 0 12px;
	height: 34px;
    float:left;
}

#nav #nav_presse a {
	color: #fffff1;
}

#nav #nav_presse a:hover {
	color: #000;
}

#nav #nav_om {
	padding: 8px 12px 0 12px;
	height: 34px;
    float:left;
}

#nav #nav_om a {
color: #fffff1;
}

#nav #nav_om a:hover {
color: #000;
}

#nav #nav_kontakt {
padding: 8px 12px 0 12px;
height: 34px;
   float:left;
}

#nav #nav_kontakt a {
color: #fffff1;
}

#nav #nav_kontakt a:hover {
color: #000;
}

/*--------------------------------------
Contents
---------------------------------------*/

#content {
width: 940px;
margin: 0 auto;
background: #fffff1 url(../images/interface/content_bg.png) top left repeat-x;
}

#content_bottom {
width: 940px;
height:36px;
margin: 0 auto 40px auto;
background: #fff;
background: url(../images/interface/content_bottom_bg.png) top left no-repeat;
}

#colTwo {
float: left;
width: 660px;
padding: 0 0 10px 20px;
}

.article_title_top {
float: left;
width: 500px;
margin: 0 0 12px 0;
font: 1.4em Georgia, Times, Serif;
color: #333;
font-weight: bold;
}

#article_entries {
float: left;
width: 690px;
}

.article_date {
text-align: left;
font-weight: normal;
margin: 0 0 2px 0;
color:#999;
clear:both;
}

.month {
padding: 2px 0;
border-bottom: 1px solid #ddd;
}

.date {
padding: 3px 0;
font-size: 140%;
line-height: normal;
}

.article_content_front {
float: left;
width: 600px;
display: block;
padding: 0 30px 0 30px;
margin: 10px 0 18px 0;
}

.article_content_front_2 {
float: left;
width: 600px;
display: block;
padding: 0 30px 0 10px;
margin: 10px 0 18px 0;
}

.front_aktuelt_archive_link {
float: left;
width: 604px;
height: 19px;
display: block;
padding: 0 26px 0 0;
background: url(../images/interface/forward_arrow.gif) top right no-repeat;
margin: 10px 0 0 0;
text-align:right;
}

.article_content {
float: left;
width: 610px;
display: block;
padding: 0 0 26px 10px;
margin: 0 0 0 0;
}

.article_content a:link {
	color: #C40202;
	outline: none;
	font-weight: normal;
}

.article_content a:visited {
	color: #C40202;
	outline: none;
	font-weight: normal;
}

.article_content a:hover {
	color: #999;
	outline: none;
	font-weight: normal;
}

.article_content a:active {
	color: #C40202;
	outline: none;
	font-weight: normal;
}

.front_intro_read {
float: left;
width: 590px;
}

.front_intro_read h3 {
color:#C40202;
margin:0 0 10px 0;
}

.front_intro_read_2 {
float: left;
width: 590px;
}

.front_intro_read_2 h3 {
color:#999;
margin:0 0 0 0;
font-size:16px;
font-weight:normal;
}

.article_content h3 {
color:#C40202;
}

.main_summary {
color:#999;
font-weight:normal;
margin:0 0 10px 0;
font-size:14px;
line-height:18px;
}

.main_summary_2 {
color:#999;
font-weight:bold;
margin:0 0 10px 0;
font-size:12px;
line-height:16px;
}

.summary {
color:#000;
font-weight:normal;
margin:0 0 8px 0;
}

.body {
color:#000;
font-weight:normal;
line-height:18px;
margin:20px 0 0 0;
}

.front_intro_summary {
color:#666;
font-size:16px;
font-style:italic;
line-height:20px;
font-weight:normal;
}

.article_img{
float: right;
}

.article_content h4,.article_content h5 {
margin-bottom: 10px;
}

.article_content blockquote {
margin: 20px;
font-size: 140%;
line-height: 140%;
}

.article_comments {
padding: 0;
margin: 8px 0 0 0;
}

.divider {
width:570px;
height:14px;
background: url(../images/interface/page_divider.png) 0 50% no-repeat;
float: left;
}

.divider_right {
width:220px;
height:14px;
background: url(../images/interface/page_divider_right.png) 0 50% no-repeat;
float: left;
margin:0 0 16px 0;
}

.colThree_top {
float: left;
width: 220px;
padding: 0 10px 0 10px;
background: url(../images/interface/box_bg.png) top left repeat-y;
margin-top: 0px;
}

.colThree_top_top {
float: left;
width: 220px;
height:10px;
padding: 0 10px 0 10px;
background: url(../images/interface/box_top_bg.png) bottom left no-repeat;
margin-top: 0px;
}

.colThree_top_bottom {
width: 220px;
height:10px;
padding: 0 10px 0 10px;
background: url(../images/interface/box_bottom_bg.png) top left no-repeat;
margin-bottom: 8px;
float: left;
}

.colThree_container {
float: left;
width: 240px;
padding: 0;
margin-top: 10px;
}

.colThree {
float: left;
width: 220px;
padding: 0 11px 2px 9px;
background: url(../images/interface/box_bg.png) top left repeat-y;
margin-top: 0px;
}

/*--------------------------------------
Right Column
---------------------------------------*/

#right_column {
float: right;
width: 220px;
}

.right_column_inner_1 {
float: right;
width: 220px;
}

.right_column_inner_1_title {
float: right;
width: 220px;
margin: 0 0 4px 0;
font-size:14px;
}

.right_column_inner_1_read {
float: right;
width: 220px;
margin: 0 0 16px 0;
}

.right_column_inner_1_img {
float: right;
width: 220px;
margin: 0 0 6px 0;
}

.banners {
float: right;
width: 220px;
margin: 0 0 12px 0;
font: 2.1em Georgia, Times, Serif;
color: #333;
font-weight: bold;
height: 35px;
}

.right_column_top_container {
margin: 0;
}

.right_column_newsletter_read {
float: left;
width: 220px;
margin: 0 0 4px 0;
padding: 0;
}

.right_column_newsletter_form {
float: left;
width: 220px;
margin: 0;
}

/*--------------------------------------
Right Column Menu
---------------------------------------*/

.right_column_menu_container {
margin: 6px 0 6px 6px;
font-weight:bold;
}

.right_column_menu {
width: 220px;
height: 22px;
margin: 0 0 0 0;
font-size: 14px;
color: #C40202;
}

.right_column_menu a,right_column_menu a:visited {
color: #C40202;
font-size: 14px;
}

.right_column_menu a:active,.right_column_menu a:hover {
color: #999999;
}

.right_column_menu_active {
width: 220px;
height: 22px;
margin: 0 0 0 0;
font-size: 14px;
color: #000;
}

.right_column_menu_active a, right_column_menu_active a:visited {
width: 220px;
height: 22px;
margin: 0 0 0 0;
font-size: 14px;
color: #000;
}

/*--------------------------------------
Right Column Menu
---------------------------------------*/

.right_column_menu_sted_wrap {
width: 200px;
margin: 0 0 4px 0;
}

.right_column_menu_sted_title {
width: 200px;
height: 18px;
margin: 4px 0 0 16px;
font-size: 14px;
color: #666;
}

.right_column_menu_sted {
width: 200px;
height: 18px;
margin: 0 0 0 24px;
font-size: 12px;
color: #999;
}

.right_column_menu_sted a,right_column_menu_sted a:visited {
color: #C40202;
font-size: 12px;
}

.right_column_menu_sted a:active,.right_column_menu_sted a:hover {
color: #999999;
}

.right_column_menu_sted_active {
width: 200px;
height: 18px;
margin: 0 0 0 24px;
font-size: 12px;
color: #000;
}

.right_column_menu_sted_active a, right_column_menu_sted_active a:visited {
width: 200px;
height: 18px;
margin: 0 0 0 0;
font-size: 12px;
color: #000;
}


/*--------------------------------------
Right Column Menu Related
---------------------------------------*/

.right_column_menu_related_title {
width: 210px;
height: 18px;
margin: 0 0 6px 0;
font-size: 12px;
color: #000000;
border-bottom: 1px solid #ecefe4;
}

.right_column_menu_container_related {
margin: 6px 0 6px 6px;
font-weight:bold;
}

.right_column_menu_related {
width: 210px;
height: auto;
margin: 0 0 4px 0;
font-size: 11px;
color: #C40202;
border-bottom: 1px solid #ecefe4;
}

.right_column_menu_related a,right_column_menu_related a:visited {
color: #C40202;
font-size: 11px;
}

.right_column_menu_related a:active, .right_column_menu_related a:hover {
color: #999999;
}

.right_column_menu_social {
width: 210px;
height: auto;
margin: 0 0 4px 0;
}

/*--------------------------------------
Footer
---------------------------------------*/

.footer_container {
padding-bottom:0;
margin-top: 20px;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
width: 100%;
height: 120px;
background: url(../images/interface/bg_footer.png) top left repeat-x;

}

#footer {
width: 940px;
height: 20px;
padding: 14px 0 30px 0;
color: #eee;
font-size: 10px;
border-top: solid #000000 0;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
position: relative;
}
	
#footer a:link {
color: #eee;
outline: none;
font-weight: normal;
}

#footer a:visited {
color: #eee;
outline: none;
font-weight: normal;
}

#footer a:hover {
color: #fff;
outline: none;
font-weight: normal;
}

#footer a:active {
color: #eee;
outline: none;
font-weight: normal;
}

.copyright {
width: 200px;
margin: 20px 0 0 12px;
padding: 0;
font-size: 12px;
float: left;
background: url(../images/interface/cx_footer_logo.gif) top left no-repeat;
height: 46px;
}

.social_links_f {
width: 26px;
margin: 22px 0 0 60px;
padding: 0;
font-size: 12px;
float: left;
background: url(../images/interface/facebook_icon_footer.gif) top left no-repeat;
height: 26px;
}
.social_links_t {
width: 26px;
margin: 22px 0 0 20px;
padding: 0;
font-size: 12px;
float: left;
background: url(../images/interface/twitter_icon_footer.gif) top left no-repeat;
height: 26px;
}

.social_links_b {
width: 26px;
margin: 22px 0 0 20px;
padding: 0;
font-size: 12px;
float: left;
background: url(../images/interface/blog_icon_footer.gif) top left no-repeat;
height: 26px;
}

.credits {
width: 200px;
margin: 20px 12px 0 0;
padding: 0;
font-size: 12px;
float: right;
text-align: right;
background: url(../images/interface/hh_footer_logo.gif) top left no-repeat;
height: 46px;
}
	
/*--------------------------------------
Newsletter Form
---------------------------------------*/

*, * focus {
outline: none;
margin: 0;
padding: 0;
}

ul.newsletter li{
margin: 0 0 0 0 ;
padding: 0;
border: none;
background: none;
display: inline;
}

ul.newsletter fieldset {
border: none;
width: 220px;
background: url(../images/interface/send_form_bg.gif) no-repeat;
padding: 6px 0 0 6px;
overflow: hidden;
margin: 0;
display: inline;
}

ul.search #searchform fieldset input#newsletter_address {
border: none;
background: none;
width: 160px;
padding: 2px 6px 0 0;
float: left;
}

ul.newsletter fieldset input#newsletter_address {
border: none;
background: none;
width: 160px;
padding: 2px 10px 0 0;
float: left;
font: 11px Georgia, Times, Serif;
color: #333;
font-weight: normal;
letter-spacing:1px;
}

ul.newsletter input.btn {
width:37px;
border: none;
margin: -4px 0 0 4px;
float: left;
height: 21px;
}

#newsletter input.btn {
width: 28px;
height: 22px;
}
		
/*--------------------------------------
Aktuelt boxes
---------------------------------------*/

.subfeature	{
position:relative;
float:left;
width:310px;
height:180px;
background: transparent;
margin:0 10px 15px 0;
display:block;
overflow:hidden;
background: url(../images/interface/article_overlay.png) repeat top;
}
		
.subfeature	.comcat {
position:relative; 
float:left; 
margin:-250px 0 0 0; 
padding:0; 
width:310px !important; 
}
		
.subfeature-txt {
position:absolute;
float:left;
margin:0 0 -2px 0;
padding:50px 10px 0 10px;
width:290px !important;
line-height:100%;
bottom: 0;
z-index: 100;
background: url(../images/interface/article_text_overlay.png) repeat top;
}
		
.subfeature-txt_title {
font-size:15px;
font-weight:normal;
clear:both;
padding-bottom:2px;
line-height:1.3em;
}
		
.subfeature-txt_title a {
color:#56d5ff;
}
		
.subfeature-txt_title a:hover {
color:#fff400;
}

.subfeature-txt_summary {
color:#fff;
font-size:12px;
line-height:16px;
font-style:italic;
padding:0 0 10px 0;
}

.subfeature-txt_title_sl {
font-size:15px;
font-weight:normal;
clear:both;
padding-bottom:0;
line-height:8px;
}

.subfeature-txt_summary_sl {
color:#fff;
font-size:12px;
line-height:16px;
font-style:italic;
margin:-2px 0 16px 0;
}

.archive_year {
margin: 40px 0 -12px 0;
font-size: 14px;
color: #C40202;
clear:both;
}

.archive_month {
margin: 0 0 -8px 0;
font-size: 12px;
font-weight:normal;
color: #C40202;
width:630px;
clear:both;
}

/* _________hr_________ */

div.hr {
border: none; 
width: 630px;
height: 11px;
background: url(../images/interface/divider.gif) top left no-repeat;
margin:10px 0 -20px 0;

}
div.hr hr {
  display: none;
}

/* _________image align_________ */

.imgLeft {
float:left;
margin:0 12px 6px 0;
clear:both;
}
    
.imgRight {
float: right;
margin:0 0 6px 12px;
clear:both;

}

/* _________image text align_________ */

.img_textLeft {
float:left;
margin:-6px 12px 6px 0;
clear:both;
width:260px;
text-align:right;
font-size: 11px;
font-weight:normal;
color: #999;
}
    
.img_textRight {
float: right;
margin:-6px 0 6px 12px;
clear:both;
width:260px;
text-align:right;
font-size: 11px;
font-weight:normal;
color: #999;

}

/* _________Events Calendar_________ */

.article_entry_calendar {
float: left;
width: 616px;
margin: 0 0 16px 0;
padding: 10px 0 0 0;
}

.calender_title {
font-size:12px;
}

.td_calender {
}

.calender_divider {
border: none 0; 
width: 616px;
height: 11px;
background: url(../images/interface/divider.gif) top left no-repeat;
margin:-6px 0 2px 0;
}

.calender_tbl_header { 
width: 616px;
margin:0 0 10px 10px;
font-weight:bold;
color:#999;
}

.calender_tbl_date { 
width: 616px;
margin:0 0 10px 10px;
font-weight:bold;
}

.calender_tbl_date a:link, .calender_tbl_date a:active, .calender_tbl_date a:visited {
color: #000;
outline: none;
font-weight: bold;
padding:2px 0 0 26px;
font-size:12px;
background:  url(../images/interface/forward_arrow.gif) top left no-repeat;
display:block;
height:22px;
}

.calender_tbl_date a:hover {
color: #666;
outline: none;
font-weight: bold;
}

.calender_tbl_event { 
width: 616px;
margin:0 0 2px 10px;
}

/* 

THIS IS THE EVENT TYPE CLASS BELOW

*/

.calender_tbl_event_link_star { 
font-size:14px; 
background: url(../images/interface/forestillinger_star.gif) top left no-repeat;
padding-left:26px;
}

.calender_tbl_event_link_dot { 
font-size:14px;
background: url(../images/interface/kurs_dot.gif) top left no-repeat;
padding-left:26px; 
}

.yesterday { 
float: left; 
width: 20%; 
margin-left: 12px;
}

.tomorrow { 
float: right; 
text-align: right; 
width: 20%; 
margin-right: 30px;
}

.tomorrow a:link, .tomorrow a:active, .tomorrow a:visited, .tomorrow a:hover, .yesterday a:link, .yesterday a:active, .yesterday a:visited, .yesterday a:hover  {
font-weight: normal;
}


/* _________Ticket link_________ */

.tickets {
margin:0 0 10px 0;
padding:2px 0 0 26px;
height:22px;
width:400px;
background:  url(../images/interface/forward_arrow.gif) top left no-repeat;
}

.calendar_time {
text-align: left;
font-weight: normal;
margin: -5px 0 2px 0;
color:#666;
font-size:12px;
}

.calendar_price {
text-align: left;
font-weight: normal;
margin: 0 0 2px 0;
color:#999;
font-size:12px;
}
		

