/* @override http://www.frontlife.dk/site/wp-content/themes/frontlife/style.css */

/*
Theme Name: Frontlink
*/

body,html {
	margin: 0;
	padding: 0;
	font-family: Helvetica;
	color: #4c4c4c;
	background-color: #000;
}


img{
	border: none;
}

#logoscroll_content div.scrollWrapper div.scrollableArea img {
	float: left;
	padding: 0;
	margin: 0;
	display: block;
}


div.logoshow {
	float: left;
	width: auto;
	padding: 0;
	margin: 0;
	display: inline;
}

div#baggrund {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: -1;
	overflow: hidden;
}

div#grid {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-image: url(images/gitter.png);
}
ul,ol,h1,h2,h3,h4,h5,h6,p,li,td,div {
	padding: 0;
	margin: 0;
	font-size: 12px;
}

div#headercontent {
	position: absolute;
	width: 100%;
	z-index: 5050;
	height: 42px;
	background: url(images/colorwheel.png) no-repeat center bottom;
}

div#headerwrapper {
	z-index: 5050;
	height: 42px;
	position: relative;
	background-color: #000;
}

#topright,
#topleft {
	position: absolute;
	width: 50%;
	height: 42px;
}

#topright {
	z-index: 1;
	right: 0;
	background: url(images/topbg-right.png) repeat-x 0 bottom;
}

div#topleft {
	z-index: 1;
	background: url(images/topbg-left.png) repeat-x 0 bottom;
}

li#toplogo {
	height: 40px;
	width: 128px;
	background: url(images/frontlifelogo.png) no-repeat 12px 8px;
}

#topmenu ul {
	list-style: none;
	width: 900px;
	margin: 0 auto;
	z-index: 5050;

}


#topmenu li {
	float: left;
	display: block;
	font-size: 11px;
	color: #868487;
	position: relative;
	cursor: pointer;
	z-index: 5050;

}

li#eventchoose {
	width: 169px;
	height: 14px;
	border: 1px solid #868487;
	padding-top: 3px;
	padding-left: 6px;
	margin-top: 16px;
	margin-left: 31px;
}

li#search,
li#newschoose {
	width: 169px;
	height: 14px;
	border: 1px solid #868487;
	padding-top: 3px;
	padding-left: 6px;
	margin-top: 16px;
	margin-left: 8px;
		cursor: pointer;

}

li.topitem {
	height: 14px;
	border: 1px solid #000;
	padding-top: 3px;
	padding-left: 6px;
	margin-top: 16px;
	margin-left: 18px;
}

li#soundcontrol.topitem {
	height: 14px;
	border: 1px solid #000;
	padding-top: 3px;
	padding-left: 6px;
	margin-top: 11px;
	margin-left: 18px;
}

/* @group main content */

div.maincontent {
	width: 753px;
	height: 300px;
	position: absolute;
	/*top: 100px;  --Removed by moove */
	left: 50%;
	margin-left: -404px;
	display: none;
	padding: 29px;
	
}

div.maincontent.maincontent-aar {
	background-image: url(images/contentbg-aar.png);
}

div.maincontent.maincontent-cph {
	background-image: url(images/contentbg-cph.png);
}

div.maincontent.maincontent-aal {
	background-image: url(images/contentbg-aar.png);
}
	

div.content-menu {
	width: 187px;
	position: relative;
	float: left;
}

div.content-indhold {
	float: right;
	color: #fff;
	padding-top: 29px;
	padding-left: 33px;
	padding-right: 15px;
}

h1 {
	padding-bottom: 29px;
	font-size:20px;
}

p {
	padding-bottom: 19px;
}


div.dropdown {
	padding-top: 18px;
	position: absolute;	
	top: 0px;
	left: -1px;
	border: 1px solid #feffff;
	width: 175px;
	border-bottom-style: none;
	border-top-style: none;
	display: none;
	cursor: pointer;
	z-index: 5050;
}


