/* EXTERIOR TEMPLATE STYLES
------------------------------------------------------------------ */

/*
	This file should contain the design styles for the exterior template.
	It should also be called from the exterior template file.

*/

/* TOOLBOX
------------------------------------------------------------------ */

.hide	{ display:none; }
.clear 	{ clear:both; }
.bold 	{ font-weight:bold; }
.absmiddle { vertical-align: middle; }

/* MAIN LAYOUT
------------------------------------------------------------------ */
#container { /* This is the mainwrapper */
	width:1000px;
	margin:3px auto;
	/*border:1px solid #000000;*/
	background: url(/images/bg_art.gif) #FFFFFF no-repeat bottom right;
	position: relative;}
#container .breadcrumbs { min-height: 15px; height: auto !important; height: 15px; line-height: 15px; font-family:Verdana, Arial, Helvetica, sans-serif;font-size: 10px; margin: 0; }
#container .breadcrumbs a:link,
#container .breadcrumbs a:visited { color: #000000; text-decoration: none; }
#container .breadcrumbs a.selected { font-weight: bold; }

/* HEADER */
#header { background-color:#CACAAE;	position:relative; height:81px; }
#header .left {	position: absolute; top: 22px; left: 20px; width:170px; }
#header .right { position: absolute; top: 20px; right: 20px; text-align:right; width: 390px; }
#header .links { font-family:Verdana, Arial, Helvetica, sans-serif; margin-top:5px; font-size:10px; font-weight:bold; }
#header .links a:link {color:#000000; text-decoration:none;}
#header .links a:hover {color:#000000; text-decoration:underline;}
#header .links a:visited {color:#000000;}
#header input {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#858569;
	border:1px solid #858569;
	height:15px;
	padding:2px 0 1px 8px;}
#header .button {
	font-size:10px;
	font-family:"Times New Roman", Times, serif;
	color:#5E6054;
	background-color:#FFFFFF;
	border:1px solid #858569;
	height:20px;
	padding:1px 1px 1px 3px;}

.advancedSearch a
	{ font-family:Verdana, Arial, Helvetica, sans-serif;text-decoration:none; margin-bottom:2px; margin-top:5px; font-size:10px; font-weight:bold; color:#000; }

/* LEFT AND RIGHT */

/* LEFT */
#left a:link,
#left a:visited { color:#3D3D3D; text-decoration:none;}
#left a:hover,
#left a:active { color:#858569; text-decoration:underline;}

#left {	float: left; display: inline; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;	float:left;	width:188px; margin: 0px 18px 20px 20px; /*overflow: hidden;*/}
#left .menuHeader { color: #3D3D3D; font-weight: bold; font-family: verdana; padding-top: 1em;}
#left .menu { position: relative;  margin:3px 5px 20px 5px; }
#left .menuHeaderImage { margin: 10px 0 0 0; }
#left .menu ul { margin: 0px; padding-left: 0px; list-style: none; }
#left .menu ul li {
	line-height: 160%;
	font-weight: bold;
	padding-left: 7px;
	background: url(../images/arrow_red.gif) no-repeat;
}
#left .menu ul li.selected a { color: #858569; }
#left .menu ul li ul { padding-left:0px; margin: 0px; padding-top: 0px; }
#left .menu ul li ul li { padding-left: 7px; background-image: none; line-height: 130%}
#left .menu ul li ul li.last  { padding-bottom: 5px; }
#left .menu ul li.selected ul li a { color: #3D3D3D; }
#left .menu ul li.selected ul li.selected a{ color:#858569; }

#left .menu ul li.selected ul li.selected ul li a { color: #3D3D3D; }
#left .menu ul li.selected ul li.selected ul li.selected a{ color:#858569; }
#left .moreLinks { margin: 0 0 20px 4px; }

#left input,
#left select {
	border:1px solid #7F9DB9;
	width:113px;
	font-size:10px;
	height:14px;
	margin-top:2px;
	padding:3px 0 2px 3px;}

#left form {
	background-image:url(../templateImages/formsBg.gif);
	background-repeat:repeat-y;
	margin:10px 0 0px 3px;
	padding-bottom:8px;}

#left .oneBgRow{
	background-image:url(../templateImages/formsBgOneRowSmall.gif);
	background-repeat:no-repeat;
	margin:5px 0 0 3px;
	padding-bottom:3px;}

