/* -------------------------------------------------------------------------------------
toepassingen
vincent, 28-5-2011 
----------------------------------------------------------------------------------------*/
div.blokje, div.blokjegroot, div.blokjegrootjcu, div.blokjexxl {
	float: left;
	text-align: left;
	padding: 1px;
	margin: 3px;
	width: 305px;
	background-color: #EEE;
}
div.blokje {
	height: 95px;
}
div.kolom {
	float:left;
	width: 400px;
	background-color: #EEE;
}

div.blokjegroot, div.blokjegrootjcu {
	height: 125px;
}
div.blokjexxl {
	height: 225px;
}
div.blokjelvdm {
	float: left;
	text-align: left;
	padding: 1px;
	margin: 3px;
	width: 305px;
	height: 90px;
	background-color: #EEE;
}
div.blokje, div.blokjegroot, div.blokjegrootjcu, div.blokjexxl, div.blokjelvdm {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
/*	
box-shadow: 1px 1px 1px #888888;
-webkit-box-shadow: 1px 1px 1px #888888; 
*/
}

div.blokjegrootjcu {
background-image: linear-gradient(left , rgb(117,173,121) 46%, rgb(179,230,189) 66%);
background-image: -o-linear-gradient(left , rgb(117,173,121) 46%, rgb(179,230,189) 66%);
background-image: -moz-linear-gradient(left , rgb(117,173,121) 46%, rgb(179,230,189) 66%);
background-image: -webkit-linear-gradient(left , rgb(117,173,121) 46%, rgb(179,230,189) 66%);
background-image: -ms-linear-gradient(left , rgb(117,173,121) 46%, rgb(179,230,189) 66%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	right bottom,
	color-stop(0.46, rgb(117,173,121)),
	color-stop(0.66, rgb(179,230,189))
);


}

