@import url(/static/benform/benform.css);

/* @group Body Universal */
body { font-size: small; background-color: #fff; margin: 0; font-family: Verdana, Helvetica, Arial, sans-serif; }
body * { margin: 0; padding: 0; }
a img { border: none; }
/* @end */

/* @group Chrome */
#banner_overlay {position:absolute; z-index: 99999; left:0; margin:0 0 0 0; width:100%; text-align:center; padding:0;}
#banner_overlay * {padding:0; margin:0;}

#topBanner {position: relative; z-index: 9999; margin: 0 auto; padding: 5px 0; width: 960px; max-height: 180px; text-align: center;}

#wrapper { margin: 0 auto; width: 980px; background-color: #fff; position: relative;}
/* @end */

/* @group Header - logo, nav & site tools */
/*
##### Std. one-level main + one-level sub menus.
##### Pending WhiteAlbumization + move to base.css
##### CAS 9/12 2009
*/
#headerWrapper {width: 960px; margin: 0 auto 10px; padding-bottom: 10px; background-color: #fff; font-size: 10px; /* Temp. - remove upon WhiteAlbumization */}
	#header {
		position: relative; overflow: hidden;
		width: 960px;
		background: url(../../base/gfx/submenu_gradient_bg.jpg) repeat-x 0px 21px;
		border-bottom: 2px solid #ccc;
		}

#logo {
	position: absolute; top: 5px; left: 5px;
	width: 155px; height: 27px;
	background: url(../gfx/costume_logo.gif) no-repeat;
	text-indent: -9999px;
	}
.da #logo {width: 168px; background-image: url("http://costume.dk/images/costume/da/costume_logo.gif");}

/* @group Menu */
.menu {list-style: none; text-align: left;}
.menu, .menu * {float: left; display: inline;}
	.menu a {text-decoration: none; font-family: Georgia, Times, 'Times New Roman', serif; white-space: nowrap;}
	.menu li.current a {cursor: default;}

