html {
height: 100%;
}

body {
width: 100%;
margin: 0px;
padding: 0px;
background: url('../img/bakgrund-ny2.gif') repeat-x bottom;

}
/** Override default (webbrowser) dl margin settings */
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { 
margin:0px;
}

/* CSS Document */
body, div, td, th, p, h1, h2, h3, li {
	color: #7d7d7d;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;	
}

.topmenul1 li {
font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
}
body {
margin: 0px;
padding: 0px;

}
#logorow {
	width:800px; 
	text-align:left;
        margin-bottom: 6px;
	margin-top: 50px;
}
#page {
	width:800px;
height: 400px;
	border: 1px solid #CCCCCC;
}

	
p, content, div, a, input, label, submit {
	color: #6D5D5D;
	font-size: 10px;
	letter-spacing: 0px;
	font-weight:normal;
	margin-top:0px;

}
#content {
padding: 20px;
background-color: #ffffff;
padding-bottom: 10px;
padding-top: 20px;
}
#contentstart {
padding: 0px;
margin:0px;
background-color: #ffffff;
}
#contentright {
margin: 0px;
padding: 0px;
float: left;
}
#contentright h1 {
padding-top: 36px;
margin: 0px;
float: left;

}

.center,#center {
clear:both;
}
center, #center {
height: 45px;
}
#contentright p {
padding-right: 20px;
clear: both;
}
a {
	text-decoration: none;
	color: #6D5D5D;
	border-bottom:1px solid #fff;
}
a:Hover {
	text-decoration: none;
	color: #2D2D2D;
	border-bottom:1px dashed #615050;
}
#contentblock {
   min-height:350px;
    height:auto !important;
    height:350px;	
}



#menu_lvl1 {
	background-color: #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
}

#menu_lvl1 a{
	padding-left: 17px;
	padding-right: 10px;
	line-height: 28px;	
	vertical-align: middle;
	border:0px;
}

h1, #menu_lvl1 a{
	color: #A2A2A2;

	text-decoration: none;
	text-transform: capitalize;
	font-size: 11px;
	font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
	font-weight: normal;
	border:0px;	
}
h1 {
font-size: 20px;
color: #99cc00;
font-weight: bold;
}


#menu_lvl2 {
	color: #A6ADB0;
	background-color: #F0F0F0;
	padding-left:8px;
	height: 25px;
	border-bottom: 1px solid #CCCCCC;	
}

#menu_lvl2Content {
	
}
#menu_lvl2 a {
	line-height: 23px;
	word-spacing: 2px;
	padding-left: 9px;
	padding-right: 8px;
	height:25px;
	border:0px;	
}

h2, #menu_lvl2 a, #footer{
	color: #666;
	text-decoration: none;
	font-size: 10px;
	font-weight: normal;
	letter-spacing: 0px;
}

#menu_lvl1 a:Hover,
#menu_lvl1 a.selected,
#menu_lvl2 a:Hover,
#menu_lvl2 a.selected
{
	/* color:#ccc; */
        color: #99cc00;
	border:0px;	
}

#leftColumn {
	float:left; 
	z-index:4;
	/*
	background-color:white;
	filter: alpha(opacity=40);
  -moz-opacity: 0.40;
  opacity: 0.40;*/
  height:318px !important;
  overflow:hidden;
}
#leftColumn p {
}
#content {

}

#left, #leftFlowable {
	float:left;	
	padding-top: 150px;
	padding-left: 45px;
	width:315px !important;
	width:374px;
	/*display:inline;*/
}
#left { /* left column with fixed height */
	height:268px !important;
	height:418px; /* reset height for IE, above padding is counted into height for MOZ.. */	
	overflow:hidden;
}
#right, #rightFlowable {
	width:374px;
	position:relative;
	float:right;
	overflow:hidden;
}
#right { /* right column with fixed height */
	height:418px !important;
	overflow:hidden;
}

#rightContent{
	width: 334px;
	height: 418px;
	position: absolute;
        float: right;
        right: 45px;
}

