/* 
    Document   : nd09default.css
    Created on : Nov 5, 2009, 2:56:45 PM
    Author     : xan
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/*
	For testing new design 09
*/
div#developerLinks {
	position:absolute;
	left:5px;
	top:5px;
	background-color:#515151;
	padding:10px;
	border:2px solid #f2f2f2;
}
div#developerLinks span,
div#developerLinks a {
	color:#f2f2f2;
	display:block;
}


body {
	background-image:url('/files/design/images/nd09bgTile.png');
	background-color:#dcdbd7;
}

p, div, td, span, ul, li, body, a, input, textarea {
	font-family: "Trebuchet MS", Tahoma, Verdana, Sans-serif;
	font-size: 11px;
	color:#636363;
}
h1, h2, h3, h4, h5 {
	font-family: "Trebuchet MS", Tahoma, Verdana, Sans-serif;
	color:#636363;
}


div.breaker {
	clear:both;
	height:0px;
	overflow:hidden;
	font-size:0px;
}

/* The number refers to the width of the left column */
div#page {
	padding:0px;
	margin-left: auto;
	margin-right: auto;
	margin-top:10px;
	margin-bottom:10px;
	width: 1028px;
	height:682px;
	background-image:url('/files/design/images/nd09background.png');
	background-repeat:no-repeat;
}


div.newsDiv {
	margin-bottom:20px;
}
div#imageHolder {
	background-image:url('/files/design/images/pageimageHolder.png');
	padding:8px;
	margin:0px;
	float:left;
	margin-bottom:10px;
}
span#imageHolder img {
	display:block;
	/*display:inline;*/
}
div#pageimageHolder {
	background-image:url('/files/design/images/pageimageHolder.png');
	padding:8px;
	margin:0px;
	float:left;
	/*width:100%;*/
}
div#pageimageHolder div.content {
	background-color:#373737;
	background-image:url('/files/design/images/blackbg.png');
	/*width:100%;*/
}

div#forhandler {
	margin-left:81px;
	margin-top:148px;
	width:380px;
}
div#forhandler div.content {
	height:284px;
	padding:20px 40px;
}
div#contact div.content h1,
div#forhandler div.content h1,
div#searchResult div.content h1 {
	font-size:14px;
	text-transform:uppercase;
	margin:0px 0px 33px 0px;
	color:#f2f2f2;
	font-weight:normal;
}
div#forhandler div.content h1{
	margin:0px 0px 29px 0px;
}
div#searchResult {
	margin-top:148px;
	width:692px;
}
div#searchResult div.content {
	padding:20px 40px 0px 40px;
	height:400px;
	width:612px;
}

div#searchResult div.content div,
div#forhandler div.content div{
	color:#f2f2f2;
}

div#searchResult div.resultItems {
	height:70px;
}

/* selectbox forhandler side */
div#forhandler ul.newList * {margin:0; padding:0;}
div#forhandler ul.newList {margin:0; padding:0; list-style:none; color:#000000; width:280px; background:#ffffff; position:absolute;  border:1px solid #f2f2f2; top:22px; left:0; overflow:auto; z-index:9999;}
div#forhandler .newListSelected {width:268px; color:#000000; height:20px; padding:5px 0px 0px 15px; float:left; background:url('/files/design/images/selectBoxArrow.png') no-repeat #515151 255px 10px; margin-bottom:25px;}
div#forhandler .newListSelected span {width:284px; display:block;}
div#forhandler ul.newList li {padding:3px 8px 3px 15px;}
div#forhandler .selectedTxt {
	width:245px;
	overflow:hidden;
	height:20px;
	padding:0 23px 0 0;
}
div#forhandler .hiLite {background:#515151!important; color:#f2f2f2!important;}
div#forhandler .newListHover {background:#cccccc!important; color:#000000!important; cursor:default;}
div#forhandler .newListOptionTitle {font-weight:bold;}
div#forhandler .newListOptionTitle ul {margin:3px 0 0;}
div#forhandler .newListOptionTitle li {font-weight:normal; border-left:1px solid #cccccc;}


