/* --------------------------  CSS Document Homepagina - Sunconnex  --------------------------*/

*
{
	/* zoom: 1; */
}

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

body {
margin:0;
padding:0;
background-color:#fff;
line-height:14px;
}

.ForumTD, .ForumTDPerson {
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
margin:0px;
padding:0px;
padding-top:5px;
height:15px;
}

#mainframe {
width:915px;
margin:15px auto 0px auto;
}

#logo {
width:144px;
height:52px;
margin:0px 0px 15px 2px;
padding:0;
position:absolute;
}

#logo a img {
border:none;
}

#mask {
position:absolute;
background:url(../images/mask_menu.gif) top left no-repeat;
width:16px;
height:300px;
margin-top:-50px;
}

#menu-topright {
width:600px;
float:right;
padding-top:40px;
padding-bottom:15px;
}

#menu-topright a {
margin-left:3px;
}


/*----search----*/
.search-pane {
float:right;
width:184px;
margin-top:6px;
}

.inputfield {
width:108px;
color:#757575;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
height:12px;
overflow:visible;
border-top:2px solid #858585;
border-left:2px solid #858585;
border-bottom:2px solid #fafafa;
border-right:2px solid #fafafa;
padding-left:2px;
}

.search-button {
background:none;
text-decoration:none;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
border:none;
cursor:pointer;
}

.search-button:hover {
text-decoration:underline;
}
/*---close search---*/

#header {
height:183px;
width:705px;
float:left;
margin:0;
background:url(../images/content/headbanners/topbanner1_1.png) top left no-repeat;
}
#header1 {
height:183px;
width:705px;
float:left;
margin:0;
background:url(../images/content/headbanners/topbanner1_1.png) top left no-repeat;
}
#header2 {
height:183px;
width:705px;
float:left;
margin:0;
background:url(../images/content/headbanners/topbanner2_1.png) top left no-repeat;
}
#header3 {
height:183px;
width:705px;
float:left;
margin:0;
background:url(../images/content/headbanners/topbanner3_1.png) top left no-repeat;
}
#header4 {
height:183px;
width:705px;
float:left;
margin:0;
background:url(../images/content/headbanners/topbanner4_1.png) top left no-repeat;
}
#header5 {
height:183px;
width:705px;
float:left;
margin:0;
background:url(../images/content/headbanners/topbanner5_1.png) top left no-repeat;
}
#header6 {
height:183px;
width:705px;
float:left;
margin:0;
background:url(../images/content/headbanners/topbanner6_1.png) top left no-repeat;
}
#header7 {
height:183px;
width:705px;
float:left;
margin:0;
background:url(../images/content/headbanners/topbanner7_1.png) top left no-repeat;
}

#header8 {
height:183px;
width:705px;
float:left;
margin:0;
background:url(../images/content/headbanners/bannerchristmas2009.png) top left no-repeat;
}

/*--login--*/
#loginbox {
width:197px;
height:183px;
float:left;
margin:0px 0px 0px 13px;
padding:0;
background:url(../images/bg_loginbox.gif) top left no-repeat;
}

#loginbox h2 {
padding:5px 0px 20px 0px;
}

.lost {
display:block;
padding-top: 2px; /* 3 */
float:left;
text-decoration:none;
margin-top:15px;
width: 115px !important;

font-size: 10px;
}

#loginbox .inputfield {
margin-bottom:3px;
}

#loginbox .button {
margin-top:15px;
}

/*---------------  left ------------------------*/

.left {
width:197px;
float:left;

overflow: hidden;
clear: both;
}

.box-container {
width:197px;
margin:0px 0px 13px 0px;
padding:0;
display:inline;
background:url(../images/box_gradient.gif) bottom left repeat-x;
float:left;
}

.box-container-clean {
width:197px;
margin:0px 0px 13px 0px;
padding:0;
display:inline;
background:none;
float:left;
z-index:0;
position:relative;
}

