/*
		GN resound
		Styles: General

 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#logo, #resoundlogo img, #menu li a, #menu li span, #footer { behavior: url(iepngfix.htc) }

html { font-size: 100%; }
body {
	margin: 0;
	padding: 0;
	font-family:Helvetica, Arial, sans-serif;
	font-size: 80%;
	line-height: 1.4em;
	color: #464749;
	text-align: center;
background:#fedc00 url(bg.jpg) no-repeat top left;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
		Clearing floats
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix { display: inline-block }
.clearfix { display:block }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
		Accessibility & SEO
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.accessibility {
	position: absolute;
	top: -999em;
	left: -999em;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
		Elements
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

table, td, form, input, textarea, select {
font-family:Helvetica, Arial, sans-serif;
	font-size: 100%;
	color: #000000;
}
table, img, form, input, textarea, select {
	margin: 0;
}
img {
	display: block;
	border: 0;
}

ul {
	margin: 20px;
	padding: 0;

}



table {
	margin: 0;
	padding: 0;
	border: 0;
	}
	table td {
		padding: 2px 0 2px 0;
		vertical-align: top;
	}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
		Typography
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

h1 {
	margin: 5px 0 10px 0;
	padding: 0;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.3em;
	color: #000000;
	font-style:italic;
}
h2 {
	margin: 5px 0 5px 0;
	padding: 0;
	font-size: 1em;
	line-height: 1.3;
	font-weight: bold;
	color: #000000;
}
h3 {
	margin: 0 0 3px 0;
	padding: 0;
	font-size: 1.1em;
	font-weight: normal;
	color: #000000
}
h4 {
	margin: 0 0 3px 0;
	padding: 0;
	font-size: 1em;
	font-weight: bold;
	color: #000000
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
		Forms
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}
legend {
	display: none;
}

input.formfield {
	width: 180px;
	padding: 2px;
	color: #000000;
	border: 1px solid #cfd6da;
	vertical-align: middle;
}
textarea.formarea {
	width: 300px;
	height: 80px;
}
input.formcheckbox {
	margin: 0 2px 2px 0;
	vertical-align: middle;
}
input.formradio {
	margin: 4px 0 6px 0;
	vertical-align: middle;
}
select.formselect {
	width: 220px;
	margin: 8px 0 0 0;
	color: #000000;
	vertical-align: middle; 
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
		Main containers
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#container 
{
	width: 954px;
	margin: 0 auto;
	text-align: left;
}



#top 
{
	min-height: 100px;
	height: 100px;
	width: 954px;
	position: relative;
	font-size: .85em;
}
	
#logo {
	position:absolute;left:10px;top:20px;
	width:186px;
	height:68px;
	background: url(logo.png) no-repeat 0 0;
}

#logo a 
{
	display:block;
	width:184px;
	height:51px;
	text-indent:-9999px;
	text-decoration:none;
	overflow:hidden;
}

#resoundlogo
{
	position:absolute;left:-22px;top:170px;
}


#language
{
	float:right;
	position:absolute;left:845px;top:30px;
}
	

#menu
{
	position:relative;
	width: 954px;
	font-size: .85em;
}

#menu ul
{
margin:0 0 0 15px;
}

#menu li
{
float:left;
display: inline;
list-style:none;
position: relative;
margin-left:-8px;
}

* html #menu li
{
margin-left:-10px;
}

#menu li a
{
display:block;
font-size: 14px;
font-weight: bold;
color:#ffffff;
text-decoration: none;
padding:9px 0 9px 15px;
margin-right:15px;
background: url("menul.png") no-repeat left top;
}


#menu li.selected a
{
background: url("menul_selected.png") no-repeat left top;
}


* html #menu li a
{
margin-right:6px;
cursor: hand;
}


#menu li span
{
	position: absolute;
	right: 0;
	top: 0;
	width: 15px;
	height: 36px;
	background: url("menur.png") no-repeat left top;
}

#menu li.selected span
{
	background: url("menur_selected.png") no-repeat left top;
}

#menu li a:hover
{
text-decoration:underline;
}



div#content
{
border:1px solid #ffffff;
background:#ffffff url(logo.gif) repeat-x;
padding:0 10px 10px 10px;
margin:0;
}
#fontsize
{

}

#fontsize ul
{
float:right;
padding:0;
margin:0;
}

#fontsize li
{
float:left;
list-style:none;
padding:10px 0 0 0;
margin:0;
}


div#content div#subcontentmenu{
float:left; 
width:223px; 


}

/**/


#submenu li{
padding:0;
margin:0;
list-style:none;	}

#submenu ul{
padding:0;
margin:0;	
border-top:1px solid #FFFFFF;
}

#submenu {
width: 213px;
margin:10px 0 0 0;
padding:10px 0 10px 0;
background:#fedc00 url(submenubottom.gif) no-repeat 100% 100%;
}
	
