header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
.mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important}
/* source-sans-pro-300 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: url('../../files/shared/fonts/source-sans-pro-v13-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Light'), local('SourceSansPro-Light'),
       url('../../files/shared/fonts/source-sans-pro-v13-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/shared/fonts/source-sans-pro-v13-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/shared/fonts/source-sans-pro-v13-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../../files/shared/fonts/source-sans-pro-v13-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/shared/fonts/source-sans-pro-v13-latin-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-300italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 300;
  src: url('../../files/shared/fonts/source-sans-pro-v13-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Light Italic'), local('SourceSansPro-LightItalic'),
       url('../../files/shared/fonts/source-sans-pro-v13-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/shared/fonts/source-sans-pro-v13-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/shared/fonts/source-sans-pro-v13-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../../files/shared/fonts/source-sans-pro-v13-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/shared/fonts/source-sans-pro-v13-latin-300italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: url('../../files/shared/fonts/source-sans-pro-v13-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Italic'), local('SourceSansPro-Italic'),
       url('../../files/shared/fonts/source-sans-pro-v13-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/shared/fonts/source-sans-pro-v13-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/shared/fonts/source-sans-pro-v13-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../../files/shared/fonts/source-sans-pro-v13-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/shared/fonts/source-sans-pro-v13-latin-italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/shared/fonts/source-sans-pro-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
       url('../../files/shared/fonts/source-sans-pro-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/shared/fonts/source-sans-pro-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/shared/fonts/source-sans-pro-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../files/shared/fonts/source-sans-pro-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/shared/fonts/source-sans-pro-v13-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/***************************************************
**             custom CSS starts here             **
***************************************************/

/* layout and general definitions
--------------------------------------------------*/

html, 
body {
	height:100%;
	margin:0; /* for sticky footer */
	padding:0; /* for sticky footer */
}

body {
	background: none repeat scroll 0 0 #fff;
	font-size: 100%; /* overwrites the Contao layout.css */
    color: #000;
	font-family: 'Source Sans Pro', Calibri, sans-serif;
    font-weight:300;
    line-height:1.25; /* 20px/16px */
}

#wrapper {
	position:relative; /* sticky footer */
	min-height:100%; /* sticky footer */
	height: auto !important; /* sticky footer */
	height:100%; /* this is important even without the sticky footer */
	width:75.625em; /* 1210px */
	margin:0 auto;
}

#container {
	padding-bottom:3.125em; /* 50px room for sticky footer */
}

#footer {
	/* sticky footer */
	width:100%;
	height:3.125em; /* 50px */
	bottom:0;
	position:absolute;
	border-top:1px solid #ddd;
}

/* font definitions
--------------------------------------------------*/

p {
	font-weight:300;
	font-size:1em; /* 16px/16px */
	line-height:1.25; /* 20px/16px */
}

strong {
	font-weight:400;
}

em {
	font-weight:300;
	font-style:italic;
}

h1 {
	margin-top:0; /* overwrites the 1em margin from the Contao reset.css */
	font-weight:300;
	font-size:2em; /* 32px/16px */
	line-height: 1; /* 32px/32px */
}

h2 {
	margin-top:0; /* overwrites the 1em margin from the Contao reset.css */
    font-weight:300;
    font-size:1.5em; /* 24px/16px */
   	line-height:1.166666667; /* 28px/24px */
}

h3 {
	margin-top:0; /* overwrites the 1em margin from the Contao reset.css */
	font-weight:400;
	font-size:1.125em; /* 18px/16px */
}

h4 {
	margin-top:0; /* overwrites the 1em margin from the Contao reset.css */
	font-weight:400;
	font-size:1em /* 16px/16px */
}

/* Abstände
--------------------------------------------------*/

.abstand20 {
	margin-bottom: 1.25em;
}

.abstand30 {
	margin-bottom: 1.875em;
}

.abstand50 {
	margin-bottom: 3.125em;
}

.spacer {
	width: 100%;
	height: 2em;
	clear: both;
}

/* links
--------------------------------------------------*/

a {
	text-decoration: none;
}

a:link, 
a:visited {
	color: #999;
}

a:hover {
	color:#000;
}

a:active {
	color:#000;
	text-shadow: 0 0 3px #999;
}

