﻿/*==========================================
 * Default CSS
============================================*/
.cb
 {
	margin: 0 0 7px 0;
}

/* Top corners and border */
.bt
{
	height: 14px;
	margin: 0 0 0 18px;
	background: url(/Files/Billeder/site/flBox.gif) no-repeat 100% 0;
}
.bt div
{
	position: relative;
	left: -18px;
	width: 18px;
	height: 14px;
	background: url(/Files/Billeder/site/flBox.gif) no-repeat 0 0;
	font-size: 0;
	line-height: 0;
}

/* Bottom corners and border */
.bb
{
	height: 14px;
	margin: 0 0 0 18px;
	background: url(/Files/Billeder/site/flBox.gif) no-repeat 100% 100%;
}
.bb div
{
	position: relative;
	left: -18px;
	width: 18px;
	height: 14px;
	background: url(/Files/Billeder/site/flBox.gif) no-repeat 0 100%;
	font-size: 0;
	line-height:0;
}

/* Left border */
.i1
{
	padding:0 0 0 3px;
	background:url(/Files/Billeder/site/flBorders.gif) repeat-y 0 0;
}
/* Right border */
.i2
{
	padding:0 3px 0 0;
	background:url(/Files/Billeder/site/flBorders.gif) repeat-y 100% 0;
}
/*  Wrapper for the content. Use it to set the background colour and insert some padding
    between the borders and the content. */
.i3
{
	display:block;
	margin:0;
	padding:0px 7px;
	background:#fff;
}
/*  Make the content wrapper auto clearing so it will contain floats
    (see http://positioniseverything.net/easyclearing.html). */