div.content-menu ul {
	list-style: none;
	/*height: 300px;*/
	height: 275px;
	border-right: 1px solid gray;
	padding-top:25px;
}


div.content-menu ul li {
	width: 187px;
	/*height: 50px;*/
	height: 30px;
	float: right;
	position: relative;
}

div.content-menu ul li a {
	position: absolute;
	top: 0;
	left: 0;
	width: 187px;
	/*height: 50px;*/
	height: 30px;
	color: #fff;
	font-size: 11px;
	text-transform: uppercase;
	float: right;
	font-weight: bold;
	text-decoration: none;
}

div.content-menu ul li a.menulink-aar {
	background-image: url(images/menuglowoff-aar.png);

}

div.content-menu ul li a.menulink-cph {
	/*background-image: url(images/menuglowoff-cph.png);*/

}

div.content-menu ul li a span {
	position: absolute;
	top: 0;
	left: 0;
	width: 153px;
	height: 30px;
	/*padding: 20px 0 0 34px;*/
	padding:5px 0 5px 34px;
	z-index: 5001;
	
}


div.content-menu ul li a .activemenu-cph,
div.content-menu ul li a .hover-cph {
	position: absolute;
	top: 0;
	left: 0;
	width: 153px;
	/*height: 30px;*/
	height: 15px;
	background-image: url(images/menuglowon-cph.png);
	z-index: 5000;
}

div.content-menu ul li a .activemenu-aar,
div.content-menu ul li a .hover-aar {
	position: absolute;
	top: 0;
	left: 0;
	width: 153px;
	/*height: 30px;*/
	height: 15px;
	background-image: url(images/menuglowon-aar.png);
	z-index: 5000;
}

div.content-menu ul li a .activemenu-aal,
div.content-menu ul li a .hover-aal {
	position: absolute;
	top: 0;
	left: 0;
	width: 153px;
	/*height: 30px;*/
	height: 15px;
	background-image: url(images/menuglowon-aar.png);
	z-index: 5000;
}
/* @end */

/* @group footer */


#lifestylefooter .footercontent {
	background-image: url(images/frontlifefooter.png);
	width: 1037px;
	height: 76px;
}

div.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	background: url(images/bundbg.png) repeat-x;
	height: 76px;
}

div.footercontent {
	width: 1015px;
	position: relative;
	margin: 0 auto;
}

div.footercontent ul {
	list-style: none;
	width: 1037px;
	margin: 0 auto;
}

div.footercontent ul li {
	float: left;
	display: block;
	font-size: 11px;
	color: #868487;
	height: 76px;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
}

.footercontent a,
.footercontent a .hover {
	height: 76px;
	position: relative;
	display: block;
}

/* @group cph */

#bund-cph-logo {
	border-left: 1px solid #000;
	width: 319px;
	background: url(images/bund_cphlogo.png) no-repeat;
}

#bund-cph-logo .hover {
	background: url(images/bund_cphlogo-hover.png) no-repeat;
}

#bund-cph-visit {
	width: 137px;
	background: url(images/cph-visit.png) no-repeat;
}

#bund-cph-visit .hover {
	background: url(images/cph-visit-hover.png) no-repeat;
}

#bund-cph-udstillere {
	width: 137px;
	background: url(images/cph-exibit.png) no-repeat;
}

#bund-cph-udstillere  .hover {
	background: url(images/cph-exibit-hover.png) no-repeat;
}

#bund-cph-presse {
	width: 137px;
	background: url(images/cph-presse.png) no-repeat;
}

#bund-cph-presse  .hover {
	background: url(images/cph-presse-hover.png) no-repeat;
}

#bund-cph-kontakt {
	width: 137px;
	background: url(images/cph-kontakt.png) no-repeat;
}

#bund-cph-kontakt .hover {
	background: url(images/cph-kontakt-hover.png) no-repeat;
}

#bund-cph-prereg {
	width: 137px;
	background: url(images/cph-prereg_1.png) no-repeat;
}