.box-top {
width:197px;
height:6px;
margin:0;
padding:0;
background:url(../images/box_top.gif) top left no-repeat;
overflow:hidden;
float:left;
}

.box-bottom {
margin:0;
padding:0px 0px 15px 0px;
width:197px;
background:url(../images/box_left.gif) bottom left no-repeat;
float:left;
position:relative;
}

.wrapper {
width: 177px; /* 157 */
float:left;
background:url(../images/bg_wrapper.gif) bottom left repeat-y;
margin:0;
padding:15px 10px 0px; /* 15px 20px 0 20px */
overflow:hidden;
}

div.payoff {
font-family:"Times New Roman", Times, Arial, Helvetica, sans-serif;
font-size:19px;
color:#d5b733;
font-weight:bold;
line-height:20px;
overflow:hidden;
}

div.payoff p {
font-family:"Times New Roman", Times, Arial, Helvetica, sans-serif;
font-size:19px;
color:#d5b733;
font-weight:bold;
line-height:20px;
overflow:hidden;
}

/*--------------- center ------------------------*/

.center {
width:496px;
float:left;
margin:0px 0px 0px 12px;
}
body.fr .center {
margin-top/*\**/: -100px\9;
*margin-top: 0px;
}
.box-center-clean {
width:496px;
margin:0px 0px 13px 0px;
padding:0;
display:inline;
float:left;
overflow:hidden;
z-index:0;
position:relative;
}

.box-container-center {
width:496px;
margin:0px 0px 18px 0px;
padding:0;
display:inline;
background:url(../images/box_gradient.gif) bottom left repeat-x;
float:left;
}

.box-bottom-center {
margin:0;
padding:0px 0px 20px 0px;
width:496px;
background:url(../images/box_left2.gif) bottom left no-repeat;
float:left;
position:relative;
}

.wrapper-center {
width:456px;
float:left;
background:url(../images/bg_wrapper.gif) bottom left repeat-y;
margin:0;
padding:0px 20px 0px 20px;
overflow:hidden;
}

/*--------------- right ------------------------*/

.right {
width:197px;
/* float:left; */
padding-left:13px;

overflow: hidden;
}

* html .right {
width: 194px
}
/*------------------------- footer -------------------------------*/
#footer {
padding:16px 0px 16px 0px;
}

#footer p {
color:#a4a4a4;
text-align:center;
font-size:11px;
}

#footer p a {
color:#a4a4a4; 
text-decoration:none;
}

#footer p a:hover {
color:#caa500; 
text-decoration:underline;
}

.generic {
color:#a4a4a4;
text-align:right;
font-size:11px;
}

.generic a {
color:#a4a4a4; 
text-decoration:none;
}

.generic a:hover {
color:#caa500; 
text-decoration:underline;
}

/*----------------------  Generieke styles ---------------------*/
h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:30px;
color:#caa500;
margin:0;
font-weight:300;
padding:11px 15px 25px 0px;
position:relative;
line-height:28px;
}

h2 {
font-family:"Times New Roman", Times, Arial, Helvetica, sans-serif;
font-size:15px;
color:#757575;
font-weight:bold;
margin:0px 0px 0px -1px;
padding:0px 15px 25px 0px;
}

.box-container-center h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:#caa500;
margin:0;
font-weight:300;
padding:5px 15px 0px 0px;
position:relative;
line-height:20px;
}


h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#5d5d5d;
font-weight:bold;
margin:0;
padding:0;
}

h4 {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#757575;
line-height:14px;
margin:0;
padding:0;
font-weight:normal;
}

p {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#757575;
line-height:14px;
margin:0;
padding:0;
}

.readmore-holder {
width:auto;
height:22px;
display:block;
margin:20px 0px 0px 0px;
padding:0;
}


a {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#bba12c;
line-height:14px;
margin:0;
padding:0;
text-decoration:underline;
}

.center .readmore-holder {
width:auto;
height:22px;
display:block;
margin:4px 15px 0px 0px;
padding:0;
}