.i3:after
{
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.i3 {display:inline-block;}
.i3 {display:block;}
/* Default CSS ends here */

/* Custom CSS
================================================*/
/*  You can use different borders for different boxes on the same page. Just adjust the CSS. Here are a few examples, 
    one of which uses the GIF images instead of the PNG images. Note that you can also adjust borders, heights and paddings
    this way. Remember to adjust the IE CSS as well. */

.button
{
	float:left;
	margin-top:0;
}
.button .bt
{
	height:8px;
	margin:0 0 0 9px;
	background-image:url(/Files/Billeder/site/button.png);
}
.button .bt div
{
	left:-9px;
	width:9px;
	height:8px;
	background-image:url(/Files/Billeder/site/button.png);
}
.button .bb
{
	height:8px;
	margin:0 0 0 8px;
	background-image:url(/Files/Billeder/site/button.png);
}
.button .bb div
{
	left:-8px;
	width:8px;
	height:8px;
	background-image:url(/Files/Billeder/site/button.png);
}
.button .i1
{
	padding:0 0 0 3px;
	background-image:url(/Files/Billeder/site/button-borders.gif);
}
.button .i2
{
	padding:0 3px 0 0;
	background-image:url(/Files/Billeder/site/button-borders.gif);
}
.button .i3
{
	padding:0 0.5em;
	background: #3a3d40 url(/Files/Billeder/site/button.png) no-repeat -3px -8px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
}
.button a:link,
.button a:visited,
.button a:hover {
	border:none;
	color:#fff;
}
/*

</style>
<!--[if lt IE 8]>
<style type="text/css">
*/
/* Required IE fixes
================================================*/
/* Serve gif images to IE/Win pre version 7 */
* html .i1,
* html .i2 {background-image:url(/Files/Billeder/site/flBorders.gif);}
* html .bt,
* html .bt div,
* html .bb,
* html .bb div {background-image:url(/Files/Billeder/site/flBox.gif);}
/* Set a height to fix up some rendering issues. */
* html .i1,
* html .i3 {height:1px;}

/* Give the absolutely positioned box a width (including IE 7)*/
.one {width:70%;}

/* Custom rules for the buttons */
/* All IE versions need a width */
.button {width:20em;}
/* IE 7 does not need these */
* html .button .i1,
* html .button .i2 {background:transparent;}
* html .button .bt,
* html .button .bt div {background-image:url(/Files/Billeder/site/button.gif);}
* html .button .bb,
* html .button .bb div {background-image:url(/Files/Billeder/site/button.gif);}

/*
</style>

<![endif]-->
*/

/* Menu */
.flMenu
{
    margin-bottom: 6px;
}
.flMenu .bt
{
	height: 26px;
	margin:0 0 0 9px;
	background-image: url(/Files/Billeder/site/flMenuBox.gif);
}

.flMenu .bt div
{
	left: -9px;
	width: 9px;
	height: 26px;
	background-image: url(/Files/Billeder/site/flMenuBox.gif);
}

.flMenu .bb
{
	height: 8px;
	margin: 0 0 0 8px;
	background-image: url(/Files/Billeder/site/flMenuBox.gif);
}
.flMenu .bb div
{
	left:-8px;
	width:8px;
	height:8px;
	background-image:url(/Files/Billeder/site/flMenuBox.gif);
}
.flMenu .i1
{
	padding:0 0 0 2px;
	background-image:url(/Files/Billeder/site/flMenuBoxBorders.gif);
}
.flMenu .i2
{
	padding:0 2px 0 0;
	background-image:url(/Files/Billeder/site/flMenuBoxBorders.gif);
}
.flMenu .i3
{
	margin: 0;
	padding: 0;
}

.flMenu .i3 h1
{    
  position: relative;
  top: -20px;
  margin-left: 6px;
  background-color: transparent;
}

.flMenu .i3 p 
{
    margin: 0;
    padding: 0;
    clear: left;
}

/* ControlBox */
.flControlBox { margin-bottom: 6px; }
.flControlBox .bt
{
	height: 8px;
	margin:0 0 0 9px;
	background-image: url(/Files/Billeder/site/flControlBox.gif);
}

.flControlBox .bt div
{
	left: -9px;
	width: 9px;
	height: 8px;
	background-image: url(/Files/Billeder/site/flControlBox.gif);
}

.flControlBox .bb
{
	height: 8px;
	margin: 0 0 0 8px;
	background-image: url(/Files/Billeder/site/flControlBox.gif);
}
.flControlBox .bb div
{
	left:-8px;
	width:8px;
	height:8px;
	background-image:url(/Files/Billeder/site/flControlBox.gif);
}
.flControlBox .i1
{
	padding:0 0 0 2px;
	background-image:url(/Files/Billeder/site/flMenuBoxBorders.gif);
}
.flControlBox .i2
{
	padding:0 2px 0 0;
	background-image:url(/Files/Billeder/site/flMenuBoxBorders.gif);
}
.flControlBox .i3
{
	margin: 0;
	padding: 0;
}

.flControlBox .i3 h1
{    
  position: relative;
  top: -20px;
  margin-left: 6px;
  background-color: transparent;
}

.flControlBox .i3 p 
{
    margin: 0;
    padding: 0;
    clear: left;
}

/* Infobox */
.flInfoBox { margin-bottom: 6px; }
.flInfoBox .bt
{
	height:26px;
	margin:0 0 0 9px;
	background-image:url(/Files/Billeder/site/flInfoBox.gif);
}
.flInfoBox .bt div
{
	left:-9px;
	width:9px;
	height:26px;
	background-image:url(/Files/Billeder/site/flInfoBox.gif);
}
.flInfoBox .bb
{
	height: 8px;
	margin: 0 0 0 8px;
	background-image: url(/Files/Billeder/site/flInfoBox.gif);
}
.flInfoBox .bb div
{
	left: -8px;
	width: 8px;
	height: 8px;
	background-image: url(/Files/Billeder/site/flInfoBox.gif);
}

.flInfoBox .i1
{
	padding:0 0 0 3px;
	background-image:url(/Files/Billeder/site/flInfoBoxBorders.gif);
}
.flInfoBox .i2
{
	padding:0 3px 0 0;
	background-image:url(/Files/Billeder/site/flInfoBoxBorders.gif);
}
.flInfoBox .i3
{
	padding:0 0.5em;
}

/* Rightbox */
.flRightBox { margin-bottom: 6px; }
.flRightBox .bt
{
	height:8px;
	margin:0 0 0 8px;
	background-image:url(/Files/Billeder/site/flRightBox.gif);
}
.flRightBox .bt div
{
	left:-8px;
	width:8px;
	height:8px;
	background-image:url(/Files/Billeder/site/flRightBox.gif);
}
.flRightBox .bb
{
	height:8px;
	margin:0 0 0 8px;
	background-image:url(/Files/Billeder/site/flRightBox.gif);
}
.flRightBox .bb div
{
	left:-8px;
	width:8px;
	height:8px;
	background-image:url(/Files/Billeder/site/flRightBox.gif);
}

.flRightBox .i1
{
	padding:0 0 0 3px;
	background-image:url(/Files/Billeder/site/flRightBoxBorders.gif);
}
.flRightBox .i2
{
	padding:0 3px 0 0;
	background-image:url(/Files/Billeder/site/flRightBoxBorders.gif);
}
.flRightBox .i3
{
	padding:0 0.5em;
	background-color: #EAF2CC;
}

.flRightBox .i3 p 
{
    margin: 0;
    padding: 0;
    clear: left;
}

.flRightBox .i3 ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}
.flRightBox .i3 h1
{
    color: #000;
    background-color: transparent;
}

