html, body {
	background: #ffffff;
	font: 12px arial;
}

a {
	color: #007ec3;
}
div,
p {
  color: #060606;
	line-height: 20px;
}

h1{
  color: #999999;
  font-weight: bold;
  font-size: 25px;
  font-family: arial;
}
h2, .title2 {
  color: #999999;
  font-weight: bold;
  font-size: 20px;
  font-family: arial;
}

h3 {
	color: #999999;
	font-weight: bold;
  font-size: 15px;
  font-family: arial;
}

#container {
	margin: 0 auto;
	width: 960px;
}

/* TOPBAR */

#topbar {
	background: #00aff0;
	height: 40px;
	padding: 0 20px;
	position: relative;
	width: 920px;
}

#topbar ul li {
	float: left;
	line-height: 40px;
	margin: 0 35px 0 0;
}

#topbar ul li a {
	font: bold 12px arial;
	color: #ffffff;
}

#topbar ul li span {
	font: bold 12px arial;
	color: #012b49;
	margin: 0 5px 0 0;
}

#topbar a#logout {
  background: url(../images/buttons_new.png) 0 -75px repeat-x;
	-moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  color: #ffffff;
	position: absolute;
	font-size: 10px;
	font-weight: bold;
	top: 10px;
	right: 20px;
	padding: 0 5px 0 5px ;
	text-align: center;
	text-decoration: none;
	line-height: 20px;
	width: auto;
}

#topbar a#logout:hover {
  background: url(../images/buttons_new.png) 0 -94px repeat-x;
}

/* TOPMENU */

#topmenu {
	position: relative;
	height: 40px;
	margin: 0 0 15px 0;
}

#topmenu .left {
  background: url(../images/topmenuroundedcorners.png) 0px 0px no-repeat;
  float: left;
  height: 40px;
  width: 5px;
}

#topmenu .content {
  background: #007ec3;
  float: left;
  padding: 0 15px;
  width: 920px;
}

#topmenu .content ul li {
	float: left;
	line-height: 40px;
	margin: 0 40px 0 0;
}

#topmenu .content ul li a {
	color: #ffffff;
	font: bold 15px arial;
}

#topmenu span.preview {
  background: url(../images/buttons.png) -140px -305px no-repeat;
	-moz-border-radius: 2px;
  -webkit-border-radius: 2px;
	width: 20px;
	height: 20px;
	float: left;
	margin-left: 10px;
}

#topmenu a#preview {
  background: url(../images/buttons_new.png) 0 -308px repeat-x;
	-moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  color: #ffffff;
  position: relative;
  font-size: 15px;
  font-weight: bold;
  float: right;
  margin: 7px 0 0 0;
  padding: 0 5px 0 0;
  line-height: 26px;
  width: auto; 
  text-decoration: none;
}

#topmenu .content a#preview:hover {
  background: url(../images/buttons_new.png) 0 -334px repeat-x;
}

#topmenu .content a#preview.inactive,
#topmenu .content a#preview.inactive:hover {
  background: url(../images/buttons.png) -460px -121px no-repeat;
}

#indicator {
  position: relative;
  font-size: 15px;
  font-weight: bold;
  float: right;
  margin: 7px 10px 0 0;
  line-height: 26px;
  padding: 0 5px;
  color: #ffffff;
}

#topmenu .right {
  background: url(../images/topmenuroundedcorners.png) -5px 0px no-repeat;
  float: left;
  height: 40px;
  width: 5px;
}

/* PAGESETTINGS */

#pagesettings {
  margin: 0 0 15px 0;
}

#pagesettings .left {
  background: url(../images/pagesettingscorners.png) 0px 0px no-repeat;
  float: left;
	height: 40px;
  width: 1px;
}

#pagesettings .content {
	background: #e3e3e3;
	float: left;
	line-height: 40px;
  width: 958px;
}

#pagesettings .content a.edit {
  background: url(../images/buttons.png) -300px -80px no-repeat;
  float: left;
  margin: 9px;
  height: 20px;
  width: 20px;
}

#pagesettings .content a.edit:hover {
  background: url(../images/buttons.png) -320px -80px no-repeat;
}

#pagesettings .content h3 {
  color: #0068b3;
  font-size: 15px;
  font-weight: bold;
}

#pagesettings .right {
	background: url(../images/pagesettingscorners.png) 0px 0px no-repeat;
  float: left;
  height: 40px;
  width: 1px;
}

#wrapper {
  position: relative;
  left: -15px;
  right: -15px;
  width: 1000px;
}

#sidebar {
	position: relative;
	float: left;
	width: 300px;
	margin: 0 15px;
}

