/*-----------------------------------------------------------------------------

Kultour.nu - Screen Stylesheet

version:   3.0
date:      14/11/10
author:    Kim Rasmussen - Identitet & Design
email:     info@go4web.dk
website:   Kultour.nu

-----------------------------------------------------------------------------*/

/* reset 
-----------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}


/* >> The Magnificent CLEARFIX << */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; } /* Hides from IE-mac \*/
.clearfix { display: block; }


/* struktur
-----------------------------------------------------------*/

#header a.forside {
	height: 85px;
	width: 325px;
	display: block;
	position: absolute;
	left: 70px;
	top: 30px;
}




body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%; /* 1em = 10px og 1.2em = 12px osv. */
	height: 100.01%;
	background-color: #fff;
	margin: 15px 0;
}

#outerwrapper {
	width: 850px;
	height: auto;
	min-height: 555px;
	margin: 0 auto -21px auto;
        padding: 0 25px;
        background: url(img/bg-middle.jpg);
	background-color: #000;
        position: relative;
}

#outertop {
      width: 900px;
      height: 40px;
      background: url(img/bg-top.jpg);
      margin-left: -25px;
}

#bottom {
      width: 900px;
      height: 45px;
      margin: -21px auto 0 auto;
      background: url(img/bg-bottom.jpg) no-repeat top left;
}


/* for Internet Explorer */
/*\\*/
* html #outerwrapper {
	height: 555px;
}
/**/

#header {
	height: 140px;
	width: 850px;
	position: relative;
        margin-top: -30px;
        background-image: url(img/bg_page.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
}
     


#wrapper {
	width: 850px;
	height: auto;
	background-color: transparent;
	position: relative;
}

/* Sponsors
-----------------------------------------------------------*/
	ul#sponsorer {
		list-style: none;
		width: 480px;
	}
	
	ul#sponsorer li {
		display: block;
		float: left;
		margin-right: 10px;
		margin-bottom: 10px;
		width: 150px;
		height: 55px;
	}



/* Left
-----------------------------------------------------------*/

#left {
	width: 186px;
	height: auto;
	float: left;
        padding-bottom: 10px;
        padding-top: 25px;
	background-image: url(img/bg_page.jpg);
	background-position: 0 -140px;
	background-repeat: no-repeat;
}

#left ul {margin: 0 0 20px 0;width: 175px;}
#left ul li {
	list-style: none;
	font-size: 13px;
	line-height: 1.8em;
	border-bottom: 1px solid #fff;
	padding-left: 12px;
	margin-bottom: 4px;
}

#left li a, #left li a:visited {color: #fff;text-decoration: none;}
#left li.active a, #left li a:hover {color: #fff;}


#left li#id25 a, #left li#id57 a {color: yellow;}


#left ul li ul { margin: 0 0 10px 0; padding: 0;}
#left ul li ul li {
        border: none;
	font-size: 11px;
	padding: 0;
        margin: 0;
}

#left ul li ul li a {}
#left ul ul li.active a {font-weight: bold;}

 .boks {width: 130px; padding: 10px 10px 0 10px; margin: 0 20px 10px 10px; color: #fff;}
.boks h2, .boks h1 {color: #fff; text-transform: uppercase; font-weight: bold;}
.boks h1 {font-size: 16px; padding-bottom: 5px; }
 .boks a {color: yellow; text-decoration: none;}
 .boks a:hover {text-decoration: underline;}


/* content
-----------------------------------------------------------*/

#contentwrapper {
	margin: 20px 15px 10px 15px;
	height: auto;
	width: 470px;
	float: left;
}

#content {
	margin: 0 0 5px 0;
	height: auto;
	min-height: 320px;
	width: 470px;
	float: left;
}

/* for Internet Explorer */
/*\\*/
* html #content {
	height: 320px;
}
/**/

#content ul {
	margin: 3px 0;
	padding: 0;
}

#content ul li {list-style: disc;	list-style-position: inside;}

#content dl {	
}

#content dl dd {
	float: left;
	width: 50%;
	height: auto;
}

#contentwrapper a, #contentwrapper a:visited {color: #cc7a37;	text-decoration: none;}
#contentwrapper a:hover {text-decoration: underline;}

#bokse {
	margin: 0 auto;
	height: auto;
	width: 480px;
	float: left;
}

#bokse dl {
	width: 480px;
	height: 110px;
	overflow: hidden;
}

#bokse dl dd {
	width: 142px;
	height: 110px;
	float: left;
	margin-right: 10px; 
	padding-left: 10px;
	padding-top: 10px;
}

#bokse dl dd.last {margin: 0;}
dd.orange{background-image: url(img/boks_orange.gif); color: #FFF;}
#bokse dl dd.orange a, #bokse dl dd.orange a:visited {
	color: #FFF;
}



