﻿#axisFlexFoot td,
#axisFlexFoot a {
/*	color: #666;
	font-size: 10px;  */
}

#axisFlexAddress .logo {
/*	float:left;
	padding-right: 5px;  */
}

#axisFlexAddress .slogan {
/*	color: #666;
	float:left;	
	font-style: italic;  */
}

#axisFlexAddress .text {
/*	color: #666;
	float:right;  */
}

#axisFlexAddress a {
/*	text-decoration: none;  */
}


/* ----------  FOOTER LAYOUT START added by Marina 2013-02-20 ---------- */ 

#axisFlexAddress {
	/*  if needed  */
	text-align: left !important;
}

#footerBoxWrapper {
	z-index: 1; /* prevent shadows falling behind container */
}

#footer {
	clear: both;
	width: 750px;
	height: 175px;
	color: #eee;	
	background-color: #7d7065;
	background: -webkit-gradient(linear, left top, left bottom, from(#97887d), to(#6f645b));
   	background: -moz-linear-gradient(top,  #97887d,  #6f645b);
   	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#97887d', endColorstr='#6f645b');   	
   	position: relative;
	float: left;
	padding: 0 !important; 
	margin: 0 30px 30px 0;	
	-moz-box-shadow: 0px 0px 8px #888; 						/* ordinary outer footer shadow, not the curved shadow */
	-webkit-box-shadow: 0px 0px 8px #888;	 				/* ordinary outer footer shadow, not the curved shadow */
	box-shadow: 1px 1px 30px 2px rgba(136,136,136,0.18); 	/* ordinary outer footer shadow, not the curved shadow */
}

#footer:before,
#footer:after {
	content: '';
	z-index: -1;  /* change to 1 if you want to see the hidden shadow boxes */
	position: absolute;
	left: 12px;
	bottom: 11px;
	width: 70%;
	max-width: 290px; /* avoid rotation causing ugly appearance at large container widths */
	max-height: 100px;
	height: 55%;
	-webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
	-webkit-transform: skew(-15deg) rotate(-6deg);  
	-moz-transform: skew(-15deg) rotate(-6deg);
	-ms-transform: skew(-15deg) rotate(-6deg);
	-o-transform: skew(-15deg) rotate(-6deg);
	transform: skew(-15deg) rotate(-6deg);
	margin: 0px 1px 5px 1px;
}

#footer:after {
	left: auto;
	right: 12px;
	-webkit-transform: skew(15deg) rotate(6deg);
	-moz-transform: skew(15deg) rotate(6deg);
	-ms-transform: skew(15deg) rotate(6deg);
	-o-transform: skew(15deg) rotate(6deg);
	transform: skew(15deg) rotate(6deg); 
}

#footer.minimal {
/*	height: 0;*/
	height: 70px;
	margin-top: -70px;
	z-index: -1;
}

#footer.minimal:before,
#footer.minimal:after {
	-webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

#footerColumnFirst {
	height: 125px;
	width: 119px;
	margin: 21px 0px 19px 0px !important;     /*  decides the height of the lines in between the columns  */
	padding: 4px 30px 5px 30px !important;    /*  30px ändrad från 36px  */
	border-right: 1px solid #7c6f64;
	float: left;
/*	box-sizing: border-box;         /*  width includes padding, old IE default  */
/*  -moz-box-sizing: border-box;    /*  width includes padding, old IE default  */
/*  -webkit-box-sizing: border-box;  /*  width includes padding, old IE default  */
}

#footerColumnMiddle {
	height: 125px;
	width: 235px;
	margin: 21px 0px 19px 0px; 
	padding: 4px 30px 5px 30px !important;
	border-right: 1px solid #7c6f64;
	float: left;
	border-left: 1px solid #8e8074;
/*	box-sizing: border-box;         /*  width includes padding, old IE default  */
/*  -moz-box-sizing: border-box;    /*  width includes padding, old IE default  */
/*  -webkit-box-sizing: border-box;  /*  width includes padding, old IE default  */
}

#footerColumnMiddle p.firstColumn {
	float: left;
	width: 100px;
}

#footerColumnMiddle p.secondColumn {
	float: left;
	display: inline-block;
	padding: 0px 0px 0px 10px;
	width: 117px;
}

#footerColumnLast {
	height: 125px;
	width: 210px;  
	margin: 21px 0px 19px 0px; 
	padding: 4px 30px 5px 30px !important;
	float: left;
	border-left: 1px solid #8e8074;
/*	box-sizing: border-box;         /*  width includes padding, old IE default  */
/*  -moz-box-sizing: border-box;    /*  width includes padding, old IE default  */
/*  -webkit-box-sizing: border-box;  /*  width includes padding, old IE default  */
}

#footerColumnFirst h1, #footerColumnMiddle h1 {
	padding: 0px 0px 5px 0px !important;
	font-family: Verdana, sans-serif;
	font-size: 16px;
	font-weight: 600;