#main {
	position: relative;
	float: left;
	width: 620px;
	margin: 0 15px;
}

/* MENU */

#menu ul {
  background: url(../images/menuroundedcorners.png) repeat-y;
  position: relative;
  padding: 1px 0;
}

#menu ul li {
  position: relative;
}

#menu ul li a.page {
	border-top: 1px solid #858585;
	border-bottom: 1px solid #525252;
	background: #666666;
	padding: 0 0 0 20px;
	display: block;
	font-weight: bold;
	font-size: 20px;
	line-height: 50px;
	height: 50px;
}

li.edit_link_item a.handle {
  width: 33px;
	height: 30px;
  cursor: move;
	float: right;
	margin-right: 10px;
	padding-top: 20px;
}

#menu ul li a.handle {
  position: absolute;
  top: 0px;
  right: 50px;
  width: 33px;
height: 50px;
  cursor: move;
}

#menu ul li a.handle {
	background: url(../images/handle.png) 0 0 repeat-x;
	margin-top: 20px;
	height: 11px;
	width: 33px;
}
li.edit_link_item {
	position: relative;
}

li.edit_link_item a.handle {
	background: url(../images/handle.png) 0 0 repeat-x;
	position: absolute;
	top: 22px;
	right: 80px;
	height: 11px;
	width: 33px;
	overflow: hidden;
	float: none;
	padding: 0;
	margin: 0;
	margin-top: 0px;
}

#menu ul li a.close {
	background: url(../images/buttons.png) -260px -80px no-repeat;
	position: absolute;
	top: 16px;
	right: 20px;
	height: 20px;
	width: 20px;
}

#menu ul li a.close:hover {
  background: url(../images/buttons.png) -280px -80px no-repeat;
}

#menu ul ul {
  padding: 0px;
}

#menu ul ul li a.page {
  border-top: 1px solid #9d9d9d;
  border-bottom: 1px solid #6a6a6a;
  background: #858585;
  font-size: 15px;
  line-height: 38px;
  height: 38px;
}

#menu ul ul li a.handle {
  background: url(../images/handle.png) 0px -11px repeat-x;
  top: -6px;
}

#menu ul ul li a.close {
  top: 9px;
}

#navigationlist a {
  color: #ffffff;
}

/* NEW ITEM BUTTONS */

a#newpage {
	background: url(../images/buttons.png) 0px 0px no-repeat;
	display: block;
	line-height: 48px;
	padding: 10px 0 0 53px;
	font-size: 15px;
	font-family: arial;
	font-weight: bold;
	margin: 20px 20px 30px 20px;
	text-decoration: none;
	color: white;
}

a#newpage:hover {
  background: url(../images/buttons.png) 0px -58px no-repeat;
}

a.newitem {
	background-image: url(../images/buttons.png);
	background-position: -260px -173px;
	color: #ffffff;
	display: block;
  font-size: 15px;
  font-family: arial;
  font-weight: bold;
  margin: 0 auto 10px auto;
  padding: 21px 0 0 34px;
  height: 29px;
  width: 164px;
  text-decoration: none;
}

a.newitem:hover {
  background-position: -260px -223px;
}

.block {
	margin: 0 0 30px 0;
	overflow: hidden;
}


/* EDITBLOCK */

.editblock {
	position: relative;
  background: #f7f7f7;
}

.editblock .header {
	background: url(../images/horizontaledit.png) repeat-x;
	position: relative;
	height: 30px;
	width: 100%;
}

.editblock span.edit {
	background: url(../images/buttons.png) -141px -290px no-repeat;
	width: 5px;
	height: 20px;
	padding-left: 20px;
}

.editblock a.edit {
	background: url(../images/buttons_new.png) 0 -38px repeat-x;
	-moz-border-radius: 2px;
  -webkit-border-radius: 2px;
	position: absolute;
	font-size: 12px;
	font-family: arial;
	font-weight: bold;
	line-height: 19px;
	text-decoration: none;
	color: #ffffff;
	top: 6px;
	left: 5px;
	padding: 0 10px 0 5px;
}

.editblock a.edit:hover {
	background: url(../images/buttons_new.png) 0 -57px repeat-x;
} 

.editblock .handle {
	background: url(../images/handle.png) 0 -22px repeat-x;
	position: relative;
	cursor: move;
	top: 10px;
	height: 11px;
	width: 33px;
	margin: 0 auto;
}

.editblock a.close {
	background: url(../images/buttons.png) -260px -80px no-repeat;
	position: absolute;
	top: 5px;
	right: 5px;
	height: 20px;
	width: 20px;
}

.editblock a.close:hover {
  background: url(../images/buttons.png) -280px -80px no-repeat;
}