#indexProductImage
{
	position: absolute;
	top: 85px;
	right: 0px;
}

#indexProductTitle{
	padding-top: 50px;
	position: absolute;
	right: 0px;
	text-align: right;
	z-index: 500;
}

/*******Begin adjusting produkt color samples****/
#productOptions, #colorSamples {
	display: block;
	margin-bottom:15px;
	padding-right: 45px;
	float: right;
        margin-left: 0px;
        padding-left: 0px;
}

#colorSamples ul{
	list-style-type: none;
	clear: both;
}

#colorSamples li{
	float: right;
        padding-left: 31px !important;
	padding-left: 42px;
	text-align: center;
	line-height: 25px;
}

#colorSamples img{
	display: block;
	height: 46px;
	width: 132px;
}

/*******End adjusting produkt color samples****/

H1, H2 {
	margin-bottom:2px;
}

.specialH1, #colorSamples li{
	text-decoration: none;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: normal;
	letter-spacing: 0px;
}
.bigText {
	font-size: 20px;
        font-weight: lighter;
}

.highlightedLink {
	text-decoration: none;
	padding-top:3px;
	color:black;
}
.highlightedLink:Hover {
	color:gray;
}
.highlightedLink:Before {
content: "? ";
}

H3{
	font-size: 8px;
	font-weight: normal;
	text-transform: uppercase;
}

.smallHeader{ /*same as H# with no line break*/
	font-size: 8px;
	font-weight: normal;
	text-transform: uppercase;
}

#footer {
	color:#A6ADB0;
	border-top: 1px solid #CCCCCC;	
	/*line-height: 21px;*/
	padding-left:0px;
	padding-right:17px;
        line-height: 28px;
/* background-color: #ffffff; */
background-color: #F0F0F0;

}
#footer a {
font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
}
#languageSelector {
	float:left;
	position:relative;
	display:inline;
	/*width:370px;*/
	text-align:left;
}

#languageSelector a {
	/*padding-left:3px;
	padding-right:3px;*/
        /*firefox need this to make the hovering fill the whole div-height*/
        padding-top: 7px !important;
        padding-bottom: 7px !important;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-right: 5px;
        padding-left: 17px;
        font-size: 10px;
        color:#A6ADB0;
}

#languageSelector a:Hover {
	text-decoration:none;
	color: #615050;
	

}

#copyText {
	float:right;
	position:relative;
	display:inline;
	/*width:370px;*/
	text-align:right;	
}

img{
	border:0px;
}


div.csc-mailform-field label{
	width:90px !important;
	width:105px; /*Needed as IE needs more space f?r form fields and this is not optimal*/
	float: left;
	text-align: left;
	padding-right: 5px;
	padding-top:4px;
	vertical-align: bottom;
}

.csc-mailform-field input{ 
	width:200px;
	margin-bottom: 5px;
	/*border: 0px;
	border-bottom: 1px solid silver;*/
}

/*Submit-button*/
#mailformformtype_mail {
	width:100px;
	height:20px;
	border:1px solid silver;
	border-right:1px solid gray;
	border-bottom:1px solid gray;
	background-color:#f1f1f1;
	margin-left:95px !important;
	margin-left:110px;
	margin-top:10px;
}

fieldset{
	margin-left: 0px;
        margin-top: 20px;
        border: 0px;
        padding: 0px;
}

/********** DYNAMIC DROP DOWN MENU (menu level2-> ) ***/
/* original menu and menuscript from 
 * http://www.rvantwisk.nl/typo3-snippets/yacbddm-yet-another-css-based-drop-down-menu-for-typo3.html 
 ****/
#dropdown {
	background-color: #F0F0F0;
}
.topmenul1, .topmenul2 {
	list-style:none;			/* Default styles for all menu's */
	margin:0px;
	padding:0px 0px;
}

.topmenul1 li {
/*	background-color: #E79518; */

	background-color: #F0F0F0;
	padding:1px 0px;
	float:left;				/* First level menu's needs to float left */
	position:relative;	
/* Relative positiong because lower level menu's needs to be absolute */
}

