@import "tt_news.css";

/************ Standard HTML Elements ************/

body {
	margin: 0;
	padding: 0;
	color: #000;
	height: 100%;
	background: #fff url(../img/body_bg_new.jpg) top center repeat-x;
}

a:link, a:visited {
	background-color: inherit;
	text-decoration: none;
	color: #e70000;
}

a:hover, a:active{
	background-color: inherit;
	color: #e70000;
	text-decoration: underline;
}

p {
	margin: 10px 0px;	
	margin-left: 0px;
}

h1, h2, h3 {
	color: #000;
	padding: 0px 0 5px 0;
	margin: 0;
	font-weight: bold;
	letter-spacing: 0em;
}

h1 {
	color:#111;
	font-size: 1.4em;
}
h2 {
	font-size: 1.2em;
}
h3 {
	font-size: 1em;
}
h4 {
	font-size: 0.8em;
}

p + p {
	margin-top: 0;
	text-indent: 0;
}

.csc-mailform-radio legend {
	display: none;
}

fieldset {
	border: 0;
	padding: 0;
}

input,
textarea {
	border: 1px solid #e0e0e0;
	color: #777777;
	padding: 2px;
	margin-left: 0px;
}


input[type="submit"] {
	background: #f8f8f8 none repeat scroll 0%;
	border: 1px solid #f0f0f0;
	color: #212121;
	margin: 5px 0 0 0;
	padding: 4px 6px;
	font-size: 14px;
	font-weight: bold;
}

input.searchbox-button {
	padding: 0;
	border: 0;
	margin: 4px 0 0 0;
}

.csc-mailform-field {
	margin: 0 0 20px 0;
}

label {
	display: block;
	margin: 0 0 5px 0;
}

.csc-mailform-radio label {
	float: left;
	clear: none;
	font-weight: normal;
}

.csc-mailform-radio .csc-mailform-radio {
	float: right;
	clear: both;
	margin-top: 15px;
}

span.csc-mailform-label {
	font-size: 16px;
	font-weight: bold;
	padding-top: 15px;
}

ul, ol {
	margin: 0px;
	padding: 0pt 0px;
	list-style: none;
	list-style-type: none;
}

hr {
	border-top: 1px solid #f4f4f4;
	height: 1px;
	margin: 10px 0;
}

#content-wrap {
	padding: 0;
	margin: 0;
}

#content {
	background: #fff url(../img/content-top_bggif) top left no-repeat;
	border: 0px solid #f0f0f0;
	border-bottom: 0px solid #e0e0e0;
	border-top: 0px solid #e0e0e0;
	padding: 0 10px 10px 10px;
	margin-top: 5px;
}

.column-content ul {
	margin-top: 10px;
}

.column-content ul li a {
	display: block;
	font-weight: normal;
	line-height: 24px;
	padding-left: 16px;
	background: transparent url(../img/arrow-black.gif) center left no-repeat;
}

.column-content ul li a:hover {
	background: #f8f8f8 url(../img/arrow-black.gif) center left no-repeat;
	text-decoration: none;
}

/* Use a break with this class to clear float containers on both sides */ 
.brclear { 
	clear: both; 
	height: 0; 
	margin: 0; 
	font-size: 1px; 
	line-height: 0;
}

div.border {
	border-right: 1px solid #f0f0f0;
}

div.border-bottom {
	border-bottom: 1px solid #f0f0f0;
}

.column-wrap {
	clear: both;
}

/**************wrapper*******************/

#wrapper {
	margin: 0px auto 0 auto;
	padding: 0;
	text-align: left;

}

/********************************************/
/*******  header                  ***********/
/********************************************/ 
#header-wrap {
	width: 100%;
	position: relative;
	background: transparent;
	border-top: 0px solid #fff;
	margin: 0px 0 0 0;
}

#header {
	height: 40px;
	width: 970px;
	clear: both;
	border-top: 0px solid #303030;
}

#logo a {
	margin: 50px 0 0 20px;
	position: absolute;
	float: left;
	clear: none;
}