a:link, a:hover, a:focus, a:active, a:visited {
    outline: medium none;
}

/* flexible images
--------------------------------------------------*/

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

/* "Mahela Rostek"
--------------------------------------------------*/

#homeLink {
	font-weight:300;
	padding-top:5em; /* 80px */
	text-align:right;
	width:16.25em; /* 260px */
}

#homeLink a {
	font-size: 2.625em; /* 42px/16px */
	line-height:1; /* 42px/42px */
}

#homeLink a:link, 
#homeLink a:visited {
	color:#ec0006;
}

#homeLink a:hover {
	color:#999;
}

#homeLink a:active {
	color:#ec0006;
	text-shadow: 0 0 2px #999;
}

/* language switch
--------------------------------------------------*/

#sprachenwechsler {
	position:absolute;
	right:0;
	top:0;
	margin:2em 0 0 0;
	font-size: 1em; /* 16px/16px */
}

#sprachenwechsler li {
	display:inline-block;
}

#sprachenwechsler li.first::after {
	content: "|";
	padding: 0 0.2em 0 0.4em;
	font-weight: 400;
}

/* copyright notice in footer
--------------------------------------------------*/

#copyright {
	padding:0.625em 0.5em 0;
	text-align:right;
}

#copyright p {
	font-size: 0.875em; /* 14px/16px */
}

/* main navigation menu
--------------------------------------------------*/

#left .inside {
	padding-top:0.1875em; /* articles have 3px top padding, too */
	width:16.25em; /* 260px */
}

#navigation {
	font-weight:300;
	border-top:1px solid #ddd;
	text-align:right;
}

#navigation ul {
	margin-bottom:0; /* overwrites the 12px margin from the Contao reset.css */
}

#navigation .level_1 {
	font-size:1.4375em; /* 23px/16px  */
	line-height: 1; /* 23px/23px */
	text-transform:uppercase;
}

#navigation .level_1 li {
	padding:0.3125em 0;
	border-bottom:1px solid #ddd;
}

#navigation .level_2 {
	font-size: 0.695652173913em; /* 16px/23px */
	line-height: 1.25; /* 20px/16px */
	text-transform:none;
	padding-top:0.3125em;
}

#navigation .level_2 li {
	padding:0;
	border-bottom:none;
}

#navigation a:link, 
#navigation a:visited {
    color: #000;
}

#navigation a:hover {
    color: #999;
}

#navigation a:active {
    color: #000;
	text-shadow: 0 0 0.1875em #999;
}


/* Mobilnavigation
--------------------------------------------------*/

.custom {
	display:none;
}

#Mobilnavigation {
	padding: 0.5em 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	cursor:pointer;
	margin-bottom:1.875em;
}

#mobilemenutext {
	font-size:1.25em;
	text-align:center;
	text-transform:uppercase;
	background-repeat: no-repeat;
	background-position: left center;
}

.mobile_menu {
	width: 26em;
}

.mobile_menu .inner {
    background: #fff none repeat scroll 0 0;
    padding: 0 0.5em;
}

#mobilnav {
	font-weight:300;
	text-align:left;
}

#mobilnav ul {
	margin-bottom:0; /* overwrites the 12px margin from the Contao reset.css */
}

#mobilnav .level_1 {
	font-size:1.5em; 
	line-height: 1; 
	text-transform:uppercase;
}

#mobilnav .level_1 li {
	padding:0.3125em 0;
	border-bottom:1px solid #ddd;
}

#mobilnav .level_2 {
	font-size: 0.75em; 
	line-height: 1.5;
	text-transform:none;
	padding-top:0.3125em;
}

#mobilnav .level_2 li {
	padding:0;
	border-bottom:none;
}

#mobilnav a:link, 
#mobilnav a:visited {
    color: #000;
}

#mobilnav a:hover {
    color: #999;
}

#mobilnav a:active {
    color: #000;
	text-shadow: 0 0 0.1875em #999;
}


/* news box in left column
--------------------------------------------------*/

.newsBox {
	margin-top:3.125em;
	margin-bottom:1.25em;
	background: none repeat scroll 0 0 #eee;
	border:1px solid #ddd;
	padding:0.375em 0.5em;
}