#bund-cph-prereg .hover {
	background: url(images/cph-prereg-hover.png) no-repeat;
}

/*edit by nmtech*/

#bund-cph-facebook {
	
	background: url(images/f_logo60x60.png) no-repeat;
}

#bund-cph-facebook .hover {
	
	background: url(images/f_logo60x60.png) no-repeat;
}

/*#bund-cph-prereg {
	
	background: url(http://www.frontlife.dk/site/wp-content/themes/frontlife/images/cph_lifestyle_prereg_small.png) no-repeat;
	text-align: center;
	padding-top: 12px;
	font-family: Courier New bold;
	font-size: 16px;
	color: black;
	background-size: 71px;
	padding-right: 0px;
	padding-left: 0.3px;
	word-wrap: break-word;
	padding-bottom: 0px;
	display: block;
}

#bund-cph-prereg .hover {
	
	height:	0px;
}*/



/* @end */

/* @group aar */

#bund-aar-logo {
	border-left: 1px solid #000;
	width: 319px;
	background: url(images/bund_aarlogo.png) no-repeat;
}

#bund-aar-logo .hover {
	background: url(images/bund_aarlogo-hover.png) no-repeat;
}

#bund-aar-billedgalleri {
	width: 137px;
	background: url(images/aar-billedgalleri.png) no-repeat;
}

#bund-aar-billedgalleri .hover {
	background: url(images/aar-billedgalleri-hover.png) no-repeat;
}

#bund-aar-stemningen {
	width: 137px;
	background: url(images/aar-stemningen.png) no-repeat;
}

#bund-aar-stemningen .hover {
	background: url(images/aar-stemningen-hover.png) no-repeat;
}

#bund-aar-kontakt {
	width: 137px;
	background: url(images/aar-kontakt.png) no-repeat;
}

#bund-aar-kontakt .hover {
	background: url(images/aar-kontakt-hover.png) no-repeat;
}


#bund-aar-visit {
	width: 137px;
	background: url(images/aar-visit.png) no-repeat;
}

#bund-aar-visit .hover {
	background: url(images/aar-visit-hover.png) no-repeat;
}

#bund-aar-udstillere {
	width: 137px;
	background: url(images/aar-exibit.png) no-repeat;
}

#bund-aar-udstillere  .hover {
	background: url(images/aar-exibit-hover.png) no-repeat;
}

#bund-aar-presse {
	width: 137px;
	background: url(images/aar-presse.png) no-repeat;
}

#bund-aar-presse  .hover {
	background: url(images/aar-presse-hover.png) no-repeat;
} 
/* Not used*/

#bund-aar-billetter {
	width: 137px;
	background: url(images/aar-billetter.png) no-repeat;
}

#bund-aar-billetter .hover {
	background: url(images/aar-billetter-hover.png) no-repeat;
}

/* @end */

/* @group aal */

#bund-aal-logo {
	border-left: 1px solid #000;
	width: 319px;
	background: url(images/bund_aallogo.png) no-repeat;
}

#bund-aal-logo .hover {
	background: url(images/bund_aallogo-hover.png) no-repeat;
}

#bund-aal-billedgalleri {
	width: 137px;
	background: url(images/aar-billedgalleri.png) no-repeat;
}

#bund-aal-billedgalleri .hover {
	background: url(images/aar-billedgalleri-hover.png) no-repeat;
}

#bund-aal-stemningen {
	width: 137px;
	background: url(images/aar-stemningen.png) no-repeat;
}

#bund-aal-stemningen .hover {
	background: url(images/aar-stemningen-hover.png) no-repeat;
}

#bund-aal-kontakt {
	width: 137px;
	background: url(images/aar-kontakt.png) no-repeat;
}

#bund-aal-kontakt .hover {
	background: url(images/aar-kontakt-hover.png) no-repeat;
}


#bund-aal-visit {
	width: 137px;
	background: url(images/aar-visit.png) no-repeat;
}

#bund-aal-visit .hover {
	background: url(images/aar-visit-hover.png) no-repeat;
}