#nav-wrap {
	margin: 0 0 0px 0;
	padding: 0px 0 0px 0;
	border-bottom: 0px solid #c0c0c0;
	border-top: 0px solid #e70000;
	background: transparent;
}

div#nav {
	border-top: 0px solid #e0e0e0;
	width: 970px;
	background: transparent;
}

ul#nav {
	margin: 0px 0 0px 250px;
	width: 700px;
	padding: 10px 5px;
	float: left;
	background: #f8f8f8 url(../img/main-nav_bg.gif) center left repeat-x;
	border-top: 0px solid #e0e0e0;
	border-bottom: 0px solid #e0e0e0;
	
}

div#submenu {
	
}

.subnav-pagetitle {
	padding: 0 10px 0 10px;
	line-height: 40px;
	background: #fff;
	color: #505050;
	letter-spacing: 0px;
	border-bottom: 1px solid #e0e0e0;
	border-top: 0px solid #e70000;
	font-size: 1em;
}

#subnav {
	margin-top: 34px;
	padding-top: 10px;
	padding-right: 1px;
	background: #fff url(../img/subnav_bg.png) top left no-repeat;
	min-height: 400px;
	border-top: 0px solid #f0f0f0;
	border-bottom: 0px solid #f0f0f0;
	border-right: 0px solid #f4f4f4; 
}

#subnav li {
	line-height: 2em;
	border-bottom: 1px solid #f8f8f8;
	padding: 0 0 0 0;
}

#subnav li a {
	line-height: 2em;
	padding: 2px 0 2px 10px;
	display: block;
	color: #000;
	font-weight: bold;
	background: transparent url(../img/subnav_arrow.png) center right no-repeat;
}

#subnav li a:hover {
	color: #e70000;
	background: #f0f0f0 url(../img/subnav_arrow.png) center right no-repeat;
}

#subnav li#current {
	background: transparent;
}

#subnav li.active {
	background: #fff;
}

#subnav li.active li {
	background: #fff;
}

#subnav li#current span {
	font-weight: bold;
	color: #fff;
	background: #e70000 url(../img/red-grad_bg.gif) top left repeat-x;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	text-decoration: none;
	cursor: default;
	display: block;
	padding: 2px 0 2px 10px;
}

#subnav li#current li a {
	background: transparent;
	font-weight: normal;
	color: #000;
	border: 0;
}

#subnav li#current li a:hover {
	background: #f0f0f0;
	cursor: pointer;
	text-decoration: underline;
}

#subnav li ul {
	margin: 0;
	padding: 0;
}

#subnav li ul li {
	border-bottom: 0px solid #f8f8f8;
}

#subnav li ul li a {
	padding: 2px 0 2px 20px;
	background: transparent;
	font-weight: normal;
}

#subnav li ul li ul li a {
	padding: 2px 0 2px 40px;
	background: transparent;
	font-weight: normal;
}


#subnav li ul li#current span {
	font-weight: bold;
	color: #fff;
	background: #e70000;
	padding: 2px 0 2px 20px;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	text-decoration: none;
	cursor: default;
	display:block;
}

.subnav2 {
	padding-top: 10px;
	background: #fbfbfb url(../img/subnav_bgpng) top left repeat-x;
	min-height: 600px;
	border-top: 1px solid #fff;
	border-right: 0px solid #e0e0e0; 
}

#topnav-wrap {
	float: right;
	padding-right: 10px;
}

#topnav {
	margin: 10px 0px 0 0;
	padding: 0 10px 0 0;
	float: right;
	border-right: 0px solid #e0e0e0;
}

#topnav li {
	list-style: none;
	list-style-type: none;
	float: left;
	padding: 0px 10px;
	line-height: 26px;
}

#topnav li a {
	color: #707070;
	font-size: 11px;
}

#topnav li a:hover {
	color: #e70000;
}

#topnav li.act a {
	font-weight: bold;
	color: #e70000;
}

#indexedsearchbox {
	float: right;
	margin: 10px 0px 0 20px;
}

