/***********************************************************************************************************************
 *                                           waarom sponsoren?
 */
#results {
	position: relative;
	top: 20px;
	left: 10px;
}
#grid {	
    height: 550px ;
}
#grid_wrapper {
    overflow:hidden;
	width: 900px;
    position:relative;
    top: 0;
    left:0;
    left: 10px;
}
#grid-control-wrapper {
    clear:both;
    margin-top: 80px;
    margin-left:auto;
    margin-right:auto;
    width: 400px;
    z-index:1000;
    position:relative;
}
#grid-control {
	margin-left:auto;
    margin-right:auto;
    width: 400px;
    z-index:1000;
    margin-top: -20px;
    position:relative;
}
    #grid-control a {
        padding: 3px;
        border: 1px #c9d100 solid;
        width: 15px;
        height: 15px;
        text-align:center;
        float: left;
        margin-left: 5px;
        color: #CCC;
        text-decoration:none;
    }
    #grid-control a.active {
        color: #000;
    }
    #grid-control a.back,
    #grid-control a.next {
        background-color: #c9d100;
        color:#FFF;
        font-weight:bold;
    }
    #grid-control a.disabled  {
    	visibility: hidden;
    	cursor: pointer;
    }    
    
#grid li {
    float:left;
    list-style:none;
}
#grid li .text {
    background-color:  #97be0d;
    text-align:left;
    color: #FFF;
	line-height:1.16em;
	font-size:90%;
	width:71px;
	padding:5px;
	height:71px;
}

/* grid carrousel*/
#slider {
    overflow: hidden;
    width: 900px;
}
#slider ul {
	position: relative;
	margin:0;
}

/************************************************************************************************
 * page type 1                          The 'nice' positioning begins here ;)
 */
#grid .page_type_1 .item_1 img {
    position:absolute;
    left: 270px;
    top: 50px;
    height: 80px;
    width: 80px;
}

#grid .page_type_1 .item_2 img {
    position:absolute;
    left: 360px;
    top: 50px;
    height: 170px;
    width: 170px;
}

#grid .page_type_1 .item_3 img {
    position:absolute;
    left: 630px;
    top: 50px;
    height: 80px;
    width: 80px;
}

#grid .page_type_1 .item_4 img {
    position:absolute;
    left: 720px;
    top: 50px;
    height: 80px;
    width: 80px;
}

#grid .page_type_1 .item_5 img {
    position:absolute;
    left: 810px;
    top: 50px;
    height: 80px;
    width: 80px;
}

#grid .page_type_1 .item_6 img {
    position:absolute;
    left: 0;
    top: 140px;
    height: 170px;
    width: 170px;
}

#grid .page_type_1 .item_7 img {
    position:absolute;
    left: 270px; 
    top: 140px;
    height: 80px;
    width: 80px;
}

#grid .page_type_1 .item_8 img {
    position:absolute;
    left: 540px; 
    top: 140px;
    height: 80px;
    width: 80px;
}

#grid .page_type_1 .item_9 img {
    position:absolute;
    left: 720px;
    top: 140px;
    height: 80px;
    width: 80px;
}

#grid .page_type_1 .item_10 img {
    position:absolute;
    left: 180px;
    top: 230px;
    height: 80px;
    width: 80px;
}

#grid .page_type_1 .item_11 img {
    position:absolute;
    left: 270px;
    top: 230px;
    height: 80px;
    width: 80px;
}

#grid .page_type_1 .item_12 img {
    position:absolute;
    left: 360px;
    top: 230px;
    height: 80px;
    width: 80px;
}

#grid .page_type_1 .item_13 img {
    position:absolute;
    left: 450px;
    top: 230px;
    height: 260px;
    width: 260px;
}

#grid .page_type_1 .item_14 img {
    position:absolute;
    left: 90px;
    top: 320px;
    height: 80px;
    width: 80px;
}
#grid .page_type_1 .item_15 img {
    position:absolute;
    left: 180px;
    top: 320px;
    height: 170px;
    width: 170px;
}

