html, body {
	height: 100%;
	margin:0;
	padding:0;
}
body{
  background-image:url(/home/images/krastoppers.com/tyler_achtergrond_motief.png);
  margin:0;
  padding:0;
}
*{
  font-family:verdana, sans-serif;
}
a{
  color:#ffd900;
  text-decoration:none;
}
a:hover{
  color:#82cd00;;
}
#content{
  background-image:url(/home/images/krastoppers.com/midden_frame.png);
  width:1000px;
  margin:0 auto;
  padding:0;
}
#contentpane{
  margin:-10px 0 0 0 ;
  padding:0px 50px 1em 50px;
  overflow:auto;
  color:#fff;

}
#contentpane p, #contentpane li{
    font-size:.8em;
}
#contentpane li li, #contentpane li li li {
  font-size:1em;
}

#contentheader{
  margin:0 auto;
  background-image:url(/home/images/krastoppers.com/top_frame.png);
  width:1000px;
  height:129px;
}

#formleft{
  width:50%;
  float:left;
}
#formright{
  width:50%;
  float:left;
}
#contentheader ul{
  margin:0;
  padding:23px 0 0 25px;
  background-image:url(/home/images/krastoppers.com/tekst_top_krastoppers.png);
  background-repeat:no-repeat;
  background-position: bottom center;
  height:99px;
  width:600px;

}
#contentheader li{
  display:block;
  width:auto;
  float:left;

}
#contentheader li a{
  color:darkred;
  display:block;
  margin:0 .5em;
  text-decoration:none;
  font-size:.8em;
}
#contentheader li a:hover,
#contact .contact,
#faq .faq,
#index .index,
#about .about,
#payout .payout
{
  color:#82cd00;
}
#contentfooter{
  margin:0 auto;
  background-image:url(/home/images/krastoppers.com/bottom_frame.png);
  width:1000px;
  height:92px;
  background-repeat:no-repeat;
}

#logo{
  width:261px;
  height:56px;
  background-image:url(/home/images/krastoppers.com/logo_krastoppers.png);
  margin:10px auto 10px auto;
  position:relative;
  top:30px;
  left: 300px;
  z-index:3;
}

#footer{
  background-image:url(/home/images/krastoppers.com/geld_rooter.png);
  background-repeat:no-repeat;
  background-position:top center;
  margin-top:-113px;
  text-align:center;
  color:#82cd00;
  font-size:.8em;
  font-weight:600;
  padding-top: 120px;
  height:40px;
}
#footer a{
    color:#82cd00;
}
#footer a:hover{

  text-decoration:underline;
}
#programs{
  float:left;
  padding:0;
  margin:0 0 0 -15px;
  width:735px;
}
#programs li{
  display:block;
  list-style-type:none;
  float:left;
  text-align:center;
  width:217px;
  padding:4px 8px;
  background-image:url(/home/images/krastoppers.com/kader.png);
  background-repeat:no-repeat;
  height:273px;
  margin:10px 3px;
}
#programs li:hover{
  background-image:url(/home/images/krastoppers.com/kader_rollover.png);
}

#programs li .desc{
  font-size:.8em;
}
#programs li p a{
  color:#ffd900;
  text-decoration:none;
  font-weight:bold;
}

/* forms */

input[type=text], input[type=password]{
  border:1px solid #cbd5d7;
  height:15px;
  padding:2px 4px;
  color:#606060;
}
input[type=text]:hover, input[type=password]:hover, textarea:hover{
  background-color:#F5f5F5;
  color:#606060;
}
/* forms */
form ul {
	list-style-type:none;
	padding:0;
}

form li{
  padding-top:6px;
}
form li input, form li textarea, form li select {
	float:left;
	margin-left:8px;
}
form input[disabled=true], form input[disabled=true]:hover{
  background-color:#E5E5E5
}
form input[type=text], form input[type=password]{
  width:160px;
}
form textarea {
	width:290px;
	height:100px;
}
form li {
	clear:both;
	display:block;
}
h3, h2{
	clear:both;
	display:block;
	color:#ffd900;
	font-size:.8em;
	margin-top:1em;
	padding-top:.5em;
}
form label {
  white-space: nowrap;
	width:110px;
	height:27px;
	display:block;
	float:left;
	clear:both;
	text-align:right;
	color:#82cd00;
	font-size:.8em;
}