#submenu li a {
display:block;
/*height:18px;*/
background:#fedc00;
text-decoration: none;
border-bottom:1px solid #FFFFFF;
padding:5px 0 5px 10px;
color:#000000
	}

#submenu li.selected a {
font-weight:none;
color:#ffffff;
background:#eab12d url(submenu_sel.gif) no-repeat 0 0;
	}
#submenu li a:hover {
text-decoration:underline;
}

#submenu li a.selected
{
color:#999;
}


#leftLink {
width: 213px;
margin:10px 0 0 0;
padding:10px 0 10px 0;
background:#ffffff url(dealer.gif) no-repeat;
}


#leftLink a {
text-decoration:none;
font-weight:none;
color:#000000;
margin: 0 0 0 30px;
}

#leftLink a:hover {
text-decoration:underline;
margin: 0 0 0 30px;
}

div#content div.frontpageteaserbox
{
padding:0;
}
div#content div.teaserbox
{
padding:0;
float:right; width:698px; 
padding:0 0 10px 0
}

div#content div#maincontent
{
float:right; width:698px; padding:0 0 0 0
}


div#content div#maincontent a
{
font-size:90%;
color: #464749;
text-decoration:underline;

}

div#content div#maincontent a:hover
{
text-decoration:none;
}



div#content div#maincontent div.imgcontainerright{
float:right;
margin:0 0 0 10px;
}

div#content div#maincontent div.imgcontainer{
margin:10px 0;
}

div#content div#brandingbox
{
border:1px solid #333333;
height:240px;
margin:20px 0;

}

div#content div.smallbox
{
height:202px;
width:225px;
float:left;
/*padding:10px;*/
border:0px solid #999999;
/*background:#ffffff url(smallboxbg.gif) repeat-x;*/
margin:0 10px 0 0;
}
div#content div.smallboxlarst
{
margin:0;
}

div#content div.smallbox h1 a
{
font-size: 18px;
color: #464749;
text-decoration:underline;
}
div#content div.smallboxlarst h1 a
{
font-size: 18px;
color: #464749;
text-decoration:underline;
}

div#content div.smallbox h1 a:hover
{
font-size: 18px;
color: #464749;
text-decoration:none;
}
div#content div.smallboxlarst h1 a:hover
{
font-size: 18px;
color: #464749;
text-decoration:none;
}


div#content div.smallbox a
{
font-size:90%;
color: #464749;
text-decoration:underline;
}
div#content div.smallboxlarst a
{
font-size:90%;
color: #464749;
text-decoration:underline;
}

div#content div.smallbox a:hover
{
font-size:90%;
color: #464749;
text-decoration:none;
}
div#content div.smallboxlarst a:hover
{
font-size:90%;
color: #464749;
text-decoration:none;
}


/* STYLE TIL DOWNLOAD SIDEN */


div#maincontent div.downloadlist ul li{
margin:5px 0 0 0;
list-style:none;
}

div#maincontent div.downloadlist ul li a
{
font-weight:bold;
}

div#maincontent div.downloadlist ul li a.dpdf
{
padding:2px 0 0 20px;
background:#ffffff url(dpdf.gif) no-repeat 0 0;
}

div#maincontent div.downloadlist ul li a.dword
{
padding:2px 0 0 20px;
background:#ffffff url("dword.gif") no-repeat 0 0;
}


div#maincontent div.downloadlist ul li a.dzip
{
padding:2px 0 0 20px;
background:#ffffff url(dzip.gif) no-repeat 0 0;
}

div#maincontent .downloadlist ul li a.dexcel
{
padding:2px 0 0 20px;
background:#ffffff url(dexcel.gif) no-repeat 0 0;
}
div#maincontent div.downloadlist ul li a.dimg
{
padding:1px 0 0 20px;
background:#ffffff url(dimg.gif) no-repeat 0 0;
}

/* STYLE TIL DOWNLOAD SIDEN SLUT */

div#footer
{
background: url(bund.png) repeat-x left top;
padding:20px 0 0 0;
font-weight: bold;

}
div#footer div#footerleft
{
float:left;
}

div#footer div#footerleft a
{
font-size:90%;
color: #464749;
padding:0 10px 0 0;
text-decoration:none;
}

div#footer div#footerleft a:hover
{
text-decoration:underline;
}

div#footer div#footerright
{
float:right;
font-size:90%;
}
div#footer div#footerright ul
{
padding:0px; margin:0px;
}

div#footer div#footerright ul li
{
list-style:none;
}

div#footer div#footerright ul li.copy{
float:left; 
padding:0 12px 0 0;
}

div#footer div#footerright ul li.footerlogo{
padding:4px 0 0 0;
}

div.colorlist table td
{
padding:0 10px  10px 0;
}
div.colorlist table td.tdlast
{
padding:0;
}

div.subcontrol{
text-align:center;
}