#left .oneBgRow .select{
	width:auto;
	border:none;}

#left .button {
	font-size:10px;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	color:#5E6054;
	background-color:#FFFFFF;
	border:1px solid #858569;
	width:45px;
	height:19px;
	padding:0 0 1px 0;}


/* MAINCONTENT */
#mainContent {
	float: left;
	display: inline;
	background: green;
	margin-top: 0;
	width:568px;
	min-height: 850px;
	background: transparent;
	height: auto !important;
	height: 850px;}

/* Share widgets
---------------------------------------- */
#share {
	clear: left;
	margin: 20px 10px 20px 0px;
	position: relative;
	bottom: 0px;
	left: 0px;
}
#share .share-item-twitter{
	float: left;
	margin-top: 2px;
	width: 80px;
}
#share .share-item-fb{
	float: left;
	width: 350px;
}

/* RIGHT */
#right a:link,
#right a:visited { color:#3D3D3D; text-decoration:none;}
#right a:hover,
#right a:active {color:#858569; text-decoration:underline;}

#right { float: left; display: inline; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; width:178px; margin: 0px 14px 20px 14px; overflow: hidden;}
#right .menu { position: relative;  margin:10px 5px 20px 5px; }
#right .menu ul { margin: 0px; padding-left: 0px; }
#right .menu ul li { list-style: none; line-height: 14px; font-weight: bold; }
#right .menu ul li.selected a { color: #858569; }
#right .menu ul li.selected li a { color: #3D3D3D; }
#right .menu ul li ul { padding-left:0px; margin: 0px; padding-top: 0px; }
#right .menu ul li ul li { padding-left: 10px; }
#right .menu ul li ul li.first { display:none; }
#right .menu ul li ul li.last  { padding-bottom: 5px; }
#right .menu ul li ul li.selected a{ color:#000000; }
#right .moreLinks {	margin: 0 0 20px 4px;}

#right input,
#right select {
	border:1px solid #7F9DB9;
	width:135px;
	font-size:10px;
	height:14px;
	margin-top:2px;
	padding:3px 0 1px 3px;}
#right select {width:139px; height:19px;}

#right form {
	background-image:url(../templateImages/formsBgOneRow.gif);
	background-repeat:no-repeat;
	margin:-5px 0 20px 18px;
	padding-bottom:10px;}

#right .sundayPortalHeading {
	font-size:11px;
	font-weight:bold;}

#right .sundayPortalHeading a:link,
#right .sundayPortalHeading a:visited {
	color: #858569;}

#right .sundayPortalText {
	font-size:11px;
	margin:10px 0 10px 0}

