/*
	CSS: IBG.dk
*/

/* txt-styles: */
@import url("indhold.css");

body{
	background-color: #cec8ba;
	margin: 0px;
	padding: 0px;
}

/* center container */ 
div#centerContainer {
	position:absolute;
	top: 20px;
	width: 760px;
	margin-left:50%;
	left:-380px;
	
	background-color: #FFFFFF;
}

/* Top Bar, links and flags */
div#topBar {
	background-image: url("topBar.jpg");
	background-repeat: no-repeat;
	background-position: top left;
	
	width: 760px;
	height: 27px;
}

span#hotLinks {
	height: 27px;
	position: relative;
	text-align: right;
	/*left: 450px;*/
	left: 325px;
}
span#hotLinks a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	
	padding-left: 15px;
	padding-right: 15px;
	
	color: #FFFFFF;
	text-decoration: none;
}
span#hotLinks a:link{}
span#hotLinks a:visited{
	color: #FFFFFF;
	text-decoration: none;
}
span#hotLinks a:hover{}

span#language {
	position: absolute;
	top: 5px;
	right: 0px;
	height: 27px;
}

a.flag {
	width: 17px;
	height: 13px;
	
	padding-left: 10px;
	padding-right: 10px;
	float: left;
	display: block;
}

a#dk {
	background-image: url("dk.gif");
	background-repeat: no-repeat;
	background-position: top left;
}

a#uk {
	background-image: url("uk.gif");
	background-repeat: no-repeat;
	background-position: top left;
}

a#de {
	background-image: url("de.gif");
	background-repeat: no-repeat;
	background-position: top left;
}

/* TopBanner, logo m.m. */
div#TopBanner {
	width: 760px;
	height: 131px;
}

a#byferieLogo {
	background-image: url("byferieLogo.jpg");
	background-repeat: no-repeat;
	background-position: top left;
	
	width: 170px;
	height: 129px;
	
	margin-left: 4px;
	
	float: left;
	display: block;
}

div#topFlash {
	width: 582px;
	height: 129px;
	
	position: absolute;
	left: 174px;
	
	background-color: #cccccc;
	float: left;
}

/* Main menu */
div#MainMenu {
	background-image: url("nav_bg.gif");
	background-repeat: repeat-x;
	background-position: top left;
	
	margin-left: 4px;
	text-align: center;
	
	width: 752px;
	height: 31px;
}

a.menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	
	padding-left: 10px;
	padding-right: 10px;
	
	color: #000000;
	text-decoration: none;	
}
a.menu:link {}
a.menu:visited {
	text-decoration: none;	
}
a.menu:hover {}

a.selected{
	background-image: url("rollOver.gif");
	background-repeat: repeat-x;
	height: 31px !important;
	
	padding-bottom: 11px;
	padding-top: 1px; /* --> Wird hack to place a picture behind menu*/
	
	font-weight: bold;
	color: #FFFFFF;
}

/* placeHolder for content and side container's */
div#contentContainer {
	width: 752px;
	
	margin-left: 4px;
	margin-right: 4px;	
}
div#contentContainer_subpage {
	background-color: #ededed;

	width: 752px;
	margin-left: 4px;
	margin-right: 4px;	
}

/* Submenu */
div#Submenu {
	position: absolute;
	top: 189px;
	
	margin: 0px;
	padding: 0px;
	
	width: 180px;
}
a.submenu {
	font-family: verdana;
	font-size: 11px;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 3px;
	line-height: 15px;

	width: 170px;
	
	color: #333333;
	text-decoration: none;
	display: block;
	
	background-image: url("submenuBg.png");
	background-repeat: no-repeat;
	background-position: 10px bottom;
}
a.submenu:link {}
a.submenu:visited {
	color: #333333;
	text-decoration: none;
}
a.submenu:hover {
	text-decoration: underline;
}

/* 3. level menu */
a.level3 {
	font-family: verdana;
	font-size: 10px;
	padding-top: 5px;
	padding-left: 20px;
	padding-bottom: 3px;
	line-height: 15px;

	width: 150px;
	
	color: #333333;
	text-decoration: none;
	display: block;
}
a.level3:link {}
a.level3:visited {
	color: #333333;
	text-decoration: none;
}
a.level3:hover {
	text-decoration: underline;
}