/* Offer */
.flOffer 
{
    position: relative;
}
.flOffer .bt
{
	height: 28px;
	margin: 0 0 0 8px;
	background-image: url(/Files/Billeder/site/offerBox.gif);
}
.flOffer .bt div
{
	left: -8px;
	height: 28px;
	background-image: url(/Files/Billeder/site/offerBox.gif);
}
.flOffer .bb
{
	height: 8px;
	margin:0 0 0 8px;
	background-image: url(/Files/Billeder/site/offerBox.gif);
}
.flOffer .bb div
{
	left: -8px;
	width: 8px;
	height: 8px;
	background-image: url(/Files/Billeder/site/offerBox.gif);
}

.flOffer .i1
{
	padding: 0 0 0 3px;
	background-image: url(/Files/Billeder/site/offerBoxBorders.png);
}
.flOffer .i2
{
	padding: 0 3px 0 0;
	background-image: url(/Files/Billeder/site/offerBoxBorders.png);
}
.flOffer .i3
{
	padding: 0 0.5em;
	background-color: #fff;
}

.flOffer .i3 p 
{
    margin: 0;
    padding: 0;
    clear: left;
}

.flOffer .i3 ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}
.flOffer .i3 h1 {}

/* Greenbox */
.flGreenBox { margin-bottom: 6px; }
.flGreenBox .bt
{
	height:8px;
	margin:0 0 0 8px;
	background-image:url(/Files/Billeder/site/flGreenBox.gif);
}
.flGreenBox .bt div
{
	left:-8px;
	width:8px;
	height:8px;
	background-image:url(/Files/Billeder/site/flGreenBox.gif);
}
.flGreenBox .bb
{
	height:8px;
	margin:0 0 0 8px;
	background-image:url(/Files/Billeder/site/flGreenBox.gif);
}
.flGreenBox .bb div
{
	left:-8px;
	width:8px;
	height:8px;
	background-image:url(/Files/Billeder/site/flGreenBox.gif);
}

.flGreenBox .i1
{
	padding:0 0 0 3px;
	background-image:url(/Files/Billeder/site/flGreenBoxBorders.gif);
}
.flGreenBox .i2
{
	padding:0 3px 0 0;
	background-image:url(/Files/Billeder/site/flGreenBoxBorders.gif);
}
.flGreenBox .i3
{
	padding:0 0.5em;
	background-color: #F6F8EF;
}

.flGreenBox .i3 p 
{
    margin: 0;
    padding: 0;
    clear: left;
}

.flGreenBox .i3 ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Redbox */
.flRedBox { margin-bottom: 6px; }
.flRedBox .bt
{
	height:8px;
	margin:0 0 0 8px;
	background-image:url(/Files/Billeder/site/flRedBox.gif);
}
.flRedBox .bt div
{
	left:-8px;
	width:8px;
	height:8px;
	background-image:url(/Files/Billeder/site/flRedBox.gif);
}
.flRedBox .bb
{
	height:8px;
	margin:0 0 0 8px;
	background-image:url(/Files/Billeder/site/flRedBox.gif);
}
.flRedBox .bb div
{
	left:-8px;
	width:8px;
	height:8px;
	background-image:url(/Files/Billeder/site/flRedBox.gif);
}

