/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

body {
	background: #666;
	height: 100%;
}

/* logo refona print */
p.logoPrint {
	display: none;
}

/* wrapper */
#wrapper {
	max-width: 900px;
	width: 900px;
	margin: auto; 
	background-color: #FFF;
	background: #FFF url(../images/bg_sidebar.jpg) left repeat-y;
	height: 100%;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
}

/* header */
#hdr {
	height: 158px;
	width: 100%;
	background-position: top left;
	background-repeat: no-repeat;
	border-bottom: 1px solid #FFF;
	text-align: right;
}

.hdr1 {
	background: #00AF4A url(../images/header1.jpg);
}

.hdr2 {
	background: #00AF4A url(../images/header2.jpg);
}

.hdr3 {
	background: #00AF4A url(../images/header3.jpg);
}

.hdr4 {
	background: #00AF4A url(../images/header4.jpg);
}

.hdr5 {
	background: #00AF4A url(../images/header5.jpg);
}

.hdr6 {
	background: #00AF4A url(../images/header6.jpg);
}

.hdr7 {
	background: #00AF4A url(../images/header7.jpg);
}

.hdr8 {
	background: #00AF4A url(../images/header8.jpg);
}

.hdr9 {
	background: #00AF4A url(../images/header9.jpg);
}

.hdr10 {
	background: #00AF4A url(../images/header10.jpg);
}

.hdr11 {
	background: #00AF4A url(../images/header11.jpg);
}

.hdr12 {
	background: #00AF4A url(../images/header12.jpg);
}

.hdr13 {
	background: #00AF4A url(../images/header13.jpg);
}


.hdr14 {
	background: #00AF4A url(../images/header14.jpg);
}

.hdr15 {
	background: #00AF4A url(../images/header15.jpg);
}

.hdr16 {
	background: #00AF4A url(../images/header16.jpg);
}


.hdr17 {
	background: #00AF4A url(../images/header17.jpg);
}

.hdr18 {
	background: #00AF4A url(../images/header18.jpg);
}
.hdr19 {
	background: #00AF4A url(../images/header19.jpg);
}


/* header navigation */
#hdr ul {
	list-style: none;
	float: right;
	height: 35px;
	line-height: 35px;
}

#hdr ul li {
	float: left;
	margin-right: 1.5em;
}

#hdr ul li a {
	color: #FFF;
	font-weight: normal;
	text-decoration: none;
}

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



/* languages */

#hdr #langFlags {
	float: right;
}

#hdr #langFlags img {
	border: 0;
	padding-top: 12px;
}


/* h1 logo */

h1 {
	position: absolute;
	z-index: 10000;
	left: 50%;
	margin-top: 26px;
	margin-left: -441px;
	background: url(../images/logo_refona.png) no-repeat;
	background-position: 10px 10px
}

h1 a {
	text-indent: -4000px;
	display: block;	width: 159px;
	height: 101px;
}

h2 {
	font-size: 16px;
	font-weight: bolder;
	border-bottom: 1px solid;
	color: #2175B1;
	padding-bottom: .3em;
	padding-right: 3em;
	width: 57%;
}

h3 {
	font-size: 12px;
	font-weight: bolder;
}

p {
	padding: 0 0 1.25em 0;
	line-height: 1.7em
}


/* *** divs *** */ 


/* content */
#content {
      width: 100%;
      margin:auto;
      text-align:left;
      max-width: 1024px;
      }
	  
/* sidebar */ 

#sidebar {
      float: left;
      width: 200px;
	  height: 100%;
}
#sidebar-content {
	  padding: 0.5em 1em;
	  height: 100%;
	  /*position: fixed;
	  width: 200px;*/
}
      
/* main content */
#main {
      margin:0 0 0 200px;
	  background: #FFF url(../images/bg_content.jpg) repeat-x fixed;
	  background-position: 0 100px;
	  min-height: 700px;
	
      }
#main-content {
	  padding: 2.5em 2.5em;
	  float: left;
	  width: 91%
}

#main-content p.noScript {
	color: #FF0000
}
  
#main-content a {
	color: #2175B1;
	text-decoration: none;
}

#main-content a:hover {
	color: #2175B1;
	text-decoration: underline;
}

#main-content img {
	
	border: 1px solid #CCC;
	padding: 1px;
	/*margin: 0 0 20px 20px;*/
	margin: 0 0 3px 0;
}

#main-content ul {
	list-style: none;
	margin-top: 1em;
}

#main-content ul li {
	margin-bottom: 1em;
}


#main-content ul li a {
	
}

#main-content #newsBlock ul li a {
	font-weight: normal;
}

#main-content ul ul {
	margin-left: 20px;
}
	    

/* main navigation */
#nav {
	margin-top: .5em;
	margin-left: .5em;
	float: left;
	width: 20%;
	height: 100%;
	background-color: #FFF;
}

#nav ul {
	list-style: none;
}

#nav ul li {
	display: block;
}

/* subnavigation */
#nav ul ul {
	margin-left: 10px;
	list-style: disc;
}