#bund-aal-udstillere {
	width: 137px;
	background: url(images/aar-exibit.png) no-repeat;
}

#bund-aal-udstillere  .hover {
	background: url(images/aar-exibit-hover.png) no-repeat;
}

#bund-aal-presse {
	width: 137px;
	background: url(images/aar-presse.png) no-repeat;
}

#bund-aal-presse  .hover {
	background: url(images/aar-presse-hover.png) no-repeat;
} 
/* Not used*/

#bund-aal-billetter {
	width: 137px;
	background: url(images/aar-billetter.png) no-repeat;
}

#bund-aal-billetter .hover {
	background: url(images/aar-billetter-hover.png) no-repeat;
}

/* @end */

/* @end */

div.broedtekst {
	width: 518px;
	height: 245px;
	overflow: auto;
}

/* @group scroll */


.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: url(images/scrolltrackbg.png) repeat-y;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
		background-color: #898989;

}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

/* @end */


#newschoose-wrapper ul,
#eventchoose div.dropdown ul {
	width: 175px;
	list-style: none;
		z-index: 5050;

}

#eventchoose div.dropdown ul li {
	height: 60px;
	width: 175px;
	float: none;
	border-bottom: 1px solid white;
	background-color: #000;
	z-index: 6000;
}


#newschoose-wrapper ul li {
	width: 165px;
	float: none;
	border-bottom: 1px solid white;
	padding: 5px;
	background-color: #000;
}

div.dropdown ul li a {
color: #fff;
text-decoration: none;
	text-transform: uppercase;
		z-index: 5050;

}


#eventchoose div.dropdown ul li a span {
	
	display: none;
}
#eventchoose div.dropdown ul li a .hover,
#eventchoose div.dropdown ul li a {
	display: block;
	height: 100%;
	text-indent: -1000px;
	position: relative;
	z-index: 5050;
}

a#selectaar {
	background-image: url(images/aarselect.png);
}

a#selectaar .hover {
	background-image: url(images/aarselect-hover.png);
}

a#selectcph {
		background-image: url(images/cphselect.png);
}
a#selectcph .hover {
	background-image: url(images/cphselect-hover.png);
}

a#selectaal {
		background-image: url(images/aalselect.png);
}
a#selectaal .hover {
	background-image: url(images/aalselect-hover.png);
}


#topmenu li.tophighlight {
	color: #fff;
	border: 1px solid #fff;

}


#topmenu li.tophighlight2 {
	color: #fff;

}

/* @group logo scroller */


div#logoscroll {

	position: absolute;
	left: 50%;
	width: 853px;
	margin-left: -426px;
	top: 355px;
	visibility: hidden;
}

div#logoscroll_content {
	width: 753px;
	/*height: 101px;*/
	height: 206px;
	margin: 0 auto;
	padding: 28px;
}


.logoscroll_content-cph {
	
		/*background-image: url(images/logosliderbg-cph.png);*/

}

.logoscroll_content-aar {
		/*background-image: url(images/logosliderbg-aar.png);*/

	
}

/*	Invisible left hotspot */