.newsBox h2 {
	font-size:1.125em; /* 18px/16px */
	padding-bottom:0.3125em;
	border-bottom:1px solid #ccc;
}

.newsBox p {
	font-size:0.875em; /* 14px/16px */
	line-height: 1.142857142857; /* 16px/14px */ 
	margin-bottom:0;
}

.newsBox img:hover {
	opacity:0.8;
}

.newsBox img:active {
	opacity:0.6;
}

.newsPage .newsBox {
	display: none;
}

/* images on top-level pages
--------------------------------------------------*/

.mod_article {
	margin-bottom:1.25em;
	padding-top:0.1875em; /* make room for box-shadow effect */
}

.bildHaupt {
	background: none repeat scroll 0 0 #fff;
	float:left;
	width: 12.75em; /* 204px */
	margin-top: 0;
	margin-right: -100%;
	margin-bottom: 1em;
}

.bh_0, .bh_4, .bh_8 {
	margin-left: 0;
	clear:left;
}

.bh_1, .bh_5, .bh_9  {
	margin-left: 13.75em;
	clear:none;
}

.bh_2, .bh_6, .bh_10  {
	margin-left: 27.5em;
	clear:none;
}

.bh_3, .bh_7, .bh_11  {
	margin-left: 41.25em;
	clear:none;
}

.bildHaupt .image_container {
	padding: 0.375em 0.375em 0.5em;
	border:1px solid #ddd;
}

.bildHaupt:hover {
	background-color: #eee;
}

.bildHaupt:active {
	background-color: #eee;
	-moz-box-shadow: 0 0 0.1875em #999;
	-webkit-box-shadow: 0 0 0.1875em #999;
	box-shadow: 0 0 0.1875em #999;
}

.bildHaupt .image_container h1 {
	padding:0.5em 0;
	margin:0;
	font-weight:400 !important;
	font-size: 1em; /* 16px/16px */
	line-height: 1; /* 16px/16px */
}

.bildHaupt .image_container .caption {
	font-size: 0.875em; /* 14px/16px */
	white-space:nowrap;
}

.bildHaupt .image_container a:link, 
.bildHaupt .image_container a:visited {
	color:#000;
}

.bildHaupt .image_container a:hover {
	color:#000;
}

.bildHaupt .image_container a:active {
	color:#000;
	text-shadow:none;
}

/* image galleries on second-level pages
--------------------------------------------------*/

.ce_gallery {
	background: none repeat scroll 0 0 #fff;
	border:1px solid #ddd;
	padding:0.125em;
	float:left;
	width:50%;
	margin:0 1.25em 1.25em 0;
}

.ce_gallery:hover {
	background-color: #eee;
}

.ce_gallery img {
	margin-bottom:-0.3125em;
}

.ce_gallery img:hover {
	opacity:0.8;
}

.ce_gallery img:active {
	opacity:0.6;
}

.ce_gallery ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

/* This is the 'container-relative floats' technique by John Albin Wilkins */

.ce_gallery li {
	float:left;
	padding:0;
}

.gallery4 .image_container {
	padding: 3.5%;
}

.gallery3 .image_container {
	padding: 3%;
}

.gallery2 .image_container {
	padding: 2%;
}

.gallery4 .col_0 {
	width: 25%; /* 4 images per row */
	margin-left: 0;
	margin-right: -100%; 
}

.gallery4 .col_1 {
	width: 25%; /* 4 images per row */
	margin-left: 25%;
	margin-right: -100%; 
}

.gallery4 .col_2 {
	width: 25%; /* 4 images per row */
	margin-left: 50%;
	margin-right: -100%; 
}

.gallery4 .col_3 {
	width: 25%; /* 4 images per row */
	margin-left: 75%;
	margin-right: -100%; 
}

.gallery3 .col_0 {
	width: 33.333%; /* 3 images per row */
	margin-left: 0;
	margin-right: -100%; 
}

.gallery3 .col_1 {
	width: 33.333%; /* 3 images per row */
	margin-left: 33.333%;
	margin-right: -100%; 
}

.gallery3 .col_2 {
	width: 33.333%; /* 3 images per row */
	margin-left: 66.6667%;
	margin-right: -100%; 
}