.flRedBox .i1
{
	padding:0 0 0 3px;
	background-image:url(/Files/Billeder/site/flRedBoxBorders.gif);
}
.flRedBox .i2
{
	padding:0 3px 0 0;
	background-image:url(/Files/Billeder/site/flRedBoxBorders.gif);
}

.flRedBox .i3
{
	padding:0 0.5em;
	background-color: #FF0000;
}

.flRedBox .i3
{
    margin: 0;
    padding: 5px 10px;
    clear: left;
    color: #FFF;
    font-weight: bold;
}

.flRedBox .i3 a, .flRedBox .i3 a:visited { color: #FFF; }

/* Green top rounded bottom */
.flGreenTopRoundBottom { margin-bottom: 6px; }
.flGreenTopRoundBottom .bt
{
	height: 23px;
	margin:0 0 0 8px;
	background-image:url(/Files/Billeder/site/flGreenTopRoundBottom.gif);
}
.flGreenTopRoundBottom .bt div
{
	left:-8px;
	width:8px;
	height: 23px;
	background-image:url(/Files/Billeder/site/flGreenTopRoundBottom.gif);
}
.flGreenTopRoundBottom .bb
{
	height: 10px;
	margin:0 0 0 10px;
	background-image:url(/Files/Billeder/site/flGreenTopRoundBottom.gif);
}
.flGreenTopRoundBottom .bb div
{
	height: 10px;
	left: -10px;
	width: 10px;	
	background-image:url(/Files/Billeder/site/flGreenTopRoundBottom.gif);
}

.flGreenTopRoundBottom .i1
{
	padding:0 0 0 3px;
	background-image:url(/Files/Billeder/site/flGreenTopRoundBottomBorders.gif);
}
.flGreenTopRoundBottom .i2
{
	padding:0 3px 0 0;
	background-image:url(/Files/Billeder/site/flGreenTopRoundBottomBorders.gif);
}
.flGreenTopRoundBottom .i3
{
	position: relative;
	padding:0 0.5em;
	
}
.flGreenTopRoundBottom .i3 h2
{
	position: relative;
	margin-left: 0;
	background-color: transparent;
	color: #fff;
	top: -19px;
	border: 0;
	font-size: 1.2em;
	display: inline;
}

#messageAfterRedirect, #messageAfterRedirectError { width: 550px; color: #fff; z-index: 10000; position:absolute; top: 200px; left: 50%; margin-left: -275px; margin-top: -42px; }
#messageAfterRedirect .toolbar { background: transparent url(/Files/Billeder/site/help_topbar.gif) no-repeat scroll 100% 0; height: 26px; margin: 0 0 0 9px; width: auto; position: relative; }
#messageAfterRedirectError .toolbar { background: transparent url(/Files/Billeder/site/help_topbar_error.gif) no-repeat scroll 100% 0; height: 26px; margin: 0 0 0 9px; width: auto; position: relative; }
#messageAfterRedirect .title { padding:  5px 0 0 6px; background: transparent url(/Files/Billeder/site/help_topbar.gif) no-repeat scroll 0 0; left:-9px; width: auto; text-align: left; font-size:1.2em; font-weight:bold; height: 21px; position: relative; }
#messageAfterRedirectError .title { padding:  5px 0 0 6px; background: transparent url(/Files/Billeder/site/help_topbar_error.gif) no-repeat scroll 0 0; left:-9px; width: auto; text-align: left; font-size:1.2em; font-weight:bold; height: 21px; position: relative; }
#messageAfterRedirect .content { background-color: #FFF; padding: 15px; border: 2px solid #F77712; color: black; }
#messageAfterRedirectError .content { background-color: #FFF; padding: 15px; border: 2px solid #FF0000; color: black; }
#messageAfterRedirect a.close, #messageAfterRedirectError a.close { position: relative; text-decoration: none; float: right; width: 15px; height: 15px; background: transparent url(/Files/Billeder/site/close.gif); display: block; line-height: 0; font-size: 0px; border: 0; }
#messageAfterRedirect a.close:hover, #messageAfterRedirectError a.close:hover { background: transparent url(/Files/Billeder/site/close_hover.gif); }