dd.groen{background-image: url(img/boks_groen.gif); color: #FFF;}
#bokse dl dd.groen a, #bokse dl dd.groen a:visited {
	color: #FFF;
}
dd.orangestreg {background-image: url(img/boks_orangestreg.gif);color: #cc7a37;}
dd.orangestreg p {color: #000;}
dd.blaa {background-image: url(img/boks_blaa.gif);color: #FFF;}
#bokse dl dd.blaa a, #bokse dl dd.blaa a:visited {
	color: #FFF;
}

#blivsponsor {
height: 101px;
width: 142px;
background-image: url(img/boks_hvid_paa_blaa.gif);
padding-left: 10px;
padding-top: 10px;
overflow: hidden;
margin-left: 15px;
margin-top: 7px;
}
#blivsponsor h4 {color: #7c9f21;}
#blivsponsor dl dd a, #blivsponsor dl dd a:visited {
	color: #e78500;
        text-decoration: none;
}
#blivsponsor dl dd a:hover {text-decoration: underline;}








/* right
-----------------------------------------------------------*/

#right {
	width: 162px;
	height: auto;
	float: right;
	margin-bottom: 5px;
        color: #000;
}

#right p.rt {color: #555; padding: 0 10px 10px 0; font-size: 1em; }

#right ul {
	margin: 0 0 10px 0;
	width: 150px;
	overflow: hidden;
}

#right ul li {
	list-style: none;
	font-size:  13px;
	line-height: 1.4em;
	margin-bottom: 4px;
	padding: 0 0 5px 0;
	color: #000;
        border-bottom: 1px solid #000;
}
#right ul li.current a {font-weight: bold;}
#right ul li.current ul li a {font-weight: normal;}

#right ul li ul li {font-size: 11px; border: none; padding: 0;}

#right ul li a, #right ul li a:visited {
	color: #000;
	text-decoration: none;
}

#right ul li ul {
	height: auto;
	margin: 2px 0 4px 0;
	padding: 0;
}

#right ul li ul li a {
	margin: 0;
	padding: 0;
	border: none;
}

#right ul li ul li a, #right ul li ul li a:visited {text-transform: none;}



#info {
	width: 162px;
	height: 50px;
	float: right;
}

/* klasser
-----------------------------------------------------------*/

.clear {clear: both;}

.lilla {color: #8f3b89;}
.blaa {color: #49718a;}
.orange {color: #cc7a37;}
.sort {color: #000;}


/* formatering
-----------------------------------------------------------*/
p {
	padding: 0 5px 10px 0;
font-size: 1.1em;
}


h1 {
	color: #49718a;
	font-size: 2.8em;
	font-weight: normal;
	padding: 0 0 8px 0;
}

h2 {
	color: #cc7a37;
	font-size: 1.3em;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0 0 4px 0;
}

h3 {
	color: #fff;
	background-color: #49718a;
	display: block;
	font-size: 1.2em;
	line-height: 1.6em;
	font-weight: bold;
	margin-bottom: 4px; 
	margin-right: 4px;
	padding-left: 4px;
}

#contentwrapper h3 a, #contentwrapper h3 a:visited {color: #fff;	text-decoration: none;}
#contentwrapper h3 a:hover {text-decoration: underline;}

h4 {
	font-size: 1.2em;
	line-height: 1.8em;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 4px; 
}
.ditto_item {
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #49718a;
}

.ditto_item h3 a {
color: #fff; font-weight: bold;
}

.ditto_billede {float: right;}
.ditto_introText {float: left; width: 220px;}

.forsidenyhed {
width: 470px;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #49718a;
}
.forsidenyhed h3 {width: 465px;}





/* Slider ----------------------------------- */
.nivoSlider {position:relative;}
.nivoSlider img {position:absolute;top:0px;left:0px;}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {display:block;position:absolute;z-index:50;height:100%;}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	font-weight: bold;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {padding:5px;margin:0;}
.nivo-caption a {display:inline !important;}
.nivo-html-caption { display:none;}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {position:absolute;top:45%;z-index:99;cursor:pointer;}
.nivo-prevNav {left:0px;}
.nivo-nextNav {right:0px;}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {position:relative;z-index:99;cursor:pointer;}
.nivo-controlNav a.active {font-weight:bold;}


/* Slider - customized ----------------------------------- */

#slider {
	position:relative;
	margin: -49px 0 30px 0;


	width: 470px;
        height: 325px;
	background:#000 url(slider/loading.gif) no-repeat 50% 50%;
}

#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
   z-index: 1000000;
}
#slider a {border:0;}

.nivo-controlNav {
	position:absolute;
	left:47%;
	bottom: -20px; /*-30*/
   z-index: 1000;
}
.nivo-controlNav a {
	display:block;
	width:10px;
	height:10px;
	background:url(slider/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {background-position:-10px 0;}

.nivo-directionNav a {
	display:block;
	width:32px;
	height:34px;
	background:url(slider/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {background-position:-32px 0;right:10px;}
a.nivo-prevNav {left:10px;}