div.content div#wideboxSeparator {
	float:left;
	left:363px;
	top:20px;
	position:relative;
	width:1px;
	height:333px;
	background-image:url('/files/design/images/wideboxSeparator.png');
	background-repeat:no-repeat;
}

div#col1 {
	width:208px;
	float:left;
}

div#content2col,
div#col2,
div#onlinecatalog {
	width:779px;
	float:left;
}

div#content2col,
div#col2 {
	padding-left:41px;
}
div#onlinecatalog {
	width:820px;
}
div#onlinecatalog div#onlinecatalogtext {
	margin-top:94px;
	height:54px;
	padding-left:41px;
}
div#onlinecatalog div#onlinecatalogtext h2 {
	margin:0px 0px 5px 0px;
	font-size:13px;
}
div#onlinecatalog div#onlinecatalogtext a {
	text-transform:uppercase;
	font-size:10px;
	margin-right:25px;
}
div#onlinecatalog div#onlinecatalogtext a {
	text-decoration:none;
}
div#onlinecatalog div#onlinecatalogtext a.active {
	text-decoration:underline;
}

div.top148px {
	margin-top:148px;
}

div#col1 a{
	margin-left:49px;
	display:block;
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing:2px;
	margin-bottom:10px;
}
div#col1 a.active,
div#col1 a:hover{
	font-weight:bold;
	text-decoration:underline;
}



div#content2col {
	width:698px;
	margin-left:81px;
}
div#content2col p {
	margin-bottom:25px;
	
}
div#content2col a {
	color:#000000;
}

div#content2col h1 {
	padding-left:5px;
	margin-top:0px;
	text-transform:uppercase;
	font-size:14px;
	font-weight:normal;
	color:#000000;

}
div#content2col h2 {
	margin:0px 0px 10px 0px;
	text-transform:uppercase;
	font-size:11px;
	font-weight:normal;
	color:#000000;
}

div#contact div.content {
	padding:20px 40px 0;
	height:400px;
	width:612px;
}
div#contact div.content div#formContainer {
	width: 322px;
	float:left;
}
div#contact div.content div#address {
	float:right;
	width:220px;
	margin-top:160px;
	text-align:center;
	font-size:14px;
	line-height:20px;
	color:#f2f2f2;
}
div#contact .contactText,
div#contact .contactTextarea {
	background-color:#515151;
	color:#f2f2f2;
	border:0px;
}
div#contact .contactText {
	width:305px;
	margin-bottom:25px;
	height:17px;
	padding:4px 9px;
}
div#contact .contactTextarea {
	width:305px;
	height:171px;
	padding:4px 9px;
	margin-bottom:13px;
}
div#contact #contactSend {
	float:right;
}




#polaroid {
/*	width: 403px;
	height: 472px;
	background-image: url("/files/design/images/polaroid.png");
	overflow: hidden;
	margin-top: 96px;
	margin-left: 120px;
*/
}
#polaroidimagefield {
	width: 364px;
	height: 324px;
	overflow: hidden;
	/*padding:8px;*/
	background-color:#373737;
	background-image:url('/files/design/images/blackbg.png');
}
#polaroid div.polaroidgalleri {
	padding:8px;
	background-image:url('/files/design/images/pageimageHolder.png');
}
#polaroidimagefieldtext {
	padding-top: 20px;
	padding-left: 20px;
}
#polaroidtext {
	padding:0px 8px;
	text-align: center;
	margin-top: 14px;
}
#polaroidtext h1 {
	font-size: 17px;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-family: "Trebuchet MS", Tahoma, Verdana, Sans-serif;
}
#polaroidimagefield h1 {
	font-size: 16px!important;
	text-transform: uppercase;
	margin: 0px 0px 15px 0px!important;
	padding: 0px!important;
	font-weight: normal;
	font-family: "Trebuchet MS", Tahoma, Verdana, Sans-serif;
	color:#f2f2f2!important;
}
#polaroidimagefield h2 {
	color:#f2f2f2!important;
	margin: 0px!important;
}
#polaroidimagefield p {
	margin-top:0px;
}
#polaroidimagefieldtextscrollinner, #polaroidimagefieldtextscrollinner p, #polaroidimagefieldtextscrollinner span, #polaroidimagefieldtextscrollinner div  {
	color: #ffffff;
	font-family: "Trebuchet MS", Tahoma, Verdana, Sans-serif;
	font-size: 10px;
}
#polaroidimagefieldtextscroll {
	float: left;
	width: 300px;
	height: 290px;
	overflow: hidden;
	position:relative;
}
#polaroidimagefieldtextscrollinner {
	position: relative;
	top: 0px;
}
#polaroidimagefieldtextscroller {
	float: left;
	width: 40px;
	height: 305px;
	text-align: center;
}
#polaroidimagefieldtextscrollerup {

}
#polaroidimagefieldtextscrollerdown {
	margin-top: 240px;
}