#nav ul ul li a {
	font-weight: normal; 
	display: block; 
	min-width: 150px;
}

#nav ul li a {
	display: block;
	min-width: 150px;
}

#nav a {
	font-weight: bold;
}

#nav a {
	color: #2175B1;
	text-decoration: none;
}
#nav ul li a:hover {
	color: #00AF4A;
	text-decoration: underline
}

#nav ul li {
	width: 150px;
	border-bottom: 1px solid #CCC;
}


#nav ul ul li {
	border: none;
}

#nav ul li a {
	color: #2175B1;
}

#nav ul li.menu-current a { 
	color: #00AF4A;
}

#nav ul ul li.menu-current a { 
	color: #00AF4A;
}



#nav ul li.menu-current li a { 
	color: #2175B1;
}

#search {
	margin: 0 0 0 20px; 
}

input.search_string  {
	width: 100px;
	float: left;
	margin-right: 5px;
	
}

input.search_submit {
	width: auto;
	font-size: 10px;
	float: left;
	margin-bottom: 10px;
	clear: right;
	text-transform: uppercase
}


#rightCol {
	width: 200px;
	float: right;
	margin-left: 20px;
}

#rightCol img {
	border: none;
	margin-left: 0;
}


#rightCol h3 {
	color: #2175B1;
}

#rightCol ul {
	list-style: none;
	padding: 0 1em 0 0;
	line-height: 1.2em;
}

#rightCol ul li {
}

#rightCol ul li a {
	display: block;
	/*margin-bottom: .8em;*/
	text-decoration: none;
	color: #2175B1;
}

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


/* style switcher */
#styleSwitcher {
	float: right;
	margin: 6px 10px 0 10px
}

#styleSwitcher img {
	border: 0;
}

li.menu-current a {
	font-weight: bold;
}

/* clear div */
.clearDiv {
	clear: both; 
}

.newsItem {
	width: 60%;
	display: block;
	padding: 1em;
	border: 1px solid #CCC;
	background: #FFF
}

.newsItem img{
	width:100px;
	margin:0 5px;
}


/* webshop banner */
#webshop {
	width: 200px;
	float: left;
}

/* round borders */
div.rounded {
  width: 170px;
  padding: 15px;
  /*background: #E8F1F8;*/
  background: #FFF;
  margin-bottom: 10px;
  color: #2175B1;
}
div.rounded2 {
  width: 200px;
 /* background: #E8F1F8 url(../images/tr.gif) no-repeat top right; */
 background: #FFF;
  margin-bottom: 10px;
  color: #FFF;
  border: 1px solid #E8F1F8
}
div.rounded2 div {
  /*background: transparent url(../images/tl.gif) no-repeat top left;*/
}
div.rounded2 div div {
  /*background: transparent url(../images/br.gif) no-repeat bottom right;*/
}
div.rounded2 div div div {
  /*background: transparent url(../images/bl.gif) no-repeat bottom left;*/
  padding: 15px;
}

div.rounded a {
	color: #2175B1;
}

/* contact form styles */

form#responseForm label,form#responseForm input {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
}

form#responseForm textarea.textarea, form#responseForm select.select {
	width: 200px;
	margin-bottom: 10px;
}

form#responseForm label {
	text-align: left;
	width: 150px;
	padding-right: 20px;
}

br {
	clear: left;
}

/* contact form validation styles */
form#responseForm .required {
	color: #FF0000;
}
form#responseForm .field_title {
	font-size: 12px;
	width: 100px;
	vertical-align: top;
	text-align:right;
}
form#responseForm .textfield {
	font-size: 12px;
	width: 200px;
}
form#responseForm .textarea {
	font-size: 12px;
	width: 200px;
	height: 100px;
}
form#responseForm .field_heading {
	font-size: 12px;
	font-weight: bold;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	padding-top: 10px;
	color: #666666;
}
form#responseForm .select {
	font-size: 12px;
}
form#responseForm .checkbox_label {
	font-size: 11px;
	cursor: pointer;
}
form#responseForm .radio_label {
	font-size: 11px;
	cursor: pointer;
}
form#responseForm .email {
	font-size: 12px;
	width: 200px;
}

/* captcha image */
div.captcha {
	padding-left: 170px;
}
input.captcha {
	margin-left: 170px;
}

/* latest newsletter */
#latestNewsletter {
	margin-left: 18px;
}

#latestNewsletter img {
	margin-top: 20px;
	border: none;
}

/*iDEAL BANNER*/
#iDEALBanner{
	width:100px;
	height:100px;
	border:1px solid #EFEFEF;
	margin-left:35px;
	margin-top:20px;
}

/*TPNB BANNER*/
#TPNBanner{
	width:140px;
	height:125px;
	margin-left:15px;
	margin-top:20px;
}

/* btn dealer login */
img.btnDealerLogin {
	margin: 0 0 20px 18px;
	border: none;
}

/* remove focus outline */
a:focus { outline: none; }