﻿.foo{}

.PrettyDataList .AspNet-DataList
{
    width: 487px;	
	padding: 5px 0;
	color: #404040;
	overflow: hidden;
}

/*Overzicht items*/
.PrettyDataList .AspNet-DataList div div.row div.overzichtsitem
{
    width: 224px;
    height: 119px;
    padding: 6px;
    border: 1px solid #000;
    float: left;
    margin: 5px 0 5px 5px;
    overflow: hidden;
}
/* * html .overzichtitem
{
    width: 230px;
    height: 119px;
    padding: 6px;
    border: 1px solid #000;
    float: left;
    margin: 5px 0 5px 5px;
}*/
.PrettyDataList .AspNet-DataList div div.row div.overzichtsitem .afbeelding
{
    float: left;
    width: 100px;
    margin: 0 5px 0 0;
}
.PrettyDataList .AspNet-DataList div div.row div.overzichtsitem .afbeelding img
{
    border: none;
    width: 100px;
    height: 75px;
}
.PrettyDataList .AspNet-DataList div div.row div.overzichtsitem .statusFalse
{
    background: url(./Images/bgonlinefalse.gif) no-repeat;
    width: 80px;
    height: 16px;
    padding: 3px 0 0 20px;
    color: #fff;
    margin: 3px 0 0 0;
}

.PrettyDataList .AspNet-DataList div div.row div.overzichtsitem .statusTrue
{
    background: url(./Images/bgonlinetrue.gif) no-repeat;
    width: 80px;
    height: 16px;
    padding: 3px 0 0 20px;
    color: #fff;
    margin: 3px 0 0 0;
}

.PrettyDataList .AspNet-DataList div div.row div.overzichtsitem .statusFalse a
{
    color: #fff;
    text-decoration: none;
}

.PrettyDataList .AspNet-DataList div div.row div.overzichtsitem .statusTrue a
{
    color: #fff;
    text-decoration: none;
}

.PrettyDataList .AspNet-DataList div div.row div.overzichtsitem .profielknop a
{
    display: block;
    background: #8b8611;
    width: 100px;
    height: 16px;
    padding: 3px 0 0 0;
    text-align: center;
    margin: 3px 0 0 0;
    color: #fff;
    text-decoration: none;
}
.PrettyDataList .AspNet-DataList div div.row div.overzichtsitem .profielknop a:hover
{
    background: #b3ac0d;
}
.naam, .overzichtitem, .leeftijd
{
    font-weight: bold;
}
.PrettyDataList .AspNet-DataList div div.row div.overzichtsitem .rating
{
    margin: 5px 0;   
}

.PrettyDataList .AspNet-DataList div div.row div.overzichtsitem .info
{

}

.PrettyDataList .AspNet-DataList div div.row div.overzichtsitem .info .morelink
{
    margin: 32px 0 0 0;
    text-align: right;
}

.PrettyDataList .AspNet-DataList div div.row div.overzichtsitem .info .morelink a
{
    text-decoration: none;
    color: #404040;
    font-weight: bold;
}

.PrettyDataList .AspNet-DataList div div.row div.overzichtsitem .info .omschrijving
{
    height: 58px;
}

/*.PrettyDataList .AspNet-DataList a
{
    text-decoration: none;    
}

.PrettyDataList .AspNet-DataList .row
{
    
    padding: 0 0 0 60px;
    
    
}

.PrettyDataList .AspNet-DataList .cam
{
    float: left;
	width: 119px;
	text-align: center;
	padding: 7px 0 0 0;
	margin: 0 6px 0 0;
	height: 138px;
}

.PrettyDataList .AspNet-DataList .icons
{
    width: 108px;
	
}

.PrettyDataList .AspNet-DataList .icons img
{
    display: inline;
	margin: 0;
	border: none;
}

.PrettyDataList .AspNet-DataList .cam a .camplaatje
{
    display: block;
	margin: 5px auto 6px;
}

.PrettyDataList .AspNet-DataList div div.row div.overzichtsitem .afbeelding
{
    border: solid 1px black;
}*/

div#overzichtwide .PrettyDataList .AspNet-DataList
{
    width: 100%;	
	padding: 5px 0;
}

/*Overzicht items*/
div#overzichtwide .PrettyDataList .AspNet-DataList div div.row div.overzichtsitem
{
    width: 107px;
    height: 119px;
    padding: 6px;
    border: 1px solid #000;
    float: left;
    margin: 5px 0 5px 5px;
    overflow: hidden;
}

div#overzichtwide .PrettyDataList .AspNet-DataList div div.row div.overzichtsitem .afbeelding
{
    float: left;
    width: 100px;
    
}
div#overzichtwide .PrettyDataList .AspNet-DataList div div.row div.overzichtsitem .afbeelding img
{
    border: none;
    width: 100px;
    height: 75px;
}
div#overzichtwide .PrettyDataList .AspNet-DataList div div.row div.overzichtsitem .statusFalse
{
    background: url(./Images/bgonlinefalse.gif) no-repeat;
    width: 80px;
    height: 16px;
    padding: 3px 0 0 20px;
    color: #fff;
    margin: 3px 0 0 0;
}

div#overzichtwide .PrettyDataList .AspNet-DataList div div.row div.overzichtsitem .statusTrue
{
    background: url(./Images/bgonlinetrue.gif) no-repeat;
    width: 80px;
    height: 16px;
    padding: 3px 0 0 20px;
    color: #fff;
    margin: 3px 0 0 0;
}

div#overzichtwide .PrettyDataList .AspNet-DataList div div.row div.overzichtsitem .statusFalse a
{
    color: #fff;
    text-decoration: none;
}

div#overzichtwide .PrettyDataList .AspNet-DataList div div.row div.overzichtsitem .statusTrue a
{
    color: #fff;
    text-decoration: none;
}

div#overzichtwide .PrettyDataList .AspNet-DataList div div.row div.overzichtsitem .profielknop a
{
	display: block;
	width: 100px;
	height: 16px;
	padding: 3px 0 0 0;
	text-align: center;
	margin: 3px 0 0 0;
	color: #fff;
	text-decoration: none;
	background-color: #8b8611;
}
div#overzichtwide .PrettyDataList .AspNet-DataList div div.row div.overzichtsitem .profielknop a:hover
{
    background: #b3ac0d;
}
div#overzichtwide .naam, .overzichtitem, .leeftijd
{
    font-weight: bold;
}
div#overzichtwide .PrettyDataList .AspNet-DataList div div.row div.overzichtsitem .rating
{
    margin: 5px 0;   
}

div#overzichtwide .PrettyDataList .AspNet-DataList div div.row div.overzichtsitem .info
{
display: none;
}

div#overzichtwide .PrettyDataList .AspNet-DataList div div.row div.overzichtsitem .info .morelink
{
    
    margin: 32px 0 0 0;
    text-align: right;
}

div#overzichtwide .PrettyDataList .AspNet-DataList div div.row div.overzichtsitem .info .morelink a
{
    text-decoration: none;
    color: #404040;
    font-weight: bold;
}

div#overzichtwide .PrettyDataList .AspNet-DataList div div.row div.overzichtsitem .info .omschrijving
{
    height: 58px;
}
