/**
 * Publix CSS
 * @author Marcin Gil <mg@ovos.at>
 */

html, body
{
	margin: 0;
	height: 100%;
}

body
{
	font: normal 9px Geneva, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	color: #4a4f45;
	position: relative;
}

a
{
	color: #4a4f45;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

img
{
	border: 0;
}

.clear
{
	clear: both;
}

#main
{
	position: absolute;
	left: 50%;
	top: 50%;
	
	width: 1100px;
	height: 550px;

	margin-top: -300px;
	margin-left: -550px;
	padding-top: 73px;
}

#page
{
	width: 1100px;
	height: 404px;
	background: url(images/background.jpg) no-repeat left top;
	position: relative;
}

body.light #page
{
	background-color: #b6b5b1;
}

body.semi-dark #page
{
	background-color: #796c66;
	background-position: 0 -404px;
}

body.dark #page
{
	background-color: #3d3835;
	background-position: 0 -808px;
}

#footer
{
	height: 73px;
}

#nav-spacer
{
	position: absolute;
	left: 27px;
	top: 43px;
	width: 348px;
	height: 90px;
}

#logo-spacer
{
	position: absolute;
	left: 327px;
	top: 149px;
}

#day-part
{
	position: absolute;
	right: 32px;
	top: 0;
}

#day-part div
{
	position: absolute;
	top: 56px;
}

#day-part div a
{
	background: url(images/day-evening-night.png) no-repeat left top;
	cursor: pointer;
	height: 10px;
	width: 30px;
	display: block;
}

#day-part div.light
{
	right: 67px;
}

#day-part div.light a
{
	background-position: 0 0;
}

#day-part div.light a.active
{
	background-position: 0 -60px;
}

#day-part div.semi-dark
{
	right: 32px;
}

#day-part div.semi-dark a
{
	background-position: 0 -20px;
}

#day-part div.semi-dark a.active
{
	background-position: 0 -80px;
}

#day-part div.dark
{
	right: 0px;
}

#day-part div.dark a
{
	background-position: 0 -40px;
}

#day-part div.dark a.active
{
	background-position: 0 -100px;
}

.nav
{
	padding: 0;
	margin: 0;
}

.nav li
{
	padding: 0;
	list-style: none;
	float: left;
}

.nav li a
{
	display: block;
}

.nav li.first a
{
	padding-left: 0;
}

.nav li.last a
{
	padding-right: 0;
}

#footer
{
	text-transform: uppercase;
	font-weight: bold;
	position: relative;
}

#footer-nav
{
	position: absolute;
	top: 8px;
	left: 30px;
}

#footer-nav li
{
	margin-right: 15px;
}

#footer-imprint
{
	position: absolute;
	top: 8px;
	right: 32px;
}

#footer-imprint li
{
	background: url(images/gt.png) no-repeat right center;
	padding-right: 10px;
	margin-right: 6px;
}

#footer-imprint li.last
{
	background: none;
	padding-right: 0;
	margin-right: 0;
}

#content
{
	position: absolute;
	width: 357px;
	height: 361px;
	right: 32px;
	top: 22px;
}

#content p
{
	line-height: 1.4;
}

.bg-content
{
	position: relative;
	width: 325px;
	height: 317px;
	background: transparent url(images/bg90.png) repeat left top;
	padding: 17px 14px 22px 18px;
	font-size: 1.1em;
}

.transparent90
{
	-moz-opacity: .90;
	filter: alpha(opacity=90);
	opacity: .90;
}

.transparent70
{
	-moz-opacity: .70;
	filter: alpha(opacity=70);
	opacity: .70;
}

.close-button
{
	position: absolute;
	top: 6px;
	right: 6px;
	width: 10px;
	height: 10px;
	background: url(images/buttons.png) no-repeat left top;
	display: block;
	z-index: 9999;
}

.gallery-overlay .close-button
{
	top: 5px;
	right: 5px;
	cursor: pointer;
}

.view-all
{
	position: absolute;
	top: 6px;
	right: 20px;
	width: 39px;
	height: 10px;
	background: url(images/view-all.png) no-repeat left top;
	display: block;
	z-index: 9999;
}

h1, h2
{
	margin: 0;
	font-weight: bold;
	font-size: 1.4em;
	text-transform: uppercase;
	margin-bottom: 12px;
	line-height: 1.2;
}

h2
{
	font-size: 1.2em;
	margin-bottom: 5px !important;
}

h3
{
	font-size: 1.1em;
	margin-bottom: 3px !important;
}

p
{
	margin-top: 0;
	margin-bottom: 10px;
}

.scrollable
{

}

.scroll
{
	height: 292px;
	padding-right: 8px;
	overflow: auto;
}

#content .jScrollPaneContainer
{
}

#content .jScrollPaneContainer:focus
{
	outline: none;
}

#content .jScrollPaneTrack
{
	background: transparent !important;
	border: 1px solid #4a4f45 !important;
	height: 290px !important;
	width: 8px !important;
}

#content .jScrollPaneDrag
{
	background: #4a4f45;
	width: 6px !important;
	margin: 1px !important;
}

.scroll-short h1
{
	height: 30px;
	overflow: hidden;
	margin-bottom: 6px;
}

.scroll-short .scroll
{
	height: 272px;
}

#content .scroll-short .jScrollPaneTrack
{
	height: 270px !important;
}

.gallery-leftside
{
	float: left;
}

.gallery-leftside ul
{
	list-style: none;
	margin: 0 15px 5px 0;
	padding: 0;
}

.gallery-leftside ul li a img
{
	border: 1px solid #4a4f45;
}

.gallery-leftside ul li
{
	margin-top: 4px;
}

img.image-leftside
{
	margin: 0 15px 5px 0;
	border: 1px solid #4a4f45;
	float: left;
}

/* File list */
ul.list-files
{
	list-style: none;
	margin: 0;
	padding: 5px 0 5px 0;
}

ul.list-files li
{
	padding: 5px 0 5px 20px;
	background-position: left center;
}

/* Item list */
ul.item-list
{
	padding: 0;
	margin: 0;
	list-style: none;
}

ul.news
{
	margin-right: -8px;
	width: 369px;
}

ul.news li
{
	padding: 0;
	margin: 0;

	float: left;
	background: url(images/square-medium.png) no-repeat left top;
}

ul.news li:hover
{
	background-position: 0 -123px;
}

ul.news li a
{
	padding: 10px 15px 16px 11px;
	width: 95px;
	height: 97px;
	display: block;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 12px;
	font-weight: bold;
	overflow: hidden;
}

ul.news li a:hover
{
	text-decoration: none;
}

ul.news li a img
{
	border: 1px solid #c6c7c8;
}

ul.news li a span.date
{
	display: block;
	margin-top: 0.5em;
	font-weight: bold;
	cursor: pointer;
}

ul.news li a span.title
{
	display: block;
	height: 24px;
	overflow: hidden;
	cursor: pointer;
}

ul.news li.archive a
{
	background: url(images/archive.png) no-repeat 27px 50px;
}


ul.portfolio
{
	margin-right: -8px;
	width: 369px;
}

ul.portfolio li
{
	padding: 0;
	margin: 0;
	width: 90px;
	height: 92px;
	float: left;
	background: url(images/square-small.png) no-repeat left top;
	padding: 0 0 0 1px;
}

ul.portfolio li:hover
{
	background-position: 0 -92px;
}

ul.portfolio li a
{
	width: 83px;
	height: 84px;
	display: block;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 1.4em;
	font-weight: bold;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
}

ul.portfolio li a span
{
	display: none;
}

ul.portfolio li a span.visible
{
	display: block;
	height: 56px;
	overflow: hidden;
	cursor: pointer;
	padding: 10px 15px 16px 11px;
	text-align: center;
}

/* Pagination */
ul.pagination
{
	text-align: center;
	margin-top: 2.0em;
	padding: 0;
}

ul.pagination li
{
	background-image: none;
	padding: 0;
	display: inline;
}

ul.pagination li a
{
	padding-left: 0.5em;
	padding-right: 0.5em;
}

ul.pagination .active a
{
	font-weight: bold;
	cursor: default;
	text-decoration: none;
}

.module-news a.archive-item
{
	display: block;
	margin-bottom: 1em;
}

.module-news a.archive-item .date
{
	font-weight: bold;
}

.news-item .date
{
	font-weight: bold;
}

.gallery-container
{
	margin-right: -8px;
	padding-right: 7px;
	padding-left: 1px;
	width: 361px;
	height: 361px;
	background: url(images/square-big.png) no-repeat left top;
	position: relative;
}

.gallery-image
{
	width: 355px;
	height: 317px;
	background: url(images/ajax-loader.gif) no-repeat center center;
}

/*
.gallery-overlay
{
	width: 129px;
	height: 101px;
	padding: 27px 13px;
	position: absolute;
	top: 39px;
	right: 24px;
	background: url(images/bubble.png) no-repeat left top;
	font-size: 1.1em;
	display: none;
}
*/

.gallery-overlay
{
	width: 335px;
	height: 44px;
	padding: 10px 10px;
	position: absolute;
	bottom: 44px;
	left: 1px;
	background-color: #333;
	font-size: 1em;
	line-height: 1;
	display: none;
	color: #fff;
}

.gallery-overlay-short
{
	height: 12px;
}

.gallery-overlay a
{
	color: #fff;
}

/* Navigation */

#main-nav
{
	position: absolute;
	left: 27px;
	top: 43px;
	width: 348px;
	height: 90px;
	/*background: url(images/nav.jpg) no-repeat 0 0;*/
}

#main-nav div
{
	position: absolute;
}

#main-nav div a
{
	display: block;
	background: url(images/nav.jpg) no-repeat 0 0;
}

#main-nav a span
{
	display: none;
}

/* Positions */
#main-nav div.so-kuerzlich-passiert
{
	height: 26px;
	width: 235px;
}

#main-nav div.so-denken-wir
{
	left: 235px;
}

#main-nav div.so-denken-wir2
{
	left: 0;
	top: 26px;
}

#main-nav div.so-arbeiten-wir
{
	left: 45px;
	top: 26px;
}

#main-nav div.so-arbeiten-wir
{
	left: 45px;
	top: 26px;
	height: 21px;
	width: 178px;
	
	background-position: -45px -26px;
}

#main-nav div.so-siehts-bei-uns-aus
{
	left: 225px;
	top: 26px;
}

#main-nav div.so-siehts-bei-uns-aus2
{
	left: 0px;
	top: 48px;
}

#main-nav div.so-phie-marc-co
{
	left: 130px;
	top: 48px;
}

#main-nav div.so-finden-sie-uns
{
	left: 0px;
	top: 68px;
}

/* Sizes */
#main-nav div.so-kuerzlich-passiert a
{
	height: 26px;
	width: 235px;
}

#main-nav div.so-denken-wir a
{
	height: 26px;
	width: 112px;
}

#main-nav div.so-denken-wir2 a
{
	height: 21px;
	width: 45px;
}

#main-nav div.so-arbeiten-wir a
{
	height: 21px;
	width: 178px;
}

#main-nav div.so-arbeiten-wir a
{
	height: 21px;
	width: 178px;
}

#main-nav div.so-siehts-bei-uns-aus a
{
	height: 21px;
	width: 108px;
}

#main-nav div.so-siehts-bei-uns-aus2 a
{
	height: 21px;
	width: 128px;
}

#main-nav div.so-phie-marc-co a
{
	height: 21px;
	width: 200px;
}

#main-nav div.so-finden-sie-uns a
{
	height: 21px;
	width: 195px;
}

/* Day normal */
#main-nav div.so-kuerzlich-passiert a
{
	background-position: 0 0;
}

#main-nav div.so-denken-wir a
{
	background-position: -235px 0;
}

#main-nav div.so-denken-wir2 a
{
	background-position: 0 -26px;
}

#main-nav div.so-arbeiten-wir a
{
	background-position: -45px -26px;
}

#main-nav div.so-arbeiten-wir a
{
	background-position: -45px -26px;
}

#main-nav div.so-siehts-bei-uns-aus a
{
	background-position: -225px -26px;
}

#main-nav div.so-siehts-bei-uns-aus2 a
{
	background-position: 0 -48px;
}

#main-nav div.so-phie-marc-co a
{
	background-position: -130px -48px;
}

#main-nav div.so-finden-sie-uns a
{
	background-position: 0 -68px;
}

/* Day active */
#main-nav div.so-kuerzlich-passiert a:hover, #main-nav div.so-kuerzlich-passiert a.active
{
	background-position: 0 -93px;
}

#main-nav div.so-denken-wir a:hover, #main-nav div.so-denken-wir a.active
{
	background-position: -235px -93px;
}

#main-nav div.so-denken-wir2 a:hover, #main-nav div.so-denken-wir2 a.active
{
	background-position: 0 -119px;
}

#main-nav div.so-arbeiten-wir a:hover, #main-nav div.so-arbeiten-wir a.active
{
	background-position: -45px -119px;
}

#main-nav div.so-arbeiten-wir a:hover, #main-nav div.so-arbeiten-wir a.active
{
	background-position: -45px -119px;
}

#main-nav div.so-siehts-bei-uns-aus a:hover, #main-nav div.so-siehts-bei-uns-aus a.active
{
	background-position: -225px -119px;
}

#main-nav div.so-siehts-bei-uns-aus2 a:hover, #main-nav div.so-siehts-bei-uns-aus2 a.active
{
	background-position: 0 -141px;
}

#main-nav div.so-phie-marc-co a:hover, #main-nav div.so-phie-marc-co a.active
{
	background-position: -130px -141px;
}

#main-nav div.so-finden-sie-uns a:hover, #main-nav div.so-finden-sie-uns a.active
{
	background-position: 0 -161px;
}

/* Semi-dark normal */
body.semi-dark #page #main-nav div.so-kuerzlich-passiert a
{
	background-position: 0 -186px;
}

body.semi-dark #page #main-nav div.so-denken-wir a
{
	background-position: -235px -186px;
}

body.semi-dark #page #main-nav div.so-denken-wir2 a
{
	background-position: 0 -212px;
}

body.semi-dark #page #main-nav div.so-arbeiten-wir a
{
	background-position: -45px -212px;
}

body.semi-dark #page #main-nav div.so-arbeiten-wir a
{
	background-position: -45px -212px;
}

body.semi-dark #page #main-nav div.so-siehts-bei-uns-aus a
{
	background-position: -225px -212px;
}

body.semi-dark #page #main-nav div.so-siehts-bei-uns-aus2 a
{
	background-position: 0 -234px;
}

body.semi-dark #page #main-nav div.so-phie-marc-co a
{
	background-position: -130px -234px;
}

body.semi-dark #page #main-nav div.so-finden-sie-uns a
{
	background-position: 0 -254px;
}

/* Semi-dark active */
body.semi-dark #page #main-nav div.so-kuerzlich-passiert a:hover, body.semi-dark #page #main-nav div.so-kuerzlich-passiert a.active
{
	background-position: 0 -279px;
}

body.semi-dark #page #main-nav div.so-denken-wir a:hover, body.semi-dark #page #main-nav div.so-denken-wir a.active
{
	background-position: -235px -279px;
}

body.semi-dark #page #main-nav div.so-denken-wir2 a:hover, body.semi-dark #page #main-nav div.so-denken-wir2 a.active
{
	background-position: 0 -305px;
}

body.semi-dark #page #main-nav div.so-arbeiten-wir a:hover, body.semi-dark #page #main-nav div.so-arbeiten-wir a.active
{
	background-position: -45px -305px;
}

body.semi-dark #page #main-nav div.so-arbeiten-wir a:hover, body.semi-dark #page #main-nav div.so-arbeiten-wir a.active
{
	background-position: -45px -305px;
}

body.semi-dark #page #main-nav div.so-siehts-bei-uns-aus a:hover, body.semi-dark #page #main-nav div.so-siehts-bei-uns-aus a.active
{
	background-position: -225px -305px;
}

body.semi-dark #page #main-nav div.so-siehts-bei-uns-aus2 a:hover, body.semi-dark #page #main-nav div.so-siehts-bei-uns-aus2 a.active
{
	background-position: 0 -327px;
}

body.semi-dark #page #main-nav div.so-phie-marc-co a:hover, body.semi-dark #page #main-nav div.so-phie-marc-co a.active
{
	background-position: -130px -327px;
}

body.semi-dark #page #main-nav div.so-finden-sie-uns a:hover, body.semi-dark #page #main-nav div.so-finden-sie-uns a.active
{
	background-position: 0 -347px;
}

/* Dark normal */
body.dark #page #main-nav div.so-kuerzlich-passiert a
{
	background-position: 0 -372px;
}

body.dark #page #main-nav div.so-denken-wir a
{
	background-position: -235px -372px;
}

body.dark #page #main-nav div.so-denken-wir2 a
{
	background-position: 0 -398px;
}

body.dark #page #main-nav div.so-arbeiten-wir a
{
	background-position: -45px -398px;
}

body.dark #page #main-nav div.so-arbeiten-wir a
{
	background-position: -45px -398px;
}

body.dark #page #main-nav div.so-siehts-bei-uns-aus a
{
	background-position: -225px -398px;
}

body.dark #page #main-nav div.so-siehts-bei-uns-aus2 a
{
	background-position: 0 -420px;
}

body.dark #page #main-nav div.so-phie-marc-co a
{
	background-position: -130px -420px;
}

body.dark #page #main-nav div.so-finden-sie-uns a
{
	background-position: 0 -440px;
}

/* Dark active */
body.dark #page #main-nav div.so-kuerzlich-passiert a:hover, body.dark #page #main-nav div.so-kuerzlich-passiert a.active
{
	background-position: 0 -465px;
}

body.dark #page #main-nav div.so-denken-wir a:hover, body.dark #page #main-nav div.so-denken-wir a.active
{
	background-position: -235px -465px;
}

body.dark #page #main-nav div.so-denken-wir2 a:hover, body.dark #page #main-nav div.so-denken-wir2 a.active
{
	background-position: 0 -491px;
}

body.dark #page #main-nav div.so-arbeiten-wir a:hover, body.dark #page #main-nav div.so-arbeiten-wir a.active
{
	background-position: -45px -491px;
}

body.dark #page #main-nav div.so-arbeiten-wir a:hover, body.dark #page #main-nav div.so-arbeiten-wir a.active
{
	background-position: -45px -491px;
}

body.dark #page #main-nav div.so-siehts-bei-uns-aus a:hover, body.dark #page #main-nav div.so-siehts-bei-uns-aus a.active
{
	background-position: -225px -491px;
}

body.dark #page #main-nav div.so-siehts-bei-uns-aus2 a:hover, body.dark #page #main-nav div.so-siehts-bei-uns-aus2 a.active
{
	background-position: 0 -513px;
}

body.dark #page #main-nav div.so-phie-marc-co a:hover, body.dark #page #main-nav div.so-phie-marc-co a.active
{
	background-position: -130px -513px;
}

body.dark #page #main-nav div.so-finden-sie-uns a:hover, body.dark #page #main-nav div.so-finden-sie-uns a.active
{
	background-position: 0 -533px;
}


/* border: 1px solid red; */

/* Query loader */
.QOverlay
{
	background-color: #fff;
	z-index: 9999;
}

.QLoader
{
	background-color: #fff;
	height: 1px;
}