#indexedsearchbox td {
	padding: 0;
}

input.searchbox-sword {
	margin: 1px 0;
	padding: 3px;
}

#breadcrumb-wrap {
	margin: 0px 0px;
	float: left;
	height: 34px;
	overflow: hidden;
	background: #fff;
	border-bottom: 0px solid #f0f0f0;
}

#options {
	float: right;
}

#breadcrumb {
	margin: 0px 0px;
	float: left;
}

#breadcrumb li,
#options li {
	list-style: none;
	list-style-type: none;
	float: left;
	padding: 0px 10px;
	line-height: 32px;
	font-size: 11px;
	color: #999;
}

#breadcrumb li a,
#options li a {
	color: #666;
}

#breadcrumb li.act {
	font-weight: bold;
	color: #e70000;
}

#pagetitle-wrap {
	margin: 0 0 0 0;
}

#pagetitle {
	background: #fff;
	border: 0px solid #e0e0e0;
	border-top: 0px solid #f0f0f0;
	padding: 0 10px;
}

.pagetitle {
	margin: 40px 0 40px 10px;
	padding: 0;
	font-size: 2.2em;
	font-weight: normal;
}

#footer-wrap {
	margin: 0px;
	
}

#footer {
	height: auto;
	color: #707070;
	font-size: 0.9em;
	padding: 10px 10px 10px 10px;
	clear: both;
	background: #fff url(../img/footer_bgpng) top left repeat-x;
	border-top: 0px solid #f0f0f0;
	border-bottom: 0px solid #f0f0f0;
	text-align: right;
	height: 80px;
}

#footer a {
	color: #666;
}

#footer a:hover {
	color: #e70000;
}

#footer .copyright {
	text-align: left;
}


/*******************************************/
/************* Extension Styles *************/
/*******************************************/


.pad5 {
	margin: 5px;
}

.pad10 {
	margin: 20px 10px;
}

.pad15 {
	margin: 15px;
}

.pad20 {
	margin: 20px;
}

.pad30 {
	margin: 10px;
}

.height50 {
	height: 50px;
}

.height100 {
	height: 100px;
}

.height150 {
	height: 150px;
}

.height200 {
	height: 200px;
}

.height250 {
	height: 250px;
}

.height300 {
	height: 300px;
}

.light-grey {
	background: #fbfbfb;
}

.light-grey-grad {
	background: #fbfbfb;
}

.medium-grey {
	background: #f0f0f0;
}

.medium-grey-grad {
	background: #f0f0f0;
}

.dark-grey {
	background: #707070;
}

.dark-grey-grad {
	background: #707070;
}

.red {
	background: #e70000;
	color: #fff;
}

.red h1,
.red h2,
.red h3,
.red h4,
.red h5,
.red h6,
.red a {
	color: #fff;
}

.red-grad {
	background: #e70000;
	color: #fff;
}

.red-grad h1,
.red-grad h2,
.red-grad h3,
.red-grad h4,
.red-grad h5,
.red-grad h6,
.red-grad a {
	color: #fff;
}




div.front-image {
	display: block;
	overflow: hidden;
	height: 400px;
	background: #fafafa url(../img/pics/front.jpg) top left no-repeat;
	border-bottom: 0px solid #f0f0f0;
	margin-bottom: 20px;
	position: relative;
}


div.front-image h1 {
	margin: 80px 0 0px 10px;
	padding: 5px 0 5px 10px;
	border-left: 5px solid #e70000;
	font-size: 1.6em;
}

div.front-image h3 {
	margin: 10px 0 0px 10px;
	padding: 0 0 0 10px;
	border-left: 5px solid #707070;
	font-size: 1em;
	font-weight: normal;
	color: #505050;
}

div.front-image h3 a {
	color: #505050;
	font-weight: bold;
}


.front-boxes {
	position: absolute;
	bottom: 10px;
}