table{
  font-size:.8em;
  width:90%;
  margin:0 auto;
}
thead td, tfoot td, thead th{
  font-weight:bold;
  margin:.3em 0;
}
thead td, thead th{
  border-bottom:1px solid #c9d4d6;
}
tfoot td{
  border-top:1px solid #c9d4d6;
}
tr.even{
  background-color:#dd3030;
  color: #202020;
}
table td{
  padding:.2em .4em;
  font-family:verdana, sans-serif;
}

#sidemenu{
  width:180px;
  float:left;
}
#sidemenu p{
  text-align:justify;
}
#faq table{
  width:34%;
  float:left;
  margin-right:1em;
}
#faq table td{
  font-size:.9em;
  white-space:nowrap;
}

#sidemenu ul{
  margin:0;
  padding:0;

}
#sidemenu li{
 list-style-type:none;
}
/*#sidemenu a, #sidemenu input[type=submit], #sidemenu label{*/
#sidemenu a{
  display:block;
  padding:6px;
  color:#ffd900;
}
/*#sidemenu input{
  padding:3px 2px;
  margin:2px 0px;
  background-color:#8d0000;
  color:#ffd900;
  border:0;
}
#sidemenu input[type=text]{
  margin-left:4px;
  background-image:url(/home/images/midden_frame.png);
  background-repeat:repeat-y;
  background-position:-770px 0px;
  border:2px solid #AA0000;
}
#sidemenu input[type=text]:hover{
  background-color:#8d0000;
  background-image:none;
}
#sidemenu input[type=submit]{
  width:100%;
  margin-left:-4px;
  text-align:left;
  background-image:url(/home/images/midden_frame.png);
  background-repeat:repeat-y;
  background-position:-770px 0px;
}*/
/*#sidemenu a:hover, #sidemenu input[type=submit]:hover{*/
#sidemenu a:hover{
  background-color:#8d0000;
  -moz-border-radius-topleft:8px;
  -moz-border-radius-bottomleft:8px;
  color:#82cd00;
  background-image:none;
}


#leftcontent p{
  text-align:justify;
  font-size:.9em;
}
#leftcontent{
  width:420px;
  float:left;
  padding-top:4px;
  padding-bottom:4px;
}
#rightcontent{
  margin-left:10px;
  width:360px;
  float:left;
  padding-top:4px;
  padding-bottom:4px;
}
#rightcontent label, #leftcontent label{
  width:180px;
}


#modal{
  position:absolute;
  z-index:10;
  background-image:url(/game/images/modal.png);
  margin:-40px 0 0 -360px;
  border:1 px solid #FFF;
  -moz-border-radius:8px;
  left: 50%;
  width:600px;
  height:250px;
  padding:60px 70px 0 70px;
  text-align:center;
  display:block;
  color:#FFF;
  font-size:1.8em;
  cursor:hand;cursor:pointer;
  background-position:center center;
}
#index .button:hover{
  background-position:bottom left;
}
#index .button:hover *{
  background-position:bottom left;
}
#index .button{
  background-image:url(/game/images/button_tyler_midden.png);
  width:92px;
  color:#000;
  font-size:0.8em;
  font-weight:bold;
  text-transform:uppercase;
  text-decoration:none;
  background-position:top left;
  background-repeat:repeat-x;
  height:29px !important;

  font-size:1.25em;
  display:block;
  text-align:center;
  white-space:nowrap;
  position:relative;
  left:67px;
  /*margin-left:67px;
  margin-top:-1px;*/
}

#index .button .text{
  margin-top:-22px;
  display:block;
}
#index .button .ltyler{
  background-image:url(/game/images/button_tyler_links.png);
  display:block;
    background-repeat:no-repeat;
  width:13px;
  height:29px;
  margin-left:-13px;
}
#index .button .rtyler{
  background-image:url(/game/images/button_tyler_rechts.png);
  display:block;
  background-repeat:no-repeat;
  width:13px;
  height:29px;
  position:relative;
  top:-23px;
  left:92px;
}

/* Affiliates sendmail page */
#affiliates input[type=text]{
  width:200px;
}
#affiliates li *{
  float:left;
}
#affiliates li label{
  clear:none;
}
#signup #contentpane{
  background:url(/home/images/krastoppers.com/signup_banner.gif) no-repeat center 20px;
  padding-top:200px;
}