.editblock .topleft {
  background: url(../images/corneredit.png) 0 0 no-repeat;  
  position: absolute;
  top: 0px;
  left: 0px;
  height: 3px;
  width: 3px; 
}

.editblock .topright {
	background: url(../images/corneredit.png) -5px 0 no-repeat;	
	position: absolute;
	top: 0px;
	right: 0px;
	height: 3px;
	width: 3px;
}

.editblock .left {
	background: url(../images/verticaledit.png) repeat-y;	
	position: absolute;
	height: 100%;
	top: 0px;
	left: 0px;
	width: 3px;	
}

.editblock .right {
	background: url(../images/verticaledit.png) repeat-y;	
	position: absolute;
	height: 100%;
	top: 0px;
	right: 0px;
	width: 3px;	
}

.editblock .content {
	padding: 10px;
}

.editblock .footer {
	background: url(../images/horizontaledit.png) repeat-x;
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 3px;
	width: 100%;
}

.editblock .bottomleft {
	background: url(../images/corneredit.png) 0 -3px no-repeat;	
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 4px;
	width: 4px;	
}

.editblock .bottomright {
	background: url(../images/corneredit.png) -4px -3px no-repeat;	
	position: absolute;
	bottom: 0px;
	right: 0px;
	height: 4px;
	width: 4px;	
}

/* ADDBLOCK */

.addblock {
	position: relative;
	height: 270px;
	width: auto;
}

.addblock a.additem {
	background: url(../images/buttons.png) -260px 0px no-repeat;
	position: relative;
	top: 128px;
	display: block;
	line-height: 40px;
	padding: 0 0 0 40px;
	margin: 0 auto;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	width: 158px;
}

.addblock a.additem:hover {
  background: url(../images/buttons.png) -260px -40px no-repeat;
}

#main #contentwrapper {
  width: 630px;
  position: relative;
  margin: 0 0 30px 0;
  padding: 0;
}

#main #contentwrapper .border {
	background: #dcdcdc;
  height: 1px;
  width: 100%;
}

#main #contentwrapper span {
  color: #999999;
}

#main .jqmDelete {
	margin: 0;
	position: absolute;
	top: 0;
	right: 0;
}

/* SELECTION */

#selection {
	position: relative;
	margin: 14px 0 15px 0;
  float: left;
}

#selection span {
  color: #999999;
  font-weight: bold;
}

#selection a {
  color: #999999;
  margin: 0 0 0 5px; 
  padding: 0 5px;
  height: 18px;
  font-size: 12px;
  text-decoration: none;
}

#selection a:hover {
  background: #dcdcdc;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}

a#addmedia {
  background: url(../images/buttons.png) 0px -232px no-repeat;
  line-height: 26px;
  text-indent: 131px;
  font-size: 15px;
  font-weight: bold;
  padding: 0 0 0 34px;
  width: 131px;
  float: right;
  text-decoration: none;
}

a#addmedia:hover {
  background: url(../images/buttons.png) 0px -258px no-repeat;
}

img.large {
  background: #f2f2f2;
  padding: 15px;
  margin: 30px 0;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}

/* ITEMLIST */

#itemlist {
	position: relative;
	margin: 0 0 15px 0;
	left: -15px;
	right: -15px;
	width: 660px;
}

#itemlist .item {
	float: left;
  margin: 15px;
}

#itemlist .item img {
	position: relative;
	padding: 0 0 5px 0;
}

#itemlist .item h4 a {
  color: #0068b3;
  line-height: 18px;
  font-size: 12px;
  font-weight: bold;
}

#itemlist .item span {
  line-height: 18px;
	color: #999999;
	font-size: 12px;
}

/* PAGINATION */

.pagination {
	color: #999999;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
  line-height: 44px;
}

.pagination a {
  color: #0068b3;
  font-size: 15px;
  font-weight: bold;
}

/* ROWS */

.row.row-edit {
	border: 1px solid #999999;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.rowhandle {
  background: url(../images/buttons.png) -460px 0px no-repeat;
  cursor: move;
  position: absolute;
  bottom: 10px;
  right: -30px;
  height: 92px;
  width: 29px;
}

#sidebarblocks .rowhandle {
  background: url(../images/buttons.png) -489px 0px no-repeat;
  left: -30px;
}

#sidebarblocks {
	margin: -3px;
}

#sidebarblocks .row {
	padding: 3px;
}

.rowhandle a.close {
	background: url(../images/buttons.png) -260px -80px no-repeat;
  position: absolute;
  top: 5px;
  left: 4px;
  height: 20px;
  width: 20px;
}

.rowhandle a.close:hover {
  background: url(../images/buttons.png) -280px -80px no-repeat;
}