.gallery2 .col_0 {
	width: 50%; /* 2 images per row */
	margin-left: 0;
	margin-right: -100%; 
}

.gallery2 .col_1 {
	width: 50%; /* 2 images per row */
	margin-left: 50%;
	margin-right: -100%; 
}

/* videos 
--------------------------------------------------*/

.ce_vimeo {
	box-sizing:border-box;
	background: none repeat scroll 0 0 #fff;
	border:1px solid #ddd;
	padding:0.25em;
	float:left;
	width:50%;
	margin:0 1.25em 1.25em 0;
}

.video_container video {
	max-width:100%;
	height:auto;
}

.responsive {
    position:relative;
    height:0;
}

.responsive iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.responsive.ratio-169 {
    padding-bottom:56.25%;
}

.responsive.ratio-1610 {
    padding-bottom:62.5%;
}

.responsive.ratio-219 {
    padding-bottom:42.8571%;
}

.responsive.ratio-43 {
    padding-bottom:75%;
}

.responsive.ratio-32 {
    padding-bottom:66.6666%;
}

/* text on second-level pages
--------------------------------------------------*/

.titel {
	/* */
}

.beschreibung,
.beteiligte,
.credits {
	margin-top:0.9375em;
}

.credits p {
	font-size: 0.875em; /* 14px/16px */
	margin-bottom:0.5em;
}

/* EINERvonTAUSEND
--------------------------------------------------*/

#einervontausend .ce_text {
	margin-bottom: 20px;
}

#einervontausend .image_container {
	background: none repeat scroll 0 0 #fff;
	padding: 0.375em 0.375em 0.1875em;
	border:1px solid #ddd;
}

#einervontausend .image_container:hover {
	background-color: #eee;
}

#einervontausend img:active {
	opacity:0.7;
}


/* Bio
--------------------------------------------------*/

#bioText .image_container {
	width: 33.33333%;
	background: none repeat scroll 0 0 #fff;
	padding: 0.375em 0.375em 0.1875em;
	border:1px solid #ddd;
	margin-left:1.25em;
	margin-bottom:0.625em;
}

#bioText .image_container:hover {
	background-color: #eee;
}

#bioText img:active {
	opacity:0.7;
}

/* News page
--------------------------------------------------*/

#newsText .image_container {
	/*width: 33.33333%;*/
	width: 50%;
	background: none repeat scroll 0 0 #fff;
	padding: 0.375em 0.375em 0.1875em;
	border:1px solid #ddd;
	margin-left:1.25em;
	margin-bottom:0.625em;
}

#newsText .image_container:hover {
	background-color: #eee;
}

#newsText img:active {
	opacity:0.7;
}

#newsImage .image_container {
	padding: 0.375em 0.375em 0.1875em;
	border:1px solid #ddd;
}

/* Impressum
--------------------------------------------------*/

#rechtliches, 
#realisierung,
#datenschutz,
#privacy {
	margin-top:2.5em;
}

#rechtliches p,
#datenschutz p,
#privacy p {
	font-size:0.875em; /* 14px/16px */
	line-height: 1.142857; /* 16px/14px */
}

#datenschutz iframe,
#privacy iframe{
	height: 12.5em;
	background-color: #ccc;
}

/* Seite Kontakt
--------------------------------------------------*/

.kontakt_text,
.kontakt_hinweis {
	width: 48%;
	box-sizing: border-box;
}

.kontakt_text {
	float: left;
	margin-bottom: 2em;
}

.kontakt_hinweis {
	float: right;
	padding: 1em;
	background-color: #eee;
	border: 1px solid #ddd;
}


/* Media Queries
--------------------------------------------------*/

/* adjust header height on small screens
--------------------------------------------------*/

@media screen and (max-width:50em) and (max-height:43.75em) {

	#header {
		height:8.125em; /* 130px */
	}

	#homeLink {
		padding-top:1em;
	}

	#sprachenwechsler {
		margin:1em 0 0;
	}

}

@media screen and (max-width:50em) and (min-height:43.8125em) {

	#header {
		height:11.25em; /* 180px */
	}

	#homeLink {
		padding-top:2em;
	}

	#sprachenwechsler {
		margin:2em 0 0;
	}

}

