/*
		GN resound
		Styles: General

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

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

html { font-size: 100%; }
body {
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, Tahoma, Sans-Serif;
	font-size: 80%;
	line-height: 1.4em;
	color: #464749;
	text-align: center;
background:#fff12d 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: Arial, Verdana, Tahoma, Sans-Serif;
	font-size: 100%;
	color: #464749;
}
table, img, form, input, textarea, select {
	margin: 0;
}
img {
	display: block;
	border: 0;
}

ul {
	margin: 0 0 0 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: #d32a18;
}
h2 {
	margin: 5px 0 5px 0;
	padding: 0;
	font-size: 1em;
	line-height: 1.3;
	font-weight: bold;
	color: #d32a18;
}
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
}

a, a:hover, a:visited {
	font-size:90%;
	text-decoration:underline;
	color: #d32a18;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
		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;
}


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

#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;
}

	
#logocenter {
	width:186px;
	height:68px;
	background: url(logo.png) no-repeat 0 0;
}
#logo a, #logocenter 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:847px;
	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;
}

#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(contentg.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:#de8f2b url(submenubottom.gif) no-repeat 100% 100%;
}
	
#submenu li a {
display:block;
/*height:18px;*/
background:#de8f2b;
text-decoration: none;
border-bottom:1px solid #FFFFFF;
padding:5px 0 5px 10px;
color:#000000
	}

#submenu li.selected a {
font-weight:bold;
color:#ffffff;
background:#eab12d;
	}
#submenu li a:hover {
text-decoration:underline;
}

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

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


#leftLink a {
	text-decoration:none;
	font-weight:none;
	color:#d32a18;
}

#leftLink a:hover {
	text-decoration:underline;
}



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 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:180px;
width:203px;
float:left;
padding:10px;
border:1px solid #999999;
background:#ffffff url(smallboxbg.gif) repeat-x;
margin:0 10px 0 0;
}
div#content div.smallboxlarst
{
margin:0;
}


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.downloadlist ul li{
margin:5px 0 0 0;
list-style:none;
}

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 div.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.colorlist table td
{
padding:0 10px  10px 0;
}
div.colorlist table td.tdlast
{
padding:0;
}

div.subcontrol{
text-align:center;
}