/* NEWROW */

.newrow {
	position: relative;
  margin: 0 0 0 25px;
}

a.addrow {
  background: url(../images/buttons.png) 0px -116px no-repeat;
  display: block;
  color: #ffffff;
  margin: 0 auto 30px auto;
  padding: 25px 0 0 70px;
  font-size: 15px;
  font-family: arial;
  font-weight: bold;
  height: 33px;
  width: 190px;
  text-decoration: none;
}

a.addrow:hover {
  background: url(../images/buttons.png) 0px -174px no-repeat;
}

/* COLUMNS */

.textcontent {
	padding: 20px;
}

/* REACTION */

.reaction h4 {
  color: #666666;
  font-size: 15px;
  font-weight: bold;
}

.reaction ul li {
  padding: 30px 0 0 0;
  line-height: 18px;
}

.reaction .border {
  margin: 30px 0;
}

.reaction .postmessage {
  background: url(../images/buttons.png) 0px -284px no-repeat;
  color: #0068b3;
  display: block;
  float: right;
  line-height: 28px;
  font-size: 15px;
  font-weight: bold;
  width: 135px;
  text-align: center;
}

.reaction .postmessage:hover {
  background: url(../images/buttons.png) 0px -312px no-repeat;
  text-decoration: none;
}

.reaction dd {
	font-weight: bold;
	line-height: 30px;
  width: 150px;
  float: left;
  margin: 0px;
  padding: 0px;
}

.reaction dt {
	width: 450px;
  float: left;
}

.reaction dt input {
	margin: 4px 0;
  height: 22px;
  width: 300px;
}

.reaction dt textarea {
	margin: 4px 0 10px 0;
	height: 140px;
  width: 480px;
}

/* FOOTERMENU */

#footermenu {
  position: relative;
  height: 50px;
}

#footermenu .left {
background: url(../images/footermenucorners.png) 0px 0px no-repeat;
  height: 50px;
  width: 1px;
  float: left;
  position: relative;
}

#footermenu .content {
  background: #666666;
  height: 50px;
  float: left;
  padding: 0 19px;
  width: 920px;
}

#footermenu .content ul li {
	float: left;
	line-height: 50px;
	margin: 0 40px 0 0;
	color: #ffffff;
	font-family: arial;
	font-weight: bold;
	font-size: 15px;
}

#footermenu .right {
  background: url(../images/footermenucorners.png) 0px 0px no-repeat;
  height: 50px;
  width: 1px;
  float: left;
  position: relative;
}

/* FOOTER */

#footer {
	position: relative;
	margin: 0 0 30px 0;
	height: 126px;
}

#footer .left {
  background: url(../images/footercorners.png) 0px 0px no-repeat;
  float: left;
  height: 126px;
  width: 1px;
}

#footer .content {
  background: #f0f0f0;
  height: 96px;
  float: left;
  padding: 30px 19px 0 19px;
  width: 920px;
}


#footer .content ul {
	float: left;
	margin: 0 35px 0 0;
}

#footer .content ul li {
	line-height: 18px;
}

#footer .content ul li a {
	/*color: #0068b3;*/
}

#footer .content a#connected {
	color: #999999;
	position: absolute;
	bottom: 20px;
	left: 819px;
}

#footer .right {
  background: url(../images/footercorners.png) 0px 0px no-repeat;
  float: left;
	position: relative;
  height: 126px;
  width: 1px;
}

#page {
  width: 640px;
  position: relative;
  left: -5px;
  right: -5px; 
  margin: 0;
  padding: 0;
  list-style: none;
}

#page > li {
  width: 630px;
  margin: 0 0 10px 0;
	position: relative;
	padding: 4px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	min-height: 100px;
}

#page li.preview {
  border: none;
}

#sidebarblocks > li {
  margin: 0 0 30px 0;
	position: relative;
	padding: 0;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

#page > li > ul {
  width: 660px;
  position: relative;
  left: -15px;
  right: -15px;
}

#page > li > ul > li {
	position: relative;
	display: block;
  margin: 0 15px;
}

#page > li.col2 > ul > li {
  width: 300px;
  float: left;
}

#page > li > ul > li > ul, #sidebarblocks > li > ul > li > ul {
  min-height: 50px;
}

.sortHelper,
#page > li.sortHelper {
	margin: 0 0 30px 0;
	border: 3px dashed #666;
	width: auto !important;
	width: 100%;
}


.menuSortHelper {
	border: 3px dashed #666;
	width: auto !important;
	width: 100%;
}

.submenuSortHelper {
	border: 3px dashed #666;
	width: auto !important;
	background: #858585;
	width: 100%;
}

/* BUTTONHOLDER */

