/*-----------------------------------------------------------------------------
Web Site:			Ask Leopold

CteatedDate:		21.05.2009
Autor:				AnnaG

LastChangedDate:	03.06.2009
LastChangedBy:		AnnaG
-----------------------------------------------------------------------------*/

/* Importing sIFR styles */
@import url(sifr/sifr.css);

/* Importing generic styles */
@import url(generic/helper.css);

/* Importing navigation styles */
@import url(navigation/top.css);
@import url(navigation/primary.css);
@import url(navigation/secondary.css);
@import url(navigation/footer.css);

/* Importing Modules styles */
@import url(modules/blocks.css);
@import url(modules/forms.css);
@import url(modules/news.css);
@import url(modules/restaurants.css);
@import url(modules/events.css);

/* Importing lightbox styles */
@import url(modules/lightbox.css);


/* =Typography
---------------------------------------- */
html, body{
	height: auto !important;
	height: 100%;
	min-height: 100%;
}

body {
	color: #fff;
	background: #697c6c;
	font-family: 'Trebuchet MS', Arial, sans-serif; 
	font-size: 62.5%;
	line-height: 18px;
	text-align: center;
}

p, blockquote {
	margin: 0;
	padding: 1px 0 18px;
}

a			{color: #fbb040; text-decoration: none; outline: none; }
a:visited	{color: #fbb040; text-decoration: none; }
a:hover		{color: #eb8eb5; text-decoration: underline; }
a:active	{color: #eb8eb5; }

.pink		{color: #eb8eb5;}
.yellow		{color: #fbb040;}

#js   .js {display: block;}
#nojs .js {display: none;}

#nojs .nojs {display: block;}
#js   .nojs {display: none;}

.print-logo {display: none;}

/* =Headings
---------------------------------------- */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	color: #fff;
	font-family: Georgia, 'Times New Roman', Times, sans-serif; 
	line-height: normal;
	padding: 0;
	padding: 1px 0 6px;
}
h1, .h1{
	font-size: 2em;
	font-weight: normal;
	padding: 1px 0 12px;
}
h1 a:link, h1 a:visited {color: #fff; text-decoration: none; cursor: pointer;}
h1 a:hover, h1 a:active	{color: #eb8eb5; text-decoration: none; cursor: pointer;}

h2, .h2{
	font-size: 1.7em;
	font-weight: normal;
}
h2 a:link, h2 a:visited {color: #fff; text-decoration: none; cursor: pointer;}
h2 a:hover, h2 a:active	{color: #eb8eb5; text-decoration: none; cursor: pointer;}

h3, .h3{
	font-size: 1.5em;
	font-weight: normal;
}
h3 a:link, h3 a:visited {color: #fff; text-decoration: none; cursor: pointer;}
h3 a:hover, h3 a:active	{color: #eb8eb5; text-decoration: none; cursor: pointer;}

h4, .h4{
	font-size: 1.3em;
	font-weight: normal;
}
h4 a:link, h4 a:visited {color: #fff; text-decoration: none; cursor: pointer;}
h4 a:hover, h4 a:active	{color: #eb8eb5; text-decoration: none; cursor: pointer;}

h5, .h5{
	font-family: 'Trebuchet MS', Arial, sans-serif; 
	font-size: 1.2em;
	font-weight: normal;
}
h5 a:link, h5 a:visited {color: #fff; text-decoration: none; cursor: pointer;}
h5 a:hover, h5 a:active	{color: #eb8eb5; text-decoration: none; cursor: pointer;}

h6{
	font-size: 1em;
}
h6 a:link, h6 a:visited {color: #fff; text-decoration: none; cursor: pointer;}
h6 a:hover, h6 a:active	{color: #eb8eb5; text-decoration: none; cursor: pointer;}



/* =Main container boxes
---------------------------------------- */
.container{
    background: url(/images/branding/general/green-content-bg.gif) repeat-x left top; 
	position: relative;
	text-align: left;
    z-index: 2;
}
.container.black {
    background: #000 url(/images/branding/general/black-content-bg.gif) repeat-x left bottom; 
    border-top: 4px solid #464646;
    border-bottom: 6px solid #adbcaf;
    z-index: 3;
}

.header{
    border-bottom: 1px #464646 solid;
	width: 940px;
	padding: 0 0 40px;
	margin: 0 auto;
	font-size: 1.1em;
	position: relative;
	text-align: left;
    z-index: 4;
}
.content{
	font-size: 1.2em;
	margin: 0 auto;
	width: 940px;
	position: relative;
	text-align: left;
	padding: 15px 0 40px 0;
    z-index: 3;
}
.secondary-content{
	width: 220px;
	padding: 0 0 0;
	position: relative;
    float: left;
	text-align: left;
}
.primary-content{
	width: 700px;
	padding: 0 20px 0 0;
	position: relative;
    float: left;
	text-align: left;
}
.primary-content-left{
	width: 460px;
	padding: 0 30px 0 0;
	position: relative;
    float: left;
}
.primary-content-right{
	width: 180px;
	padding: 0;
	position: relative;
    float: left;
}
.primary-content-bottom{
	width: 670px;
	padding: 0;
	position: relative;
}
.footer{
    color: #fff;
    font-size: 1.1em;
	width: 940px;
	min-height: 175px;
	padding: 30px 0 0;
	margin: 0 auto;
	text-align: left;
}

/* =Body classes
---------------------------------------- */

/* =Locations body */
body.locations .primary-content-left{
	width: 340px;
	padding: 0 30px 0 0;
}
body.locations .primary-content-right{
	width: 300px;
}

/* =Superwide body */
body.superwide .top-content {
	width: 420px;
	padding: 5px 0 0;
    float: left;
}
body.superwide .top-right-content {
	width: 520px;
    float: left;
}
body.superwide .primary-content{
	width: 940px;
	padding: 0;
    float: none;
}


/* =Content
---------------------------------------- */

/* =Lists ------------------------*/
.content ul, .content ol{	
	margin-left: 0px;
	margin: 0 0 18px 25px;
}
.content ul ul, .content ol ol{
	margin-bottom: 0;
	padding: 5px 0 0 0;
}
.content ul li, .content ol li{
	margin-left: 0px;
	padding: 0 0 5px 1px;
}
.content ul ul li, .content ol ol li{
	padding: 0 0 5px 1px;
}

/* =Lists with arrows --------------*/
.content ul.arrows,
.content .black-pane ul {
	list-style-type: none;
	margin: 0 0 18px;
	padding: 0;
}
.content ul.arrows li{ 
	display: block;
	padding: 0 0 5px; 
	margin: 0;
}
.content ul.arrows li a,
.content ul.arrows li a:visited,
.content .black-pane ul li {
    color: #fff;
    background: url(/images/branding/markers/arrow-gray.gif) no-repeat left 5px; 
	padding: 0 0 0 13px; 
	text-decoration: none;
	display: block;
}
.content .black-pane ul li {
    position: relative;
	display: block;
	padding: 0 0 5px 13px; 
	margin: 0;
}
.content ul.arrows li a:hover,
.content ul.arrows li.current a, 
.content ul.arrows li.current a:visited {
    color: #eb8eb5;
    background: url(/images/branding/markers/arrow-pink.gif) no-repeat left 5px; 
	text-decoration: underline;
}

/* =Pink Lists ------------------------*/
.content ul.pink {
	margin: 5px 10px 10px;
	padding: 0;
	list-style-type: none;
}
.content ul.pink li{ 
    background: none;
    color: #eb8eb5;
	list-style-type: none;
	font-size: 1.2em;
	display: block;
	padding: 0 0 12px; 
	margin: 0;
}


/* =Header
---------------------------------------- */
a.logo, a:visited.logo,
strong.logo {
	background: url(/images/branding/general/logo.gif) no-repeat right bottom;
	width: 244px;
	height: 116px;
	padding: 0;
	margin: 31px 0 0;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	display: block;
	float: left;
	}	
a.logo, a:visited.logo {
	cursor: pointer;
	}	
	

/* =Footer
---------------------------------------- */
.footer .fuse8-link {
	padding: 0;
	float: right;
}
.footer a.createdBy{
	display: block;
	width: 100px; 
	height: 16px;
	overflow: hidden;
	background: url(/images/branding/general/fuse8.gif) no-repeat right top;
	text-indent: -9999em;
}
.footer a,
.footer a:visited {
    color: #fff;
    text-decoration: none;
}
.footer a:hover {
    color: #fff;
    text-decoration: underline;
}