/* ****************************************************
General
**************************************************** */
body
{
	margin: 0;
	padding: 0;
	padding: 0;
	
	word-wrap: break-word;
}
a img
{
	border: 0px solid;
}
.boxm
{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.content p
{
	width: 100%;
	margin: 0;
	padding: 0;
}
.resp
{
	width: 100%;
}
.rscale { width: 0px; }
@media only screen and (max-width: 1020px)
{
	.rscale { width: 1px; }
}
@media only screen and (max-width: 620px)
{
	.rscale { width: 2px; }
}

/* ****************************************************
Container width
**************************************************** */
.cols_one,
.art_element.cols_one
{
	width: 8.33%;
}
.cols_two,
.art_element.cols_two
{
	width: 16.66%;
}
.cols_three,
.art_element.cols_three
{
	width: 25%;
}
.cols_four,
.art_element.cols_four
{
	width: 33.33%;
}
.cols_five,
.art_element.cols_five
{
	width: 41.66%;
}
.cols_six,
.art_element.cols_six
{
	width: 50%;
}
.cols_seven,
.art_element.cols_seven
{
	width: 58.33%;
}
.cols_eight,
.art_element.cols_eight
{
	width: 66.67%;
}
.cols_nine,
.art_element.cols_nine
{
	width: 75%;
}
.cols_ten,
.art_element.cols_ten
{
	width: 83.33%;
}
.cols_eleven,
.art_element.cols_eleven
{
	width: 91.67%;
}
.cols_twelve,
.art_element.cols_twelve
{
	width: 100%;
}

@media only screen and (max-width: 620px)
{
	.cols_one,
	.cols_two,
	.cols_three,
	.cols_four,
	.cols_five,
	.cols_six,
	.cols_seven,
	.cols_eight,
	.cols_nine,
	.cols_ten,
	.cols_eleven,
	.cols_twelve,
	.art_element.cols_one,
	.art_element.cols_two,
	.art_element.cols_three,
	.art_element.cols_four,
	.art_element.cols_five,
	.art_element.cols_six,
	.art_element.cols_seven,
	.art_element.cols_eight,
	.art_element.cols_nine,
	.art_element.cols_ten,
	.art_element.cols_eleven,
	.art_element.cols_twelve
	{
		width: 100%;
	}
}

/* ****************************************************
Headlines
**************************************************** */
h1, h2, h3, h4, h5, h6
{
	/*width: 100%;
	float: left;*/
	padding-left: 15px;
	padding-right: 15px;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

@media only screen and (max-width: 620px)
{
	h1, h2, h3, h4, h5, h6
	{
		padding-left: 10px;
		padding-right: 10px;
	}
}

/* ****************************************************
Element containers
**************************************************** */
.art_element
{
	width: 100%;
	float: left;
	overflow: hidden;
	margin: 25px 0 0 0;
	padding: 0 15px 0 15px;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.art_element .art_headline
{
	width: 100%;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	position: relative;
	z-index: 2;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.art_element .art_inner
{
	width: 100%;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	position: relative;
	z-index: 1;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.art_element.highlight
{
	padding-top: 10px;
	padding-bottom: 10px;
}

@media only screen and (max-width: 1020px)
{
	.art_element
	{
		margin: 18px 0 0 0;
	}
}
@media only screen and (max-width: 620px)
{
	.art_element
	{
		width: 100%;
		margin: 10px 0 0 0;
		padding: 0;
	}
	.art_element.highlight
	{
		width: 100%;
		margin-right: 0%;
	}
	.art_element .art_headline
	{
		padding-left: 10px;
		padding-right: 10px;
	}
	.art_element .art_headline.accord,
	.art_element.art_cols .art_headline.accord,
	.art_element.art_imageline .art_headline.accord,
	.art_element.art_group > .art_headline.accord
	{
		padding-left: 10px; /* Left aligment */
		padding-right: 40px; /* Space for acc */
	}
	.art_element .art_inner
	{
		padding: 10px 10px 10px 10px;
	}
	.art_element.highlight
	{
	}
}

/* Accordion */
.acc
{
	width: 20px;
	height: 20px;
	/*margin: -10px 0 0 0;*/
	position: absolute;
	/*top: 50%;*/
	top: 15px;
	right: 14px;
	z-index: 2;
	display: none;
	cursor: pointer;
	
	background-size: 20px 20px;
	-webkit-background-size: 20px 20px;
}
@media only screen and (max-width: 620px)
{
	.acc
	{
		display: block;
	}
	.art_headline
	{
		min-height: 36px;
		cursor: pointer;
	}
	.acc,
	.art_element.opened .acc
	{
		z-index: 1;
		background-image: url(../img/icons/close.png);
	}
	.art_element.closed .acc
	{
		background-image: url(../img/icons/open.png);
	}
	.art_element.closed > *
	{
		display: none;
	}
	.art_element.closed > .art_headline
	{
		display: block;
	}
}

/* Group */
.art_element.art_group
{
	padding-left: 0;
	padding-right: 15px;
}
.art_element.art_group .art_element
{
	padding-right: 0;
}
.art_element.art_group.otitle
{
	/*margin-top: 0px;*/
}
.art_element.art_group > .art_headline
{
	padding-left: 15px;
	padding-right: 15px;
}
.art_element.art_group.mtitle > .art_inner
{
	margin-top: -35px;
}
@media only screen and (max-width: 620px)
{
	.art_element.art_group
	{
		padding-right: 0;
	}
	.art_element.art_group > .art_headline
	{
		padding-left: 10px;
		padding-right: 10px;
	}
	.art_element.art_group > .art_inner
	{
		padding-left: 0;
		padding-right: 0;
	}
	.art_element.art_group.otitle > .art_inner
	{
		padding-top: 0px;
		padding-bottom: 0px;
	}
}
/* Group accordion */
.art_element.art_group.accitem
{
}
.art_element.art_group.accitem > .art_headline
{
	cursor: pointer;
}
.art_element.art_group.accitem > .art_inner
{
}
.art_element.art_group.accitem.closed > .art_inner
{
	display: none;
}

/* Slider accordion */
.art_element.art_group.pkgslider
{
}
.art_element.art_group.pkgslider .pkg_c
{
	width: 100%;
	float: left;
	position: relative;
	z-index: 1;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.art_element.art_group.pkgslider .pkg_c .pkg_nav
{
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	z-index: 3;
	margin-top: -20px;
	display: none;
	
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}
.art_element.art_group.pkgslider .pkg_c .pkg_nav.pkg_left
{
	left: 0px;
	background-image: url(../img/icons/pkgnavleft.png);
}
.art_element.art_group.pkgslider .pkg_c .pkg_nav.pkg_right
{
	right: 0px;
	background-image: url(../img/icons/pkgnavright.png);
}
.art_element.art_group.pkgslider .pkg_c .pkg_outer
{
	width: 100%;
	float: left;
	position: relative;
	z-index: 2;
	overflow: hidden;
}
.art_element.art_group.pkgslider .pkg_c .pkg_inner
{
	width: 100%;
	float: left;
	position: static;
	top: 0px;
	left: 0px;
	z-index: 3;
}
.art_element.art_group.pkgslider .pkg_c.pkgfull
{
	padding: 0 35px 0 35px;
}
.art_element.art_group.pkgslider .pkg_c.pkgfull .pkg_nav
{
	display: table;
}
.art_element.art_group.pkgslider .pkg_c.pkgfull .pkg_inner
{
}
@media only screen and (max-width: 1020px)
{
	.art_element.art_group.mtitle > .art_inner
	{
		margin-top: -18px;
	}
}
@media only screen and (max-width: 620px)
{
	.art_element.art_group.pkgslider .pkg_c.pkgfull
	{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.art_element.art_group.mtitle > .art_inner
	{
		margin-top: -10px;
	}
}

/* Text */
.art_element.art_text
{
}

/* Text with image */
.art_element.art_texti
{
}
.art_element.art_texti img.image_left
{
	width: 47.62%;
	float: left;
	margin: 5px 20px 15px 0;
}
.art_element.art_texti img.image_right
{
	width: 47.62%;
	float: right;
	margin: 5px 0 15px 20px;
}
.art_element.art_texti img.image_full
{
	width: 100%;
	float: right;
	margin: 0 0 15px 0;
}
@media only screen and (max-width: 620px)
{
	.art_element.art_texti img.image_left,
	.art_element.art_texti img.image_right
	{
		width: 100%;
		float: none;
		margin: 10px 0 10px 0;
	}
}

/* Button */
.art_element .art_button
{
}
.art_element .art_button.button_left
{
	float: left;
}
.art_element .art_button.button_mid
{
	float: none;
	margin: 0 auto 0 auto;
	display: table;
}
.art_element .art_button.button_right
{
	float: right;
}
.art_element a.art_button
{
	text-decoration: none;
}
@media only screen and (max-width: 620px)
{
	.art_element .art_button.button_left { margin-left: 10px; }
	.art_element .art_button.button_right { margin-right: 10px; }
}

/* HTML/Widget */
.art_element.art_plain
{
}

/* Columns */
.art_element.art_cols
{
	padding-left: 0;
}
.art_element.art_cols .art_headline
{
	padding-left: 15px;
}
.art_element.art_cols .art_col
{
	float: left;
	margin-top: 0px;
	padding-right: 0;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.art_element.art_cols .art_col p.coltitle
{
	margin-bottom: 5px;
}
@media only screen and (max-width: 620px)
{
	.art_element.art_cols .art_headline
	{
		padding-left: 10px;
	}
	.art_element.art_cols .art_col
	{
		padding-left: 0;
		padding-right: 0;
	}
	.art_element.art_cols .art_col p.coltitle
	{
		margin: 15px 0 10px 0;
	}
	.art_element.art_cols .art_col:first-child p.coltitle
	{
		margin-top: 5px;
	}
}

/* Images in line */
.art_element.art_imageline
{
}
.art_element.art_imageline.cols_twelve
{
	padding-left: 0;
}
.art_element.art_imageline .art_image
{
	float: left;
	padding-left: 15px;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.art_element.art_imageline .art_image.cols_twelve
{
	padding-left: 0;
}
.art_element.art_imageline .art_image img
{
	width: 100%;
}
@media only screen and (max-width: 620px)
{
	.art_element.art_imageline
	{
		padding-right: 0;
	}
	.art_element.art_imageline .art_headline
	{
		padding-left: 20px;
		padding-right: 20px;
	}
	.art_element.art_imageline .art_image
	{
		padding: 2px 0;
	}
}

/* Video */
.art_element.art_youtube
{
}
.art_element.art_youtube .video_inner
{
	height: 0;
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.video_inner iframe,
.video_inner object,
.video_inner embed
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Packages */
.art_element.art_packages .art_pack_image img
{
	width: 100%;
}

/*
Tables, classes to handle: hide_on_mobile, hide_on_tablet, hide_on_desktop
*/
.art_element.art_table
{
}
.art_element.art_table table
{
	width: 100%;
}
.art_element.art_table table.mobile_table
{
	width: 100%;
	display: none;
}
@media only screen and (max-width: 620px)
{
	.art_element.art_table table.mobile_table
	{
		display: table;
	}
}

/* ****************************************************
State queries
Mobile < 480
Tablet 480-850
Desktop > 850
**************************************************** */
/* ****************************************************
State queries
Mobile < 601
Tablet 601-1000
Desktop > 1000
**************************************************** */
.hide_on_mobile {}
.hide_on_tablet {}
.hide_on_desktop { display: none; }
.hide_on_tablet_desktop { display: none; }
.hide_on_mobile_desktop { display: none; }
@media only screen and (max-width: 620px)
{
	.hide_on_mobile
	{
		display: none;
	}
	.hide_on_desktop { display: inline; }
	.hide_on_tablet_desktop { display: inline; }
}
@media only screen and (min-width: 621px) and (max-width: 1020px)
{
	.hide_on_tablet
	{
		display: none;
	}
	.hide_on_desktop { display: inline; }
	.hide_on_mobile_desktop { display: inline; }
}
@media only screen and (min-width: 1021px)
{
	.hide_on_desktop
	{
		display: none;
	}
}

.art_disp_mobile
{
	display: none;
}
.art_disp_tablet
{
	display: none;
}
.art_disp_desktop
{
	display: block;
}
.art_disp_desktab
{
	display: block;
}
.art_disp_tabmob
{
	display: none;
}
@media only screen and (min-width: 621px) and (max-width: 1020px)
{
	.art_disp_mobile
	{
		display: none;
	}
	.art_disp_tablet
	{
		display: block;
	}
	.art_disp_desktop
	{
		display: none;
	}
	.art_disp_desktab
	{
		display: block;
	}
	.art_disp_tabmob
	{
		display: block;
	}
}
@media only screen and (max-width: 620px)
{
	.art_disp_mobile
	{
		display: block;
	}
	.art_disp_tablet
	{
		display: none;
	}
	.art_disp_desktop
	{
		display: none;
	}
	.art_disp_desktab
	{
		display: none;
	}
	.art_disp_tabmob
	{
		display: block;
	}
}

/* ****************************************************
Galleries
**************************************************** */
.art_element.art_gallery
{
}
.art_element.art_gallery .art_inner
{
	position: relative;
	z-index: 1;
}
.art_element.art_gallery .art_inner .galc
{
	width: 100%;
	float: left;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.art_element.art_gallery img.galimg
{
	width: 25%;
	float: left;
	padding: 1px;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.art_element.art_gallery img.galimg.folder
{
}
.art_element.art_gallery img.gplaceholder
{
	display: none;
}
.art_element.art_gallery .gnarrow
{
	display: none;
}
a.iv img,
a.iv_sub img
{
	cursor: url(../img/hs/zoomin.cur), pointer !important;
}
@media only screen and (max-width: 1020px)
{

}
@media only screen and (max-width: 620px)
{
	.art_element.art_gallery img.gplaceholder
	{
		width: 100%;
		padding: 0;
		display: block;
		visibility: hidden;
		position: static;
	}
	.art_element.art_gallery img.galimg
	{
		width: 100%;
		min-height: 200px;
		padding: 0;
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 2;
		display: none;
	}
	.art_element.art_gallery img.current
	{
		z-index: 3;
		display: block;
	}
	.art_element.art_gallery .gnarrow
	{
		width: 32px;
		height: 40px;
		display: block;
		position: absolute;
		top: 50%;
		z-index: 10;
		margin: -20px 0 0 0;
		cursor: pointer;
	}
	.art_element.art_gallery .gnarrow.gnleft
	{
		left: 0px;
		background-image: url(../img/gallery/gnleft.png);
	}
	.art_element.art_gallery .gnarrow.gnright
	{
		right: 0px;
		background-image: url(../img/gallery/gnright.png);
	}
}
/* Impressionen gallery */
.art_element.art_gallery.impressionen img.galimg
{
	width: 30%;
}
.art_element.art_gallery.impressionen a:nth-of-type(2) img.galimg
{
	margin: 0 4%;
}
@media only screen and (max-width: 1020px)
{
	.art_element.art_gallery.impressionen img.galimg
	{
		width: 31%;
	}
	.art_element.art_gallery.impressionen a:nth-of-type(2) img.galimg
	{
		margin: 0 3.5%;
	}
}
@media only screen and (max-width: 620px)
{
	.art_element.art_gallery.impressionen img.galimg
	{
		width: 100%;
	}
	.art_element.art_gallery.impressionen a:nth-of-type(2) img.galimg
	{
		margin: 0;
	}
}

/* ****************************************************
FullScreen Galelry
**************************************************** */
.SImgGalery
{
	width: 100%;
	height: 100%;
	position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
}
.SImgGalery a.iv,
.SImgGalery a.iv_sub
{
	float: left;
}
#SImgGaleryBG {
    background-image: url(../img/simggallery/loading.gif);
    background-position: center center;
    background-repeat: no-repeat;
	background-color: #000000;
    height: 100%;
    overflow: hidden;
    position: fixed;
    top: 0px;
	left: 0px;
    width: 100%;
    z-index: 1;
}
#SImgGaleryToolbar
{
    padding: 5px;
    position: fixed;
    right: 10px;
    top: 10px;
    z-index: 3;
}
#SImgGaleryToolbar img
{
    border: 0px solid;
}

.SImgGaleryTitleCT
{
    bottom: 180px;
    height: 25px;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 3;
}
#SImgGaleryImgTitle
{
    background-color: #000000;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 2px 2px 3px -1px #000000;
    color: #FFFFFF;
    display: none;
    font-family: tahoma,sans-serif;
    font-size: 14px;
    margin: 0 auto;
    padding: 6px 10px;
    z-index: 3;
}
#SImgGaleryBGImg
{
    display: none;
}
#SImgGaleryThumbnailsWrapper
{
    background: url(../img/simggallery/empty.gif) repeat scroll 0 0 transparent;
    bottom: 0;
    position: fixed;
    width: 70%;
    z-index: 2;
}
#SImgGaleryOuterContainer
{
    margin: 40px auto;
    padding: 0;
    position: relative;
    width: 100%;
}
#SImgGaleryOuterContainer .SImgGaleryThumbScroller
{
    overflow: hidden;
    position: relative;
}
#SImgGaleryOuterContainer .SImgGaleryThumbScroller,
#SImgGaleryOuterContainer .SImgGaleryThumbScroller .SImgGaleryContainer
{
    height: 121px;
}
#SImgGaleryOuterContainer .SImgGaleryThumbScroller .SImgGaleryContainer
{
    left: 0;
    position: relative;
}
#SImgGaleryOuterContainer .SImgGaleryThumbScroller img
{
    border: 1px solid #FFFFFF;
    height: 109px;
    margin: 0;
	float: left;
    width: 162px;
}
.SImgGaleryNextImageBtn,
.SImgGaleryPrevImageBtn
{
    display: block;
    height: 102px;
    margin: -25px 0 0;
    opacity: 0.4;
    outline: 0px solid;
    position: absolute;
    top: 40%;
    width: 65px;
    z-index: 3;
}
.SImgGaleryNextImageBtn
{
    background: url(../img/simggallery/next.png) no-repeat scroll center center transparent;
    right: 10%;
}
.SImgGaleryPrevImageBtn
{
    background: url(../img/simggallery/prev.png) no-repeat scroll center center transparent;
	left: 10%;
}
.SImgGaleryNextImageBtnSmall,
.SImgGaleryPrevImageBtnSmall
{
	width: 14%;
	height: 63px;
    position: fixed;
	bottom: 75px;
    display: block;
    opacity: 0.5;
    outline: 0px solid;
    z-index: 3;
}
.SImgGaleryNextImageBtnSmall
{
    background: url(../img/simggallery/next_small.png) no-repeat scroll center center transparent;
    right: 1%;
}
.SImgGaleryPrevImageBtnSmall
{
    background: url(../img/simggallery/prev_small.png) no-repeat scroll center center transparent;
	left: 1%;
}
.SImgGaleryNextImageBtnSmall:hover,
.SImgGaleryPrevImageBtnSmall:hover,
.SImgGaleryNextImageBtn:hover,
.SImgGaleryPrevImageBtn:hover
{
    opacity: 0.8;
}

/* ****************************************************
Magazine Article
**************************************************** */
.art_element.art_magazine,
.art_element.art_magazine .art_inner {
	padding: 0px !important;
}
.art_inner .magazine-article {
	margin: 0px; 
	padding: 0px; 
	display: inline-block; 
	width: 100%; 
	background: #FFFFFF;
}
.art_inner .magazine-article > div {
	display: inline-block; 
	float: left; 
	height: 275px;
}
.art_element.right .magazine-article > div,
.art_element.image_right .magazine-article > div,
.art_element.image-right .magazine-article > div {
	float: right;
}
.art_inner .magazine-article .ma-cover {
	background-position: center center; 
	background-size: cover; 
	width: 60%;
	-webkit-transition: width 0.3s ease-in-out; 
	-moz-transition: width 0.3s ease-in-out; 
	-ms-transition: width 0.3s ease-in-out; 
	-o-transition: width 0.3s ease-in-out; 
	transition: width 0.3s ease-in-out;
}
.art_inner .magazine-article .ma-cover:hover {
	cursor: url(../img/hs/zoomin.cur), pointer !important;
}
.art_inner .magazine-article .ma-cover a {
	display: inline-block; 
	padding-top: 0px; 
	margin: 0px; 
	text-decoration: none; 
	width: 100%; 
	height: 100%; 
	cursor: inherit;
}
.art_inner .magazine-article .ma-cover img {
	display: none;
}
.art_inner .magazine-article .ma-text {
	box-sizing: border-box;
	padding: 15px; 
	width: 40%; 
	-webkit-transition: width 0.3s ease-in-out; 
	-moz-transition: width 0.3s ease-in-out; 
	-ms-transition: width 0.3s ease-in-out; 
	-o-transition: width 0.3s ease-in-out; 
	transition: width 0.3s ease-in-out;
}
.art_inner .magazine-article .ma-text .ma-wrapper {
	height: 200px; 
	overflow: hidden;
}
.art_inner .magazine-article .ma-buttons-container {
	margin: 0px; 
	padding: 0px; 
	text-align: center;
}
.art_inner .magazine-article .ma-button {
	display: inline-block; 
	cursor: pointer; 
	text-align: center; 
	border: none; 
	text-decoration: none;
}
.art_inner .magazine-article.closed .ma-button.to-article,
.art_inner .magazine-article.closed .ma-button.show-less {
	display: none;
}
.art_inner .magazine-article.opened .ma-button.to-article,
.art_inner .magazine-article.opened .ma-button.show-less {
	display: inline-block;
}
.art_inner .magazine-article.opened .ma-button.show-more {
	display: none;
}
.art_inner .magazine-article.opened > div {
	width: 100%;
	-webkit-transition: width 0.3s ease-in-out; 
	-moz-transition: width 0.3s ease-in-out; 
	-ms-transition: width 0.3s ease-in-out; 
	-o-transition: width 0.3s ease-in-out; 
	transition: width 0.3s ease-in-out;
}
.art_inner .magazine-article.opened .ma-text,
.art_inner .magazine-article.opened .ma-wrapper {
	height: auto;
}


@media only screen and (max-width: 1020px) {
    .art_inner .magazine-article > div {
    	height: 250px;
    }
    .art_inner .magazine-article .ma-cover,
    .art_inner .magazine-article .ma-text {
    	width: 50%;
    }
    .art_inner .magazine-article .ma-text {
		padding: 7px 15px 15px 15px;
	}
    .art_inner .magazine-article .ma-text .ma-wrapper,
    .art_inner .magazine-article.closed .ma-text .ma-wrapper {
    	height: 185px;
    }
    .art_inner .magazine-article.opened .ma-text .ma-wrapper {
    	height: auto;
    }
}

@media only screen and (max-width: 620px) {
    .art_inner .magazine-article > div {
    	width: 100% !important;
    }
    .art_inner .magazine-article .ma-text {
    	padding: 10px;
    }
    .art_inner .magazine-article .ma-button {
    	width: 100%; 
    	padding-left: 0px !important; 
    	padding-right: 0px !important;
    }
}