.buttonholder {
  border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  height: 20px;
  padding: 14px 0;
  margin: 30px 0;
}

.next,
.previous {
  background: url(../images/buttons.png) -165px -232px  no-repeat;
  color: #0068b3;
  font-weight: bold;
  text-align: center;
  display: block;
  float: left;
  margin: 0 15px 0 0;
  line-height: 19px;
  width: 63px; 
}

.next:hover,
.previous:hover {
  background: url(../images/buttons.png) -165px -251px no-repeat;
  text-decoration: none;
}

.tellafriend {
  background: url(../images/buttons.png) -260px -273px no-repeat;
  float: right;
  color: #0068b3;
  font-weight: bold;
  line-height: 19px;
  text-align: center;
  width: 169px;
}

.tellafriend:hover {
  background: url(../images/buttons.png) -260px -292px no-repeat;
  text-decoration: none;
}

/* MEDIA // NEWS // PROJECTS */

.mediaHeader,
.newsHeader,
.projectHeader {
  border-bottom: 1px solid #dcdcdc;
  margin: 0 0 15px 0;
  position: relative;
  width: 630px;
}

ul.mediaMenu li,
ul.newsMenu li,
ul.projectMenu li {
	padding: 10px 0;
  float: left;
}

ul.mediaMenu li span,
ul.newsMenu li span,
ul.projectMenu li span   {
  font-weight: bold;
  color: #999999;
  padding: 0 8px 0 0;
}

ul.mediaMenu li a,
ul.newsMenu li a,
ul.projectMenu li a {
  color: #999999;
  padding: 0 5px;
}

ul.mediaMenu li a:hover,
ul.newsMenu li a:hover,
ul.projectMenu li a:hover {
  background: #dcdcdc;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  text-decoration: none;
}

a.addMedia {
  background: url(../images/buttons.png) 0 -232px;
  color: #ffffff;
  position: absolute;
  font-size: 15px;
  font-weight: bold;
  right: 0px;
  padding: 0 0 0 30px;
  top: 0px;
  display: block;
  line-height: 26px;
  width: 135px;
  text-decoration: none;
}

a.addNews,
a.addProject {
  background: url(../images/buttons.png) 0 -232px;
  color: #ffffff;
  position: absolute;
  font-size: 15px;
  font-weight: bold;
  right: 0px;
  padding: 0 0 0 28px;
  top: 0px;
  display: block;
  line-height: 26px;
  width: 137px;
  text-decoration: none;
}

a.addMedia:hover,
a.addNews:hover,
a.addProject:hover {
  background: url(../images/buttons.png) 0 -258px;
}

ul.mediaList {
	margin: -15px -15px 30px -15px;
  width: 660px;
}

ul.newsList,
ul.projectList {
  margin: -15px 0 0 0;
  width: 630px;
}

ul.mediaList .date {
  color: #999999;
}

.mediaWrapper {
	background: #f2f2f2;
  height: 101px;
  width: 135px;
  overflow: hidden;
}

a.mediaTitle {
  color: #0068b3;
  display: block;
  font-weight: bold;
  padding: 10px 0 5px 0;
}

a.newsTitle,
a.projectTitle {
  color: #0068b3;
  display: block;
  font-weight: bold;
}   

li.mediaItem {
	height: 140px;
	margin: 15px;
	width: 135px;
	position: relative;
  float: left;
}

li.newsItem,
li.projectItem {
  border-bottom: 1px solid #dcdcdc;
  padding: 15px 0;
  position: relative;
  line-height: 18px;
}

#main li.newsItem .jqmDelete,
#main li.projectItem .jqmDelete {
	top: 5px;
}

li.newsItem .link,
li.projectItem .link {
  color: #0068b3;
  font-weight: bold;  
}

.mediaDetailInfo {
	line-height: 20px;
  color: #999999;
}

.newsDetailInfo,
.projectDetailInfo {
  line-height: 20px;
  color: #999999;
}

.mediaDescription {
	margin: 0 0 30px 0;
}

.mediaItemDetail {
	background: #f2f2f2;
  padding: 15px;
  max-width: 600px;
  display: block;
  margin: 30px 0;
}

.mediaNavigation {
  border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  height: 50px;
  margin: 0 0 30px 0;
  width: 630px;
}

.mediaPrevious,
.mediaNext {
	background: url(../images/buttons.png) -165px -232px no-repeat;
	color: #0068b3;
	display: block;
	float: left;
	font-weight: bold;
	margin: 15px 15px 15px 0;
  line-height: 19px;
  width: 63px;
  text-align: center;
}

.mediaPrevious:hover,
.mediaNext:hover {
  background: url(../images/buttons.png) -165px -251px no-repeat;
  text-decoration: none;
}

