/* HTML5 DISPLAY DEFINITIONS */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* Base */
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; height:100%;}
::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }
form { margin: 0; }
input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
input { line-height: normal; }
input[type="submit"] { cursor: pointer; }
input[type="search"] { -webkit-appearance: none; box-sizing: border-box; border:none; -webkit-rtl-ordering: logical; -webkit-user-select: text; cursor: auto;}
input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
input::-moz-focus-inner { border: 0; padding: 0; }
a { text-decoration:none; color:#86878b; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out;}
a:hover {color:#333;}
*:focus  { outline: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
table { border-collapse: collapse; border-spacing: 0; }
html { overflow-y: scroll; }
ul, ol { margin: 0; padding: 0 ; }
nav ul, ul { list-style: none; list-style-image: none; }


/* allgemein */
html {}
body { font-family:'Roboto', Verdana, Helvetica, Arial, sans-serif; background:#fff; color:#333; font-weight:300; font-size:12px; line-height:18px;}
* { margin:0; padding:0; border:0; }
.clear {clear:both;}
.invisible {display:none}
h1, h2, h3 {font-size:15px; font-weight:400;}
h4 {font-weight:300; font-size:12px; line-height:18px;}
h1 {line-height:26px; margin-bottom:15px; }
h2 {font-size:15px; line-height:25px;}
b, strong {font-weight:400;}
.wrapper {position:relative; max-width:960px; margin:auto; }

#main_left {position:fixed; width:230px; top:150px; float:left; border-right:1px solid #ccc; }
#btn_navbar {position:absolute; right:0; top:0px; background:url(../images/nav_button.jpg) no-repeat; width:48px; height:34px; cursor:pointer; border-left:1px solid #ccc;}
.spacer_34 {position:relative; height:34px;width:100%; display:none; border-bottom:1px solid #ccc;}
#main_left nav li {width:210px; text-align:right;}
#main_left nav li a {display:block; width:100%; height:100%;}
#main_left nav ul.level_1 li { line-height:25px; margin-bottom:5px; font-size:15px; line-height:36px;}
#main_left nav li span.active {padding:3px 0 3px;font-weight:400;}
#main_left nav ul.level_1 li .level_2 {margin:10px 0 20px 0;}
#main_left nav ul.level_1 li .level_2 li, #main_left nav ul.level_1 li.subnav { font-size:12px; line-height:18px; }
#main_left nav .level_3 {display:none;}
#main_left nav li.trail a, #main_left nav li.trail {font-weight:400;color:#333;}
#main_left nav li.trail .level_2 a {font-weight:300;color:#86878b;}
#main_left nav li.trail .level_2 .trail a  {font-weight:400;color:#333;}
#main_left nav li.trail .level_2 a:hover {color:#333;}
#main_left nav ul.level_1 li.ex_loris { font-size:12px; line-height:18px; }
#main_left nav ul.level_1 li.seehusen {margin-bottom:20px;}

#content .mod_navigation {display:block;height:37px;}
#content .mod_navigation li {float:left; padding-right:10px; margin-right:10px; border-right:1px solid #ccc;}
#content .mod_navigation li.last {border-right:none;}
#content .mod_navigation li span.active {font-weight:400;}

header {position:relative; width:100%; height:150px; font-size:12px; line-height:13px; top:0;}
#logo {position:relative; left:0; top:40px;}
.mod_changelanguage {position:absolute; right:295px; top:71px;}
.mod_changelanguage li {border-right:1px solid #998452; height:13px;}
#top_kontakt {position:absolute; right:220px; top:71px; height:13px; text-transform:uppercase;}
#top_kontakt li {height:13px;}
.mod_changelanguage a, #top_kontakt a { padding:0 10px; }

header .mod_search form {position:absolute; right:90px; top:57px; width:127px;}
header .mod_search input.text {position:absolute; left:5px; height:26px;line-height:26px; width:92px; background:#ededed;padding-left:5px;}
header .mod_search input.submit {position:absolute; right:0; width:30px; height:26px; background: url(../images/search.jpg) no-repeat; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out;}
#facebook {position:absolute; right:56px; top:57px; display:block; height:26px; width:26px; background: url(../images/facebook.jpg) no-repeat; }
#twitter {position:absolute; right:28px; top:57px; display:block; height:26px; width:26px; background: url(../images/twitter.jpg) no-repeat; }
#instagram {position:absolute; right:0px; top:57px; display:block; height:26px; width:26px; background: url(../images/instagram.jpg) no-repeat; }
#facebook:hover, header .mod_search #ctrl_submit_24:hover, #twitter:hover, #instagram:hover {background-position: 0 -26px;}

#main {position:relative; width:700px; float:right; }
#content {padding-top:10px;width:90%;}
#content.kuenstler {width:100%;}
#main .single_artist h1 {margin-bottom:-10px;}

/* start */
.more {margin-top:10px;}
.start h4 {margin-bottom:18px;}
.start img {margin:10px 0; width:100%; height:auto;}

/* austellungen */
.archiv_list, .upcoming {margin-bottom:20px;}
.archiv_list h2 a {color:#333;}
.mod_eventreader .back {margin-top:40px;}

/* kuenstler */
.kuenstler {padding-top:0;}
.kuenstler .box {position: relative; display:block; width:23.5%; height:auto; margin:0 2% 2% 0; float:left; }
.kuenstler .box:nth-child(4n+4) {margin:0 0 2% 0;}
.kuenstler .box img {position:relative; left:0; top:0;width:100%; height:auto;}
.kuenstler .box .name {position:absolute; left:0; top:0; width:100%; height:100%; }
.kuenstler .box .back {position:absolute; left:0; top:0; width:100%; height:100%; background:#fff; -moz-opacity: 0.7; opacity: 0.7; filter:alpha(opacity=70);}
.kuenstler .box .name p {position:absolute; left:0; top:0;width:100%;text-align:center; margin-top:30%; font-weight:400;}
.kuenstler a .name {color:#333; display:none;}
.image_container {margin-bottom:10px;}
.image_container img, .layout_teaser img {width:100%; height:auto; margin:10px 0;}
.image_container figcaption {margin:-5px 0 20px 0; width:100% !important;}
#main .artist_article p, #main .event p {margin-bottom:0;}
#main .event p.time {margin-bottom:10px;}

/* presse impressum */
.presse h3 {text-transform:uppercase;}
#main .presse p, #main .imprint p {margin-bottom:0;}
#main .imprint {margin-top:-5px;}
.exhibition {margin-bottom:15px;}
#gal_text {width:75%; line-height:26px; margin-bottom:15px; }
#gal_text a {display:inline-block; margin-left:5px;}

/* kontakt */
.maps { position: relative; padding-bottom: 50%; // This is the aspect ratio
height: 0; overflow: hidden; }
.maps iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; z-index:1000;}
.maps #marker { position: absolute; top: 50%; left: 50%; margin:-15px 0 0 -15px; z-index:200; z-index:2000;}
.linie {border-bottom:1px solid #ccc; margin:30px 0; width:100%; height:1px;}
.mod_subscribe, .mod_unsubscribe {margin:10px 0 20px;}
.mod_subscribe input, .mod_unsubscribe input {font-size:14px; font-family:'Fira Sans', Helvetica, Arial, Verdana, sans-serif; color:#000; font-weight:300}
.mod_subscribe input.text, .mod_unsubscribe input.text {width:200px;line-height:25px; height:25px; padding:0 4px;margin-top:3px; display:block; border:1px solid #ccc;}
.mod_subscribe input.submit, .mod_unsubscribe input.submit {line-height:28px; height:25px; padding:0 10px; margin-top:10px; color:#000; background:#e2e2e2;}
.mod_subscribe input.submit:hover, .mod_unsubscribe input.submit:hover {background:#000;color:#fff;}

/* editionen */
#content.editionen {width:100%; padding-top:0;}
#content.editionen .edition {border-bottom:1px solid #ccc; padding:12px 0 20px; margin-bottom:20px; width:100%;}
#content.editionen .last {border-bottom:none; }
#main .edition p {margin-bottom:0;}
.last {border:none;}
.more_info {margin-top:10px; width:100%; display:none;}
.edit_right a {margin-top:10px;display:block;}
.edit_left {width:35%; float:left;}
.edit_left img, .more_info img {width:100%; height:auto;}
.more_info img {margin:10px 0 5px 0;}
.edit_left img {margin-bottom:15px;}
.edit_right {width:63%; float:right;}
#main .editionen h2 {margin-top:-5px;}
#main .editionen h3 {text-transform:uppercase;margin-bottom:20px; border-bottom:1px solid #ccc;padding-bottom:20px;}

/* news */
.mod_newslist {margin-top:-4px;}
.news_item {margin-bottom:20px;}
.news_item h2 {text-transform:uppercase;}
#main .news_item p {margin-bottom:0;}

/* suche */
.home #suchergebnis form, .home #suchergebnis .url {display:none;}
.home #suchergebnis h1 {margin-top:-5px;}
.home #suchergebnis .header {margin-bottom:22px; padding-top:5px;}
.home #suchergebnis .odd, .home #suchergebnis .even {margin-bottom:22px;}
.home #suchergebnis h3 {margin-bottom:5px; font-weight:300;}
.home #suchergebnis h3 a {text-decoration:underline; float:left; margin-right:20px;}
.home #suchergebnis .relevance {color:#86878b; font-size:12px;}

footer {position:relative; bottom:0; width:100%; margin-top:70px; height:40px; font-size:10px; line-height:10px; border-top:1px solid #ccc; padding-top:10px;}
#go_top {position:relative; left:0; float:left; }
#footer_nav {position:relative; float:right;}
#copy {float:left; margin-right:10px;}
#footer_nav nav {float:right; text-transform:uppercase;}
#footer_nav li {border-left:1px solid #998452; float:left; height:10px; padding:0 8px; }
#footer_nav li.last {border-right:none; padding:0 0 0 8px;}


@media (max-width: 960px) { 
	.wrapper { padding:0 20px; }
	#main_left {position:relative; width:100%; top:0; float:none; border-right:none;}
	#main_left nav {position:relative;display:none;}
	#main_left nav ul.level_1 li {width:100%; text-align:center; border-bottom:1px solid #ccc; }
	#main_left nav ul.level_1 li .level_2 li, #main_left nav ul.level_1 li.subnav, #main_left nav ul.level_1 li.ex_loris {border:none;}
	#main_left nav ul.level_1 li.seehusen {margin-bottom:0; padding-bottom:10px; border-bottom:1px solid #ccc;}
	.spacer_34 {display:block;}
	#main { width:100%; float:none;}
	#main_left nav .level_1 li.active .level_2 li {background:none;}
	#main_left nav ul.level_1 li .level_2 {margin-bottom:10px;}
	#content {width:100%;}
}

@media (max-width: 768px) {
	.mod_changelanguage {position:absolute; top:71px;}
	.mod_changelanguage li {border-right:1px solid #998452; height:13px;}
	#top_kontakt {position:absolute; top:71px; height:13px; text-transform:uppercase;}
	#top_kontakt li {height:13px;}
	.mod_changelanguage a, #top_kontakt a { padding:0 10px; }	
	#language {right:45px;}
	.kuenstler .box {width:32%; }
	.kuenstler .box:nth-child(4n+4) {margin:0 2% 2% 0;}
	.kuenstler .box:nth-child(3n+3) {margin:0 0 2% 0;}
	#gal_text {width:100%;}
	#content .mod_navigation {height:55px;}
}
@media (max-width: 500px) {
	header {height:180px;}
	header .mod_search form {display:none;}
	.mod_changelanguage {position:absolute; left:0; top:100px;}
	.mod_changelanguage li {display:inline; border:none;}
	#top_kontakt {position:absolute; left:70px; top:100px; height:13px; text-transform:uppercase;}
	.mod_changelanguage a, #top_kontakt a { padding:0; }
	#content .mod_navigation {height:80px;}
	#language {left:-8px;top:120px;}
	.kuenstler .box {width:49%; }
	.kuenstler .box:nth-child(3n+3) {margin:0 2% 2% 0;}
	.kuenstler .box:nth-child(2n+2) {margin:0 0 2% 0;}
	#footer_nav {float:none; margin-top:20px;}
	#footer_nav li {border-left:none; }
	#artist li.last {float:left;margin-top:20px;width:100%;}
	.edit_left, .edit_right, #main .archiv .exhibition p {width:100%;}
	.edit_left {margin-bottom:10px;}
}