div.scrollingHotSpotLeftWrap
{
	/* 	The hotspots have a minimum width of 100 pixels 
	and if there is room the will grow and occupy 15% 
	of the scrollable area (30% combined). Adjust it 
	to your own taste. */
	width: 40px;
	height: 40px;
	background-image: url(images/logoslidertilbage.png);
	position: absolute;
	z-index: 200;
	left: 0;
	/*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
	cursor: url(../images/cursors/cursor_arrow_left.cur), url(images/cursors/cursor_arrow_left.cur),w-resize;
}



/* Invisible right hotspot */
div.scrollingHotSpotRightWrap
{
	
	width: 40px;
	height: 40px;
	background-image: url(images/logosliderfrem.png);
	position: absolute;
	z-index: 200;
	right: 0;
	/*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
	cursor: url(../images/cursors/cursor_arrow_right.cur), url(images/cursors/cursor_arrow_right.cur),e-resize;
}




div.scrollingHotSpotLeftVisible,
div.scrollingHotSpotLeft
{
	/* 	The hotspots have a minimum width of 100 pixels 
	and if there is room the will grow and occupy 15% 
	of the scrollable area (30% combined). Adjust it 
	to your own taste. */
	width: 40px;
	height: 40px;
	position: absolute;
	z-index: 200;
	left: 0;
	/*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
	cursor: url(../images/cursors/cursor_arrow_left.cur), url(images/cursors/cursor_arrow_left.cur),w-resize;
}



/* Invisible right hotspot */
div.scrollingHotSpotRightVisible,
div.scrollingHotSpotRight
{
	
	width: 40px;
	height: 40px;
	position: absolute;
	z-index: 200;
	right: 0;
	/*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
	cursor: url(../images/cursors/cursor_arrow_right.cur), url(images/cursors/cursor_arrow_right.cur),e-resize;
}


/*	The scroll wrapper is always the same width and 
	height as the containing element (div). Overflow 
	is hidden because you don't want to show all of 
	the scrollable area.
*/
div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
	
}

div.scrollableArea
{
	position: relative;
	width: auto;
	height: 100%;
}

#makeMeScrollable div.scrollWrapper div.scrollableArea img {
	display: block;
	float: left;
	width: 230px;
	height: 93px;
	display: block;
	padding: 4px;

	text-indent: -8000px;
}



/* @end */


#slideimage {
	
	width: 100%;
	height: 100%;
}

#aarfooter {
	display: none;
}

#cphfooter {
	display: none;
}

#aalfooter {
	display: none;
}

/* @group links
 */

a {
	color: #898989;
	font-weight: bold;
}



/* @end */

/* @group Tabels */

table {
	width: 100%;
}

td {
	vertical-align: text-bottom;
}



/* @end */

dt.gallery-icon {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}




/* @group overlays */

#blackout {
	position: absolute;
	height: 100%;
	width: 100%;
	background-color: #000;
	z-index: 6600;
	top: 0;
	left: 0;
	display:none; 
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;

}
.simple_overlay { 
     
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
    background-color: #fff; 
     
    width:640px;     
    min-height:200px; 
    border:1px solid #666; 
     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;    
    
    position: absolute; 
    top: 45px;
    left: 50%;
	margin-left: -320px;
} 



img.attachment-thumbnail {
	border: 0;
} 

.simple_overlay_2 .close,
.simple_overlay .close { 
    
   
    background-image:url(images/close.png); 
    position:absolute; 
    /*right:-15px; 
    top:-15px;*/
    right:-30px; 
    top:-30px;
    cursor:pointer; 
    height:35px; 
    width:35px; 
    display: block;
       
}

.simple_overlay .close  {
	 z-index: 100002;
	 text-indent: -5000px;
}

/* @end */

.broedtekst ul,
.broedtekst ol {
	padding: 20px;
	margin: 20px;
}

.broedtekst ol li {
	margin-bottom: 8px;
}

.alignleft {
	float: left;
	margin: 0 10px 10px 0;
}

.alignright {
	float: right;
	margin: 0 0 10px 10px;
}

/* Cycle */
#logo-slideshow{ float:left; }
.nav { padding-top: 10px; }
#nav {
	background-color: #1A1A1A;
	float: right;
	height: 206px;
	text-align: right;
	width: 25px;
}
#nav a{ display:block; clear:both;}
#logo-slideshow img{ width:728px; height:206px; }
#nav a, #logo-slideshow strong { padding:8px; background: url(/site/wp-content/themes/frontlife/images/bullet_slidecontrol.gif) no-repeat center; text-decoration: none; font-size:0px; color:#bb905a; }
#nav a.activeSlide { /*background: #ea0*/background: url(/site/wp-content/themes/frontlife/images/bullet_slidecontrol_active.gif) no-repeat center; color:#926429; }
#nav a:focus { outline: none; }
#output { text-align: left; }