.mediaSend {
  background: url(../images/buttons.png) -260px -273px no-repeat;
  color: #0068b3;
  display: block;
  float: right;
  font-weight: bold;
  margin: 15px 0;
  line-height: 19px;
  width: 169px;
  text-align: center;
}

.mediaSend:hover {
  background: url(../images/buttons.png) -260px -292px no-repeat;
  text-decoration: none;
}

/* PAGESETTINGS */

#settings {
  width: 630px;
  margin: 0 0 30px 0;
}

#settings li {
	float: left;
	width: 310px;	
}
#settings li.whitespace {
	background: #ffffff;
	width: 620px;
	height: 20px;
}

#settings li ul li {
	height: 60px;
}

#settings li ul li.settingsHeader {
	height: 30px;
}

#settings li ul li .settingsTitle {
	padding-top: 10px;
	color: #999999;
}
#settings h1,
#settings h2,
#settings h3,
#settings h4 {
  float: left;
  width: auto;
}

#settings ul li {
	background: #f8f8f8;
  padding: 10px;
  border-bottom: 1px solid #dcdcdc;
	width: 295px;
}

#settings ul li .options {
  float: right;
  width: 300px;
}

#siteEditForm .siteTitle {
	padding: 30px 0 0 0;
  line-height: 40px;
  height: 90px;
}

#siteEditForm .label {
  display: block;
  color: #0068b3;
  float: left;
  font-weight: bold;
  font-size: 15px;
  font-family: arial;
  padding: 0 15px 0 0;
  width: 75px;
}

#siteEditForm .text {
  float: left;
  background: #ffffff;
  border: 1px solid #999999;
  height: 20px;
  margin: 8px 0;
  padding: 2px 2px 2px 2px;
  width: 240px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.formSave {
  background: url(../images/buttons_new.png) 0 0 repeat-x;
	-moz-border-radius: 2px;
	-webkit-borderradius: 2px;
  border: none;
  color: #ffffff;
  display: block;
  font-weight: bold;
  font-family: arial;
  margin: 15px 0 30px 0;
  font-size: 12px;
  text-align: center;
  line-height: 21px;
  height: 19px;
  width: 79px;
  text-decoration: none;	
}
.formSave:hover {
  background: url(../images/buttons_new.png) 0 -19px repeat-x;
  text-decoration: none;
}

/* FAQ */
.faqmenu {
	background: #f0f0f0;
  border: 1px solid #999999;
  width: 250px;
  padding: 15px 15px 5px 15px;
  float:left;
  margin:0 0 15px 15px;
}
.faqmenu dl h3 {
  line-height: 20px;
	color: #0068be;
  font-size: 13px;
}
.faqmenu a {
  color: #0068be;
}
.faqmenu dd {
  margin-left: 15px;
}

.faqlist {
  margin: 0 0 30px 0;
}
.faqlist h3 {
  font-size: 16px;
}

.faqlist .faqItem {
  padding: 10px 0;
}
li.faqItem h4 {
  font-size: 14px;
}
div.answer, div.answer div, div.answer td {
	line-height: 15px;
}
div.answer ul {
  list-style-type: disc;
  margin: 10px 0 0 15px;
}
a.preview {
  	display: block;
  	float: left;
}
a.preview img {
	margin: 0px 25px 10px 0;
	
}
div.images {
	padding: 10px 0 0 0;
}
/* POPUP */

.popupHeader {
	background: #dcdcdc;
  height: 40px;
  padding: 20px;
}

.popupHeader h2 {
	color: #0068b3;
	padding: 0 0 2px 0;
  font-size: 20px;
  font-weight: bold;
}

.popupHeader span {
  font-size: 12px; 
}

#edit_links{
	background: #f2f2f2;
}

#edit_links ul{
	padding: 20px;
}

#edit_links ul li{
	padding: 7px;
	padding-bottom: 4px;
}

#edit_links ul li label{
	float: left;
	width: 70px;
	font-weight: bold;
}

#edit_links input{
  background: url(../images/buttons.png) -260px -311px no-repeat;
	height: 22px;
	width: 300px;
	border: 0;
}

.jqmDelete{
  background: url(../images/buttons.png) -260px -80px no-repeat;
  height: 20px;
  width: 20px;
	display: block;
  float: right;
	margin: 11px;
}

#edit_links ul#edit_links_list li{
	border-bottom: 1px solid #dcdcdc;
	line-height: 50px;
}

#edit_links ul#edit_links_list li.linksSortHelper{
	margin: 0;
	padding: 0;
	height: auto;
	border: 3px dashed #666;
	border-bottom: 3px dashed #666;
	width: auto !important;
	width: 100%;
}

