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

body, div, h1, h2, h3, h4, h5, h6, p, ul, img {margin:0px; padding:0px; } 

/* GENERELT
********************************************************************************************************************************/
html, body {
	height: 100%;
}

body {
	background-image: url(images/bg-sun.png);
	background-position: center top;
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-color:#fba930;
	font-family:Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size:12px;
}

a:link, a:visited, a:hover, a:focus, a:active {
    color: #F2C150;
}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -170px; /* the bottom margin is the negative value of the footer's height */
	background-image:url(images/bg-bottom.png);
	background-repeat:no-repeat;
	background-position:center bottom;
}

.clear{ clear:both }

#container{
	width: 960px;
	margin: 0 auto;
	background-color: #242021;
	}
	
#container-clear{
	float: left;
	width:960px;
	height:300px;
	}

/* FONTS
********************************************************************************************************************************/
h1, h2, h3 {
    font-family: Arial, sans-serif;
}

h1 {color: #f2c150; font-weight:bold; text-transform: uppercase; font-size:24px; /* letter-spacing:-1px */ }
h2 {color: #80ba39; font-weight:bold; text-transform: uppercase; font-size:16px; }
h3 {color: #f2c150; font-weight:bold; margin-bottom:5px; font-weight: normal; }
p{}
#content p, #content-standard p, #content-praktisk p{margin-top:10px;}
#content h1{color: #81ba39; text-transform: none; font-size:18px;}
#content p a{color: #f2c150;}
#content p a:hover{color: #f2c150; text-decoration:none;}
#header-dato-dage{text-transform: uppercase; font-size:12px;}

#content-standard p a{color: #f2c150;}
#content-standard p a:hover{color: #f2c150; text-decoration:none;}

#nyheder h1{color: #f2c150; text-transform: uppercase; font-size:18px; font-weight:bold; /*letter-spacing:-1px;*/ }


/* FOOTER
********************************************************************************************************************************/
#footer, #push { height: 170px; /* .push must be the same height as .footer */ }

#footer-content{width: 940px; margin:0 auto;padding-top:145px; font-size:12px;}
#footer-content ul{list-style: none; display: inline;}
#footer-content ul li{display:inline; border-right:1px solid #999999; padding:auto 10px;}
#footer-content ul li.last{border:0px;}
#footer-content ul li a{color:#999999; margin:0 10px 5px 5px;; text-decoration:none;}
#footer-content ul li a:hover{color:#FFFFFF;}
#footer-content span{float:right; color:#999999;}
#footer-content span a{color:#999999; text-decoration:none; }
#footer-content-twitter, div#footer-content-facebook, div#footer-content-youtube {float:left; margin-right:10px; }


/* HEADER
********************************************************************************************************************************/
#header{}
#header-logo{float:left; width: 360px; height: 119px;}
#header-dato{float:left; width: 600px; height: 119px; position: relative; /* background-image:url(images/header-dato.jpg); background-repeat:no-repeat; */}
#header-dato-dage{float:right; position: absolute; top: 90px; right: 20px;}
#header-dato-text { float: right; margin-top: 20px; margin-right:20px; font-size: 72px; color: #f2c150; }
#header-dato-dage div.csc-default { display: inline }


/* TOPMENU DETALJER
********************************************************************************************************************************/
#topmenu{margin-left: 10px; margin-bottom: 20px; width: 940px; height: 40px; background-image: url(images/bg-menu.jpg); background-repeat: repeat-x;}
#topmenu ul{margin: 0; padding: 0;}
#topmenu ul li{display: inline;}
#topmenu ul li a{float: left; text-decoration: none;color:#FFFFFF;padding: 7px 17px 10px 17px;background-image:url(images/bg-menu-spacer.jpg); background-repeat:no-repeat; background-position:right; font-size:13px; font-weight:normal;}
#topmenu ul li a:hover{float: left; text-decoration: none;color:#FFFFFF;padding: 7px 17px 10px 17px;background-image:url(images/bg-menu-spacer-hover.jpg); background-repeat:no-repeat; background-position:right; }
#topmenu ul li.active a{color:#f2c150; background-image:url(images/bg-menu-spacer-hover.jpg); background-repeat:no-repeat; background-position:right; }




/* CONTENT
********************************************************************************************************************************/
#content{float: left; margin-left: 10px; width:600px;	}
#content-image{width:590px; height:240px; background-image:url(images/bg-content.jpg); margin-bottom:10px;padding-top:10px;padding-left:10px;}
#content-left{ float:left; width:275px; padding:10px; min-height:340px; background-image:url(images/bg-content-left.jpg); background-repeat:no-repeat; margin-right:10px;}
#content-right{float:left; width:275px; padding:10px; min-height:340px; background-image:url(images/bg-content-left.jpg); background-repeat:no-repeat;}
#content-praktisk ul{margin:20px 20px 20px 30px;}
#content-praktisk ul li{margin:6px 0;}

#nyheder ul{list-style:none;margin-bottom:20px;}
#nyheder ul li{margin:6px 0;}
#nyheder ul li a{text-decoration:none;}
#nyheder ul li a:hover{text-decoration:underline;}
#nyheder ul li.havn a{color:#f2c150;}
#nyheder ul li.irsk a{color:#82b638;}
#nyheder ul li.stor a{color:#db2026;}
#nyheder a{color:#f2c150;}
#nyheder a:hover{text-decoration:none;}

#content-standard{float: left; margin-left: 10px; padding: 10px; width:580px; min-height:600px; background-image:url(images/bg-content.jpg); background-repeat:repeat-x;}
#content-image-standard{}

#content-standard ul li{margin:5px 0;}

#content-submenu{float: left; margin-left: 10px; padding: 10px; width:180px; min-height:500px; background-image:url(images/bg-submenu.gif); background-repeat:no-repeat;}
#content-submenu ul{list-style:none;}
#content-submenu ul li{border-bottom:1px solid #666666; padding:6px 0 8px;}
#content-submenu ul li a{color:#FFFFFF; text-decoration:none;}
#content-submenu ul li a:hover{color:#f2c150;}
#content-submenu ul li a.act{color:#f2c150; text-transform: uppercase;}
#content-submenu ul.L2{margin-left:20px;}
#content-submenu ul.L2 li a.act{text-transform: none;}
#content-praktisk{float: left; margin-left: 10px; padding: 10px; width:710px; min-height:600px; background-image:url(images/bg-content.jpg); background-repeat:repeat-x;}
#content-image-praktisk{margin-bottom:10px;}

#icon-social{float:right; width:200px; height:20px; margin-bottom:10px;}
.icon-social-img{float:right; margin-left:5px; }

#billetter .billettype{float:left;}

ul.csc-bulletlist{list-style:none;margin-left:20px;}
.csc-textpic-caption{font-style:italic;}

#content-standard ul{margin-left:40px;margin-top:20px;}

#content-standard div.galleri{float:left; margin-right:9px;}
#content-standard div.galleri-last{float:left; }
#content-standard div.galleri img{border:1px solid #CCCCCC;padding:2px;}
#content-standard div.galleri-last img{border:1px solid #CCCCCC;padding:2px;}



/* NYHEDER I HØJRE SIDE
********************************************************************************************************************************/
#nyheder{
	float: left;
	margin: 10px 0 0 10px;
	padding: 10px;
	width: 310px;
	min-height: 360px;
	background-image: url(images/bg-nyheder.jpg);
	background-repeat:repeat-x;
	}
#nyheder p.red{}
#nyheder p.green{}
#nyheder p.yellow{}

/* IKONER MED TELTE I HØJRE SIDE
********************************************************************************************************************************/
#telte{float: left;	margin-left: 10px; width: 330px;}
#telte a{display:block; width:100%; height:100%; text-decoration:none; color:#FFFFFF; }
#telte a:hover span.icon-tekst p, #telte a:hover span.icon-tekst h1{color:#f2c150; }
#telt-store{width: 330px;height: 80px;background-image:url(images/bg-telte.jpg); background-repeat:repeat-x; overflow:hidden;}
#telt-irske{width: 330px;height: 80px;background-image:url(images/bg-telte.jpg); background-repeat:repeat-x; overflow:hidden; margin: 5px 0;}
#telt-havne{width: 330px;height: 80px;background-image:url(images/bg-telte.jpg); background-repeat:repeat-x; overflow:hidden;}
span.icon-tekst{width:220px; float:left; padding:10px;}
span.icon-tekst h1{color:#FFFFFF; text-transform: uppercase; font-size:18px; padding-bottom:2px; font-weight:bold;}
span.icon-tekst p{color:#FFFFFF; font-size:12px;}
span.icon-telt{float:right;}


/* DIVERSE
********************************************************************************************************************************/
.news-latest-container {padding:10px 0 0 0;}

/***
/* Tilmelding til nyhedsbrev
/*********************************************************************/

div.formcontent { margin: 1em 0;}

div.formfield {
    margin-bottom: 1em;
}

div.formfield label {
    float: left;
    width: 60px;
}

p.warning {
    font-weight: bold;
    color: red;
}