﻿body  
  { font-size: 10px; 
    left: 0px;
    font-family: verdana, geneva,arial, helvetica, sans-serif; 
    padding: 0px }
body  
  { background-image: url('../images/graph/ps_general3.gif');
    background-color: #be003c; 
    background-repeat: repeat-x; 
    color: #f0f0f0 }
#toolbar   
  { position:absolute;
    top: 80px; 
    width: 845px; 
    height: 25px; 
    float: left; 
    margin: 0px; 
    border-top-width: 0px; 
    border-bottom-width: 0px;
    border-left-width: 0px; 
    border-right-width: 0px;
    padding-top: 0px;
    padding-bottom: 0px; 
    padding-left: 0px;
    padding-right: 0px; 
    background: url(../images/graph/ps_loginbg2.gif) repeat-x }
#loginform    
  { width: 845px; 
    height: 29px; 
    float: left; 
    padding-top: 5px; 
    padding-bottom: 0px;
    padding-left: 0px; 
    padding-right: 2px; 
    font-size: 9px }
#loginform td   
  { padding-left: 2px; 
    font-size: 9px; 
    font-family: arial, helvetica, sans-serif }
#loginusername  
  { width: 70px;
    height: 15px;
    padding-top: 0px; 
    padding-bottom: 0px;
    padding-left: 0px; 
    padding-right: 0px; 
    font-size: 9px; 
    margin-right: 7px }
#loginpassword  
  { width: 70px;
    height: 15px;
    padding-top: 0px; 
    padding-bottom: 0px;
    padding-left: 0px; 
    padding-right: 0px; 
    font-size: 9px; 
    margin-right: 3px }
#loginsubmit    
  { width: 59px; 
    height: 14px;
    border-top-width: 0px; 
    border-bottom-width: 0px; 
    border-left-width: 0px; 
    border-right-width: 0px;
    padding-top: 0px;
    padding-bottom: 0px; 
    padding-left: 0px;
    padding-right: 0px; 
    background: url(../images/graph/submit-bg.gif);
    font-size: 9px; 
    font-family: verdana, geneva,arial, helvetica, sans-serif }
#logoutsubmit   
  { width: 59px; 
    height: 14px;
    border-top-width: 0px; 
    border-bottom-width: 0px; 
    border-left-width: 0px; 
    border-right-width: 0px;     
    padding-top: 0px;
    padding-bottom: 0px; 
    padding-left: 0px;
    padding-right: 0px; 
    background: url(../images/graph/submit-bg.gif);
    font-size: 9px; 
    font-family: verdana, geneva,arial, helvetica, sans-serif } 
#loginforgotpass     
  { width: 59px;
    height: 14px;
    border-top-width: 0px; 
    border-bottom-width: 0px; 
    border-left-width: 0px; 
    border-right-width: 0px;
    padding-top: 0px;
    padding-bottom: 0px; 
    padding-left: 0px;
    padding-right: 0px; 
    background: url(../images/graph/forgot-bg.gif);
    font-size: 9px; 
    font-family: verdana, geneva,arial, helvetica, sans-serif } 
#loginforgotpass     
  { width:auto }
#navigationbar  
  { position:absolute;
    top: 113px;
    width: 75px; 
    height: 15px }
#navigationbar div.navigation  
  { margin-top: 2px; 
    margin-left: 0px; }
#navigationbar div.navigation ul    
  { width: 75px; 
    list-style-type: none; 
    text-align:left;
    border-style: none; 
    margin: 0px; 
    padding: 0px }
#navigationbar div.navigation li  
  { font-weight: bold; 
    font-size: 9px;
    line-height: 14px; 
    font-family: verdana, geneva,arial, helvetica, sans-serif;
    height: 14px; 
    margin-left: 2px; 
    margin-right: 0px; 
    margin-top: 0px;
    margin-bottom: 2px; 
    padding: 0px }
#navigationbar div.navigation li a 
  { background-color: #ff6600; 
    display: block;
    height: 14px; 
    text-decoration: none; 
    padding-left: 3px }
#navigationbar div.navigation a   
  { color: #f0f0f0 }
#navigationbar div.navigation li  
  { background-color: #808080 }
#navigationbar div.navigation ul li.current 
  { background-color: #f9aa75 }
#navigationbar div.navigation ul li.current a 
  { color: #000; 
    background-color: #f9aa75 }
#navigationbar div.navigation li a:hover 
  { background-color: #f9aa75 }
#navigationbar div.navigation li a:active   
  { background-color: #f9aa75 }
#werkvenster  
  { position:absolute; 
    top: 115px; 
    left: 93px; 
    width:762px;
    font-family: verdana, geneva,arial, helvetica, sans-serif; 
    font-size: 9px }
#werktabel 
  { border-top-width: 0px; 
    padding-right: 0px; 
    padding-left: 0px;
    border-left-width: 0px; 
    border-bottom-width: 0px; 
    padding-bottom: 0px;
    padding-top: 0px; 
    border-right-width: 0px;
    font-family: verdana, geneva,arial, helvetica, sans-serif; 
    font-size: 9px }
#werktabel a    
  { color: #f0f0f0; 
    text-decoration: none;
    border-bottom:none; 
    border-left:none; 
    border-right:none; 
    border-top:none }
#winkelwagen  
  { border-top-width: 0px; 
    padding-right: 0px; 
    padding-left: 0px;
    border-left-width: 0px; 
    border-bottom-width: 0px; 
    padding-bottom: 0px;
    padding-top: 0px; 
    border-right-width: 0px;
    font-family: verdana, geneva,arial, helvetica, sans-serif; 
    font-size: 9px }
#registform   
  { padding-right: 2px; 
    padding-left: 0px; 
    padding-bottom: 3px; 
    padding-top: 3px }
#registform td  
  { font-size: 9px; 
    font-family: verdana, geneva,arial, helvetica, sans-serif }
#registform input    
  { height: 16px; 
    font-size: 9px; 
    font-family: verdana, geneva,arial, helvetica, sans-serif }
#registform select   
  { height: 16px; 
    font-size: 9px; 
    font-family: verdana, geneva,arial, helvetica, sans-serif }

.orangebold     
  { font-weight: bold; 
    font-size: 9px; 
    color: #ff6600; 
    font-family: verdana,arial, geneva, helvetica, san-serif }
.orangeboldtitle     
  { font-weight: bolder; 
    font-size: 16px; 
    color: #ff6600; 
    font-family: verdana,arial, geneva, helvetica, san-serif }
.txtsm     
  { font-weight: normal; 
    font-size: 9px; 
    color: #999999; 
    font-family: verdana,arial, geneva, helvetica, san-serif }
.txtnormal 
  { font-weight: normal; 
    font-size: 9px; 
    color: #f0f0f0; 
    font-family: verdana,arial, geneva, helvetica, san-serif }
.txtbigger 
  { font-weight: normal; 
    font-size: 11px; 
    color: #f0f0f0; 
    font-family: verdana,arial, geneva, helvetica, san-serif }
.tekstUitleg {
  font-size: 15px;
  font-family: verdana;
  font-weight: bold;
}
.tekstheelgroot {
  font-size: large;
}
.txtblack  
  { font-weight: normal; 
    font-size: 9px; 
    color: #000000; 
    font-family: verdana,arial, geneva, helvetica, san-serif }
.uitlegHoofdstuk {
  font-size: 16px;
  font-weight: bold;
  color: #FF6600;
}
.uitlegTekst {
  font-size: 12px;
  font-weight: normal;
  color: #F0F0F0;
}
.uitlegTekstintabel {
  width: 100%;
  margin-right: 230px;
  vertical-align: top;
  font-size: 12px;
  font-weight: normal;
  color: #F0F0F0;
}
.uitlegNavigatie {
  color: #999999;
  font-size: 12px;
  text-decoration: none;
  font-style: italic;
}
.colhead   
  { height: 16px; 
    font-weight: normal; 
    font-size: 9px; 
    color: #999999; 
    text-align: right;
    font-family: verdana,arial, geneva, helvetica, sans-serif;
    border: 1px solid #999999; 
    padding-right: 3px }
.coltabel  
  { font-weight: normal; 
    font-size: 9px; 
    color: #999999; 
    text-align: left;
    font-family: verdana, arial, geneva, helvetica, sans-serif;
    border: 1px solid #999999; 
    padding-right: 3px }
.orangebigbold  
  { font-weight: bold; 
    font-size: 11px; 
    color: #ff6600 }
.scrolltable    
  { width: 159px; 
    height: 400px; 
    overflow:auto; }
.foto_invisible 
  { display: none }
.foto_visible   
  { display: table }

.cpContainer {
  position: relative;
  width: 100%;
}
.cpIcon {
  position: relative;
  width: 115px;
  height: 110px;
  border: 1px solid #999999;
  float: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9px;
  margin-top: 3px;
  margin-right: 3px;
}
.cpIcon img.cpthumb {
  position: absolute;
  width: 45px;
  height: 60px;
  top: 2px;
  left: 35px;
  text-align: center;
  border-style: none;
}
.cpIcon img.cpnumber {
  position: absolute;
  width: 15px;
  height: 20px;
  top: 2px;
  left: 5px;
  text-align: center;
  border-style: none;
}
.cpIcon img.cplevel {
  border-style: none;
  position: absolute;
  width: 20px;
  height: 28px;
  top: 2px;
  text-align: center;
  right: 5px;
}
.cptextMeisje {
  position: absolute;
  width: 100%;
  height: 40px;
  left: 0px;
  text-align: center;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9px;
  color: #FF9999;
  bottom: 2px;
}
.cptextJongen {
  position: absolute;
  width: 100%;
  height: 40px;
  left: 0px;
  text-align: center;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9px;
  color: #3399FF;
  bottom: 2px;
}
.cpIcon a {
  display: block;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}
.cpIcon a:hover {
  display: block;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-color: #F1E8E6;
}
.hor_button ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
}
.hor_button li {
	float: left;
}
.hor_button li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	background-image: url(../rating/images/graph/Button_kalenderbabe.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 35px;
	width: 180px;
	text-align: center;
	vertical-align: middle;
	line-height: 35px;
	text-decoration: none;
	display: block;
	margin-left: 15px;
}
.hor_button li a:hover, .hor_button li a:active {
	background-position: -180px;
	color: #00FF00;
}
.hor_button li a.current, .hor_button li a.current:hover, .hor_button li a.current:active  {
	background-position: right center;
	cursor: default;
}
.regpagindicator ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: right;
}
.regpagindicator li {
	float: right;
	text-align:center;
	vertical-align:top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	background-color: yellow;
	display: block;
	height: 25px;
	width: 25px;
	line-height: 25px;
	text-decoration: none;
	margin-left: 5px;
	margin-left: 2px;
}
.regpagindicator li.current {
	background-color: #F56101;
	color: #FFFFFF;
}
.modelnaam {
	font-size:36px;
	color:#F56101;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
}
    
.wijzeractief {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #00FFFF;
}
.wijzernietactief {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #999999;
}