#popupClose {
  background: url(../images/buttons.png) -260px -80px no-repeat;
  position: absolute;
  top: 5px;
  right: 5px;
  height: 20px;
  width: 20px;
}

.popupContent {
	background: #ffffff;
  padding: 18px;
}

.popupContent .btn {
	background: #999999;
	margin: 0 10px 0 0;
	height: 70px;
	width: 70px;
  float: left;
  -moz-border-radius: 2px;
  -webkit-borderradius: 2px;
  text-align: center;
  text-decoration: none;
}

.popupContent .btn span {
	font-size: 10px;
	display: block;
	margin: 50px 0 0 0;
}

.popupContent .marginbox {
  margin: 0 0 10px 0;
}

.popupContent .btn2 {
	display: block;
	float: left;
  height: 96px;
  width: 70px;
  line-height: 14px;
  margin: 0 10px 0 0;
  text-align: center;
}

.popupContent #formWrapper {
  display: none;
  height: 150px;
}

.popupContent #save {
	margin: 15px 0 0 0;
  display: none;
  float: left;
}
.popupContent #close {
	margin: 15px 0 0 0;
  display: none;
  float: right;
}

.popupNewsTitle,
.popupProjectTitle {
  line-height: 40px;
  margin: 0 0 0 20px;
}

.popupNewsTitle .label,
.popupProjectTitle .label {
  display: block;
  color: #ffffff;
  float: left;
  font-weight: bold;
  font-size: 12px;
  font-family: arial;
  padding: 0;
  width: 75px;
}

.popupProjectTitle .labelodd {
  display: block;
  color: #ffffff;
  float: left;
  font-weight: bold;
  font-size: 12px;
  font-family: arial;
  padding: 0 0 0 100px;
  width: 160px;
}

.popupProjectTitle .selectionlist {
  overflow: auto;
  height: 48px;
  margin: 9px 0 0 0;
  width: 240px;
}

.popupProjectTitle .selectionlist option {
  height: 18px;
  padding: 2px;
  margin: 0 1px;
}