/* First level colors for link tags */
.topmenul1 a {
/*	color:black;*/
/*	padding:0px 15px 0px 5px; */		/* Seperate menu's a bit aswell, some extra space for the arrow on the right */
/*	border:1px solid #E79518; */ 		/* Same as BG color so total width is always the same */
	border:0px;
}

.topmenul1 a:hover {
/*	background-color:#fff;*/ 		/* On hover for a alements, */
/*	border:1px solid black; */
}


/* Start second level and lower menu's */
.topmenul1 .topmenul2 {
	display:none;				
	position:absolute;			/* We position absolute (relative to l1) */
	width:180px;			        /* Default width for sub-menu's */
	border:1px solid #CCCCCC;			/* Border around the sub-menu's */
	z-index:999;				/* We set a z-index these menu's will show up above other menu items, works in non IE */
	left:0px;				/* Left to 0 and for IE we move one extra pixel down */	
	top:25px !important;
	top:27px;
	background-color:white;
}

.topmenul1 .topmenul2 .topmenul2, .topmenul1 .topmenul2 .topmenul2 .topmenul2 {
	left:100px;				/* Move away from second level menu for second level and lower */
	top:-1px !important; 			/* Border = 1px so we need to move one up aswell !important to overrule the !important above*/
}

.topmenul1 .topmenul2 li {
	/*padding:2px 0px;*/  			/* Controls the height per menu item on second level and lower */
	border-bottom:1px solid #CCCCCC;		/* little color seperator */
	background-color:#fff; 
	width:100%;
}

.topmenul1 .topmenul2 a {
	border:none;				/* no border, remove the style from level1 a tags */
	display:block;				/* Display block, so teh whole menu will lite up (if bg used)*/
/*	padding:0px 4px; */
	line-height: 0px;
	padding:0px;
}

.topmenul1 .topmenul2 a:hover {			/* Needed for IE aswell */
	border:none;
        /* no border, remove the style from level1 a tags */
}

/* Little arrows for the menus */
.topmenul1-ifsub,.topmenul2-ifsub {
	/*background-image:url(../images/arrow-b-d.gif); */
	background-position:top right;
	background-repeat:no-repeat;
}
.topmenul2-ifsub {
	/*background-image:url(../images/arrow-b-d.gif); */
}


.topmenul1 .hoveratag {

/*	background-color:white;*/ 		/* Hack in javascript, this will highlite teh a tag of the menu above */
/*	border:1px solid black; */			/* We could do this with CSS (.topmenul1 li:hover > a) But IE doesn't support that */
}/* CSS Document */

/**** some small styling marking selected menu item **/
#menu_lvl1 .selectedmenu {
color:#5F5F5F;
}
#menu_lvl2 li a.selectedMenu {
color:#ccc;
float:left;
height: 23px; /*To avoid selected text's box to cover bottom line. Why?*/
}

#singlenews h1 {
margin:0px;
}

#singlenews h3{
line-height:1.1em;
text-transform:none;
font-size:10px;
margin:0px;
}
#center {
height: 55px;
margin: 0px;
padding: 0px;
}
#lmglogo {
padding: 0px;
float: left;
margin: 0px;
}
#logopanasonic {
padding: 0px;
float: right;
margin: 0px;
padding-top: 15px;
}

#puff1, #puff2, #puff3, #puff4 {
width: 183px;
height: 120px;
border: 0px solid gray;
float: left;
margin-top: 20px;
margin-right: 20px;
}
#puff4 {
width: 182px;
margin-right: 0px;

} 
a  {
	text-decoration: none;
	color: #2D2D2D;
	border-bottom:0px dashed #615050;
}
a:Hover  {
	text-decoration: none;
	color: #2D2D2D;
	border-bottom:0px dashed #615050;
}
.footerText a{
color: #A2A2A2;
}
.footerText a:hover {
color:#666666;
}
.radio {
width: 14px;
margin: 0px;
padding: 0px;
margin-bottom: 4px;
} 
#contentright li, #contentright li span {
color: #6D5D5D;
}
#content ul {
margin: 0px;
padding-left: 15px;
}
#content li {
margin-bottom: 5px;
color: #99cc00;
}
#contentright ul {
margin: 0px;
padding-left: 15px;
}
#contentright li {
margin-bottom: 5px;
color: #99cc00;
}
.myGallery
{
	border: 0px solid #000;
}
.jdGallery .loadingElement
{
	background-color: #fff;
}.jdGallery .slideElement
{
	background-color: #fff;
}