div.front-red-box {
	background: transparent url(../img/red-trans.png) top left repeat;
	height: 160px;
	margin: 0px;
	color: #fff;
	display: block;
	padding: 10px 0 0 0;
}

div.front-red-box:hover {
	background: #e70000;
}

div.front-red-box ul {
	margin: 0px 5px;
}

div.front-red-box ul li a {
	padding: 0 0 0 20px;
	line-height: 24px;
	font-weight: normal;
	background: transparent url(../img/arrow-white.gif) center left no-repeat;
}

div.front-red-box ul li a:hover {
	background: #fff url(../img/arrow-black.gif) center left no-repeat;
	text-decoration: none;
	color: #000;
	font-weight: bold;
}

div.front-red-box h3 {
	color: #fff;
	padding: 5px 0px 5px 10px;
	margin: 0 0 5px 10px;
	font-size: 1.4em;
	font-weight: normal;
	border-left: 5px solid #b70000;
}

div.front-red-box:hover h3 {
	border-left: 5px solid #fff;
}

div.front-red-box p {
	color: #fff;
	margin: 10px 10px 10px 25px;
}

div.front-red-box a {
	color: #fff;
}


.front-news {
	background: #fefefe;
	border: 0px solid #e0e0e0;
	height: 250px;
	margin-top: 10px;
}

.front-news .news-latest-container {
	margin: 10px;
}


.front-news .csc-header h3 {
	padding: 0 10px;
	line-height: 30px;
	background: #707070 url(../img/grey-grad_bg.gif) bottom left repeat-x;
	color: #fff;
	letter-spacing: 0px;
	border-bottom: 1px solid #fff;
	border-top: 0px solid #e70000;
}

.front-vagt {
	background: #fff url(../img/vagt_bg.png) top right no-repeat;
	height: 120px;
	padding: 10px;
	border: 0px solid #f0f0f0;
}

.front-vagt p {
	margin-top: 20px;
	color: #707070;
}

.front-vagt p b {
	font-size: 1.6em;
	display: block;
	clear: both;
	color: #e70000;
}

.kompetencer,
.referencer {
	margin-bottom: 10px;
}

.kompetencer p,
.referencer p {
	margin: 10px;
	color: #707070;
}

.kompetencer ul {
	margin: 10px 10px 20px 10px;
}

.kompetencer ul li {
	padding: 5px 0 5px 20px;
	color: #505050;
	background: url(../img/check-mark.png) center left no-repeat;
}

.contact-box {
	background: #fff;
	border: 0px solid #e0e0e0;
	padding: 10px;
}

.contact-box h3 {
	border-bottom: 1px solid #f0f0f0;
	color: #000;
	margin-top: 40px;
}

.contact-box p {
	font-size: 0.9em;
}

.kontakt p {
	margin: 10px;
}

.bottom-content-common {
	padding: 0px 0 20px 0;
	margin-top: 40px;
	float: left;
	clear: both;
	border-top: 1px solid #f8f8f8;
	background: #fefefe url(../img/bottom-content_bg.png) top left repeat-x;
}

.bottom-content-common div.column {
	height: 180px;
	overflow: hidden;
}

.bottom-content-common div.border {
	border-right: 1px solid #e4e4e4;
}

.bottom-content-common h3 {
	border-bottom: 0px solid #f8f8f8;
	line-height: 24px;
}

.bottom-content-common cite {
	margin: 0px 0 0 0px;
	padding: 10px 0 0 0px;
	color: #303030;
	float: left;
	font-size: 1.1em;
	min-height: 100px;
}

.newsletter-box {
	
}

newsletter-box h3 {
	
}

/*******************************************/
/************* Headers *************/
/*******************************************/

.header-light-grey h3 {
	background: #fff url(../img/header-light-grey_bggif) bottom left repeat-x;
	border-top: 0px solid #e0e0e0;
	border-bottom: 1px solid #f8f8f8;
	padding: 10px;
}

.header-medium-grey h3 {
	background: #f0f0f0 url(../img/header-light-grey_bg.gif) bottom left repeat-x;
	border-top: 0px solid #e0e0e0;
	border-bottom: 1px solid #c0c0c0;
	padding: 10px;
}

