/* Reset */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }

body {
	font-size: 100%;
	font-family: arial,helvetica,verdana,sans-serif;
	background: #166fA9 url(../images/body_bg.jpg) repeat-x;
}
.clear {
	clear: both;
}
#container {
	width: 953px;
	margin: 0px auto 0px auto;
}
#header {
	position: relative;
	width: 953px;
	height: 300px;
	background: url(../images/header_bg.gif) no-repeat center bottom;
}
#logo {
	position: absolute;
	top: 14px;
	left: 33px;
	width: 420px;
	height: 64px;
	background: url(../images/esbjerg_festuge_logo.gif) no-repeat;
}
#logo a {
	width: 100%;
	height: 100%;
	display: block;
}
#globalnav {
	position: absolute;
	top: 10px;
	right: 38px;
	font-weight: bold;
	font-size: 13px;
	color: #FFF;
}
#globalnav a {
	text-decoration: none;
	color: #FFF;
}
#globalnav a:hover {
	text-decoration: underline;
	color: #166FA9;
}
#globalnav li {
	margin-left: 16px;
	float: left;
}
#searchbox {
	position: absolute;
	top: 39px;
	left: 627px;
	width: 291px;
	height: 34px;
	background: url(../images/searchbox_bg.gif) no-repeat;
}
#searchbox input.submit {
	position: absolute;
	top: 0px;
	right: 0px;
}
#searchbox input.phrase {
	position: absolute;
	top: 8px;
	left: 8px;
	width: 233px;
	height: 18px;
	font-size: 12px;
	line-height: 18px;
	border: 0px;
	background: transparent;
}
#topnav {
	position: absolute;
	top: 245px;
	left: 14px;
	width: 925px;
	height: 45px;
	font-size: 13px;
	line-height: 36px;
	text-transform: uppercase;
	background: url(../images/topnav_bg.gif) repeat-x;
}
#topnav a {
	text-decoration: none;
	color: #FFF;
}
#topnav a:hover, #topnav a.inpath {
	color: #000;
}
#topnav ul {
	margin-left: 20px;
}
#topnav li {
	margin-right: 17px;
	float: left;
}
#banner {
	position: absolute;
	top: 76px;
	left: 0px;
	width: 953px;
	height: 169px;
}
#bannerslides {
	position: absolute;
	top: 14px;
	left: 14px;
	z-index: 2;
	width: 925px;
	height: 155px;
	background: #666;
}
#banneroverlay {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 220;
	width: 953px;
	height: 169px;
	background: url(../images/header_top_corners.png) no-repeat;
}
#main {
	padding: 5px 14px 0px 14px;
	background: url(../images/main_bg_shadow.gif) repeat-y;
}
#content {
	width: 670px; /* 755px */
	padding: 0px 20px 0px 30px;
	font-size: 12px;
	line-height: 16px;
	float: left;
}
#content h1 {
	margin-bottom: 16px;
	font-size: 28px;
	line-height: 32px;
	color: #EE0000;
}
#content h2 {
	margin: 1em 0em 1em 0em;
	font-weight: bold;
	font-size: 14px;
	line-height: 18px;
	color: #166fA9;
}
#content a {
	text-decoration: underline;
	color: #EE0000;
}
#content a:hover {
	text-decoration: none;
	color: #000;
}
#leftcol {
	width: 185px;
	margin-left: 20px;
	float: left;
}
#leftcolNews {
	margin-top: 15px;
	padding: 8px;
	font-size: 11px;
	background: #EEE;
}
#leftcolNews a {
	text-decoration: underline;
	color: #000;
}
#leftcolNews a:hover {
	text-decoration: none;
}

#leftcolNews h4 {
	font-size: 13px;
	font-style: italic;
}

#leftnav {
	font-size: 11px;
	text-transform: uppercase;
}
#leftnav a {
	padding: 6px 6px 6px 8px;
	line-height: 12px;
	text-decoration: none;
	color: #000;
	background: #EEE;
	display: block;
}
#leftnav a:hover, #leftnav a.inpath {
	color: #FFF;
	background: #166FA9;
}
#leftnav ul {
	margin-bottom: 20px;
}

#leftnav li {
	margin-bottom: 2px;
}

#sponsors {
	clear: both;

}

#footer {
	width: 100%;
	padding: 45px 0px 20px 0px;
	font-size: 12px;
	font-style: italic;
	text-align: center;
	color: #FFF;
	background: url(../images/footer_bottom_corners.gif) no-repeat;
}
#footer a {
	text-decoration: none;
	color: #FFF;
}

/**
 * Paragraphs
 **/
table.paragraph {
	width: 100%;
}

/**
 * Event list
 **/
table.eventList {
	width: 100%;
	border-collapse: collapse;
	border: 0px;
}
table.eventList th, table.eventList td {
	padding: 3px;
}
table.eventList th {
	color: #FFF;
	background: #166fA9;
}
table.eventList th.time {
	width: 60px;
}
table.eventList th.place {
	width: 180px;
}

table.eventList td {
	border-bottom: 1px solid #CCC;
}

/**
 * Event-detail
 **/
div.externalLinkIcons {
	float: right;
}
div.externalLinkIcons img {
	margin-left: 8px;
}
div.programDetails {
	margin: 16px 0px;
}
div.programImage {
	margin-bottom: 16px;
}

/* */
ul.slideshow {
	list-style:none;
	width:925px;
	height:158px;
	overflow:hidden;
	position:relative;
	margin:0;
	padding:0;
	
}	

ul.slideshow li {
	position:absolute;
	left:0;
	right:0;
}

ul.slideshow li.show {
	z-index:100;	
}


#slideshow-caption {
	width:925px;
	height:60px;
	position:absolute;
	bottom:0;
	left:0;	
	color:#fff;
	background:#000;
	font-size: 12px;
	z-index:100;
}
#slideshow-caption .slideshow-caption-container {
	padding: 12px 20px 12px 20px;		
	z-index: 200;
}

#slideshow-caption h3 {
	margin-bottom: 5px;
	text-transform: uppercase;
	font-weight: bold;
}