.menuMain {width: 785px; padding: 10px 0 0 205px; background: #000;}
	.menuMain li + li {margin-left: 5px;}
		.menuMain li a {padding: 5px 8px; color: #fff; text-transform: uppercase; font-size: 1.4em; letter-spacing: .1em;}
		.menuMain li a:hover {background: #222;}
		.menuMain li.current a {background: #fff; color: #000;}
		.menuMain li.current a:hover {background: #fff;}

.menuSub {width: 783px; padding: 5px 0 5px 205px; border: solid #ccc; border-width: 0 1px;}
	.menuSub li + li {margin-left: 20px;}
		.menuSub li a {padding: 0 5px; color: #585858; font-size: 1.3em;}
		.menuSub li a:hover {color: #000; text-decoration: underline;}
		.menuSub li.current a {background: #000; color: #fff;}
		.menuSub li.current a:hover {text-decoration: none;}

#fashionistaButton {
	position: absolute; top: 5px; right: 5px;
	width: 129px; height: 25px;
	background: url(../gfx/header_menu_fashionista_button.gif) no-repeat;
	text-indent: -9999px;
	}
/* @end */

#searchForm {position: absolute; top: 40px; left: 5px; width: 200px; text-align: left; font-size: 1em;}
	#searchForm #searchQ {
		float: left; display: inline;
		width: 128px;
		margin: 0 2px 0 0; padding: 1px 2px;
		border: 1px solid #666;
		}
	#searchForm button {
		padding: 0 5px;
		background: #000; color: #fff;
		font-weight: normal;
		border: 1px solid #333;
		-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
		cursor: pointer;
		
		/* IE specific */
		*width: auto; *overflow: visible; *padding: 0 5px; *border: 0;
		}	
/* @end */

/* @group Footer */
#footer { width: 980px; padding: 20px 0; clear: both; }
	.footerContent { width: 230px; margin-right: 20px; float: left; }
	.lastFooterContent { margin-right: 0; }
	#contactInfo { clear: both; color: #ccc; font-size: 90%; text-align: center; padding: 20px 0 10px 0; }
		#contactInfo a { text-decoration: underline; }
		#contactInfo a:hover { text-decoration: none; }
/* @end */

/* @group Navigation */
/* =NAVIGATION */
.navigation { float: right; width: 715px; text-align: center; text-transform: uppercase; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; }
.navigation ul { }
.navigation ul li { display: inline; margin: 0; padding: 3px 10px 4px 10px; }
.navigation ul li a { color: #fff; text-decoration: none; }

.navigation ul#main { position: absolute; width: 715px; right: 0px; bottom: 0px; padding-bottom: 0.3em; color: #fff; }
	.navigation ul#main a:hover { padding-bottom: 0.3em; background: url(../images/bottomBorderTop.gif) bottom repeat-x; }
	.navigation ul#main li#selected { background: #fff; color: #000; } 
	.navigation ul#main li#selected a { color: #000; padding: 0.3em 0; }
	
.navigation ul#sub { margin-top: 1.2em; padding-bottom: 0.3em; font-size: 90%; }
	.navigation ul#sub a { color: #000; padding-bottom: 4px; }
	.navigation ul#sub a:hover, .navigation ul#sub li#selected { padding-bottom: 0.3em; background: url(../images/bottomBorder.gif) bottom repeat-x; }

a#staticAboLink { float: left; margin-top: 0.9em; color: #000; font-size: 85%; text-decoration: none; text-transform: uppercase;}

#subNaviLine { border-bottom: 1px solid #bfbfbf; clear: both; }
/* @end */


/* @group Tab Navigation */
/* =TAB NAVIGATION */
.tabNavigationRow { margin: -1em 0 10px 0; width: 660px; float: left; }
	.tabNavigationPosition { text-align: center; border-bottom: 1px solid #bfbfbf; margin-bottom: 10px; padding-bottom: 0.18em; padding-left: 259px; }
	ul.tabNavigation li { display: inline; } 
	ul.tabNavigation li a { color: #000; text-decoration: none; padding: 0 3px 0.3em 3px; font-size: 0.8em; }
	ul.tabNavigation li a:hover { padding-bottom: 0.3em; background: url(../images/bottomBorder.gif) bottom repeat-x; }
	ul.tabNavigation li.tabCurrent a { font-weight: bold; padding: 2px 3px 0.3em 3px; background: url(../images/bottomBorder.gif) bottom repeat-x; }
	ul.tabNavigation li.tabPrevious a, ul.tabNavigation li.tabNext a { font-weight: bold; padding-bottom: 0.3em; background: url(../images/bottomBorder.gif) bottom repeat-x; }

.navigationRelated { margin-bottom: 100px; }
	.navigationRelated h1 { border: none; }

.tabStandAlone { display: inline; padding: 2px 3px; text-decoration: none; color: #000; float: right; font-weight: bold; background: url(../images/bottomBorder.gif) bottom repeat-x; font-size: 80%; }
/* @end */


/* @group Inverted Tab */
/* =INVERTED TAB */
.invertedTab { clear: both;	padding: 10px 0; text-align: center; }
	.invertedTab ul { border-top: 1px solid #bfbfbf; padding-top: 0.2em; }
	.invertedTab ul li { display: inline; }
	.invertedTab ul li a { color: #000; text-decoration: none; padding: 0.3em 3px 0 3px; font-size: 0.8em; }
	.invertedTab ul li a:hover, .invertedTab ul li#current { padding-bottom: 0.3em; background: url(../images/bottomBorder.gif) top repeat-x; }
	li.invertedTabCurrent { font-weight: bold; font-size: 80%; padding: 0.3em 3px 0 3px; background: url(../images/bottomBorder.gif) top repeat-x; }
	li.invertedTabPrevious a, li.invertedTabNext a { font-weight: bold; padding-top: 0.3em; background: url(../images/bottomBorder.gif) top repeat-x; }
/* @end */	
	

/* @group General Layout */
/* =GENERAL LAYOUT */
.row { clear: both; width: 980px; padding: 25px 0 0 0; }
	.firstC { float: left; width: 239px; display: inline; margin-right: 20px; }
	.secondC { float: left; width: 401px; }
		.secondC.gallery { text-align: center; }
		.gallery img, img.gallery { padding: 2px; background: #fff; border: 1px solid #999; }
	.thirdC { float: right; width: 300px; }

	.singleC { width: 660px; float: left; }
		.singleC .row { width: 660px; }

.whiteSpace { height: 25px; clear: both; text-align: center; }
.top { padding: 0; }

.oneThird { float: left; width: 200px; margin-right: 20px; display: inline; }
	.catwalkOverview { padding-top: 26px; }
		.catwalkOverview dt { font-family: "Times New Roman", Georgia, Times, serif; font-size: 1.5em; padding-top: 0.5em; border-bottom: 1px solid #bfbfbf; color: #000; line-height: 0.9em; display: block; font-weight: 100; }
		.catwalkOverview dd a { font-size: 80%; display: block; padding: 2px 0; margin: 2px 0; color: #2b2b2b; }
		.catwalkOverview dd a:hover { text-decoration: none; color: #000; background: #f0f0f0; }
	h1.catwalkHeader { border: none; margin-top: -20px; margin-bottom: -6px; }
	img#catwalkHeader { float: none; display: block; clear: both; margin: 0 0 5px 0; }
		.catwalkList { line-height: 30px; padding: 0; margin: 0; }
		.catwalkList a { text-decoration: underline; }
		.catwalkList a:hover { text-decoration: none; }

.articleEntry { border-top: 1px solid #f2f2f2; clear: both; }
	.articleEntry img { display: inline; float: left; margin-right: 10px; }
		.articleEntry img.widescreen { margin: 0 0 7px 0; }
		.articleEntry img.originalCut { margin: 0 10px 10px 0; }
	.articleEntry.first { border-top: none; }
	.articleEntry p.discreet { padding-top: 3px; }

.oneHalf { float: left; width: 320px; display: inline; }
	.firstHalf { margin-right: 20px; display: inline; }
	.oneHalf first { margin-right: 20px; display: inline; }
	.oneHalf img { float: left; margin-right: 10px; display: inline; }
	.oneHalf p { margin-top: 6px; }
/* @end */


/* @group Content list */
/* content list */
ul.contentList { list-style: none; }
	ul.contentList li { padding-left: 95px; clear: both; border-top: 1px solid #ddd; }
		ul.contentList li .headerB,
		ul.contentList li .headerB a { color: #000; font-weight: bold; font-size: 105%; font-family: Georgia, Times, Times New Roman, serif; }
		ul.contentList li img { margin-left: -95px; float: left; }
		ul.contentList li p { font-size: 90%; line-height: 1.4em; color: #373737; }
			ul.contentList li p a { font-family: Georgia, Times New Roman, serif; color: #373737; }
			ul.contentList li p span.category a { color: #dd86b6; }
			ul.contentList li p a span,
			ul.contentList li p span.goTo a { color: #005699; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; font-size: 10px; text-align: right; text-decoration: none; }

	/* @group Wide content list */
	/* content list .wide */
	ul.contentList.wide { margin-left: -20px; width: 680px; }
		ul.contentList.wide li { width: 206px; padding: 0; margin-left: 20px; float: left; display: inline; border: none; clear: none; }
			ul.contentList.wide li img { margin: 0; float: none; }
	
	ul.contentList.wide li ul.linkList li { display: block; float: none; margin-left: 0; padding: 0 0 6px 7px; width: auto; }
	/* @end */
	
	/* @group Content list */
	/* content list */
	#galleryView .singleC .row ul.contentList li,
	#competitionView .firstC ul.contentList li, 
	#starstyleView .prominentArticleEntry ul.contentList li, 
	#articleView .singleC .row ul.contentList li { margin-bottom: 5px; padding: 0px; border-top: 0px; }
		#competitionView .firstC ul.contentList li h3,
		#starstyleView .prominentArticleEntry ul.contentList h3,
		#articleView .singleC .row ul.contentList h3 { clear: left; }
			#competitionView .firstC ul.contentList li img,
			#starstyleView .prominentArticleEntry ul.contentList li img,
			#articleVew .singleC .row ul.contentList li img { margin-left: 0px; }
	/* @end */
/* @end */


/* @group Category */
/* category */
.mostPopularPrimary { float: left; width: 250px; padding-top: 20px; }
	.mostPopularPrimary h2.headerA { color: #000; font-family: Georiga, Times, Times New Roman, serif; font-weight: bold; }
	.mostPopularPrimary .galleryPics { width: 251px; margin: 0 0 0 -1px; }
		.mostPopularPrimary .galleryPics img { margin-left: 1px; }

.mostPopularSecondary { width: 390px; float: right; padding-top: 20px; }
	.mostPopularSecondary .prominentArticleEntry { width: 185px; margin-left: 20px; margin-bottom: 10px; }
		.prominentArticleEntry h3.headerB a { color: #000; font-family: Georiga, Times, Times New Roman, serif; font-weight: bold; }
		.prominentArticleEntry p,
		.mostPopularPrimary p { font-family: Georgia, Times, Times New Roman, serif; font-size: 90%; line-height: 1.4em; }
		.prominentArticleEntry p span.goTo,
		.mostPopularPrimary p span.goTo { color: #005699; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; font-size: 10px; text-align: right; text-decoration: none; }
		.mostPopularSecondary .prominentArticleEntry.first { margin-left: 0; }

.categoryList { float: left; width: 435px; }
	.categoryList a.button { clear: both; }
.categoryPromotionArea { float: right; width: 205px; }
/* @end */


/* @group Typography */
/* =TYPOGRAPHY */
.headerA { font-family: "Times New Roman", Georgia, Times, serif; font-size: 180%; font-weight: 100; color: #2b2b2b; border-bottom: 1px solid #bbb; clear: both; margin: 15px 0 0 0; }
.headerB { font-family: "Times New Roman", Georgia, Times, serif; font-size: 130%; font-weight: 100; color: #2b2b2b; padding: 5px 0; text-decoration: none; }
	.headerA a, .headerB a { color: #2b2b2b; text-decoration: none; }
	.headerB a:hover, .headerA a:hover { color: #000000; text-decoration: underline; }

.headerC { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 90%; font-weight: bold; padding-bottom: 6px; }

.headerA a.goTo, .headerB a.goTo, .headerC a.goTo { color: #999; display: inline; float: right; padding-top: 7px; font-size:50%; text-decoration: underline; }
	.headerA a.goTo:hover, .headerB a.goTo:hover, .headerC a.goTo:hover { text-decoration:none; }

.noClear { clear: none; }
.clear { clear: both; }
/* mostly used when headers need to clear, it's not very pretty i know, i'm deeply sorry feel a bit like i just wrote <font>. */
 

#footer h3 { font-family: "Times New Roman", Georgia, Times, serif; font-size: 130%; font-weight: 100; padding-top: 5px; color: #2b2b2b; text-decoration: none; border-bottom: 1px solid #bbb; }
span.category a { font-weight: bold; color: #DD86B6; padding-right: 6px; }															 																				/* =PINK */

p { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 80%; color: #000; line-height: 1.6em; }
	p a, a p { text-decoration: none; color: #000; }
	p a:hover, a:hover p { text-decoration: underline; }

	p.discreet { font-size: 80%; }
	p.discreet, p.discreet a { color: #bfbfbf; }
	p.discreet a { text-decoration: underline; }
	p.discreet a:hover { text-decoration: none; }
	
	p.goTo { padding-top: 3px; text-align: right; }
	p.goTo a, span.goTo a, a span.goTo { text-decoration: underline; padding-left: 5px; color: #999; }
	p.goTo a:hover, span.goTo a:hover { text-decoration: none; }
/* @end */


/* @group Specialty items */
/* =SPECIALTY ITEMS */
.button { background: url(../images/button.gif) repeat-x; height: 38px; padding: 6px 10px 22px 10px; line-height: 38px; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; }
	a.button:hover { background: url(../images/buttonHover.gif) repeat-x; }
.buttonPositionCenter { text-align: center; width: 100%; }
.buttonPosition { float: right; }

a.buttonGrey { height: 27px; line-height: 27px; padding: 5px 10px 6px 10px; font-size: 100%; text-decoration: none; color: #fff; background: url(../images/buttonGrey.gif) bottom; }
a.buttonGrey:hover  { background: url(../images/buttonGrey.gif) top; }

	/* @group Horizontal articles */
	/*horizontal articles*/
	.prominentArticleEntry { width: 206px; float: left; margin-left: 21px; }
		.prominentArticleEntry.first { margin-left: 0; }
		.prominentArticleEntry ul.contentList li a img { margin: 0; }
	
	ul.linkList { list-style: none; font-family: Verdana, Helvetica, Arial, sans-serif; padding-top: 10px; font-size: 80%; clear: both; }	
		ul.linkList li { padding: 0 0 6px 7px; background: url(../images/listBullets/standard.gif) no-repeat left top; }
		ul.linkList li span.category a { text-decoration: none;  color: #DD86B6; }																																		/* =PINK */
		ul.linkList li span.category a:hover { text-decoration: underline; }
		ul.linkList li a { text-decoration: none; color: #373737; font-family: Georgia, Times, Times New Roman, serif; font-size: 112.5%; }
		ul.linkList li a:hover { text-decoration: underline; }
	/* @end */
/* @end */


/* @group Top list */
/* =TOP LIST */
ol.topList { font-family: Georgia, "Times New Roman", Times, serif; line-height: 1.4em; margin-left: 25px; position: relative; }
ol.topList li span { font-size: 80%; font-family: Verdana, Helvetica, Arial, sans-serif; }
ol.topList li em { font-weight: bold; position: absolute; right: 0px; }
/* @end */


/* @group Form input */
/* =FORM INPUT  */
form input, form .dropDown, form textarea { border: 1px solid #666; margin: 0; padding: 2px; font-size: 90%; font-family: Verdana, Arial, Helvetica, sans-serif; }
	form textarea { width: 300px; height: 150px; }
form input.submitImage { border: none; margin: 0 0 -24px 0; }

.form { font-size: 80%; }
.form label { padding: 10px 0 5px 0; display: block; }
/* @end */


/* @group Questionering and voting and poll */
/* =QUESTIONERING AND VOTING AND POLL */
.vote { width: 300px; padding: 15px 0 20px 0; margin: 0 auto; }
	.oddLine, .evenLine { padding: 5px 5px; font-size: 90%; }
	.oddLine input, .evenLine input { border: none; }
	.oddLine { background: #f2f2f2; }
	label { padding-left: 7px; }

	.voteResultSpace { margin: 3px 0 15px 0; height: 25px; width: 300px; background: url(../images/votedSpace.png); }
	.voteResultVoted { height: 25px; background: url(../images/voted.png); }
	.voteResultVoted span { color: #fff; padding: 0 5px 0 5px; float: right; line-height: 25px; font-family: 'Times New Roman', Times, serif; font-size: 120%; }
	.voteResultVoted span.lowerThan15 { color: #000; position: relative; right: -38px; }
	
	.votesInThisContest { text-align: center; clear: both; padding-top: 40px; font-size: 80%; }
		.votesInThisContest em { font-weight: bold; font-style: normal; }
	
.question { margin-top: 15px; text-align: center; font-size: 90%; }
.questionTracking { text-align: center; padding-right: 70px; color: #777; font-style: italic; font-family: 'Times New Roman', Times, serif; }
.questionTracking span { font-weight: 100; font-size: 200%; font-style:normal; font-family: Georgia, 'Times New Roman', Times, serif; color: #333; }


	/* @group Test resultat */
	/* test dig selv resultat */
	.vote .correctAnswer label span { color: #090; font-weight: bold; padding-right: 3px; }
	.vote .wrongAnswer label span { color: #c00; font-weight: bold; padding-right: 3px; }
	
	.question.correctAnswered, .question.wrongAnswered { text-align: left; background-position: left top; background-repeat: no-repeat; padding: 5px 0 5px 30px; }
		.question.correctAnswered { background-image: url(http://www.benjamin.dk/static/msn/gfx/markRight.gif); }
		.question.wrongAnswered { background-image: url(http://www.benjamin.dk/static/msn/gfx/markWrong.gif); }
	/* @end */
/* @end */


/* @group Get more */
/* =GET MORE */
.getMore { margin: 20px 0; clear: both; }
.getMore div { height: 16px; padding: 3px 0 3px 20px; }
	.getMore div a { font-size: 80%; color: #000; text-decoration: underline; }
	.getMore div a:hover { text-decoration: none; }
/* @end */


/* @group Comments */
/* =COMMENTS */
.comment { padding: 0 0 20px 0; margin-top: 15px; }
	.comment h4 { padding: 10px 10px 0 10px; font-size: 80%; }
	.comment p { padding: 3px 10px; }

.commentHead { background: #f2f2f2; border-top: 1px solid #6e6e6e; padding: 5px 10px; }
	.commentHead p { padding: 0; font-family: "Times New Roman", Georgia, Times, serif; font-size: 110%; }
	.commentHead em { float: right; font-size: 80%; color: #898989; font-style: normal; padding-top: 2px; }
/* @end */


/* @group Battle module */
/* =BATTLE MODULE */
.voteeOne { float: left; margin: 10px 0 0px 40px; }
.voteeTwo { float: right; margin: 10px 40px 0px 0; }
	.firstC .voteeOne, .firstC .voteeOneRelated { margin-left: 15px; }
	.firstC .voteeTwo, .firstC .voteeTwoRelated { margin-right: 15px; }
	.secondC .voteeOne, .secondC .voteeOneRelated { margin-left: 80px; }
	.secondC .voteeTwo, .secondC .voteeTwoRelated { margin-right: 80px; } 
	
.voteeOneRelated { float: left;  margin: 5px 0 10px 40px; display: inline; width: 90px; text-align: center; }
.voteeTwoRelated { float: right; margin: 5px 40px 10px 0; display: inline; width: 90px; text-align: center; }
	
.versus { text-align: center; padding-top: 40px; font-family: Georgia, "Times New Roman", Times, serif; color: #555; font-size: 160%; }
/* @end */


/* @group Search page */
/* =SEARCHPAGE */
.searchRow { width: 660px; float: left; }
	.searchRow h1 { color: #2b2b2b; padding-bottom: 0px; border: none;}
	.searchRow p.facts { font-size: 95%; color: #999999; padding-bottom: 5px; }

.searchBox { height: 94px; margin-bottom: 5px; background: #000 url(../images/searchbar.gif) no-repeat left top;  }

.searchInput { float: right; width: 465px; padding-top: 32px; font-size: 95%; color:#CCCCCC;}
	.searchInput input { border: 1px solid #515151; font-size: 95%; }

.searchInputSubmit { background-color: #262626; color: #fff; padding-top:1px; height: 21px; width: 60px; cursor: pointer; font-weight:normal;}
.searchFelt { width:250px;}

.searchIconGallery { margin-top: 7px; width:80px; float: right; }
	.searchIconGallery img { margin: 0px; padding: 0px; float: right; }
	.searchIconGallery p { margin-top: 0px; float: right; }
	.searchIconGallery a { float: right;  color:#999999; }
.searchText {  width: 450px; float: left; }

.searchEntry { border-top: 1px solid #f2f2f2; clear: both; height:100px; }
	.searchEntry img { display: inline; float: left; margin-right: 10px; }
		.searchEntry.first { border-top: none; }
	.searchEntry h2 { font-size: 140%; }
		.searchEntry h2 a { text-decoration: underline;}
		.searchEntry h2 a:hover { text-decoration:none; }
	.searchEntry p { font-size:95%; line-height:1.3em; }

		/* @group Navigational search */
			/* NB: These rules should match those in contentStylingV2.css !!! */
			#searchContainer { float: right; padding-right: 5px; font-size: 12px;}
			#searchContainer * {float: left; display: inline;}
				#searchContainer #searchQ {color: #939393; font-style: italic; margin-right: 5px; padding: 2px;}
				#searchContainer #searchQ:focus {color: #000; font-style: normal;}
				
				#searchContainer button {
					width: 64px; height: 21px;
					border: 0;
					background: url(../images/buttons/searchButton.gif); color: #fff;
					text-align: center; text-transform: uppercase;
					cursor: pointer;
					}
		/* @end */

	/* @group Search form */
	.no #searchForm {position: absolute; top: 49px; left: 0; width: 220px;}
		.no #searchForm #searchQ {padding: 1px; margin-right: 5px; width: 148px; border: 1px solid #bfbfbf; font-size: 76.9%;}
		.no #searchForm input.submitButton {display: inline; padding: 0; width: 50px; border: 1px solid #bfbfbf; background: url(../images/searchButtonBg.gif) repeat-x; font-size: 76.9%;}
	/* @end */

	/* @group Mini search */
	#miniSearch { float: left; margin: 13px 0 0 0; height: 11px; padding-left: 10px; font-size: 80%; background: url(../images/searchIcon.png) no-repeat; }
		#miniSearch a { color: #000; text-decoration: none; }
		#miniSearch a:hover { text-decoration: underline; }
	/* @end */
/* @end */


/* @group Starstyle */
/* starstyle */
body#starstyleView img.main { float: left; margin-right: 15px; }
body#starstyleView img.secondary { float: right; margin-left: 15px; }

body#starstyleView h1.headerA { clear: none; }
body#starstyleView h2.headerB { background: url(../images/button.gif) repeat-x bottom #282828; padding: 5px 0 13px 0; color: #fff; }

body#starstyleView #abbReklame { float: left; padding-right: 75px; }
	body#starstyleView #abbReklame div { float: left; padding: 20px; width: 250px; font-size: 80%; }
	body#starstyleView #abbReklame h4 { float: right; }

body#starstyleView .tabStandAlone.next { margin-left: 10px; }

.starstyleImage { position: relative; padding-right: 25px; margin-right: 15px; float: left; }
	.starstyleImage div { position: absolute; width: 80px; right: 0; top: 2em; }
		.starstyleImage div a img.gallery { border-color: #282828; }
		.starstyleImage div a p { background: #282828; color: #fff; padding: 2px; line-height: 1.1em; margin-bottom: 5px; }
				
		.starstyleImage div a.selected img.gallery, .starstyleImage div a:hover img.gallery { border-color: #999; border-bottom: none; }
		.starstyleImage div a.selected p, .starstyleImage div a:hover p { background: #fff; color: #000; border: 1px solid #999; border-top: none; }

.starstyleTeaserImage { float: left; margin-right: 10px; display: inline; }
/* @end */


/* @group Rating stars */
/* =RATING STARS */
.star-rating, .star-rating a:hover, .star-rating a:active, .star-rating a:focus, .star-rating .current-rating {	background: url(../images/ratingStars.gif) left -1000px repeat-x; }
	.star-rating { margin: 0 auto; position: relative; width: 140px; height: 25px; overflow: hidden; list-style: none; background-position: left top; }
	.star-rating li { display: inline; }
	.star-rating a, .star-rating .current-rating { position: absolute; top: 0; left: 0; text-indent:-1000em; height: 25px; line-height: 25px; outline: none; overflow:hidden; border: none; }
	.star-rating a:hover, .star-rating a:active, .star-rating a:focus {	background-position: left bottom; }
	.star-rating a.one-star { width: 20%; z-index: 6; }
	.star-rating a.two-stars { width: 40%; z-index: 5; }
	.star-rating a.three-stars { width: 60%; z-index: 4; }
	.star-rating a.four-stars { width: 80%; z-index: 3; }
	.star-rating a.five-stars { width: 100%; z-index: 2; }
	.star-rating .current-rating { z-index: 1; background-position: left center; }

	/* @group Small rating stars */
	/* =STAR RATING SMALL */
	.ratingSmall { float: right; background: transparent url(../images/ratingSmall.gif) repeat-x scroll 0pt; width: 60px; }
	.ratingSmall span { display: block; background: transparent url(../images/ratingSmallRated.gif) repeat-x scroll 0pt; height: 10px; }
	/* @end */
/* @end */

/* @group Confirm, Notify and Alert */
/* =GENERAL FORM AND INFO AWARENESS CAMPAIGN STYLING */
input.formError option.formError { border: 1px solid #FF5555; background: #FFE8E8; }

.confirm { background-color: #E2FAE4; border: 1px solid #98CD99; padding: 5px 10px; text-align: center; color: #006600; margin: 5px 0 10px 0; }
	.confirm h2 { font-family: Verdana, Arial, Helvetica, sans-serif; color: #006600; font-size: 130%; padding-top: 0px; clear: none; float: none; }
	.confirm a { text-decoration: underline; color: #003300; }
	.confirm a:hover { text-decoration: none; }
	
.alert { background-color: #ffbcbc; border: 1px solid #c34646; padding: 5px 10px; text-align: center; color: #411717; margin: 5px 0 10px 0; }
	.alert h2 { font-family: Verdana, Arial, Helvetica, sans-serif; color: #411717; font-size: 130%; padding-top: 0px; clear: none; float: none; }
	
.notify { background-color: #fff2c0; border: 1px solid #eadeb1; padding: 5px 10px; text-align: center; color: #2b2b2b; margin: 5px 0 10px 0; }
	.notify h2 { font-family: Verdana, Arial, Helvetica, sans-serif; color: #2b2b2b; font-size: 130%; padding-top: 0px; clear: none; float: none; }
	
.dominance { width: 580px; padding: 10px 200px 0 200px; clear: both; text-align: center; }
	.dominance .confirm, .dominance .notify, .dominance .alert { padding: 10px 10px 15px 10px; margin: 5px 0 0 0; }
/* @end */

/* @group Calendar */
/* =CALENDAR - BIG */
#calendar { background: url(../images/calendar/head.gif) no-repeat; width: 660px; margin-top: -35px; padding-top: 35px;}
	#calendar #calendarContent { background: url(../images/calendar/page.gif) repeat-y; }
	#calendar #calendarFoot { background: url(../images/calendar/foot.gif) no-repeat bottom; height: 5px; clear: both; }

	#calendar #leftPage { float: left; width: 287px; padding: 7px 15px 5px 15px; }
		#calendar #leftPage img { margin: -7px 0 20px -5px; }
		#calendar #leftPage h3 { font-family: "Times New Roman", Times, serif; font-size: 130%; font-weight: 100; margin: 10px 10px 0px 10px; color: 2b2b2b; padding: 0; border-bottom: 1px dotted #333; }
		#calendar #leftPage h3 a { color: #000; text-decoration: none; }
		#calendar #leftPage h3 a:hover { text-decoration: underline; }
		#calendar #leftPage p { padding: 5px 10px; }
		#calendar #leftPage p a { text-decoration: underline; }
		#calendar #leftPage p a:hover { text-decoration: none; }
		#calendar #leftPage p.date { font-family: "Times New Roman", Times, serif; color: #666; font-size: 100%; margin-bottom: -5px; display: block; }
		
		#calendar #leftPage #explanation { margin: 0 10px; font-size: 90%; }
			#calendar #leftPage #explanation dd { font-size: 110%; }
			#calendar #leftPage #explanation dt { clear: both; padding: 10px 0 5px 0; font-weight: bold; }

	#calendar #rightPage { float: right; padding-left: 25px; width: 317px; background: url(../images/calendar/rings.gif) left top repeat-y; }
		#calendar #rightPage h2 { font-size: 200%; text-align: center; padding-top: 10px; }
		#calendar #rightPage .previousMonth, #calendar #rightPage .nextMonth { color: #000; text-decoration: underline; }
		#calendar #rightPage .previousMonth { float: left; padding: 0 0 10px 50px; }
		#calendar #rightPage .nextMonth { float: right; padding: 0 50px 10px 0; }
		
	#calendarTable { font-size: 80%; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.5em; }
		#calendarTable a { color: #000; text-decoration: underline; }
		#calendarTable a:hover { text-decoration: none; }
		#calendarTable tr td { height: 19px; border-top: 1px solid #d4d4d4; }
		#calendarTable tr td.day { width: 30px; text-align: right; padding-right: 5px; }
		#calendarTable tr td.date { width: 24px; background: #ececec; text-align: center; }
		#calendarTable tr td.dayDescription { padding: 0 10px; }
		#calendarTable tr td.dayDescription.highlight { background-image: url(../images/calendar/X.gif); background-repeat: no-repeat; background-position: right top; }
		#calendarTable tr td.dayDescription ul { list-style: none; }
		
		#calendarTable tr.weekend td.dayDescription, #calendarTable tr.weekend td.day { background-color: #ececec; }					
		
		#calendarTable tr.today td.day, #calendarTable tr.today td.date { font-weight: bold; }
			#calendarTable tr.today td.day, #calendarTable tr.today td.date, #calendarTable tr.today td.dayDescription { border: 1px solid #888; border-left: none; border-right: none; }
		
		#calendarTable tr.currentDay td.dayDescription, #calendarTable tr.currentDay td.day, #calendarTable tr.currentDay td.date { background-color: #888; color: #fff; }
			#calendarTable tr.currentDay td.dayDescription a { color: #fff; }
		#calendarTable tr.currentDay td.dayDescription.highlight { background-image: url(../images/calendar/X2.gif); background-repeat: no-repeat; background-position: right top; }

		ul#otherEventsOnDate { list-style: none; margin-bottom: 2em; padding-left: 10px; }
		ul#otherEventsOnDate li { line-height: 1.5em; font-size: 80%; }
		ul#otherEventsOnDate li a { color: #000; text-decoration: underline; }
		ul#otherEventsOnDate li a:hover { text-decoration: none; }


	body#frontView #calendar #rightPage { padding: 10px 15px 10px 42px; width: 285px; }
	body#frontView #calendar #rightPage ul { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 80%; display: inline; list-style: outside; }
	body#frontView #calendar #rightPage ul a { color: #000; text-decoration: underline; }
	body#frontView #calendar #rightPage ul a:hover { text-decoration: none; }
	body#frontView #calendar #rightPage ul li strong { margin-top: 9px; display: block; }
/* @end */


/* @group Article styles */
/* =ARTICLE STYLES */
#articleGalleryBox { background: #000; padding: 8px 8px 0 8px; margin-bottom: 15px;}
	#articleGalleryBox p { color: #fff; padding: 4px 0 8px 0; clear: both; }
	#articleGalleryBox p a { color: #fff; text-decoration: underline; }
	#articleGalleryBox p a:hover { text-decoration: none; }
	#articleGalleryBox .thumb { border: 1px solid #555; }
	#articleGalleryBox div.footer { clear: both; padding-bottom: 18px; }
	
	.firstC #articleGalleryBox .galleryPics .headerB { float: none; display: block; }
	
	#articleGalleryBox span.zoom {
		background-image:url(../images/lup.gif);
		background-repeat:no-repeat;
		height:16px;
		overflow:hidden;
		position:absolute;
		right: 2px;
		text-indent:-9999px;
		bottom: 2px;
		width:16px; }

.benTags {margin: 0px 0 0px; padding: 4px 0 7px; border: 1px solid #ddd; border-width: 1px 0 0px;}
	.benTags * {color: #999; font-size: 80%;}
	.benTags strong {font-weight: normal;}

/* @end */


/* @group Article Gallerybox */
/* NEW GALLERYBOX THUMBSTYLE */
	.firstC #articleGalleryBox a.gallery { position:relative; float:left; display:inline; margin:0px; color: #CCCCCC; padding:0px; padding-bottom:2px; text-decoration:underline;}
	.firstC #articleGalleryBox .kamera { position:relative; float: right; display:inline; margin:0px; padding:0px; display:inline; }
	.firstC #articleGalleryBox .kamera img { padding:0px; }
	
	.firstC #articleGalleryBox  .kamera a{text-decoration:none; font-size:95%; color: #666666; margin:0px; padding-left:5px;}
	
	#articleGalleryBox ul li img { margin-bottom:10px; margin-top:3px; padding-left:10px; }
		#articleGalleryBox  .firstPic img { padding-left:0px;}
	
	#articleGalleryBox  ul { clear:both;}
		#articleGalleryBox  ul li { display:inline; }
		
	#articleGalleryBox #scrollContainer{ position:relative; overflow: hidden; width: 197px; height: 70px; margin: 5px 0px 5px 3px; padding:0px; float:left; top:-3px; display:inline; }
	#articleGalleryBox #scrollContainer #scroll { position:relative; float:left; margin-left: 0px; padding: 0px; display: inline; }
		#articleGalleryBox #scrollLeft{ background: url(../images/billedpil1.gif) no-repeat left center; margin:0px; height:75px; width:10px; float:left; clear:left; overflow:hidden; text-indent:-9999px; outline:none; color:#000000;}
		#articleGalleryBox #scrollRight{ background: url(../images/billedpil2.gif) no-repeat right center; margin:0px;  height:75px; width:10px; float:right; overflow:hidden; text-indent:-9999px; outline:none; color:#000000;}
		
	#articleGalleryBox span.zoom2 {
		background-image:url(../images/kamera_light.gif);
		background-repeat:no-repeat;
		top:3px;
		height:15px;
		overflow:hidden;
		position:absolute;
		right:4px;
		text-indent:-9999px;
		width:20px; }
	#articleGalleryBox { float:left;	}	
	#articleGalleryBox #navigationControlls{ position:absolute; padding:0px; margin-height:10px; height:90px; width:223px;}
	
	#articleView #articleGalleryBox .galleryPics { width: 226px; margin-left: -1px; }
	#articleView #articleGalleryBox .galleryPics img { float: left; margin-left: 2px; margin-bottom: 2px;}
	#articleView #articleGalleryBox .galleryPics a.firstPic img{ margin-left: 1px; }
/* @end */

/* @group Toplist article */
.singleC .content {width: 660px; padding:0px; margin:0px;}
	.singleC .content .text {width: 320px; padding:0px; margin:0px; float:left;}
	.singleC .content p { font-size:90%; line-height:1.7em; padding-top:2px; }
	.singleC .content h2 { margin:10px 20px 3px; text-align:center; margin-left:0px; }
	.singleC .content h3 { padding:0px; margin:0px; margin-top:10px; }
	
		
	.singleC .content .pictureColumn { width:330px; float:right; margin-top:20px; }

		.singleC .content .pictureColumnOne { position:relative;margin:0px; padding:0px; width:165px; float:left;}
		.singleC .content .pictureColumnOne a { position:relative; float:left; color:#FFFFFF;text-decoration:none; margin-bottom: 3px; }
		
		
		.singleC .content .pictureColumnOne span.number {
				font-size:90%; text-align:center;
				padding-top:3px; 
				top:5px;
				height:18px;
				overflow:hidden;
				position:absolute;
				left:5px;
				width:18px;
				color:#FFFFFF;
				background-color:#DD86B6;
				cursor: pointer;
				}
				
		.singleC .content .pictureColumnOne a span.number { text-decoration: underline; }
		.singleC .content .pictureColumnOne a:hover span.number { text-decoration: none; }
				
		.singleC .content h3 span.numberB {
		font-weight:bold;
		padding-right:6px;
		display:inline;
		color:#DD86B6;
		}
		
		.singleC .content h3 a.numberB { color:#000; text-decoration: underline; }
/* @end */


/* @group Article - maybe old? */
#article { }
	#article h1 { border: 1px solid #ddd; border-width:1px 0 0; padding-top: 10px; padding-bottom:0px; }
	#article h2 { text-align: center; padding: 20px 20px 20px 20px; margin: 0px 0 ;border: 1px solid #ddd; border-width:1px 0 0px;}
	
	#article p { line-height: 1.7em; font-size: 90%; padding-top: 7px; }
		#article p a { color: #000; text-decoration: underline; }
		#article p a:hover { text-decoration: none; }
	#article q { 
		width: 220px; 
		display: block; 
		float: right; margin: 10px; 
		padding: 17px 10px;
		border: 1px solid #ddd; 
		border-left: none; 
		border-right: none; 
		font-family: "Times New Roman", Georgia, Times, serif; 
		color: #DD86B6; 
		quotes: none; 
		background: url(../images/quotes.gif) no-repeat left top; 
		line-height: 1.3em; 
		font-size: 130%;
		font-style: italic; }
	
	.articleDate { font-size: 80%; color: #999; border-bottom: 0px solid #ddd; padding: 5px 0pt 10px; font-size: 80%; color: #999999; }
	
	
	#article .articleBox { 
			background-color:#F7F6F6;
			border-bottom:1px solid #DDDDDD;
			border-top:1px solid #DDDDDD;
			clear:both;
			display:inline;
			float:right;
			margin:10px;
			padding-bottom:10px;
			padding-left:10px;
			padding-right: 10px;
			width:160px; }
		#article .articleBox.factBox p { font-size: 80%; padding: 3px 0; }
		#article .articleBox.factBox p strong { font-size: 130%; display: block; padding-top: 5px; }
		#article .articleBox h3, h3.readmMore { text-align: left; margin: 10px 0 0 0; color: #333333;}
		#article .articleBox a, a.readMore  {color: #DD86B6; text-decoration:underline;}
		.articleBoxSpacer {float:right; height:3em; width:1px; padding:0;}

		
	#article .readmoreBox { clear:both; margin-top:10px; margin-bottom:10px; }
	.readMore ul.linkList li{ padding:0pt 0pt 6px 7px; }
	
	#articleFunctions { border-bottom:  1px solid #ddd; font-size:70%; padding-top: 5px; padding-bottom:5px; padding-left:3px;}
	#articleFunctions img { margin-top:0px;}
	#articleFunctions .goTo { padding-left: 0px; padding-right:20px;}
	#articleFunctions .goTo a{ text-decoration:none;}
	#articleFunctions .goTo a:hover {text-decoration:underline;}
	.left{float:left; margin-top:10px; margin-bottom:10px;}
	.floatRight{float:right; margin-top:10px; clear:right;}
	.nextArticle{ font-size:80%; color:#999999; margin-bottom:0px; float:right; padding-top:5px;}
	
	.articleBox ol.linkList { font-size:80%; list-style-position:inside; color: #666666; padding:0pt 0pt 6px 0px;}
	.articleBox ol.linkList li { padding:0pt 0pt 6px 0px;}
	.readmoreBox ul.linkList { font-size:80%; }
	.readmoreBox ul.linkList li {padding:0pt 0pt 6px 7px; list-style-type: none; background:transparent url(../images/listBullets/standard.gif) no-repeat;}
	.readmoreBox ul.linkList li a {color: #DD86B6;}
/* @end */


/* @group Article Commercial */
/* =ARTICLE COMMERCIAL */
#abbReklame { padding-bottom:0px; background: url(../images/pile.gif) no-repeat right top; border-top:  1px solid #ddd;  border-bottom:  1px solid #ddd; margin-top:10px; min-height:85px; margin-bottom:10px; }
	#abbReklame h2, #abbReklame h4 { padding-bottom:15px; padding-top:15px; text-align: left;  width:290px; margin:0px;}

#articleView #abbReklame { clear: both; }
#articleView .tabStandAlone.floatRight { margin-bottom: 10px; }

/* @end */


/* @group Gallery */
body#galleryView #galleryArea { width: 660px; float: left; background: #000 url(../images/skygge.gif) bottom repeat-x; padding-bottom: 23px; }
	body#galleryView .#galleryArea p,
	body#galleryView #galleryArea .headerA,
	body#galleryView #galleryArea .headerB,
	body#galleryView #galleryArea .headerC { color: #fff; }
	
	body#galleryView .firstC { width: 274px; margin: 0 0 0 8px; display: inline; }
	body#galleryView .secondC { width: 366px; float: right; display: inline; text-align: center; }
	
	#galleryArea h1 { margin: 5px 8px 8px; }
	#galleryArea h1 a, #galleryArea h1 a:hover { color: #eee; }
	.imageNavigation { margin: 8px auto 5px auto; }
		.imageNavigation li { display: inline; margin-right: 1px;  }
		.imageNavigation li.imageCurrent img { border: 2px solid #DD86B6; }
	
	#galleryArea .imageNavigation { margin-top: 0; }
	.buttonContainer { float: left; width: 100%; padding-bottom: 5px; }
		.buttonLeft { background: url(../images/buttons/leftArrow.gif) no-repeat left 50%; padding-left: 13px; float: left; height: 21px; }
			.buttonLeft a { background: url(../images/buttons/right.gif) no-repeat right 50%; line-height: 21px; padding: 5px 10px 5px 3px; color: #fff; text-decoration: none; font-size: 11px; }
		.buttonRight { background: url(../images/buttons/rightArrow.gif) no-repeat right 50%; padding-right: 13px; float: right; height: 21px; }
			.buttonRight a { background: url(../images/buttons/left.gif) no-repeat left 50%; line-height: 21px; padding: 5px 3px 5px 10px; color: #fff; text-decoration: none; font-size: 11px; }
			.buttonRight a:hover, .buttonLeft a:hover { text-decoration: underline; }
	
/* =GALLERYVIEW */
	/* GENERAL LAYOUT CHANGES TO GALLERYVIEW */
			body#galleryView .secondC .middle {display: table-cell; vertical-align: middle; position: static; position: absolute; top: 50%;}
			body#galleryView .secondC .middle .inner{position: relative; top: -50%}
		body#galleryView .thirdC{float:right; width:300px; height:500px; display:inline;}
		
		/* CHANGING FONTCOLOR TO WHITE IN GALLERYVIEW */
		body#galleryView #galleryArea .headerA, 
		body#galleryView #galleryArea .headerB,
		body#galleryView #galleryArea .headerB a, 
		body#galleryView #galleryArea .headerC, 
		body#galleryView #galleryArea p,
		body#galleryView #galleryArea p a,
		body#galleryView #galleryArea p a:hover {color:#EEEEEE;}
		
		body#galleryView #galleryArea p a:hover { text-decoration: none; }
		
		body#galleryView #galleryArea .prominentArticleEntry { margin-bottom: 20px; }
				
		body#galleryView #galleryArea span.category a {color:#DD86B6;}
		body#galleryView #galleryArea ul.linkList li span.category a {color:#DD86B6;}
		
		/* CHANGING LISTBULLET TO BLACK BG IN GALLERYVIEW */
		body#galleryView .singleC .galleryArea ul.linkList li { background:transparent url(../images/listBullets/standard_black.gif) no-repeat scroll left top; padding:0pt 0pt 3px 7px; }
		body#galleryView .singleC .galleryArea ul.contentList li { border-top: 1px solid #333333;}

		/* white to black */
		body#galleryView #abbReklame { background:transparent url(../images/darkarrow.gif) no-repeat scroll right top; border-bottom:1px solid #1f1f1f; border-top:1px solid #1f1f1f; margin:15px 0 5px 0; padding-bottom:0px; font-size:85%;}
			body#galleryView #abbReklame h4 { margin:0px; padding-bottom:15px; padding-top:15px; text-align:left; width:230px; font-weight:normal; color:#999; } 
		
		body#galleryView .row .galleryArea h4.goTo a, body#galleryView .row .galleryArea span.goTo a, a span.goTo {color:#999999; padding-left:5px; text-decoration:underline;}
		body#galleryView #articleFunctions {height:20px; border: none; font-size:70%; padding-bottom:5px; padding-left:3px; padding-top:0px; float:left; width:100%;}	
	
	body#galleryView .row .galleryArea p { font-size:90%; }
		.galleryPics {margin:0px; padding:0px; padding-right:1px; padding-bottom:1px; width:230px;  float:left; margin-left:10px; }
	
			body#galleryView .row .galleryPics a span.goTo { display:inline-block;}
				
			body#galleryView .firstC .galleryPics a img{ border-left: 1px solid #000000; border-top: 1px solid #000000; }
			body#galleryView .firstC .galleryPics a:hover img{ border:none; border-left: 1px solid #000000; border-top: 1px solid #000000;}
			.galleryText {padding: 10px; padding-top: 0px; margin:0px; float:left;}		
	    
	    body#galleryView .firstC .imageDescription {font-size:100%;line-height:1.2em;padding:5px 5px;}
	    
	body#galleryView .discreet { /*position:absolute; bottom:10px;*/ width:422px; left:0;}
	body#galleryView .imgContainer {
/*		height:445px; 
		width:350px;
		overflow:hidden;
		position:absolute;
		display: inline;
		left: 300px;*/
	}
	
	body#galleryView .imgContainer #large_image { z-index: 0;}
	body#galleryView .imgContainer #small_image { z-index: 1;}
	body#galleryView .imgContainer #small_image .zoom { z-index: 11; cursor: pointer; }
	body#galleryView .imgContainer #large_image_zoom { z-index: 10; cursor: pointer; width: 200px; opacity: 0.0; -moz-opacity: 0.0; filter:alpha(opacity=0); }
	
	body#galleryView .row .galleryArea p.discreet{color:#999999; font-size:80%;}
	
	body#galleryView span.zoom {
	background-image:url(../images/lup.gif);
	background-repeat:no-repeat;
	background-color: black;
	color: white;
	text-decoration: underline;
	top:10px;
	height:16px;
	overflow:hidden;
	position:absolute;
	left:0px;
	/*text-indent:-9999px;*/
	width:60px;
	padding:0px 0pt 3px 10px; }

/* END OF - NEW GALLERYVIEW */
/* @end */


/* @group Frontpage specific */
/* =FRONTPAGE SPECIFIC */
.aboTilbud img { display: inline; float: right; margin-left: 10px; }
.aboTilbud h2 { padding-top: 5px; }

	/* =THE BLACK BOX DEPRICATED
	#focusArea { background: url(../images/blackBoxBG.gif); }
		#focusArea .focusAreaItem { float: left; display: block; width: 136px; background-color: #000; padding-left: 1px; height: 250px; color: #fff; }
			.focusAreaItem .focusContent { border-left: 1px solid #333; height: 146px; padding: 5px; }
		#focusArea p a { color: #f5f5f5; }
		#focusArea p.goTo a { color: #999; }
		#focusArea h3 a { color: #fff; text-decoration: none; }
		#focusArea span.category a { color: #DD86B6; }
		#focusArea span.category a:hover { text-decoration: underline; } */

.shopInfo { float: right; width: 210px; padding-left: 10px; }

	.inFocus h2 { font-size: 150%; border-bottom: 1px solid #ccc; }
	.inFocus h2 a:hover { text-decoration: underline; }
/* @end */


/* @group Battle module */
/* battle list */
ul.battleList { list-style: none; width: 680px; margin-left: -20px; }
	ul.battleList li { text-align: center; width: 320px; margin-left: 20px; float: left; display: inline; }
		ul.battleList li h4 { background: url(../images/buttonHover.gif) repeat-x top; font-size: 110%; line-height: 21px; padding: 0 10px 15px; color: #fff; text-align: left; }
	ul.battleList li.clear { width: 660px; clear: both; height: 45px; }

/* =BATTLE MODULE */
#versus h2 {
	float:left;
	width:660px;
	background: url(../images/button.gif) repeat-x ;
	margin:20px 0 20px 0;
	display:inline;
	height:24px;
	padding-top:3px;
	font-size:95%;
	position:relative;
}
#versus h2 strong {
	float:left;
	width:328px;
	line-height: 19px;
	text-align:center;
	color:#fff;
	font-family:Verdana, Helvetica, Arial, sans-serif;
}
#versus h2 em {
	display:block;
	position:absolute;
	top:-17px;
	left:286px;
	width:108px;
	height:63px;
	overflow:hidden;
	text-indent:-99999px;
	background:url(../images/versus.gif) no-repeat;
	margin:0;
}
#versus img.battleImage {
	float:left;
	position:relative;
	display:inline;
	margin: 0 52px;
	text-align: center;
}

#versus .versusColumn { float: right; text-align: center; width: 330px; }
#versus .versusColumn img.battleImage { float: none; }
#versus.battleResult .buttonPosition { float: left; text-align: center; clear: both; width: 660px; padding: 5px 0 20px 0; }

#versus.battleResult img.battleImage {
	float:left;
	position:relative;
	display:inline;
	margin: 0 32px;
	text-align: center; }
#versus.battleResult { }

#versus.battleResult div.resultGraph { width: 80px; height: 170px; background: url(../images/battleGraphEmpty.gif) bottom; position: relative; }
#versus.battleResult div.resultGraph span { width: 80px; background: url(../images/battleGraph.gif) bottom; position: absolute; bottom: 0px; }
#versus.battleResult div.resultGraph p { position: absolute; bottom: 0px; margin-bottom: -1.75em; width: 80px; text-align: center; font-family: Georgia, "Times New Roman", Times, serif; font-size: 150%; }

#versus.battleResult .versusColumn { width: 230px; float: left; }

#versus.battleResult .battleCount { width: 320px; float: left; padding-top: 6px; font-family: "Times New Roman",Georgia,Times,serif; text-align: right; font-size: 140%; }
	#versus.battleResult .battleCount strong { font-size: 140%; font-weight: normal; }
#versus.battleResult .battleMoreOptions { width: 320px; float: right; text-align: left; }
	#versus.battleResult .battleMoreOptions p a { text-decoration: underline; }
	#versus.battleResult .battleMoreOptions p a:hover { text-decoration: none; }

	ol.resultWrapper { list-style: none; width: 380px; margin: 0 auto; }
		ol.resultWrapper li { border-bottom: 1px solid #ddd; padding: 5px 0; height: 65px; display: block; clear: both; width: 380px; }
		ol.resultWrapper li img { float: right; }


/* =css hack to prettify the ugly javascript quiz module, that originates from deep within the darkest corners of cowboy-coding-hell - enjoy! */
.functionWrapper { margin: -1em 0 10px 0; width: 401px; float: left; }
	.functionTab { text-align: center; border-bottom: 1px solid #bfbfbf; margin-bottom: 10px; padding-bottom: 0.18em; }
	ul.functionTab li { display: inline; } 
	ul.functionTab li em { color: #000; text-decoration: none; padding: 0 3px 0.3em 3px; font-size: 0.8em; font-style: normal; }
	ul.functionTab li.functionTabActive em { font-weight: bold; font-size: 80%; padding: 2px 3px 0.3em 3px; background: url(../images/bottomBorder.gif) bottom repeat-x; }

#article .funciton #quizQuestion h2 { font-size: 100%; }
html #quizQuestion .button { background: none; text-align: center; }
	html #quizQuestion .button input { color: #fff; background-color: #282828; font-size: 100%; padding: 3px 7px; }

#quizform input { border: none; }
/* @end */


/* @group Subscription */
/* =SUBSCRIPTION HACK */
#abocontent { background-color:#FFFFFF; border:1px solid #A4A4A4; display:inline; float:left; margin:5px 0pt 5px 5px; width:650px; }
.centerbox { float:left; width:660px; }
#hvermaaned,
#buyinfo { background-color:#FFFFFF; border:1px solid #A4A4A4; display:inline; float:right; margin:5px 0px; overflow:hidden; width:296px; }
#hvermaaned h1,
#buyinfo h1 { color:#000000; font-size:140%; font-weight:bold; margin:2px 8px; }
#magdescription { background-image:none; display:inline; float: left; font-size:95%; margin:0px; }
#hvermaaned h2 { font-size:110%; }
#magdescription h2 { border-bottom:1px solid #DDDDDD; color:#2B2B2B; font-family:"Times New Roman", Georgia, Times, serif; font-size:180%; font-weight:100; margin:15px 0pt 0pt; }
#magdescription p { margin:4px; font-size: 100%; }
#magdescription img { float:left; margin-right:15px; }
.box,
.minimized,
.maximized { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:small; }
.minimized { border:1px solid #A4A4A4; margin:5px 0px 0px 5px; overflow:hidden; width:639px; }
.minimized div { float:left; width:629px; }
.minimized div .image { background-image:none; border:1px solid #CCCCCC; display:inline; float:right; height:90px; margin:5px; overflow:hidden; padding:1px; text-align:center; width:130px; }
.minimized div em { display:inline; float:right; font-size:170%; font-style:normal; font-weight:bold; margin:0pt 10px 10px 0pt; text-align:right; }
.minimized em strong { color:#FF0000; font-size:70%; }
.minimized div .abolinks { display:inline; float:left; margin-left:0px; padding:0pt 0pt 5px 5px; width:629px; }
.minimized div a { background-color:#F0F0F0; border:1px solid #A4A4A4; color:#000000; display:inline; float:left; margin:0pt 5px 0pt 0pt; overflow:hidden; padding:3px 7px; text-align:center; white-space:nowrap; width:150px; }
.minimized div .more { text-align:center; width:70px; }
.minimized div .buy { background-color:#333; color:#fff; }
.minimized div a:hover { color:#000; text-decoration:none; }
.minimized div .buy:hover { color:#fff; }
.minimized div h2,
.maximized h2 { font-size:110%; font-weight:bold; margin:4px; overflow:hidden; font-family: Verdana, Arial, Helvetica, sans-serif; padding:5px; text-align:left; }
.maximized { background-color:#F0F0F0; background-image:url(http://boligmagasinet.dk/static/boligmagasinet/gfx/abo_shadow.jpg); background-repeat:repeat-x; border-color:-moz-use-text-color #A4A4A4 rgb(164, 164, 164); border-style:none solid solid; border-width:medium 1px 1px; margin:0pt 0pt 0pt 10px; overflow:auto; width:629px; }
.maximized img { border:1px solid #000000; margin-top:30px; }
.maximized div { background-color:#FFFFFF; border:1px solid #999999; float:left; margin:5px; width:300px; }
.maximized div table { border-bottom:1px solid #A4A4A4; clear:both; font-size:90%; margin:5px; width:290px; }
.maximized div table tbody tr td { white-space:nowrap; }
table tbody .price { text-align:right; }
.maximized div p { font-size:120%; font-weight:bold; margin:5px 10px; text-align:right; }
.maximized div em { color:#FF0000; float:right; font-size:140%; font-style:normal; font-weight:bold; margin:5px 10px; text-align:right; }
.maximized p { font-size:90%; line-height:1.4em; margin:10px 5px; }
#betingelser { padding:6px; text-align:left; }
#buyinfo div img { display:inline; float:right; margin:-10px 3px 3px; }
#buyinfo div h2 { clear:both; font-size:130%; font-weight:bold; margin:5px; }
#buyinfo div p { margin:5px; }
#buyinfo div { float:left; width:296px; }
#buy { display:inline; float:left; margin:5px; width:520px; }
#buy div table { float:left; margin:4px 0px 4px 0pt; width:520px; }
#buy div table tbody tr td { margin:0px; padding:5px 0px; white-space:nowrap; }
#buy div table tbody .underline td { border-bottom:1px solid #999999; }
#buy div table tbody .underlinefat td { border-bottom:2px solid #000000; }
#buy div table tbody .redtext td { color:#FF0000; }
#buy div table tbody .boldtext td { font-weight:bold; }
#buy div fieldset div { float:left; width:490px; }
#buy div fieldset { border:medium none; float:left; font-size:90%; margin:0px; padding:0px; width:490px; }
#buy div fieldset div label { clear:left; color:#515151; float:left; margin:3px 4px; width:100px; }
#buy div fieldset h2 { float:left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 90%; margin:8px 0px; width:490px; }
#buy div fieldset div input,
#buy div fieldset div select { background-color:#DFDFDF; font-size:90%; height:1.1em; margin:2px; width:200px; }
#buy div fieldset div select { height:1.5em; }
#buy div fieldset div #postnr { width:50px; }
#buy div fieldset div #telefon,
#buy div fieldset div #aar { width:80px; }
#buy div fieldset div #fnavn,
#buy div fieldset div #enavn,
#buy div fieldset div #co { width:110px; }
#buy div fieldset div #enavn { width:110px; }
#betingelser,
#boilerplate { padding:10px 5px; }
#buy div fieldset p { float:left; }
#buy div h2 { margin:3px 0pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 90%; }
#submit { background-color: #333; color: #fff; clear:both; float:left; margin:10px; width:200px; }
#breadcrumb { display:inline; margin:5px 0pt 0pt 5px; overflow:hidden; padding:0px; width:660px; }
#breadcrumb div div { background-color:#333333; border:1px solid #333333; float:left; height:24px; margin:1px 0pt 0pt; padding:0px; width:639px; }
#breadcrumb div .last { background-color:#CCCCCC; background-image:url(http://static.benjamin.dk/boligmagasinet/gfx/h1_silver_bg.jpg); background-repeat:repeat-x; }
#breadcrumb div div h1,
#breadcrumb div div em { clear: none; font-family: Verdana, Arial, Helvetica, sans-serif; background-color:#CCCCCC; background-image:url(http://static.benjamin.dk/boligmagasinet/gfx/h1_silver_bg.jpg); background-repeat:repeat-x; border:medium none; color:#000000; float:left; font-size:120%; font-weight:bold; height:24px; margin:0pt 0pt 1px; overflow:hidden; padding:0px 6px 0px 10px; width:auto; }
#breadcrumb div div img { float:left; margin:0px; padding:0px; width:15px; }
#breadcrumb div div em { background-color:#333333; background-image:none; color:#999999; float:left; font-size:110%; font-style:normal; height:22px; margin:0px; padding:2px 0pt 0pt; text-indent:5px; }
#buy input.formerror,
#buy textarea.formerror { border:1px solid red; }
#buy label.formerror,
#buy p.formerror,
#buy p.formerror2,
#buy p.formerror2 a { color:#FF0000; }
#buy p.formerror { font-size:130%; }
#boilerplate { float:left; width:639px; }
#MB_overlay { background-color:#000000 !important; height:100%; left:0pt; margin:auto; position:absolute; top:0pt; width:100%; z-index:9999; }
#MB_overlay[id] { position:fixed; }
#MB_window { border:0pt solid; position:absolute; text-align:left; top:35%; z-index:10000; }
#MB_window[id] { position:fixed !important; }
#MB_frame { background-color:#fff; height:100%; margin:0pt; position:relative; }
#MB_header { height:50px; border: 1px solid #282828; border-width: 0 1px; margin:0pt; }
#MB_content { color:#FFFFFF; overflow:auto; }
#MB_caption { font-family: "Times New Roman", Georgia, Times, serif; font-size: 1.6em; font-size-adjust:none; font-style:normal; font-variant:normal; line-height:normal; margin:0pt; padding: .25em; text-align:left; }
#MB_close { display:block; font-size:13px; font-weight:bold; padding:2px 3px; position:absolute; right:5px; text-decoration:none; top:4px; }
#MB_close:hover { background: #fff; color: #000; }
#MB_loading { background:transparent url(../images/ajax-loader.gif) no-repeat scroll 50% 0pt; padding:1.5em; text-indent:-9999px; }
#MB_window { background-color:#fff; color: #000; }
#MB_content { color: #000; background: #fff; border: 1px solid #282828; border-top: none; }
#MB_header { background: #282828 url(../images/MBheader.gif) repeat-x left bottom; }
#MB_caption { color:#fff; line-height: .8em;}
#MB_close { color:#fff; }
#MB_close:hover { background-color:#fff; }
.MB_alert { margin:10px 0pt; text-align:center; }
#MB_content { padding: 10px; }
#MB_content p { color: #000; line-height:1.6em; }
#MB_content p a { text-decoration:underline; }
#MB_content p a:hover { text-decoration: none; }
/* @end */


/* @group Frontpage */
/* front page */
body#frontView .firstC { width: 300px; float: left; }
body#frontView .secondC { width: 340px; float: right; }
	ul.highlightedContent { display: block; list-style: none; float: left; }
		ul.highlightedContent li { float: left; width: 150px; margin: 0 0 10px 10px; }
	
	body#frontView .thirdC .sidebarContentContainer { background: #000; padding: 10px; margin-top: 20px; display: block; float: left; width: 280px; }
		body#frontView .thirdC .sidebarContentContainer .headerA,
		body#frontView .thirdC .sidebarContentContainer .headerB,
		body#frontView .thirdC .sidebarContentContainer .headerC,
		body#frontView .thirdC .sidebarContentContainer p { color: #fff; border: none; clear: none; margin-top: 0; }
		body#frontView .thirdC .sidebarContentContainer .headerA a,
		body#frontView .thirdC .sidebarContentContainer .headerB a,
		body#frontView .thirdC .sidebarContentContainer .headerC a,
		body#frontView .thirdC .sidebarContentContainer p a { color: #fff; text-decoration: none; }
			body#frontView .thirdC .sidebarContentContainer .goTo a { text-decoration: underline; }
		body#frontView .thirdC .sidebarContentContainer .headerA a:hover,
		body#frontView .thirdC .sidebarContentContainer .headerB a:hover,
		body#frontView .thirdC .sidebarContentContainer .headerC a:hover,
		body#frontView .thirdC .sidebarContentContainer p a:hover { text-decoration: underline; }

		body#frontView .thirdC .sidebarContentContainer.designer { background: #DD86B6 url(../images/pink_flowers_bg.gif) no-repeat top right; }
			body#frontView .sidebarContentContainer.designer img { float: left; margin-right: 10px; display: inline; }
			
		/* next issue - the .sidebarContentContainer could probably be removed around this content - and the nasty backtracking avoided */
		body#frontView .thirdC .sidebarContentContainer.nextIssue { background: none; }
			body#frontView .thirdC .sidebarContentContainer.nextIssue h3.headerA a { color: #2b2b2b; }
			body#frontView .thirdC .sidebarContentContainer.nextIssue p,
			body#frontView .thirdC .sidebarContentContainer.nextIssue p a { color: #000; }
			/* the image size should be set in the template, not in the style sheet. */
			body#frontView .thirdC .sidebarContentContainer.nextIssue img { width: 100px; float: right; margin-left: 10px; display: inline; }

	/* very hackis */
	.headerB.clear { padding: 13px 0 0; }


		
/* frontpage box */
body#frontView #focusArea.row { height: 441px; background-repeat: no-repeat; background-position: top left; margin-top: 0px; }
	#focusArea.row a.mainFocusStory { width: 410px; height: 441px; display: block; float: left; }
	#focusArea.row .focusArticles { float: right;  width: 232px; }
	ul.focusArticles { list-style: none; }
		ul.focusArticles li {  margin-top: 15px; background-image: url(../images/65transparent.png); }
			ul.focusArticles li img { margin: 1px; }
			ul.focusArticles li h2 { padding: 0 5px; }
			ul.focusArticles li p { padding: 0 5px 2px 5px; }
			ul.focusArticles li a { color: #000; }
			ul.focusArticles li h2 a { text-decoration: none; }
				ul.focusArticles li h2 a:hover { text-decoration: underline; }
			ul.focusArticles li span.category a { color: #555; }
	
	#focusArea.row #promote { width: 300px; margin: 0 0 0 20px; float: right; display: inline; }
		#focusArea.row #promote .adWrapper300 { margin-top: 15px; }
			#focusArea.row #promote .adWrapper300 * { margin: 0; padding: 0; }
	
		#focusArea.row #promote ul.focusArticles { width: 300px; }
			#focusArea.row #promote ul.focusArticles li { float: left; }
				#focusArea.row #promote ul.focusArticles h2 { padding-top: 5px;}
				#focusArea.row #promote ul.focusArticles img { float: right; }
/* frontpage 2 under 1 article view */
body#frontView .secondC .halfContent { width: 160px; margin-top: 20px; float: left; }
body#frontView .secondC .halfContent.right { float: right; }

/* frontpage general */
body#frontView .singleC { margin-top: 20px; }
	body#frontView .singleC .headerA { margin-top: 0; }
body#frontView .row { padding: 0; }
body#frontView #starStyleContainer.firstC { width: 300px; }
body#frontView #quizContainer.secondC { width: 320px; }

/* frontpage wide linklist */
body#frontView .secondC .linkList li.goTo a,
body#frontView .contentList.wide .linkList li.goTo a { text-decoration: underline; color: #999; }
	body#frontView .secondC .linkList li.goTo a:hover,
	body#frontView .contentList.wide .linkList li.goTo a:hover { text-decoration: none; }

/* frontpage gallery */
body#frontView #gallery { }
	body#frontView #gallery .imageContainer { float: left; width: 135px; padding: 0; margin-top: 20px; display: inline; }
	body#frontView #gallery .imageContainer.first { margin-right: 10px; }

body#frontView .singleC .adWrapper300 { float: left; width: 300px; height: 250px; overflow: hidden; padding-top: 20px; }
body#frontView .thirdC .adWrapper300 { clear: both; padding-top: 20px; width: 300px; height: 250px; overflow: hidden; }


/* Frontpage scroller */
body#frontView .scroller { width: 300px; height: 265px; }
body#frontView .scroller .images { height:265px; width:145px; float: left; }
body#frontView .scroller .images a { text-decoration: none; }
body#frontView .scroller .images .scroll_image { position: absolute; }
body#frontView .scroller .images h4 { color: #eee; }
body#frontView .scroller .images p { color: #aaa; }
body#frontView .scroller .logo { float: right; padding-bottom: 10px; }
body#frontView .scroller .gutter { width: 150px; float: right; overflow: hidden; font-size: 70%; line-height:1.1em; }
body#frontView .scroller .gutter a { color: black; text-decoration: none; padding: 2px 4px; margin: 2px 0; line-height: 14px; }
body#frontView .scroller .gutter a:hover { text-decoration: underline; }
body#frontView .scroller .gutter a.current { background: #888; color: white; }
body#frontView .scroller .gutter ul li { padding-left: 15px; }
body#frontView .scroller .gutter .indicator { width: 14px; height: 20px; position: absolute; background: url(http://benjamin.dk/static/costume/images/catwalkArrow.gif) no-repeat; background-position: 0 2px; }
body#frontView .scroller .images .title { opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50); background: black; margin-top: -75px; padding: 0.3em 0.8em; overflow: hidden; }
/* @end */

.benTags { color:#333333; }
.benTags a { color:#DD86B6; }