.header-dark-grey h3 {
	background: #303030 url(../img/header-dark-grey_bg.gif) top left repeat-x;
	border-top: 0px solid #e0e0e0;
	border-bottom: 1px solid #101010;
	padding: 10px;
	color: #fff;
}

.pad30 .header-light-grey h3,
.pad30 .header-medium-grey h3,
.pad30 .header-dark-grey h3 {
	margin: -10px -10px 0 -10px;
}

.header {
	min-height: 80px;
	margin-bottom: 20px;
	border-bottom: 0px solid #f0f0f0;
	color: #000;
	font-size: 1.2em;
}

.header h1 {
	font-weight: bold;
	font-size: 1.4em;
	line-height: 1.4em;
	text-transform: capitalize;
	margin: 20px 0 0 0px;
	color: #000;
	border-left: 5px solid #e70000;
	padding-left: 10px;
}

.header p.header-subtitle {
	width: 400px;
}

.page-header {
	min-height: 120px;
	background: #fff;
	margin-bottom: 20px;
	border-bottom: 0px solid #f0f0f0;
	color: #000;
	font-size: 1.1em;
	position: relative;
}

.page-header h1 {
	font-weight: bold;
	font-size: 1.4em;
	line-height: 1.4em;
	text-transform: capitalize;
	margin: 20px 0 0 10px;
	color: #000;
	border-left: 5px solid #e70000;
	padding-left: 10px;
}

.page-header div.page-header-subtitle {
	width: 100%;
	float: left;
	clear: both;
	background: transparent url(../img/white-trans.png) top left repeat;
	padding: 0;
	position: absolute;
	bottom: 0px;
}

.page-header div.page-header-subtitle span {
	line-height: 18px;
	display: block;
	color: #212121;
	font-weight: bold;
	margin: 10px 240px 10px 10px;
}

#hauge-vis-reference .page-header,
#hauge-vis-nyhed .page-header {
	display: none;
}

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 10000;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
	
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../img/prev.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../img/next.gif) right 50% no-repeat; }

/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText{
color: #e70000;
font-weight:bold;
text-decoration: none;
}
#nextLinkText{
padding-left: 20px;
}
#prevLinkText{
padding-right: 20px;
}
/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/

.ontop #imageData {
    padding-top: 5px;
}

/*** END : added padding when navbar is on top ***/

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}
#imageData #helpDisplay {clear: left; float: left; display: block; }

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	display: none;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}

#case {
	background: url(../img/casebg.jpg) top right no-repeat;
}	

.single-pagebrowser {
	margin: 20px 0 20px 10px;
	font-size: 0.9em;
	float: left;
}

.single-pagebrowser li {
	float: left;
	clear: none;
}

.single-pagebrowser li.link-list {
	margin-right: 30px;
	padding-left: 15px;
	background: url(../img/ikon-oversigt.gif) center left no-repeat;
}

.single-pagebrowser li.link-prev {
	margin-right: 0px;
	padding-left: 15px;
	background: url(../img/ikon-prev.gif) center left no-repeat;
}	

.single-pagebrowser li.link-next {
	margin-left: 10px;
	padding-right: 15px;
	background: url(../img/ikon-next.gif) center right no-repeat;
}	


ul#filter { float: left; font-size: 12px; list-style: none; margin-left: 10px; margin-top: 0px; margin-bottom: 10px; width: 100%; background: #fff; border-bottom: 1px solid #f8f8f8; padding: 5px 0; }
ul#filter li { 
	border-right: 1px solid #dedede;
	float: left;
	line-height: 24px;
	margin-right: 10px;
	padding-right: 10px;
}
ul#filter li:last-child { border-right: none; margin-right: 0; padding-right: 0; }
ul#filter a { color: #999; text-decoration: none; }
ul#filter li.current a, ul#filter a:hover { text-decoration: underline; }
ul#filter li.current a { color: #333; font-weight: bold; }
ul#filter li.info { border-right: none; margin-right: 10px; padding-right: 10px; }

