/* =Container(s) this is the main table, in here you can define which proportions your website has to have.
----------------------------------------------------------------------------------------------------------*/
.container
{
	margin-left: auto;
	margin-right: auto;
	width: 645px;
	margin-top: 15px;
}

.photo_container
{
	width: 645px;
	height: 200px;
}

.photo_container2
{
	width: 645px;
	height: 180px;
}



.photo_container p {
	color:#333333;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	padding:0px 6px;
	width:360px;
	font-weight: normal;
	text-align:justify;
}

.left {
float:left;
}


/* =Grid >> Global specs of the grid
----------------------------------------------------------------------------------------------------------*/
.grid_thumbs {
	float: left;
	width: 645px;
	height: 167px;
}
	
.header {
	width: 645px;
	height:25px;
}

/* =Grid >> Container Columns
----------------------------------------------------------------------------------------------------------*/


.container .linksbox_main {
	float: inherit;
	height: 645px;
	width: 248px;
	clear: inherit;
}

/* =Container Grid  ContainerColumns= >> Subcolumns. Here you define the specs of your subcolumns
----------------------------------------------------------------------------------------------------------*/
.grid_photo {
	width: 645px;
	height: 167px;
	margin-left: 5px;
}

.grid_photo2 {
	/*float: left;*/
	width: 640px;
	text-align: left;
	height: 167px;
	position: relative;
	margin-left: 5px;
}

.photo_thumb {
	clear: both;
	margin-right:5px;
}


	/* This is the spacer  */
.spacer {
	height:30px;
	width: 645px;
	clear: inherit;
}
.mini_spacer {
	height: 10px;
	width: 645px;
	clear: inherit;
}
.tekst_container {
	width: 640px;
	height:350px;
	margin-left: 6px;
	margin-right:6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
}