/* CSS Document */

body{
  margin: 0 0 0 0;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#898989;
  background:url(../htmimages/bg-pttrn-black.jpg) top center #060606;
}
a{color:#898989;}
a:hover{color:#ffffff;}
h1{
  font-size:19px;
  margin-bottom:10px;
  margin-top:10px;
  color:#d7182a;
}
h2{
  font-size:16px;
  margin-bottom:5px;
  margin-top:5px;
  color:#d7182a;
}
h3{
  font-size:13px;
  margin-bottom:5px;
  margin-top:5px;
  color:#d7182a;
}
h2.wit{
  font-size:16px;
  margin-bottom:5px;
  margin-top:5px;
  color:#ffffff;
}
h3.groen{
  font-size:13px;
  margin-bottom:5px;
  margin-top:5px;
  color:#78801c;
}
table, td, div, select{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#898989;
}
input, textarea{
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#727272;
}

form{margin:0px;}

.spacer{clear:both;}
.error{color:#d7182a;}
.small{font-size:9px;}

.bold12px{
  font-size:12px;
  font-weight:bold;
}

.font10px{ font-size:10px; }
.font11px{ font-size:11px; }
.font12px{ font-size:12px; }
.font14pxwhite{ font-size:14px; color:#FFFFFF; }

.red{ color:#d7182a; }
.groen{ color:#45ac37; }

.stiphor{
  height:6px;
  background:url(../htmimages/stiphor.gif) top left repeat-x;
}

.link-top{
  display:block;
  width:60px;
  height:14px;
  background-color:#8fb4f0;
  font-size:9px;
  color:#FFFFFF;
  text-align:center;
  text-decoration:none;
  font-weight:bold;
  padding-top:2px;
}
.link-top:hover{color:#bad2fc;}




/* ALGEMENE LAYOUT ----------------------------------*/

#wrapper{ background:url(../htmimages/bg-pttrn-gradient.jpg) top center repeat-x; width:100%; }
#wrapper2{
	background:url(../htmimages/bg.jpg) top center no-repeat;
	min-height:790px;
	height:auto !important;
	height:790px;
	width:100%;
}

#topband-container{
  width:100%;
  height:7px;
  overflow:hidden;
  background:#d7182a;
}

#topband{
	width:929px;
	height:7px;
	background:url(../htmimages/topband-arcering.gif) no-repeat top left;
	margin:0 auto 0 auto;
}

#middle-container{ width:100%; }
#middle{ width:929px; margin:0 auto 0 auto; background:#242424; padding-top:20px; min-height:487px; height:auto !important; height:487px; }
#middle-met-padding{ width:889px; margin:0 auto 0 auto; background:#242424; padding:20px; min-height:467px; height:auto !important; height:467px; }

.flash{ z-index:0;}




/* HEADER ---------------------------------------------*/
#header-container{ width:100%; height:200px;}
#header{ width:929px; margin:0 auto 0 auto; }

#logo{
	float:left;
	height:153px;
	width:231px;
	overflow:hidden;
}

#user-container{
	float:left;
	background:url(../htmimages/usermenu-bg.jpg) top left no-repeat;
	width:222px;
	height:153px;
	overflow:hidden;
	margin-left:460px;
	display:inline;
}





/* MENU ---------------------------------------------------------*/
#menu{ margin-left:11px; height:47px; }
.menu-button{ float:left; margin-right:5px; height:47px; display:block; }
.menu-button p{display:none;}
.menu-button:hover, .menu-button#selected{background-position:left bottom;}

.menu-btn-home{background-image:url(../htmimages/en/btn-home.gif); background-repeat:no-repeat; background-position:0px 0px;width:89px;}
.menu-btn-whats-new{background-image:url(../htmimages/en/btn-whatsnew.gif); background-repeat:no-repeat; background-position:0px 0px; width:106px;}
.menu-btn-products{background-image:url(../htmimages/en/btn-products.gif); background-repeat:no-repeat; background-position:0px 0px; width:130px}
.menu-btn-team{background-image:url(../htmimages/en/btn-team.gif); background-repeat:no-repeat; background-position:0px 0px; width:83px;}
.menu-btn-do-you-have-the-balls{background-image:url(../htmimages/en/btn-doyouhavetheballs.gif); background-repeat:no-repeat; background-position:0px 0px; width:173px;}
.menu-btn-contact{background-image:url(../htmimages/en/btn-contact.gif); background-repeat:no-repeat; background-position:0px 0px; width:116px;}

#submenu-team{ position:absolute; background:#85c241; width:83px; padding:10px 0px 10px 0px; color:#FFFFFF; margin-left:340px; visibility:hidden; z-index:50; }
#submenu-team a{ display:block; width:73px; padding-left:10px; padding-top:5px; padding-bottom:5px; color:#FFFFFF; text-decoration:none; }
#submenu-team a:hover{ background:#9dce67; }




/* FOOTER ---------------------------------------------*/
#footer-container{ width:100%; color:#FFFFFF; margin-top:10px; }
#footer{ height:70px; width:929px; margin:0 auto 0 auto; }

#footer-links{ float:left; width:680px; }
#footer-menu{ background:#000000; color:#FFFFFF; font-size:11px; }
#footer-menu a{ color:#FFFFFF; text-decoration:none; }
#footer-menu a:hover{ color:#aeaeae; }
#footer-info{ background:#000000; color:#d7182a; font-size:11px; }
#footer-info a{ color:#d7182a; text-decoration:none; }
#footer-info a:hover{ color:#ff4456; }

#footer-rechts{ float:left; width:249px; text-align:right; }
#footer-siteby{ background:#000000; color:#FFFFFF; font-size:11px; }
#footer-siteby a{ color:#FFFFFF; text-decoration:none; }
#footer-siteby a:hover{ color:#aeaeae; }





/* ZOEKEN LINKSBOVEN ---------------------------------------------------------*/
#user-container-zoeken{ margin-top:18px; margin-left:10px; }
#zoekenInput{
	width:140px;
	height:16px;
	border: solid 1px #656262;
	background:url(../htmimages/zoeken-bg.gif) top left no-repeat #eaeaea;
	padding-left:35px;
	margin-right:2px;
	padding-top:7px;
}



/* ZOEKEN PAGE ---------------------------------------------------------*/
#search-titel-zoekterm { height:25px; padding-top:10px; background:url(../htmimages/en/titel-search.gif) top left no-repeat #060606; margin-bottom:0px; padding-left:295px; color:#d7182a; font-size:14px; }
#search-titel-aantalresults { height:25px; padding-top:10px; background:url(../htmimages/en/titel-search-aantal.gif) top left no-repeat #060606; margin-bottom:20px; padding-left:428px; color:#d7182a; font-size:14px; }




/* USER LOGIN ---------------------------------------------------------*/
#user-container-login{ margin-left:30px; color:#000000; font-size:10px; height:50px; overflow:hidden; }
#user-container-login a{ color:#000000; }
#user-container-login a:hover{ background:#000000; color:#d7182a; text-decoration:none; }






/* WINKELMANDJE SUMMARY ---------------------------------------------------------*/
#user-container-winkelmandje{ margin-left:23px; margin-top:2px; padding-left:20px; font-size:11px; color:#000000; background:url(../htmimages/winkelmandje-icoon.gif) top left no-repeat; }
#user-container-winkelmandje a{ font-size:11px; color:#000000; }
#user-container-winkelmandje a:hover{ background:#000000; color:#d7182a; text-decoration:none; }









/* SIGN IN / NEW ACCOUNT ---------------------------------------------------------*/
#signin-links { float:left; width:215px; margin-right:50px; background:url(../htmimages/stipver.gif) top right repeat-y; padding:0 20px 0 0; }
#signin-rechts { float:left; width:600px; }

.txtFrmUserLogin { background:#FFFFFF; border:none; width:190px; height:15px; padding:5px; margin:5px 0 5px 0; }
.txtNewAccount { background:#FFFFFF; border:none; width:246px; height:15px; padding:5px; margin:5px 0 5px 0; }
.txtNewAccountCaptcha { background:#FFFFFF; border:none; width:157px; height:15px; padding:5px; margin-bottom:5px; }
.selectNewAccountCountries { width:256px; border:none; }






/* TERMS AND CONDITIONS ---------------------------------------------------------*/
.scroll-pane{ width:889px; margin:0 20px 0px 20px; height:467px; overflow:auto; }





/* DO YOU HAVE THE BALLS? ------------------------------------------------------*/
.scrollpane-wallpapers{ width:889px; margin:0px 0px 0px 0px; height:400px; overflow:auto; }
.wallpaper-item{ width:207px; height:200px; float:left; margin-right:9px; margin-bottom:9px; }
.wallpaper-item img { border:9px solid #d7182a; }




/* NEWS -----------------------------------------------------------------------*/
#news-links-holder{ float:left; margin-right:50px; }
.news-links{ width:210px; height:410px; float:left; overflow:auto; }

.news-links a{ display:block; width:185px; background:url(../htmimages/stiphor.gif) bottom left repeat-x; color:#898989; text-decoration:none; padding:10px 0px 10px 0px; font-size:14px; }
.news-links a:hover, .news-links a.selected{ background:#2e2d2d url(../htmimages/stiphor.gif) bottom left repeat-x; }

.news-fiche{ width:615px; height:410px; float:left; overflow:auto; }
#news-fiche-line{ width:595px; height:1px; overflow:hidden; margin-top:10px; margin-bottom:10px; background: url(../htmimages/stiphor-grey.gif) top left repeat-x; }
#news-fiche-extraimages-container{ }
.news-fiche-extraimg-item{ width:145px; height:105px; float:left; margin:0px 10px 10px 0px; padding:10px 0px 0px 20px; background:url(../htmimages/team-extraimg-bg.jpg) top left no-repeat; }




/* TEAM -----------------------------------------------------------------------*/
.team-cattitel{ background:#060606; color:#d7182a; font-size:28px; text-transform:uppercase; padding-left:25px; font-weight:bold; margin:0; }
#team-links{ width:200px; margin-right:60px; float:left; }

#team-links a{ display:block; width:200px; background:url(../htmimages/stiphor.gif) bottom left repeat-x; color:#d7182a; text-decoration:none; padding:10px 0px 10px 0px; font-size:14px; }
#team-links a:hover, #team-links a.selected{ color:#ffffff; }

.team-fiche{ width:615px; height:410px; float:left; overflow:auto; }
#team-fiche-thumbcontainer{ width:157px; height:239px; float:left; padding:12px 0px 0px 8px; margin-right:12px; background:url(../htmimages/team-profielfoto-bg.jpg) top left no-repeat; }
#team-fiche-fulltekstcontainer{ float:left; width:408px; }

#team-fiche-line{ width:585px; height:1px; overflow:hidden; margin-top:10px; margin-bottom:10px; background: url(../htmimages/stiphor-grey.gif) top left repeat-x; }
#team-fiche-extraimages-container{ }
.team-fiche-extraimg-item{ width:145px; height:105px; float:left; margin:0px 10px 10px 0px; padding:10px 0px 0px 20px; background:url(../htmimages/team-extraimg-bg.jpg) top left no-repeat; }






/* WINKELMANDJE PAGE ----------------------------------------------------------*/
#wp-stappen-container { margin:5px 0px 35px 0px; }
.wp-stap-titel { width:127px; height:25px; padding-top:10px; float:left; margin-right:2px; display:block; text-decoration:none; color:#242424; padding-left:5px; background:#666666; }
.wp-stap-titel-vol { width:127px; height:25px; padding-top:10px; float:left; margin-right:2px; display:block; text-decoration:none; color:#242424; padding-left:5px; background:#ffffff; }
a.wp-stap-titel { width:127px; height:25px; padding-top:10px; float:left; margin-right:2px; display:block; text-decoration:none; color:#242424; background: #ffffff; padding-left:5px; }
a.wp-stap-titel:hover { color:#242424; }

#wp-table-overzicht { margin-top:30px; }
#wp-table-overzicht thead th { font-size:14px; color:#FFFFFF; }
#wp-table-overzicht tbody {  }
#wp-table-overzicht tbody tr { background:url(../htmimages/stiphor-grey.gif) #ffffff left bottom repeat-x; }
#wp-table-overzicht tbody td a:hover{ color:#242424; }

input.wp-postadresgegevens{
	width:239px;
	height:20px;
	background:#FFFFFF;
	border:#c1c1c1 solid 1px;
	padding-top:5px;
	padding-left:5px;
}
#frmAdresGegevens textarea{
	width:239px;
	height:75px;
	background:#FFFFFF;
	border:#c1c1c1 solid 1px;
	padding-top:5px;
	padding-left:5px;
}

.wp-field-captcha{
	width:166px;
	height:23px;
	background:#FFFFFF;
	border:#c1c1c1 solid 1px;
	padding-top:5px;
	padding-left:5px;
}
.wp-field-captcha-wrong{
	width:166px;
	height:23px;
	background:#FF0000;
	border:#FF0000 solid 1px;
	padding-top:5px;
	padding-left:5px;
	color:#FFFFFF;
}









/* PRODUCTS ---------------------------------------------------------*/
#products-links { width:190px; min-height:410px; height:auto !important; height:410px; float:left; margin-right:30px; background:url(../htmimages/stipver.gif) top right repeat-y; line-height:20px; }
#products-rechts { float:left; width:655px; }
#products-fiche { width:615px; float:left; }

#pathway { padding:0px 10px 0px 10px; background:#060606; font-size:27px; color:#FFFFFF; }
#pathway a{ color:#FFFFFF; text-decoration:none; }

#sorteren-container { padding-left:10px; }

.pc-listcats-cat { background:url(../htmimages/stiphor.gif) left bottom repeat-x; height:30px; margin-bottom:10px; }

.pc-listitems-item{
	width:198px;
	height:145px;
	margin-right:20px;
	margin-bottom:20px;
	float:left;
	padding-top:60px;
	display:block;
	text-decoration:none;
}
.pc-listitems-item-titel { background:#060606; font-size:14px; margin:0; text-decoration:none; }
.pc-listitems-item-prijs { background:#060606; font-size:18px; color:#d7182a; text-decoration:none; }


#pc-itemfiche-links { float:left; width:198px; margin-right:25px; }
#pc-itemfiche-rechts { float:left;	width:392px; }

.pc-itemfiche-thumb{}

.pc-itemfiche-prijs { color:#d7182a; font-size:20px; }
#pc-itemfiche-inputaantal-container{ background:#060606; padding:20px; margin:25px 0px 25px 0px; }

a.pc-itemfiche-linkgoback { background:#d7182a; padding:3px; font-size:9px; color:#FFFFFF; }








/* CONTACTFORMULIER ---------------------------------------------*/
#contact-address{
	background:url(../htmimages/stipver.gif) top right repeat-y;
	padding-right:20px;
	width:230px;
	float:left;
	min-height:345px;
	height:auto !important;
	height:345px;
	margin-top:35px;
}

#contact-form{
	width:550px;
	float:left;
	margin-left:25px;
	margin-top:35px;
}


.formfield{
  width:297px;
  height:22px;
  padding:6px 3px 3px 3px;
  margin-bottom:5px;
  margin-top:0px;
  background:#FFFFFF;
  border:none;
}

.formfieldmsg{
  width:297px;
  height:95px;
  padding:6px 3px 3px 3px;
  margin-bottom:5px;
  margin-top:0px;
  background:#FFFFFF;
  border:none;
}

.formfieldcaptcha{
  width:176px;
  height:22px;
  padding:6px 3px 3px 3px;
  background:#FFFFFF;
  margin-bottom:5px;
  border:none;
}

.formfieldcaptcha_wrong{
  width:176px;
  height:22px;
  padding:6px 3px 3px 3px;
  color:#FFFFFF;
  background:#FF0000;
  margin-bottom:5px;
  border:none;
}

.formbtnsend{
  margin-top:5px;
  background:#d7182a;
  color:#FFFFFF;
  width:115px;
  height:38px;
  font-size:12px;
  text-transform:uppercase;
  border:none;
}


#contactformline{
  margin-left:0px;
  margin-top:0px;
  margin-bottom:0px;
  width:304px;
  height:1px;
  background:url(../htmimages/stiphor.gif) top left repeat-x;
  overflow:hidden;
}