.thumbnailList {
	margin: 10px;
	clear: both;
	display: block;
}

.thumbnailList li {
	float: left;
	clear: none;
	margin: 0 10px 20px 0;
	width: 200px;
	height: 125px;
	overflow: hidden;
	padding: 9px;
	background: #fff;
	border: 1px solid #f8f8f8;
	position: relative;
}

.thumbnailList li:hover {
	background: #f8f8f8;
	border: 1px solid #e0e0e0;
	color: #E70000;
}

.thumbnailList li a {
	font-weight: bold;
	color: #333;
}

.thumbnailList li:hover a {
	color: #E70000;
}

.thumbnailList li p a {
	padding: 15px 0 15px 5px;
	z-index: 100;
	position: absolute;
	bottom: 9px;
	width: 195px;
	background: transparent url(../img/white-trans.png) top left repeat;
}

.thumbnailList li a img {
	width: 200px;
	overflow: hidden;
}

.single-thumbnails {
	margin: 10px 0 0 0;
}	

.single-thumbnails li {
	float: left;
	clear: none;
}

.single-thumbnails li a img {
	width: 100px;
	height: 100px;
}

.single-thumbnails li a {
	display: block;
	width: 90px;
	height: 90px;
	overflow: hidden;
	border: 5px solid #fff;
	background: #e0e0e0;
	text-align: center;
}

.single-thumbnails li a:hover {
	border: 5px solid #e0e0e0;
}

.single-thumbnails-nav {
	height: 40px;
}

.single-thumbnails-nav li {
	float: left;
	clear: none;
	padding: 10px;
	margin-right: 10px;
}




/* default styles for extension "tx_wecstaffdirectory_pi1" */
/*-------------------------- STAFF DIRECTORY STYLES ---------------------------*/
.tx-wecstaffdirectory-pi1 {
	font-family: 	Arial, Tahoma, Verdana, "Times New Roman";
	font-size:		12px;
}*
.tx-wecstaffdirectory-content {
	width:			600px;
    margin: 		2px;
}
.tx-wecstaffdirectory-header {
	float:			left;
	font-size:		14px;
	font-weight:	bold;
	padding:		0px;
	padding-top:	8px;
	padding-bottom: 3px;
	margin:			0px;
	margin-top:		8px;
	width:			100%;
	clear:			both;
}

.tx-wecstaffdirectory-title {
	display:		block;
	font-size:		16px;
	font-weight:	bold;
	text-align:		center;
	margin:			0px auto;
	width:			100%;
}
.tx-wecstaffdirectory-responseMsg {
	display:		block;
	font-weight:	bold;
	font-size:		105%;
	color: 			#F02020;
	padding:		0px;
	text-align: 	center;
	margin:			0px auto;
	margin-top: 	4px;
	margin-bottom: 	8px;
	width:			100%;	
}
.tx-wecstaffdirectory-errorText {
	display:		block;
	color:			#FF2020;
	text-align:		center;
	font-size:		105%;
	font-weight:	bold;
	width:			100%;	
}
.tx-wecstaffdirectory-fullWidth {
	width: 100%;
}
.tx-wecstaffdirectory-fullWidthCentered {
	width: 		100%;
	margin: 	0px auto;
	text-align: center;
}
.tx-wecstaffdirectory-stafflist, .tx-wecstaffdirectory-staffpage, .tx-wecstaffdirectory-staffrandom {
	display:	block;
	font-size:	12px;
	padding:	2px;
	margin:		1px;
}
.tx-wecstaffdirectory-staffpage {
	width:		100%;
	position: relative;
}
.tx-wecstaffdirectory-stafflist {
	width:		100%;
	height:		100%;
}

.tx-wecstaffdirectory-staffpage a, .tx-wcstaffdirectory-stafflist a {
	text-decoration: none;
}

.tx-wecstaffdirectory-random {
	width:	200px;
	height:	200px;
}