.popupNewsTitle .text,
.popupProjectTitle .text {
	float: left;
  background: #ffffff;
  border: 1px solid #999999;
  height: 20px;
  margin: 8px 0;
  padding: 2px;
  width: 240px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.popupContent .text {
	float: left;
	background: #ffffff;
	border: 1px solid #999999;
  height: 20px;
  margin: 8px 0;
  padding: 2px;
  width: 240px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.popupContent .dropdown {
  float: left;
  margin: 8px 0;
  height: 25px;
  padding: 2px 2px 2px 2px;
  width: 247px;
}

.popupContent .description {
	float: left;
  height: 100px;
  width: 240px;
  padding: 2px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.popupContent #formWrapper li {
  line-height: 40px;
  height: 40px;
}

.popupContent .buttonHolder {
  width: 160px;
  margin: 10px 0 0 115px;
}

.popupContent .popupImage {
  display: none;
  padding: 20px 0;
}

.popupContent .popupVideo p {
  line-height: 20px;
  padding: 10px 0;
  font-style: italic;
}

.popupContent .popupVideo {
	display: none;
	line-height: 40px;
}

.popupContent #titleWrapper li {
  line-height: 40px;
  height: 40px;
}

.popupContent .label {
	display: block;
	float: left;
	font-weight: bold;
	font-size: 12px;
	font-family: arial;
	padding: 0 15px 0 0;
	width: 75px;
}

.popupContent a.custom {
  background: url(../images/popupbuttons.png) 0px 0px no-repeat;
}

.popupContent a.custom:hover,
.popupContent a.active.custom {
  background: url(../images/popupbuttons.png) 0px -100px no-repeat;
}

.popupContent a.werkspotreferentie {
  background: url(../images/popupbuttons.png) -70px 0px no-repeat;
}

.popupContent a.werkspotreferentie:hover,
.popupContent a.active.werkspotreferentie {
  background: url(../images/popupbuttons.png) -70px -100px no-repeat;
}

.popupContent a.werkspotprofiel {
  background: url(../images/popupbuttons.png) -140px 0px no-repeat;
}

.popupContent a.werkspotprofiel:hover,
.popupContent a.active.werkspotprofiel {
  background: url(../images/popupbuttons.png) -140px -100px no-repeat;
}

.popupContent a.laatstenieuws {
  background: url(../images/popupbuttons.png) -210px 0px no-repeat;
}

.popupContent a.laatstenieuws:hover,
.popupContent a.active.laatstenieuws {
  background: url(../images/popupbuttons.png) -210px -100px no-repeat;
}

.popupContent a.laatsteprojecten {
  background: url(../images/popupbuttons.png) -280px 0px no-repeat;
}

.popupContent a.laatsteprojecten:hover,
.popupContent a.active.laatsteprojecten {
  background: url(../images/popupbuttons.png) -280px -100px no-repeat;
}

.popupContent a.laatsteafbeeldingen {
  background: url(../images/popupbuttons.png) -350px 0px no-repeat;
}

.popupContent a.laatsteafbeeldingen:hover,
.popupContent a.active.laatsteafbeeldingen {
  background: url(../images/popupbuttons.png) -350px -100px no-repeat;
}

.popupContent a.laatstevideos {
  background: url(../images/popupbuttons.png) -420px 0px no-repeat;
}

.popupContent a.laatstevideos:hover,
.popupContent a.active.laatstevideos {
  background: url(../images/popupbuttons.png) -420px -100px no-repeat;
}

.popupContent a.links {
  background: url(../images/popupbuttons.png) -490px 0px no-repeat;
}

.popupContent a.links:hover,
.popupContent a.active.links {
  background: url(../images/popupbuttons.png) -490px -100px no-repeat;
}

.popupContent a.googlemaps {
  background: url(../images/popupbuttons.png) -560px 0px no-repeat;
}

.popupContent a.googlemaps:hover,
.popupContent a.active.googlemaps {
  background: url(../images/popupbuttons.png) -560px -100px no-repeat;
}

.popupContent a.googlegadgets {
  background: url(../images/popupbuttons.png) -630px 0px no-repeat;
}

.popupContent a.googlegadgets:hover,
.popupContent a.active.googlegadgets {
  background: url(../images/popupbuttons.png) -630px -100px no-repeat;
}

.popupContent a.kolom1 {
  background: url(../images/popupbuttons.png) -770px 0px no-repeat;
  margin: 0 15px 0 65px;
}

.popupContent a.kolom1:hover,
.popupContent a.active.kolom1 {
  background: url(../images/popupbuttons.png) -770px -100px no-repeat;
}

.popupContent a.kolom2 {
  background: url(../images/popupbuttons.png) -840px 0px no-repeat;
  margin: 0 65px 0 15px;
}

.popupContent a.kolom2:hover,
.popupContent a.active.kolom2 {
  background: url(../images/popupbuttons.png) -840px -100px no-repeat;
}

.popupContent .btn2 span {
	color: #0068b3;
  font-size: 10px;
  margin: 72px 0 0 0;
  display: block;
}

.popupContent .btnlast {
  margin: 0px;
}

/* WIDGET-LATESTNEWS */
.widget-ul li{
	width: 100%;
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #dcdcdc;
}

.widget-ul li span.widget-info{
	color: #999999;
}

.widget-ul li a{
	font-size: 15px;
	font-weight: bold;
}

.widget-h3{
	padding: 0 0 10px 0;
	border-bottom: 1px solid #dcdcdc;
}

.widget-latestpictures li{
	float: left;
	width: 150px;
}

.widget-img{
	width: 140px;
	padding: 10px  0 0 0;
}

.widget-latestpictures li.widget-readmore{
	clear: both;
	width: 100%;
	font-weight: bold;
	margin-top: 5px;
	padding-top: 10px;
	border-top: 1px solid #dcdcdc;
}

.widget-latestpictures li.widget-readmore a{
	float: right;
}

.widget-ul li.widget-readmore{
	border-bottom: 0;
}

.widget-ul li.widget-readmore a{
	font-size: 12px;
	float: right;
}

#spacer{
	height: 30px;
}

.block.widgetText ul {
	padding: 0 0 0 20px;
	list-style-type: disc;
}

.block.widgetText ol {
	padding: 0 0 0 20px;
	list-style-type: decimal;
}

/* CONTACTFORM */

form label {
	display: block;
	width: 100px;
	float: left;
	line-height:20px;
	font-family: arial;
}

form textarea,
form input {
	width: 300px;
}

form textarea{
	height: 200px;
}

form input.submit {
	float: left;
	clear: both;
	height: auto;
	width: auto;
}

.error {
  width: 100%;
  position: relative;
}

.themes {
	margin-top: 20px;
}

.contact-wrapper input, .contact-wrapper textarea {
	margin: 5px 0;
}

#widgetContentForm .popupContent {
	text-align: center;
}

#widgetContentForm #widget_latest_pictures_page_id,
#widgetContentForm #widget_latest_news_page_id,
#widgetContentForm #widget_latest_projects_page_id,
#widgetContentForm #widget_latest_videos_page_id,
#widgetContentForm #widget_google_maps_widget_id {
	width: 300px;
}