/* ENCYCLOPEDIA
------------------------------------------------------------------ */
.encyclopedia { width: 140px; margin: 10px auto 20px auto; border: 1px solid #CACAAE;  background: #CACAAE; }
.encyclopedia .l { width: 20px; display: block; float: left; background: #EEEEE6; }
.encyclopedia .l a { border: 1px solid #CACAAE; line-height: 160%; text-align: center; color: #858569; display: block; width: auto; background: #FFFFFF; }
.encyclopedia .l a:hover { text-decoration: none; color: #000000; background: #EEEEE6; }

/* FOOTER
------------------------------------------------------------------ */
#footer {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	margin:25px auto 0 auto;
	width: 560px;
	color:#727272;
	text-align:center;
	clear:both;}

/* LINKS LEFT AND RIGHT
------------------------------------------------------------------*/

#left a:link, #left a:visited,
#right a:link, #right a:visited  {  font-family:Verdana, Arial, Helvetica, sans-serif; color:#3D3D3D; }
#left a:hover,
#right a:hover { color:#858569;}

/* DROPDOWN MENU
------------------------------------------------------------------ */

#menuTop { position: relative;	z-index: 99;	height:23px; background: url(../templateImages/menu_bg.png) #EEEDE8 repeat-x; padding-left: 10px; }
#menuTop div { margin-left: 0px; display: block; height: 21px; padding-left: 0px; }
#menuTop div div { float: left; border: 0px solid #000000; border-width: 1px 0; position: relative; display: block; }
#menuTop div div a { display: block; line-height: 12px; margin-top: 5px; padding: 0 10px; font-family: Verdana, Arial, Helvetica; font-size: 10px; font-weight: bold; text-decoration: none; color: #000000; border: 0px solid transparent; border-left: 1px solid black; }
#menuTop div div.first a { border-left: 1px solid #EEEDE8;}
#menuTop div div:hover,
#menuTop div div.selected {	border: 1px solid #000000; border-bottom-color: #FFFFFF; background: #FFFFFF; margin-right: -1px; }
#menuTop div div.selected { z-index: 99; }
#menuTop div div:hover { z-index: 99; }
#menuTop div div:hover a,
#menuTop div div.selected a { border-width: 0px; color: #858569; margin: 0px; padding-top: 5px; line-height: 12px; padding-bottom: 4px; z-index: 99 }
#menuTop div div div { display: none; }
#menuTop div div:hover div { display:block; position:absolute; left:auto; margin-left:-1px; padding:0; border: none; width:172px; }
#menuTop div div div div { display: block; }
#menuTop div div:hover div div { display: block; position: relative; height: auto; background: #FFFFFF; margin: 0px; border: 1px solid #000000; border-top-width: 0px; }
#menuTop div div:hover div div.first { border-top-width: 1px; }
#menuTop div div:hover div div a { display: block; padding: 5px 8px; border: none; color: #59595B; }
#menuTop div div:hover div div:hover a,
#menuTop div div:hover div div.selected a { color: #FFFFFF; background: #EC1D25; }

/* EMPLOYEE REGISTER
------------------------------------------------------------------ */
#employees {
	/*float: left;
	width: 372px;*/
	min-height: 790px;
	height: auto!important;
	height: 790px;
	border:1px solid #e0e2d5;
	border-top: none;
	border-bottom: none; }
	/* slides wrapper */
	#employees ul#showoff-elements {
		list-style-type: none;
	}
	/* slides */
	#employees li.showoff-element {}
		#employees li.showoff-element  td img { margin: 0 15px; border: none; }
	/* controls wrapper */
	#employees .info-box-content {}
	/* prev next wrapper */
	#employees #showoff-header {
		/*width: 342px;*/
		border: 1px solid #e0e2d5;
		border-right: none;
		border-left: none;
		padding: 0 15px;
		background: #eeede8; }
		#employees a#showoff-prev,
		#employees a#showoff-next {
			display: block;
			padding: 5px 0;
			color: black;
			text-decoration: none; }
		#employees a#showoff-prev { float: left; }
		#employees a#showoff-next { float: right; }
	/* category header */
	#employees h3#catHeader { padding: 0 15px; }
	/* linkcontrols wrapper */
	#employees #showoff-controls {}
	#employees #showoff-controls ul {
		list-style: none;
		margin: 0;
		padding: 0; }
	#employees #showoff-controls li {
		display: block;
		float: left;
		width: 33%;
		height: 20px;}
	#employees #showoff-controls li.el1 {
		width: 33%;}
	#employees #showoff-controls li.el2 {
		border-left: 1px solid #e0e2d5;
		width: 33%;}
	#employees #showoff-controls li.el3 a {
		border-left: 1px solid #e0e2d5;
		clear: both;}
	#employees #showoff-controls li a {
		color: black;
		text-decoration: none;
		margin: 1px 0;
		padding: 3px 15px; }
	#employees #showoff-controls li.selected a { background: #eeede8; }
		
/* employee MENU */

#employeeMenuWrap {
	float: left;
	width: 178px;
	min-height: 790px;
	height: auto!important;
	height: 790px;
	padding-top: 5px;
	padding-left: 15px; }
#employeeMenuHeader {
	border: 1px solid #84846a;
	border-right: none;
	border-left: none;
	padding: 2px 0 1px 5px;
	font-size: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	font-weight: 100; }
ul#employeeMenu {
	width: 178px;
	margin: 0 0 0 0;
	padding: 0;
	overflow: hidden; }
ul#employeeMenu li {
	list-style: none;
	margin: 0 0 0 0;
	padding: 0; }
ul#employeeMenu li a {
	display: block;
	width: 160px;
	padding: 1px 10px 1px 15px;
	background: url(../images/pil-ansatteregister.gif) no-repeat 5px 6px;
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 11px;
	font-weight: 700;
	color: #3d3d3d;
	text-decoration: none; }
ul#employeeMenu li a:hover { color: #858569;}
ul#employeeMenu li.selected {
	background: #eeede8; }