.tx-wecstaffdirectory-stafflist-column {
	float:		left;
	width:		48%;
	height:		120px;
	padding-bottom:5px;
}
.tx-wecstaffdirectory-stafflist div.leftColumn {
	float: left;
	display: box;
	width:	30%;
}
.tx-wecstaffdirectory-stafflist div.rightColumn {
	float: left;
	display: box;
	width:	65%;
	padding-left: 4px;
}

.tx-wecstaffdirectory-stafflist .float-med 	{ float:left; width:15%; padding-left:5px; line-height:1.4em;}
.tx-wecstaffdirectory-stafflist .float-lg 	{ float:left; width:20%; padding-left:5px; line-height:1.4em;}
.tx-wecstaffdirectory-stafflist .float-xlg 	{ float:left; width:25%; padding-left:5px; line-height:1.4em;}
.tx-wecstaffdirectory-stafflist .float-xxlg { float:left; width:30%; padding-left:5px;line-height:1.4em; }
.tx-wecstaffdirectory-stafflist .float-sm 	{ float:left; width:10%; padding-left:5px; line-height:1.4em;}
.tx-wecstaffdirectory-stafflist .float-xsm 	{ float:left; width:5%; padding-left:5px; line-height:1.4em;}
.tx-wecstaffdirectory-stafflist .float-photo { float:left; display:box; width:30%; padding-right:10px; }
.tx-wecstaffdirectory-stafflist .header 	{ font-weight:bold;font-size:110%; }

.tx-wecstaffdirectory-stafflist .fullwidth 	{ width:100%; padding-bottom:2px;}
.tx-wecstaffdirectory-stafflist .xsmText  	{ font-size:10px; }
.tx-wecstaffdirectory-stafflist .smText  	{ font-size:11px; }
.tx-wecstaffdirectory-stafflist .medText 	{ font-size:12px; }
.tx-wecstaffdirectory-stafflist .lgText  	{ font-size:14px; }
.tx-wecstaffdirectory-stafflist .xlgText  	{ font-size:16px; }
.tx-wecstaffdirectory-stafflist .isBold  	{ font-weight:bold; }
.tx-wecstaffdirectory-stafflist .gutter  	{ float:left; display:box; width:100%;}
.tx-wecstaffdirectory-stafflist-alt1    	{ background-color:;}
.tx-wecstaffdirectory-stafflist-alt2    	{ background-color:;}

