/**
 * Layout adjustments
 */

html,
body {
	width: 100%;
	overflow-x: hidden;
}

#bg {
	background: url(/docroot/alpa/images/top_gradient_mobile.png) repeat-x bottom left;
	height: 68px;
}

#wrapper {
	width: 90% !important;
	margin: 0 auto;
}

/**
 * Header
 */

#header {
	width: 100%;
	height: 68px;
	min-height: 68px;
	overflow: hidden;
	background: none;
}

.logo {
	position: relative;
	left: 50%;
	margin: 6px 0 0 -80px;
}

#metanav,
#user,
#breadcrumb,
#tag-cloud,
#product-overview {
	display: none;
}

/**
 * Metanav
 */

#mobile-quicknav {
	position: relative;
	z-index: 99;
	top: -4px;
	font: bold 18px Helvetica, sans-serif;
	line-height: 38px;
	background: #e0e0e0 url(/docroot/alpa/images/top_gradient_mobile_quick_nav.png) repeat-x bottom left;
	margin: 0 -102px 3.2em -102px;
	padding: 0 100px;
}

#mobile-quicknav a {
	text-decoration: none;
	color: #ffffff;
}

#mobile-quicknav a:hover {
	color: #000000;
}


#mobile-quicknav .left {
	float: left;
}

#mobile-quicknav .center {
	text-align: center;
	padding-right: 4em;
	text-transform: uppercase;
}

#mobile-quicknav .right {
	position: absolute;
	top: 0;
	right: 100px;
}

#mobile-navigation-anchor {
	position: absolute;
	left: 0;
	top: 108px;
}

#mobile-top-anchor {
	margin-top: 1.5em;
}

#mobile-language {
	position: absolute;
	right: -5px;
	top: 108px;
}

#language-chooser {
	display: inline;
	position: static;
	margin: 0 0 0 2px;
	padding: 0;
}

/**
 * Navigation
 */

.navigation {
	float: left;
	font-size: 150% !important;
	width: 100% !important;
	margin: 0;
}

.navigation ul li a,
.navigation ul li ul li a, 
.navigation ul li ul li ul li a ,
.navigation ul li ul li ul li ul li a {
	font: bold 18px Helvetica, sans-serif;
	line-height: 2.2em;
	background: #e0e0e0 url(/docroot/alpa/images/mobile_nav_bg.png) repeat-x bottom left;
	margin: 0 -102px;
	padding: 0 100px;
}

.navigation ul li:first-child a {
	border-top: 1px solid #000000 !important;
}

.navigation ul li ul li a {
	padding-left: 112px;
}

.navigation ul li ul li ul li a {
	padding-left: 124px;
}

.navigation ul li ul li ul li ul li a {
	padding-left: 136px;
}

.top-navigation {
	margin: 0 0 1.5em 0;
}

.top-navigation ul li a,
.top-navigation ul li ul li a, 
.top-navigation ul li ul li ul li a ,
.top-navigation ul li ul li ul li ul li a {
	background: none;
	margin: 0;
	padding: 0;
}

.top-navigation ul li ul li a {
	padding-left: 12px;
}

.top-navigation ul li ul li ul li a {
	padding-left: 24px;
}

.top-navigation ul li ul li ul li ul li a {
	padding-left: 36px;
}

/**
 * Content
 */
 
img {
	max-width: 100%;
	height: auto;
}

object,
embed {
	width: 100%;
}

#content {
	width: 100%;
}

#content .column-2 {
	min-height: 0;
	width: 100%;
	margin-left: 0 !important;
	margin-bottom: 3em;
}

#content .column-3 {
	width: 100%;
	margin-bottom: 2em;
}

/**
 * Third column
 */

.article-item {
	width: 100% !important;
}

.news-item img, .history-item img {
	margin: 10px 10px 0 0;
}

/**
 * Footer
 */

#footer {
	width: 100%;
	padding: 2em 0 1em 0;
}

#footer #linkbox {
	width: 100%;
}

/**
 * Form fields
 */

input,
select,
textarea {
	width: auto !important;
}

/**
 * Gallery
 */
#gallery-selection #column-1,
#gallery-selection #column-2 {
	position: static;
	width: auto;
}

#gallery-selection select {
	margin-bottom: 5px;
}

/**
 * Colorbox
 */

img#cboxPhoto {
	width: 100% !important;
}

/**
 * Gallery new
 */
#gallery-new,
#gallery-header,
#gallery-new-thumbnails {
	width: 100%;
}

#gallery-new {
	margin: 0;
	padding-bottom: 50px;
}

#gallery-new-thumbnails {
	width: 103%;
}

#gallery-header li {
	margin: 0;
	float: none;
	width: 100%;
}

#gallery-header .fullscreen-list {
	display: none;
}

#gallery-header .gallery-title {
	width: 100%;
}

#gallery-header .gallery-title {
	background: url(../images/gallery-mobile/select_arrows.png) no-repeat right center;
	background-size: 10px;
}

.gallery-mobile-overlay #cboxPrevious {
	left: 10px;
	width: 18px;
	height: 20px;
	background: url(../images/gallery-mobile/previous_arrow.png) no-repeat; 
	background-size: 12px;
}

.gallery-mobile-overlay #cboxNext {
	left: 50px;
	width: 18px;
	height: 20px;
	background: url(../images/gallery-mobile/next_arrow.png) no-repeat; 
	background-size: 12px;
}

.gallery-mobile-overlay #cboxClose {
	margin: 0 10px 0 0;
	width: 22px;
	height: 21px;
	background: url(../images/gallery-mobile/close.png) no-repeat; 
	background-size: 12px;
}

.gallery-mobile-overlay #cboxCurrent {
	left: 90px;
	bottom: 4px;
	font-size: 14px;
}

.gallery-thumb .thumb {
	width: 64px;
	height: auto;
}

.gallery-loading {
	bottom: 25px;
}

/**
 * WebKit hacks 
 */

body {
	-webkit-text-size-adjust: none;
}

/**
 * Overlay isn't shown always with fixed position and 100% height.
 * We need to stretch it until the end of the page.
 */

#cboxOverlay {
	height: 10000px;
}