.grow {
width:9px;
height:22px;
display:block;
background:url(../images/bg_readmore_left.gif) top left no-repeat;
float:right;
}

a.readmore, a.readmore:link, a.readmore:visited, a.readmore:focus, a.readmore:active {
font-family:"Times New Roman", Times, Arial, Helvetica, sans-serif;
color:#fff;
font-size:11px;
font-weight:bold;
background:url(../images/bg_readmore_right.gif) top right no-repeat;
white-space:nowrap;
overflow:visible;
height:22px;
display:block;
text-align:center;
cursor:pointer;
padding:1px 16px 0px 11px;
text-decoration:none;
float:right;
margin:0px -10px 0px 0px;
position:relative;
}

a.readmore:hover {
font-family:"Times New Roman", Times, Arial, Helvetica, sans-serif;
color:#fff;
font-size:11px;
font-weight:bold;
background:url(../images/bg_readmore_right.gif) top right no-repeat;
overflow:visible;
height:22px;
display:block;
text-align:center;
cursor:pointer;
padding:1px 16px 0px 11px;
text-decoration:underline;
float:right;
margin:0px -10px 0px 0px;
position:relative;
}

a:hover {
text-decoration:underline;
}

p a:hover {
text-decoration:none;
}

a img {
border:0px;
}

span {
color:#a4a4a4;
padding:0px 4px 0px 4px;
}

.generic {
text-align:right;
}

.min-height {
height:308px;
width:1px;
float:right;

display: none;
}

.min-height-center {
height:288px;
width:1px;
float:right;
}

.min-height-smaller {
height:114px;
width:1px;
float:right;
}

.spacer {
width:153px;
height:2px;
background:url(../images/spacer.gif) center left repeat-x;
padding:17px 0px 17px 0px;
}



/*--breadcrumb--*/
.breadcrumb-holder {
width:915px;
height:15px;
padding:0px 0px 0px 3px;
font-size:11px;
}

.breadcrumb-holder p a {
font-size:11px;
}

.breadcrumb-holder p {
font-size:11px;
}

.breadcrumb-holder span {
color:#757575;
padding:0px 3px 0px 3px;
}

/*------forms----*/
form {
margin:0;
padding:0;
line-height:0px;
font-size:0px;
}

label {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#757575;
line-height:20px;
margin:0;
padding:0;
display:block;
clear:right;
}


.button {
font-family:"Times New Roman", Times, Arial, Helvetica, sans-serif;
color:#fff;
font-size:11px;
font-weight:bold;
background:url(../images/button.gif) top right no-repeat;
width:63px;
height:22px;
text-align:center;
cursor:pointer;
padding:1px 0px 6px 0px;
text-decoration:none;
float:right;
display:inline;
margin:0px -10px 0px 0px;
position:relative;
border:none;
}

.button:hover {
text-decoration:underline;
}

/*Matrixcms menu on top*/

div#menu1 {
z-index:3000000;
padding:8px;
}

div#menu2 {
z-index:3000000;
padding:8px;
}

div#menu3 {
z-index:3000000;
padding:8px;
}

div#menu4 {
z-index:3000000;
padding:8px;
}

div#menu5 {
z-index:3000000;
padding:8px;
}



#Menu_Algemeen table tr td {
height:30x;
margin:0;
padding:4px;
position:relative;
}

#Menu_Menu table tr td {
height:30x;
margin:0;
padding:4px;
position:relative;
}


#Menu_SEO table tr td {
height:30x;
margin:0;
padding:4px;
position:relative;
}

#Menu_Site table tr td {
padding:4px;
width:70px;
position:relative;
}

#products-flash {
overflow:hidden;
width:496px;
/*
z-index:0;
position:relative;
*/
}

#menu_sitemap {
position:absolute;
z-index:2010;
}

td.infopane_form {
vertical-align:top;
line-height:18px;
}