.tx-wecstaffdirectory-staffpage .photo {
	display:block;
	float:left;
	padding-right: 20px;
	margin-top: 60px;
}
.tx-wecstaffdirectory-staffpage .topmenu {
	display: 	block;
	width:		700px;
	height: 	40px;
	clear:		both;
	text-align:right;
	padding:	0px;
	margin:		0px;
	position: 	absolute;
	top: 		0;
	border-bottom: 1px solid #f0f0f0;
}
.tx-wecstaffdirectory-staffpage .topmenu div {
	float: right;
	clear: none;
}
.tx-wecstaffdirectory-staffpage .topmenu .sep {
	padding-top: 8px;
	float: left;
	clear: none;
}
.tx-wecstaffdirectory-staffpage .maincontent {
	display:		block;
	float:			left;	
	width:			70%;
	padding:		0px;
	margin-top: 	60px;
	margin-bottom:	60px;
}
.tx-wecstaffdirectory-staffpage .fullwidth, .tx-wecstaffdirectory-staffpage .fullwidth-centered {
	display: 	block;
	float: 		left;
	width:		95%;
	clear:		both;
	padding:	0px;
}
.tx-wecstaffdirectory-staffpage .fullwidth-centered { 
	text-align:	center;
	margin:		0px auto;
}
.tx-wecstaffdirectory-staffdepartment {
	float:		left;
	width:		100%;
	padding:	2px;
	margin-bottom: 2px;
	margin-top:  8px;
	border-bottom: 1px solid #888;
	font-size:	16px;
	font-weight:bold;
}
.tx-wecstaffdirectory-staffdepartment .title {
	float:		left;
	font-size:	16px;
	font-weight:bold;
	padding-left: 10px;
}
.tx-wecstaffdirectory-staffdepartment .image {
	float:		left;
	padding-right: 10px;
}
.tx-wecstaffdirectory-staffdepartment .description {
	float:		left;
	font-size:	12px;
	font-weight:normal;
	padding-left:10px;
	padding-top:3px;
}
.tx-wecstaffdirectory-fieldHeader {
	display:		block;
	float:			left;
	width:			100%;
	font-weight:	bold;
	font-size:		14px;
	margin-top:		8px;
	margin-bottom:	2px;
}
.tx-wecstaffdirectory-fieldHeaderLarge {
	font-size:		18px;
	font-weight:	bold;
}
.tx-wecstaffdirectory-fieldLabel {
	display:		block;
	float:			left;
	width:			35%;
	padding-left:	8px;
	padding-bottom: 2px;
	clear:			left;
}
.tx-wecstaffdirectory-fieldDescription {
	display:		block;
	float:			left;
	width:			60%;
	padding-bottom: 2px;
}
.tx-wecstaffdirectory-fieldDescriptionLarge {
	display:		block;
	float:			left;
	width:			90%;
	padding-bottom: 2px;
	padding-left:	8px;
}
.tx-wecstaffdirectory-spacer {
	clear:			both;
	line-height:	0.1em;
	height:			0.1em;
}
.tx-wecstaffdirectory-pagelink {
	font-size:		12px;
	padding:		0px;
	margin:			0px;
	margin-top:		4px;
	margin-right:	10px;
}
.tx-wecstaffdirectory-editbutton {
	font-size:		11px;
}
.tx-wecstaffdirectory-addbutton {
	font-size:		12px;
	clear:			both;
	padding:		4px;
	text-align:		center;
	margin:			0px auto;
}
.tx-wecstaffdirectory-form {
	width: 		100%;
	margin:		0px 10px;
	padding:	0px;
    padding-bottom: 25px;
    margin-top:	5px;
    margin-bottom:5px;
}
.tx-wecstaffdirectory-form div.header {
	font-size: 125%; font-weight:bold; padding: 6px; min-height: 40px; border: 0;
}
.tx-wecstaffdirectory-form div.inputFormRow {
	clear: both;  margin:0px; padding:0px; padding-top: 2px;
}
.tx-wecstaffdirectory-form div.inputFormRow span.label {
	float: left;  width: 25%; text-align: right;  padding-top:3px;
}
.tx-wecstaffdirectory-form div.inputFormRow span.textacross {
	float: left;  width: 100%;  text-align: center;
}
.tx-wecstaffdirectory-form div.inputFormRow span.bottomrow {
	float: left;  width: 100%;  text-align: center; padding-top:8px; padding-bottom:8px;
}
.tx-wecstaffdirectory-form div.inputFormRow span.inputBox {
	float: right; width: 73%; text-align:left;
}
.tx-wecstaffdirectory-form div.inputFormRow span.inputBox input {
	width: 95%;
}
.tx-wecstaffdirectory-form div.inputFormRow span.inputBox .inputMedium {
	width: 150px;
}
.tx-wecstaffdirectory-form div.inputFormRow span.inputBox .inputShort {
	width: 90px;
}
.tx-wecstaffdirectory-form div.inputFormRow span.inputBox textarea {
	 width:	95%;	height:140px;
}
.tx-wecstaffdirectory-form div.inputFormRow span.inputBox textarea.high {
	 width:	95%;	height:100px;
}
.tx-wecstaffdirectory-form div.inputFormRow span.inputBox input.button {
	 width:	100px;
}

* .tx-wecstaffdirectory-content {
	width: auto;
}

.tx-wecstaffdirectory-staffdepartment {
	border-bottom: 1px solid #f0f0f0;
	margin: 20px 0 10px 0;
}

.tx-wecstaffdirectory-staffdepartment .title {
	font-size: 14px;
}