@media screen and (min-width:50.0625em) and (max-height:43.75em) {

	#header {
		height:8.125em; /* 130px */
	}

	#homeLink {
		padding-top:3.125em;
	}

	#sprachenwechsler {
		margin:1em 0 0;
	}

}

/* max-width: 1279px
--------------------------------------------------*/

@media screen and (max-width: 79.9375em) {

	#wrapper {
		width:60.625em; /* 970px */
	}

	#left {
		width:20.375em; /* 326px */
		right:20.375em;
	}

	#container {
		padding-left:20.375em; /* 326px */
	}

	.bh_0, .bh_3, .bh_6, .bh_9 {
		margin-left: 0;
		clear:left;
	}

	.bh_1, .bh_4, .bh_7, .bh_10 {
		margin-left: 13.75em;
		clear:none;
	}

	.bh_2, .bh_5, .bh_8, .bh_11 {
		margin-left: 27.5em;
		clear:none;
	}

	.credits {
		clear:left;
	}

	.beteiligte {
		clear:left;
	}

}

/* max-width: 1023px
--------------------------------------------------*/

@media screen and (max-width: 63.9375em) {

	#wrapper {
		width:46.875em; /* 750px */
	}

	.bh_0, .bh_2, .bh_4, .bh_6, .bh_8, .bh_10 {
		margin-left: 0;
		clear:left;
	}

	.bh_1, .bh_3, .bh_5, .bh_7, .bh_9, .bh_11 {
		margin-left: 13.75em;
		clear:none;
	}

	.beschreibung {
		clear:left;
	}
	
	.ce_vimeo {
		width:100%;
		float:none;
	}
	
} 

/* max-width: 800px
--------------------------------------------------*/

@media screen and (max-width: 50em) {

	/* break the Holy Grail Layout
	----------------------------------------------*/

	#wrapper {
		margin:0;
		width:auto;
	}

	#container {
		padding-left:0;
		padding-right:0;
	}

	#main, 
	#left, 
	#right {
		float:none; 
		width:auto;
	}

	#left {
		right:0;
		margin-left:0;
	}

	#right {
		margin-right:0;
	}

	/* fluid layout
	----------------------------------------------*/

	#wrapper {
		width:92%;
		margin:0 auto;
		padding: 0;
	}

	#main {
		width:100%;
	}

	#left .inside {
		width:100%;
	}

	.bildHaupt {
		width:23.5%; /* four images per row */
		margin-bottom: 2%;
	}

	.bh_0, .bh_4, .bh_8 {
		margin-left: 0;
		clear:left;
	}

	.bh_1, .bh_5, .bh_9  {
		margin-left: 25.5%;
		clear:none;
	}

	.bh_2, .bh_6, .bh_10  {
		margin-left: 51%;
		clear:none;
	}

	.bh_3, .bh_7, .bh_11  {
		margin-left: 76.5%;
		clear:none;
	}

	.bildHaupt .image_container h1 {
		height:2em;
	}
	
	.ce_vimeo {
		width:50%;
		float:left;
	}

	#homeLink {
		width:100%;
		text-align:center;
	}

	#sprachenwechsler {
		position:relative;
		width:100%;
		text-align:center;
	}

	#copyright {
		text-align:center;
	}

	#navigation {
		display:none; /* hide the normal navigation menu */
	}

	.custom {
		display:block; /* show the mobile navigation bar */
	}

	.newsBox {
		margin-top:1em;
		margin-bottom:2em;
		text-align:center;
	}

} 

/* max-width: 649px
--------------------------------------------------*/

@media (max-width: 40.5625em) {

	.bildHaupt {
		width:31.3333333333%; /* three images per row */
		margin-bottom: 3%;
	}

	.bh_0, .bh_3, .bh_6, .bh_9 {
		margin-left: 0;
		clear:left;
	}

	.bh_1, .bh_4, .bh_7, .bh_10 {
		margin-left: 34.3%;
		clear:none;
	}

	.bh_2, .bh_5, .bh_8, .bh_11 {
		margin-left: 68.6%;
		clear:none;
	}
	
	.ce_vimeo {
		width:100%;
		float:none;
	}
	
}

