/* Content Layout 
------------------------------------------------------------------------- */

/* Three Rows
------------------------------------------------------------------------- */

.contleft1 {
	float: left;
	width: 329px;
}

.contmid1 {
	float: none;
	margin-left: 330px;
	margin-right:310px;
	width:329px;
}

.contright1 {
	float: right;
	width: 329px;
}

/* Two Rows
------------------------------------------------------------------------- */
.contleft2 {
	float: left;
	width: 329px;
}

.contright2 {
	float: none;
	margin-left: 330px;
	width:660px;
}

/* Three Rows for project template
------------------------------------------------------------------------- */

/* project */
.procontleft1 {
	float: left;
	width: 310px;
	max-height: 600px;
	margin-top:2px;
	height: 600px;
	overflow: hidden;
}
/* news */
.procontleft2 {
	float: left;
	width: 310px;
	max-height: 600px;
	height: 600px;
	overflow: hidden;
}

.procontmid1 {
	float: none;
	margin-left: 330px;
	margin-right:310px;
	margin-top:0px;
	width:320px;
}

.procontright1 {
	float: right;
	width: 329px;
	margin-top:0px;
}
.title {
	width:310px;
	margin:30px 0 10px 0;	
}

.trenner {
	border-top:1px solid #bbb;
	padding-top: 2px;
}



/* Let the project menue scroll
------------------------------------------------------------------------- */


/* root element */
.vertical {  
	position:relative;
	overflow:hidden;	

	/* gime a dimension of the whole div */	
	height: 404px;	 
	width: 310px;
	border-top:1px solid #bbb;	
}

/* scrollable items */
.items {	
	position:relative;
	/* very large space for height */	
	height:20000em;	
	margin: 0px;
}

/* single scrollable item */
.items div {
	border-bottom:1px solid #bbb;
	margin:0px 0;
	padding:0px;
	height:100px;
	font-family: Helvetica, Arial, "Trebuchet MS", Verdana, sans-serif;
	color : #474e4f;
	font-size: 8pt;
	font-weight : lighter;
	font-style : normal;
	line-height: 11pt;
	font-variant: normal;
	letter-spacing: normal;
	word-spacing: normal;	
	text-decoration: none; 
	overflow:hidden;	
}

/* elements inside single item */
.items img {
	float:left;
	margin:0px;
	height:75px;
	width:310px;
	border: none;
}

/* the action buttons above the scrollable */
#actions {
	width:310px;
	margin: 30px 0 10px 0;
	padding:0px;
}

#actions a {	
	cursor:pointer;
}

.disabled {
	visibility:hidden;		
}

.nextPage {
  padding-left:230px;
	font-family : Helvetica, Arial, "Trebuchet MS", Verdana, sans-serif;
	padding-bottom: 0.2em;
	color : #bbb;
	font-size : 8pt;
	font-weight : bold;
	font-style : normal;
	line-height: 15px;
	font-variant: normal;
	letter-spacing: normal;
	word-spacing: normal;	
	text-decoration: none;
}

.prevPage {
	font-family : Helvetica, Arial, "Trebuchet MS", Verdana, sans-serif;
	padding-bottom: 0.2em;
	color : #bbb;
	font-size : 8pt;
	font-weight : bold;
	font-style : normal;
	line-height: 15px;
	font-variant: normal;
	letter-spacing: normal;
	word-spacing: normal;	
	text-decoration: none;
}