div.image {
	float: left;
	padding: 1px;
	width: 62px;
	height: 62px;
	text-align: center;
}
div.tekst, div.tekstgroot {
	float: left;
	padding: 1px;
	width: 233px;
	text-align: left;
}
div.tekst {
	height:90px;
}
div.tekstgroot {
	height:110px;
}
div.titel {
	font-size:9pt;
	font-weight:bold;
	padding: 1px;
	line-height: 10pt;
	text-shadow: 1px 1px 0px #FFF;
	height:14px;
	width:200px;
	float:left;
}
div.titel a {
	color:#8402E;
}
div.titel a:hover {
	color:#024769;
}
div.task {
	font-size:7pt;
	color: #F17022;
	padding: 1px;
	line-height: 8pt;
	text-shadow: 1px 1px 0px #FFF;
	height:20px;
	width:226px;
	float:left;
}
div.project {
	font-size:6pt;
	line-height: 7pt;
	color: #999999;
	padding:1px;
	text-shadow: 1px 1px 0px #FFF;
	height: 26px;
	width: 120px;
	float:left;
}
div.groepen {
	font-size:6pt;
	line-height: 7pt;
	height: 11px;
	width: 120px;
	color: #999999;
	text-shadow: 1px 1px 0px #FFF;
	padding:1px;
	float:left;
}
div.verschijning, div.verschijning_breed {
	font-size:7pt;
	line-height: 8pt;
	height:11px;
	color: #F68B1F;
	text-shadow: 1px 1px 0px #FFF;
	padding:1px;
	float:left;
}
div.verschijning {
	width: 120px;
}
div.verschijning_breed {
	width: 220px;
}
div.typering {
	font-size: 6pt;
	line-height: 7pt;
	height:24px;
	width:120px;
	padding:1px;
	color: #747E80;
	text-shadow: 1px 1px 0px #FFF;
	float:left;
}
div.ranking {
	font-size:7pt;
	height:14px;
	color: #AAAAAA;
	text-shadow: 1px 1px 0px #FFF;
	float:left;
	width:16px;
	text-align:right;
	padding:1px;
}
div.screenshot {
	height: 52px;
	width: 105px;
	float: right;
	padding: 1px;
}
div.date {
	font-size:7pt;
	color: #AAAAAA;
	text-shadow: 1px 1px 0px #FFF;
	padding:1px;
}
div.aanuit {
	font-size:7pt;
	line-height: 8pt;
	color: #AAAAAA;
	text-shadow: 1px 1px 0px #FFF;
	padding:1px;
}
div.copyright {
	font-size:8pt;
	color: #999999;
	padding: 3px;
}
div.button1, div.button2, div.button3, div.button4, div.button5, div.button6, div.button7, div.button8, div.button9, div.button10, div.button11, div.button12, div.button13, div.button14 {
	float:left;
	text-align: center;
	font-size:8pt;
	margin: 1px;
	padding: 2px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	background-color: #EDE;
}
div.button1, div.button2 {
	width: 120px;
}
div.button3, div.button4, div.button5, div.button6 {
	width: 100px;
}
div.button7, div.button8 {
	width: 60px;
}
div.button11, div.button12 {
	width: 160px;
}
div.button13, div.button14 {
	width: 200px;
}
div.button1, div.button3, div.button5, div.button7, div.button11, div.button13 {
  background-image: linear-gradient(bottom, rgb(255,149,36) 85%, rgb(255,203,148) 41%);
  background-image: -o-linear-gradient(bottom, rgb(255,149,36) 85%, rgb(255,203,148) 41%);
  background-image: -moz-linear-gradient(bottom, rgb(255,149,36) 85%, rgb(255,203,148) 41%);
  background-image: -webkit-linear-gradient(bottom, rgb(255,149,36) 85%, rgb(255,203,148) 41%);
  background-image: -ms-linear-gradient(bottom, rgb(255,149,36) 85%, rgb(255,203,148) 41%);
  background-image: -webkit-gradient(
	  linear,
	  left bottom,
	  left top,
	  color-stop(0.85, rgb(255,149,36)),
	  color-stop(0.41, rgb(255,203,148))
  );
}
div.button2, div.button4, div.button6, div.button8, div.button12, div.button14 {
	background-image: linear-gradient(bottom, rgb(252,233,202) 31%, rgb(247,208,131) 100%);
	background-image: -o-linear-gradient(bottom, rgb(252,233,202) 31%, rgb(247,208,131) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(252,233,202) 31%, rgb(247,208,131) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(252,233,202) 31%, rgb(247,208,131) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(252,233,202) 31%, rgb(247,208,131) 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.31, rgb(252,233,202)),
		color-stop(1, rgb(247,208,131))
	);
}
div.button9 {
	background-color: #AAA;
	width: 50px;
	height: 11px;
	line-height: 8pt;
}
div.button10 {
	background-color: #DDD;
	width: 50px;
	height: 11px;
	line-height: 8pt;
}
div.button1 a, div.button2 a, div.button3 a, div.button4 a, div.button5 a, div.button6 a, div.button7 a, div.button8 a, div.button9 a, div.button10 a, div.button11 a, div.button12 a, div.button13 a, div.button14 a  {
	text-decoration: none;
}
div.button1 a, div.button3 a, div.button5 a, div.button7 a, div.button9 a, div.button11 a, div.button13 a {
	color: #022;
}
div.button2 a, div.button4 a, div.button6 a, div.button8 a, div.button10 a, div.button12 a, div.button14 a {
	color: #333333;
}
div.button1 a:hover, div.button2 a:hover, div.button3 a:hover, div.button4 a:hover, div.button5 a:hover, div.button6 a:hover, div.button7 a:hover, div.button8 a:hover, div.button9 a:hover, div.button10 a:hover, div.button11 a:hover, div.button12 a:hover, div.button13 a:hover, div.button14 a:hover   {
	color: #FF3300;
}
div.blader {
	width:80px;
	background-color:#FFFFCC;
	text-align: center;
	font-size:8pt;
	margin: 1px;
	padding: 2px;
	box-shadow: 1px 1px 1px #888888;
	-webkit-box-shadow: 1px 1px 1px #888888; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}
div.copyright {
	font-size: 11pt;
	color:gray;
}