div.galleryLink {position:relative;left:7px;top:3px}
	div.galleryLink a {float:right;padding:3px 5px;background:#444;color:#fff!important;text-decoration:none;border:1px solid #444;}
	div.galleryLink a:hover {border:1px solid #999}

div#content2col div.col1 {
	width:380px;
	float:left;
}
div#content2col div.col2 {
	width:162px;
	/*margin-left:67px;*/
	float:right;
}
/**********************************************************************
* Right menu elements
**********************************************************************/
#rightmenu {
	margin:60px 67px 0px 0px;
}
.rightmenu_pagethumb a, .rightmenu_pagethumb_hover a {
	text-decoration: none;
}
.rightmenu_pagethumb {
	height: 118px;
	margin-bottom: 5px;
	
	filter:alpha(opacity=50); /* IE */
	-moz-opacity:0.5; /* Firefox <1.0 */
	-khtml-opacity: 0.5; /* Safari < 1.0 */
	opacity: 0.5; /* CSS3 standard */

	cursor: pointer;
}
.rightmenu_pagethumb_hover {
	height: 118px;
	margin-bottom: 5px;
	cursor: pointer;
}
.rightmenu_pagethumb .rightmenu_pagethumbinner {
	height: 116px;
	overflow: hidden;
}
.rightmenu_pagethumb_hover .rightmenu_pagethumbinner {
	height: 116px;
	overflow: hidden;
}
.rightmenu_pagethumbimage img{
	display:block;
}
.rightmenu_pagethumbimage {
	padding:3px;
	background-image:url('/files/design/images/pageimageHolder.png');
	/*background-color:red;*/
}
.rightmenu_pagethumbtext {
	font-size: 9px;
	text-transform: uppercase;
	text-align: center;
	margin-top: 2px;
}
#rightmenuitems {
	height: 490px;
	overflow: hidden;
}
#arrowup {
	height: 40px;
	display: block;
	text-align: center;
	cursor: pointer;
	margin-bottom:10px;
}
#arrowdown {
	height: 40px;
	display: block;
	text-align: center;
	cursor: pointer;
}
#arrowup img {
	margin-top: 25px;
}


.bottomTD {
	background-image: url("/files/design/images/overskrift_bgcolor.png");
}
.campaignTable thead td {
	background-image: url("/files/design/images/overskrift_bgcolor.png");
	text-transform: uppercase;
}
.blabTD {
	background-image: url("/files/design/images/content_bgcolor.png");
}
.campaignHeadline {
	color: #4E4E4E;
	font-family: "Trebuchet MS", Tahoma, Verdana, Sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 10px;
	white-space: nowrap;
}
#campaignList {
	font-family: "Trebuchet MS", Tahoma, Verdana, Sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	padding: 10px;
}
.campaignValue {
	font-size: 10px;
	border: 0px solid #dedad1;
	border-bottom-width: 1px;
	padding: 10px;
	padding-bottom: 5px;
}
.uppercase{
	text-transform: uppercase;
}

