/*-----------------------------------------------------------------------------
Web Site:			Ask Leopold

CteatedDate:		25.05.2009
Autor:				AnnaG

LastChangedDate:	05.06.2009
LastChangedBy:		AnnaG
-----------------------------------------------------------------------------*/

/* =Homepage
-----------------------------------------------------------------------------*/
body#homepage {
	background: #728575;
}

/* =Main container boxes
---------------------------------------- */
#homepage .container{
    background: url(/images/branding/homepage/green-content-bg-home.gif) repeat-x left top; 
}
#homepage .container.black {
    background: #000 url(/images/branding/homepage/black-content-bg-home.gif) repeat-x left bottom; 
    border-bottom: none;
}
#homepage .home-top-content{
	font-size: 1.2em;
	width: 974px;
	padding: 0 0 5px;
	margin: 0 auto;
	position: relative;
	text-align: left;
}
#homepage .home-bottom-content{
	font-size: 1.2em;
	margin: 0 auto;
	width: 960px;
	position: relative;
	text-align: left;
	padding: 0 0 35px 0;
}
#homepage .header{
    border-bottom: none;
}
#homepage .footer a.createdBy{
	background: url(/images/branding/homepage/fuse8-home.gif) no-repeat right top;
}

/* =Lists ------------------------*/
.home-top-content ul, .home-top-content ol,	
.home-bottom-content ul, .home-bottom-content ol{	
	margin-left: 0px;
	margin: 0 0 18px 25px;
}
.home-top-content ul ul, .home-top-content ol ol,
.home-bottom-content ul ul, .home-bottom-content ol ol{
	margin-bottom: 0;
	padding: 5px 0 0 0;
}
.home-top-content ul li, .home-top-content ol li,
.home-bottom-content ul li, .home-bottom-content ol li{
	margin-left: 0px;
	padding: 0 0 5px 1px;
}
.home-top-content ul ul li, .home-top-content ol ol li,
.home-bottom-content ul ul li, .home-bottom-content ol ol li{
	padding: 0 0 5px 1px;
}

/* =Overview
---------------------------------------- */
.homeoverview {
	background: url(/images/branding/homepage/overview/homeoverview-bg.png) no-repeat left top;
    width: 940px;
    height: 280px;
	padding: 17px;
    overflow: hidden;
}
.overview-block {
	background: url(/images/branding/homepage/overview/overview-block-bg.gif) repeat-x left top;
    width: 220px;
    height: 280px;
    float: left;
    overflow: hidden;
}
.overview-block .overview-content {
    width: 220px;
    height: 280px;
    overflow: hidden;
}
.overview-block .overview-content div {
    padding: 15px 18px 0;
}
.overview-block .overview-content div h1,
.overview-block .overview-content div h2 {
    font-size: 1.3em;
    font-weight: normal;
    padding: 1px 0 6px;
}
.logos-block {
	background: url(/images/branding/homepage/overview/logos-block-bg.gif) no-repeat left top;
    width: 700px;
    height: 280px;
    float: right;
    overflow: hidden;
}
.logos-block .logo-item {
    width: 140px;
    height: 140px;
    float: left;
    overflow: hidden;
}
.logos-block .logo-item a,
.logos-block .logo-item a:visited {
    width: 140px;
    height: 140px;
    overflow: hidden;
    display: block;
    cursor: pointer;
}
.logos-block .logo-item a:hover {
    background: #9faea1;
}
.logos-block .logo-item a#item-default {
    background: none;
    cursor: default;
}

/* =Home bottom blocks
---------------------------------------- */
.homelarge {
	background: url(/images/branding/blocks/shadow-w340.png) no-repeat left top;
    width: 340px;
    min-height: 314px;
	padding: 10px 10px 0;
    overflow: hidden;
    float: left;
}
#js .homelarge {
    height: 314px;
}
.homelarge .inner {
	background: #000 url(/images/branding/homepage/homelarge-bg.gif) repeat-x left top;
    width: 340px;
    min-height: 314px;
}
#js .homelarge .inner {
    height: 314px;
}
.homesmalltop {
	background: url(/images/branding/blocks/shadow-w220.png) no-repeat left top;
    width: 220px;
    height: 142px;
	padding: 10px 10px 0;
	margin: 0 0 10px;
    overflow: hidden;
    float: left;
}
.homesmalltop .inner {
	background: #000 url(/images/branding/homepage/homesmall-bg.gif) repeat-x left top;
    width: 220px;
    height: 142px;
}
.homesmallbottom {
	background: url(/images/branding/blocks/shadow-w220-light.png) no-repeat left top;
    width: 220px;
    height: 152px;
	padding: 10px 10px 0;
    overflow: hidden;
    float: left;
}
.homesmallbottom .inner {
	background: #000 url(/images/branding/homepage/homesmall-bg.gif) repeat-x left top;
    width: 220px;
    height: 152px;
}

/* =Home lists
---------------------------------------- */
.homelarge .block-title {
    height: 35px;
    margin: 0;
    padding: 15px 18px 0;
}
.homelarge .block-title h3 {
    margin: 0;
    padding: 0;
}
.homelarge .block-content {
	background: url(/images/branding/homepage/home-list-bg.png) no-repeat center top;
    width: 304px; 
    padding: 2px 18px 0;
}
.homelarge .jcarousel-skin-home-list .image-gallery {
    float: right;
    width: 83px;
    padding: 0 0 0 10px;
    margin: 0;
}
.homelarge .jcarousel-skin-home-list .image-gallery .img-content {
	margin: 0;
}
.homelarge .jcarousel-skin-home-list .image-gallery a {
	background: #000;
    display: block;
    width: 73px;
    max-height: 73px;
    overflow: hidden;
    border: 5px solid #585858;
    font-size: 0;
}
.homelarge .jcarousel-skin-home-list .image-gallery a img {
    border: none;
}
.homelarge .jcarousel-skin-home-list .item-text {
    float: left;
    width: 211px; 
    padding: 0;
}
.homelarge .jcarousel-skin-home-list .item-text a {
    font-weight: bold;
}
.homelarge .jcarousel-skin-home-list .item-text .date {
    color: #d6d5d5;
    font-size: 0.9em;
}
.homelarge .no-offers,
.homelarge .no-events {
    background-color: #000;
    background-position: center top;
    background-repeat: no-repeat;
    border: 1px solid #464646;
    width: 272px;
    height: 195px;
    padding: 15px;
    margin: 16px 0 0;
}
.homelarge .no-offers a,
.homelarge .no-offers a:visited,
.homelarge .no-events a,
.homelarge .no-events a:visited {
    color: #fff;
    text-decoration: none;
}
.homelarge .no-offers a:hover,
.homelarge .no-events a:hover {
    color: #eb8eb5;
    text-decoration: none;
}


/* =Sign up
---------------------------------------- */
#homepage .sign-up {
    padding: 9px 16px 0;
}
#homepage .sign-up h4 {
	font-size: 1.5em;
	font-weight: normal;
}
#homepage .sign-up div.text input.text {
	width: 154px;
}

/* =News
---------------------------------------- */
.homenews {
    padding: 9px 16px 0;
    position: relative;
}
.homenews h3{
    width: 188px;
}
.homenews .item-text a {
    font-weight: bold;
}
.homenews .item-text .date {
    color: #d6d5d5;
    font-size: 0.9em;
}
.homenews a.view-all,
.homenews a.view-all:visited {
    position: absolute;
    top: 15px;
    right: 24px;
}