#grid .page_type_1 .item_16 img {
    position:absolute;
    left: 360px;
    top: 320px;
    height: 80px;
    width: 80px;
}

#grid .page_type_1 .item_17 img {
    position:absolute;
    left: 720px;
    top: 320px;
    height: 80px;
    width: 80px;
}

#grid .page_type_1 .item_18 img {
    position:absolute;
    left: 810px;
    top: 320px;
    height: 80px;
    width: 80px;
}

#grid .page_type_1 .item_19 img {
    position:absolute;
    left: 0;
    top: 410px;
    height: 80px;
    width: 80px;
}
#grid .page_type_1 .item_20 img {
    position:absolute;
    left: 360px;
    top: 410px;
    height: 80px;
    width: 80px;
}

#grid .page_type_1 .item_21 img {
    position:absolute;
    left: 720px;
    top: 410px;
    height: 80px;
    width: 80px;
}
#grid .page_type_1 .item_22 img {
    position:absolute;
    left: 810px;
    top: 230px;
    height: 80px;
    width: 80px;
}

/************************************************************************************************
 * page type 2
 */
#grid .page_type_2 .item_1 img {
    position:absolute;
    left: 90px;
    top: 50px;
    height: 260px;
    width: 260px;
}

#grid .page_type_2 .item_2 img {
    position:absolute;
    left: 360px;
    top: 50px;
    height: 80px;
    width: 80px;
}

#grid .page_type_2 .item_3 img {
    position:absolute;
    left: 450px;
    top: 50px;
    height: 80px;
    width: 80px;
}

#grid .page_type_2 .item_4 img {
    position:absolute;
    left: 630px;
    top: 50px;
    height: 80px;
    width: 80px;
}

#grid .page_type_2 .item_5 img {
    position:absolute;
    left: 720px;
    top: 50px;
    height: 80px;
    width: 80px;
}

#grid .page_type_2 .item_6 img {
    position:absolute;
    left: 0;
    top: 140px;
    height: 80px;
    width: 80px;
}

#grid .page_type_2 .item_7 img {
    position:absolute;
    left: 450px;
    top: 140px;
    height: 80px;
    width: 80px;
}

#grid .page_type_2 .item_8 img {
    position:absolute;
    left: 630px;
    top: 140px;
    height: 170px;
    width: 170px;
}

#grid .page_type_2 .item_9 img {
    position:absolute;
    left: 0;
    top: 230px;
    height: 80px;
    width: 80px;
}

#grid .page_type_2 .item_10 img {
    position:absolute;
    left: 360px;
    top: 230px;
    height: 80px;
    width: 80px;
}

#grid .page_type_2 .item_11 img {
    position:absolute;
    left: 450px;
    top: 230px;
    height: 170px;
    width: 170px;
}

#grid .page_type_2 .item_12 img {
    position:absolute;
    left: 810px;
    top: 230px;
    height: 80px;
    width: 80px;
}

#grid .page_type_2 .item_13 img {
    position:absolute;
    left: 0;
    top: 320px;
    height: 170px;
    width: 170px;
}

#grid .page_type_2 .item_14 img {
    position:absolute;
    left: 180px;
    top: 320px;
    height: 80px;
    width: 80px;
}
#grid .page_type_2 .item_15 img {
    position:absolute;
    left: 360px;
    top: 320px;
    height: 80px;
    width: 80px;
}

#grid .page_type_2 .item_16 img {
    position:absolute;
    left: 720px;
    top: 320px;
    height: 80px;
    width: 80px;
}

#grid .page_type_2 .item_17 img {
    position:absolute;
    left: 810px;
    top: 320px;
    height: 80px;
    width: 80px;
}

#grid .page_type_2 .item_18 img {
    position:absolute;
    left: 270px;
    top: 410px;
    height: 80px;
    width: 80px;
}