a.sub_selected {
	font-weight: bold;
}

/* left container - frontPage */
div#leftContainer_frontpage {
	background-color: #dfdede;
	position: absolute;
	top: 189px;
	
	margin: 0px;
	padding: 0px;
	
	width: 202px;
	height: auto;
}

div#leftContainer_frontpage h1{
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;	
	font-weight: normal;
	
	margin: 0px;
	padding-top: 2px;
	padding-bottom: 5px;
	padding-bottom: 3px; /* CHANGED ON 15/07-2010 BY REQUEST */

	padding-left: 5px;
	padding-right: 5px;
}

div#leftContainer_frontpage div.line {
	background-image: url("line.png");
	background-repeat: no-repeat;
	background-position: top left;	
	width: 194px;
	height: 3px;
	margin-left: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
}

/* Calender frontpage */
div.calender_frontpage {
	width: 190px;
	margin: 0px;
	
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
}

div.calender_frontpage h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;	
	font-weight: bold;
	
	margin: 0px;
	padding-top: 2px;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-right: 0px;	
}

div.calender_frontpage p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	
	margin: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
}

div.calender_frontpage div.dato {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}

div.calender_frontpage a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
div.calender_frontpage a:link{}
div.calender_frontpage a:visited{
	color: #000000;
}
div.calender_frontpage a:hover{
	text-decoration: none;
}

/* Wellness link */
a#wellness {
	border-style: none;
	text-decoration: none;
	margin:0px;
	padding:0px;
	display: block;
	margin-bottom: -10px;
}
a#wellness img{
	border-style: none;
	margin:0px;
	padding:0px;
}

/* content */
div#content {
	width: 546px;
	height: auto !important;
	height: 423px;
	min-height: 403px !important;
	min-height: 385px !important;
	
	/*position: relative;
	top: 0px;
	left: 202px;*/
	padding-left: 206px;
}

div#content_subpage {
	background-image: url("contentBg_subpage.gif");
	background-repeat: no-repeat;
	background-position: 184px 0px;
	
	width: 405px;
	height: auto !important;
	height: 550px;
	min-height: 550px !important;
	
	padding-left: 184px;
}

div#content_subpage_large {
	background-image: url("contentBg_subpage.gif");
	background-repeat: no-repeat;
	background-position: 184px 0px;
	
	width: 405px;
	width: 560px;
	height: auto !important;
	height: 550px;
	min-height: 550px !important;
	
	padding-left: 184px;
}

/* custom div layer */
div#right_spalte {
	position: absolute;
	top: 190px;
	right: 10px;
	z-index: 321;
	
	width: 159px;
}

div#forside_spalte {
	position: absolute;
	top: 190px;
	right: 2px;
	right: 5px;
	z-index: 321;
	
	width: 200px;
}

/* Bottom */
div#bottomBar {
	background-color: #837f72;

	width: 752px;
	height: 20px;
	
	margin-left: 4px;
	margin-right: 4px;
	margin-top: 4px;
	margin-bottom: 4px;
	padding-top: 2px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-align: center;
}

/*
	kalender udtræk
	-> Hvorfor id's ?!?!
*/
div#indhold-tekst-fuldvisning-first {
	padding-bottom: 15px;
}

div#indhold-tekst-fuldvisning {
	padding-bottom: 15px;
}

img {
	border:0px;
}



#til_hoejre_for_websiden {
	position:absolute;
	top: 180px;
	margin-left:50%;
	left:350px;
	z-index: 999;
}



div#left_front {
  height: 236px;
  height: 238px;
  width: 200px;
  overflow: hidden;
  font-size: 12px;
  font-family: verdana, arial, sans-serif;
}

div#left_front p {
  margin: 0px;
  margin-bottom: 4px;
  padding: 0px;
  font-size: 12px;
  font-family: verdana, arial, sans-serif;
}

a#left_front_link {
  color: black;
  font-size: 12px;
  font-family: verdana, arial, sans-serif;
  float: right;
}

#right_spalte * {
  font-size: 0px;
}