/*	font-size: 1.100em; */
	color: #ffffff;
	letter-spacing: 1px;
}

#footerColumnLast h1 {
	padding: 0px 0px 5px 0px !important;
	font-family: Verdana, sans-serif;
	font-size: 16px;
	font-weight: 600;
	color: #ffffff;
	letter-spacing: 1px;
}

#footerColumnFirst p, #footerColumnMiddle p {	
	padding: 0px 0px 5px 0px;
	font-family: Lucida Sans Unicode, Tahoma, Verdana, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #d6cfc9;
	line-height: 160%;
/*	letter-spacing: 0.1em;  */
}

#footerColumnLast p {
	padding: 4px 0px 5px 0px !important;
	font-family: Lucida Sans Unicode, Tahoma, Verdana, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #d6cfc9;
	line-height: 160%;
/*	letter-spacing: 0.1em;  */
}

#footerColumnFirst a, #footerColumnMiddle a, #footerColumnLast a {
	color: #eee;
	text-decoration: none;
}

#footerColumnFirst a:hover, #footerColumnMiddle a:hover, #footerColumnLast a:hover {
	color: #fff;
}

#socialMediaIcons {
 	float: left;
	font-size: 0px;
}

#socialMediaIcons a{
	display: inline-block;
	height: 21px;
	width: 21px;
	margin: 0px 0px 0px 0px;
	background-repeat: no-repeat;
	background-position: left center;
	letter-spacing: -1px;
}

#youtubeIcon {
	background-image: url('/core/graphics/top_and_footer/social_media_icons/youtube.png');
	padding: 0px 3px 0px 0px;
}

#youtubeIcon:hover {
    background-image: url('/core/graphics/top_and_footer/social_media_icons/youtube-hover.png');
}

#twitterIcon {
	background-image: url('/core/graphics/top_and_footer/social_media_icons/twitter.png');
	padding: 0px 3px 0px 0px;
}

#twitterIcon:hover {
	background-image: url('/core/graphics/top_and_footer/social_media_icons/twitter-hover.png');
}

#fbIcon {
	background-image: url('/core/graphics/top_and_footer/social_media_icons/fb.png');
	padding: 0px 3px 0px 0px;
}

#fbIcon:hover {
	background-image: url('/core/graphics/top_and_footer/social_media_icons/fb-hover.png');
}

#linkedinIcon {
	background-image: url('/core/graphics/top_and_footer/social_media_icons/linkedin.png');
	padding: 0px 3px 0px 0px;
}

#linkedinIcon:hover {
	background-image: url('/core/graphics/top_and_footer/social_media_icons/linkedin-hover.png');
}

#flickrIcon {
	background-image: url('/core/graphics/top_and_footer/social_media_icons/flickr.png');
	padding: 0px 3px 0px 0px;
}

#flickrIcon:hover {
	background-image: url('/core/graphics/top_and_footer/social_media_icons/flickr-hover.png');
}

#rssIcon {
	background-image: url('/core/graphics/top_and_footer/social_media_icons/rss.png');
	padding: 0px 3px 0px 0px;
}

#rssIcon:hover {
	background-image: url('/core/graphics/top_and_footer/social_media_icons/rss-hover.png');
}

#addthisIcon {
	background-image: url('/core/graphics/top_and_footer/social_media_icons/addthis.png');
	padding: 0px 3px 0px 0px;
}

#addthisIcon:hover {
	background-image: url('/core/graphics/top_and_footer/social_media_icons/addthis-hover.png');
}

#googleIcon {
	background-image: url('/core/graphics/top_and_footer/social_media_icons/google.png');
	padding: 0px 0px 0px 0px;
}

#googleIcon:hover {
	background-image: url('/core/graphics/top_and_footer/social_media_icons/google-hover.png');
}

#weiboIcon {
	background-image: url('/core/graphics/top_and_footer/social_media_icons/weibo.png');
	padding: 0px 3px 0px 0px;
}

#weiboIcon:hover {
    background-image: url('/core/graphics/top_and_footer/social_media_icons/weibo-hover.png');
}

#xingIcon {
	background-image: url('/core/graphics/top_and_footer/social_media_icons/xing.png');
	padding: 0px 3px 0px 0px;
}

#xingIcon:hover {
	background-image: url('/core/graphics/top_and_footer/social_media_icons/xing-hover.png');
}

#copyright p {
	color: #aca8a5;
	font-family: Tahoma, Book Antiqua, Verdana, sans-serif;
	font-weight: normal;
	font-size: 12px; 
	float: left;
	position: relative;
	left: 1px;
	top: -21px;
}

#copyright #www {
	float: right;
	margin-right: 3px;
}

#copyright #www a {
	color: #aca8a5;
	font-family: Tahoma, Book Antiqua, Verdana, sans-serif;
	font-size: 12px; 
	text-decoration: none;
}

#copyright #www a:hover {
	color: #6c6865;
}

/* ----------  FOOTER LAYOUT END  ---------- */ 