#grid .page_type_2 .item_19 img {
    position:absolute;
    left: 360px;
    top: 410px;
    height: 80px;
    width: 80px;
}
#grid .page_type_2 .item_20 img {
    position:absolute;
    left: 450px;
    top: 410px;
    height: 80px;
    width: 80px;
}

#grid .page_type_2 .item_21 img {
    position:absolute;
    left: 630px;
    top: 410px;
    height: 80px;
    width: 80px;
}

#grid .page_type_2 .item_22 img {
    position:absolute;
    left: 720px;
    top: 410px;
    height: 80px;
    width: 80px;
}

/************************************************************************************************
 * page type 3
 */
#grid .page_type_3 .item_1 img {
    position:absolute;
    left: 180px;
    top: 50px;
    height: 80px;
    width: 80px;
}

#grid .page_type_3 .item_2 img {
    position:absolute;
    left: 270px;
    top: 50px;
    height: 170px;
    width: 170px;
}

#grid .page_type_3 .item_3 img {
    position:absolute;
    left: 630px;
    top: 50px;
    height: 80px;
    width: 80px;
}

#grid .page_type_3 .item_4 img {
    position:absolute;
    left: 720px;
    top: 50px;
    height: 80px;
    width: 80px;
}

#grid .page_type_3 .item_5 img {
    position:absolute;
    left: 0;
    top: 140px;
    height: 80px;
    width: 80px;
}

#grid .page_type_3 .item_6 img {
    position:absolute;
    left: 90px;
    top: 140px;
    height: 80px;
    width: 80px;
}

#grid .page_type_3 .item_7 img {
    position:absolute;
    left: 180px;
    top: 140px;
    height: 80px;
    width: 80px;
}

#grid .page_type_3 .item_8 img {
    position:absolute;
    left: 450px; 
    top: 140px;
    height: 80px;
    width: 80px;
}

#grid .page_type_3 .item_9 img {
    position:absolute;
    left: 630px;
    top: 140px;
    height: 80px;
    width: 80px;
}

#grid .page_type_3 .item_10 img {
    position:absolute;
    left: 810px;
    top: 140px;
    height: 80px;
    width: 80px;
}

#grid .page_type_3 .item_11 img {
    position:absolute;
    left: 180px;
    top: 230px;
    height: 260px;
    width: 260px;
}

#grid .page_type_3 .item_12 img {
    position:absolute;
    left: 450px;
    top: 230px;
    height: 170px;
    width: 170px;
}

#grid .page_type_3 .item_13 img {
    position:absolute;
    left: 630px;
    top: 230px;
    height: 80px;
    width: 80px;
}

#grid .page_type_3 .item_14 img {
    position:absolute;
    left: 720px;
    top: 230px;
    height: 80px;
    width: 80px;
}
#grid .page_type_3 .item_15 img {
    position:absolute;
    left: 810px;
    top: 230px;
    height: 80px;
    width: 80px;
}

#grid .page_type_3 .item_16 img {
    position:absolute;
    left: 90px;
    top: 320px;
    height: 80px;
    width: 80px;
}

#grid .page_type_3 .item_17 img {
    position:absolute;
    left: 630px;
    top: 320px;
    height: 170px;
    width: 170px;
}

#grid .page_type_3 .item_18 img {
    position:absolute;
    left: 810px;
    top: 320px;
    height: 80px;
    width: 80px;
}

#grid .page_type_3 .item_19 img {
    position:absolute;
    left: 0;
    top: 410px;
    height: 80px;
    width: 80px;
}
#grid .page_type_3 .item_20 img {
    position:absolute;
    left: 90px;
    top: 410px;
    height: 80px;
    width: 80px;
}

#grid .page_type_3 .item_21 img {
    position:absolute;
    left: 450px;
    top: 410px;
    height: 80px;
    width: 80px;
}

#grid .page_type_3 .item_22 img {
    position:absolute;
    left: 540px;
    top: 410px;
    height: 80px;
    width: 80px;
}

#no_results .grid_info {
    height: 400px;
    padding-left: 100px;
}
