div.box {
margin:0;
margin-bottom:-8px;
z-index:1;
}

.box-margin{
    margin-right:5px !important;
}

div.boxHead {
color:#FFFFFF;
font-size:12px;
font-weight:bold;
position:relative;
height:28px;
margin-top:4px;
background: #7EA2B6 url("images/box/box_color_primary.png") repeat-x left top;
}

div.boxHead span{float:left; padding-top:4px;}

div.boxHead span.title_r{position:absolute; right:8px;}

div.topLeft {
background-image:url('images/box/left.png');
width:10px;
height:28px;
float:left;
}

div.topRight {
background:url('images/box/right.png') no-repeat 0 0;
width:10px;
height:28px;
float:right;
}

div.boxContent{
border-left:1px solid #B4B4B4;
border-right:1px solid #B4B4B4;
padding:4px;
clear:both;
height:100%;
background-color:#FFFFFF;
}

.listArrow ul{
list-style:none;
margin:0;
padding:0;
}

.listArrow  ol{
margin:0;
margin-left:20px;
padding:0;
}

.listArrow ul li{
margin:0;
padding:2px;
background:url('images/arrow_green.gif') no-repeat 0 5px;
}

.listArrow ul a{
padding-left:20px;
}

div.boxBottom{
height:20px;
background:transparent url('images/box/bottom.gif') repeat-x scroll 0 0;
text-align:right;
margin-bottom:15px;
}


div.boxBottom a{
height:18px;
padding:0;
margin:0;
color:#333333;
text-decoration: none;
}

div.bottomLeft {
background:url('images/box/bottomLeft.gif') no-repeat 0 0;
/*width:50%;*/
width:10px;
height:20px;
/*position:relative;*/
float:left;
}

div.bottomRight {
background:url('images/box/bottomRight.gif') no-repeat 0 0;
/*width:50%;*/
width:10px;
height:20px;
/*
position:relative;
top:-20px;
*/
float:right;
}


div.contentLeft{
width:272px;
float:left;
margin:0;
padding:0;
}

div.contentRight{
width:272px;
float:right;
margin:0;
padding:0 0 0 6px;
}


div.contentSmall{
width:245px;
float:left;
margin-right:15px;
}


.shaderBoxOuterSmall {
    background-image:url(images/box/profiel_bg_small.gif);
    background-repeat:no-repeat;
    width:54px;
    height:54px;
    float:left;
    padding:0;
    margin:0 3px;
}

div.cropSmall{
width:49px;
height:49px;
overflow:hidden;
padding:0;
margin:2px 0 0 2px;
}

div.shaderBoxOuter {
background-image:url(images/profiel_bg.gif);
background-repeat:no-repeat;
padding:4px 0 0 4px;
width:94px;
height:94px;
float:left;
}

div#crop{
max-width:83px;
max-height:83px;
overflow:hidden;
}

div.userBox{
width:149px;
padding:10px 0 7px 0;
float:left;
border:0px solid #000000;
}

div.userBox img{
float:left;
border:0;
}

.boxProfiel{
height:65px;
width:232px;
float:left;
margin:0 2px 4px 4px;
border:1px solid #CCC; 
background-color:#FFF;
padding:4px;
}

.boxVideo{
height:120px;
width:283px;
float:left;
border:1px solid #CCC; 
margin:14px;
background-color:#FFF;
padding:4px 0 0 4px;
text-align:center;
}

.boxHuisdier{
border:1px solid #CCC; 
background-color:#FFF;
padding:4px 0 4px 4px;
margin:8px 8px 0 0;
clear:both;
}


.boxSidebar{
border:1px solid #CCC; 
background-color:#EEE;
padding:2px;
margin:10px 0 10px 4px;
clear:both;
width:116px;
}

.boxSidebarTitle{
background-color:#666666;
color:#FFFFFF;
font-weight:bold;
padding:1px;
margin-bottom:3px;
}

.boxSidebar a{
color:#336699;
}

.boxSidebar a:hover{
color:#000;
}

.foto{float:left; margin-right:2px; cursor:pointer;}
hr{
border:0;
color: #CCC;
background-color: #CCC;
height: 1px;
}

.listArrow ul li {
background:url("images/arrow_green.gif") no-repeat scroll 0 5px transparent;
margin:0;
padding:2px;
}

.leftBox, .rightBox{
margin-bottom:10px;
}