#mailformOvrigt,#mailformTelefon, #mailformEpost, #mailformPostort, #mailformPostnummer, #mailformAdress, #mailformNamn {
width: 200px;
}

.internal-link {
font-weight: bold;
}
a:hover {
color: #99cc00;
}

#content li a, #contentright li a {
font-weight: bold;
}
.external-link-new-window {
font-weight: bold;
}
h2 {
font-size: 11px;
font-weight: bold;
}
h3 {
font-size: 12px;
font-weight: bold;
}

#logon {

}

#popupcontainer {
width: 600px;
padding: 20px;
}

/* Powermail */
	/* Form */
span.powermail_mandatory {
	/* Color of mandatory error message */
	color: red;
}
input.validation-failed,
textarea.validation-failed {
	/* Background color if validation failed 
	background-color: red;*/
	background-image: url(/typo3conf/ext/powermail/img/icon_exclamation.gif);
	background-repeat: no-repeat;
	background-position: 98% 1px;
}
div.powermail_mandatory_js {
	/* DIV container of errormessage */
	color: red;
	margin: 3px 0 15px 200px;
}
fieldset.tx-powermail-pi1_fieldset {
	/* Fieldset */
	border: 0px solid #aaa;
	padding: 0px;
}
fieldset.tx-powermail-pi1_fieldset legend {
	/* legend of Fieldset */
	font-weight: bold;
	color: black;
}
fieldset.tx-powermail-pi1_fieldset label {
	/* label */
	display: block;
	width: 80px;
	float: left;
	clear: both;
	font-weight: bold;
}
fieldset.tx-powermail-pi1_fieldset input.powermail_text,
fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea,
fieldset.tx-powermail-pi1_fieldset select.powermail_select {
	/* Input and textarea */
	width: 180px;
}
fieldset.tx-powermail-pi1_fieldset div.tx_powermail_pi1_fieldwrap_html_radio input.powermail_radio {
	/* Radiobuttons */
	margin: 5px 0;
}
div.tx_powermail_pi1_fieldwrap_html {
	/* DIV container arround every field */
	margin: 10px 0;
}
fieldset.tx-powermail-pi1_fieldset input.powermail_submit {
	/* submit button */
	margin: 10px 0 0px 120px;
	font-weight: bold;
}
p.tx_powermail_pi1_fieldwrap_html_checkbox_title,
p.tx_powermail_pi1_fieldwrap_html_radio_title {
	margin: 0;
	padding: 0;
	font-weight: bold;
}
div.countryzone {
	margin: 10px 0 0 200px;
}
div.tx_powermail_pi1_fieldwrap_html label a {
	/* Description */
	cursor: help;
}
div.tx_powermail_pi1_fieldwrap_html label a dfn {
	/* Description */
	display: none;
}
div.tx_powermail_pi1_fieldwrap_html label a:hover dfn {
	/* Description on mouseover */
	display: block;
	position: absolute;
	width: 250px;
	padding: 5px;
	background-color: #ddd;
	border: 1px solid red;
	color: black;
	text-decoration: none;
	font-size: 0.8em;
}
div.tx_powermail_pi1_fieldwrap_html img.icon_info {
	/* Description icon */
	padding: 2px 2px 0 2px;
}


	/* Confirmation */
td.powermail_all_td {
	padding: 3px 10px 3px 0;
}

	/* THX */
td.powermail_all p.bodytext {
	margin: 0;
}