/* max-width: 459px
--------------------------------------------------*/

@media screen and (max-width: 28.6875em) { 

	.bildHaupt {
		width:48%; /* two images per row */
		margin-bottom: 4%;
	}

	.bh_0, .bh_2, .bh_4, .bh_6, .bh_8, .bh_10 {
		margin-left: 0;
		clear:left;
	}

	.bh_1, .bh_3, .bh_5, .bh_7, .bh_9, .bh_11  {
		margin-left: 52%;
		clear:none;
	}

	.mobile_menu {
		width: 88%;
	}

	.radio_container span {
		display:block;
		padding:0.1875em 0;
	}

	.ce_gallery {
		float:none;
		width:auto;
		margin:6.25em 0 1.25em 0;
	}

	.titel {
		position:absolute;
		top:0;
	}

	.newsBox {
		text-align:left;
	}

	#bioText .image_container, 
	#newsText .image_container {
		display:block !important;
		width:auto;
		float:none !important;
		margin-left:0 !important;
		margin-bottom: 20px;
	}

}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/

#colorbox, #cboxOverlay, #cboxWrapper {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	overflow: hidden;
}

#cboxWrapper {
	max-width: none;
}

#cboxOverlay {
	position: fixed;
	width: 100%;
	height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
	clear: left;
}

#cboxContent {
	position: relative;
}

#cboxLoadedContent {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

#cboxTitle {
	margin: 0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
	cursor: pointer;
}

.cboxPhoto {
	float: left;
	margin: auto;
	border: 0;
	display: block;
	max-width: none;
	-ms-interpolation-mode: bicubic;
}

.cboxIframe {
	width: 100%;
	height: 100%;
	display: block;
	border: 0;
	padding: 0;
	margin: 0;
}

#colorbox, #cboxContent, #cboxLoadedContent {
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox. 
*/

#cboxOverlay {
	background: #000;
	opacity: 0.9;
	filter: alpha(opacity = 90);
}

#colorbox {
	outline: 0;
}

#cboxContent {
	background: none;
}

.cboxIframe {
	background: #fff;
}

#cboxError {
	padding: 50px;
	border: 1px solid #ccc;
}

#cboxLoadedContent {
	padding: 2.5em;
	background: none;
}

#cboxTitle {
	position: absolute;
	bottom: 1em;
	left: 2.5em;
	color: #fff;
}

#cboxCurrent {
	display: none !important;
}

#cboxLoadingGraphic {
	background: url(/files/einervontausend/grafik/system/loading.gif) no-repeat center center;
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
	border: 0;
	padding: 0;
	margin: 0;
	width: auto;
	background: none;
	overflow: hidden;
	outline: none;
	font-size: 100%;
	line-height: 0;
	text-align: center;
	text-decoration: none;
	text-indent: -9999px;
	direction: ltr;
	-webkit-background-clip: padding;
	-moz-background-clip: padding;
	background-clip: padding-box;
}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
	outline: 0;
}

#cboxPrevious {
	position: absolute; 
	top: 50%;
	left: 0.25em;
	margin-top: -1em;
	width: 1.875em;
	height: 1.875em;
	background-position: center center;
	background-repeat: no-repeat;
}

#cboxNext {
	position: absolute;
	top: 50%;
	right: 0.25em;
	margin-top: -1em;
	width: 1.875em;
	height: 1.875em;
	background-position: center center;
	background-repeat: no-repeat;
}

#cboxClose {
	position: absolute;
	top: 2.5em;
	right: 0.5em;
	display: block;
	width: 1.625em;
	height: 1.625em;
	background-position: center center;
	background-repeat: no-repeat;
}

/* Reduce top & bottom margins on small screens in landscape orientation */
@media screen and (max-height: 29.9375em) and (orientation: landscape) {

	#cboxLoadedContent {
		padding: 0.625em 2.5em 1.875em;
	}
	
	#cboxTitle {
		bottom: 0.625em;
	}
	
	#cboxClose {
		top: 0.625em;
	}
	
}

/* Limit caption width on small screens */
@media screen and (max-width: 29.9375em) and (orientation: portrait) {

	#cboxTitle {
		width: 75%;
		white-space: nowrap;
		overflow: hidden;
	}

}