/*
Theme Name: artsafiental
Author: schattenwerk
Author URI: http://schattenwerk.ch/
Description: artsafiental Theme, handmade by schattenwerk.
Version: 1.0
*/

/* flags */
.flag {
	border-bottom:2px solid #6699CC;
	height:42px;
}

.flag li {
	float:left;
	border-top:2px solid #6699CC;
	height:35px;
	width:160px;
	text-align:center;
	padding-top:5px;
	background:#fff;
	border-bottom:none;
	margin-right:7px;
}


@media (max-width: 800px) {
  .flag li {
    width: auto;
    padding-left: 15px;
    padding-right: 15px;
  }
}


.page-item-5942 {
  border-left:2px solid #6699CC;
}
/* 3489 löschen bei 2022 aktiv */

.page-item-3489.current_page_item, .page-item-3489.current_page_ancestor, .page-item-6.current_page_item, .page-item-6.current_page_ancestor, .page-item-1717.current_page_item, .page-item-1717.current_page_ancestor, .page-item-4637.current_page_item, .page-item-4637.current_page_ancestor, .page-item-5942.current_page_item, .page-item-5942.current_page_ancestor {
  border-right:2px solid #6699CC;
  border-left:2px solid #6699CC;
}

.page-item-6{
  border-right:2px solid #6699CC;
}

.borderright {
  border-right:2px solid #6699CC;
}

.borderleft {
  border-left:2px solid #6699CC;
}

/* If 2022 acvtive, if new year copy this code and ad page id */

.page-id-4637 .page-item-3489, .parent-pageid-4637 .page-item-3489 {
  border-left: none;
  border-right:2px solid #6699CC;
}

.page-id-4637 .page-item-1717, .parent-pageid-4637 .page-item-1717 {
  border-left: none;
  border-right:2px solid #6699CC;
}



/* News 2016 */
.year-2016 .page-item-6 {
  border-left:2px solid #6699CC;
  height: 37px;
}

.year-2016 .page-item-1717 {
  border-left:2px solid #6699CC;
}

.year-2016 .page-item-3489 {
  border-left:2px solid #6699CC;
}


/* News 2018 */
.year-2018 .page-item-1717 {
  border-left:2px solid #6699CC;
  border-right:2px solid #6699CC;
  height: 37px;
}

.year-2018 .page-item-3489 {
  border-left:2px solid #6699CC;
}

/* News 2020 */
.year-2020 .page-item-3489 {
  border-right:2px solid #6699CC;
  border-left:2px solid #6699CC;
  height: 37px;
}

.year-2020 .page-item-1717 {
  border-right:2px solid #6699CC;
}

/* News 2022 */
.year-2022 .page-item-4637 {
  border-right:2px solid #6699CC;
  height: 37px;
}

.year-2022 .page-item-3489 {
  border-right:2px solid #6699CC;
  border-left:2px none;
}

.year-2022 .page-item-1717 {
  border-right:2px solid #6699CC;
}




strong span {
  font-weight: 700;
}




.flag li.current_page_item, .flag li.current_page_ancestor {
	height:37px;
}

.flag li a {
	font-size:25px;
	line-height:28px;
}

.logo {
    width: 50%;
}

body { 
	font-size:14px; 
	font-family: 'arial', sans-serif;
	*font-size:small; 
	*font:x-small; 
	line-height:20px;
	color:#000;
}

html, body, body div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, 
hgroup, menu, nav, section,
time, mark, audio, video, a {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
	background:transparent none no-repeat 0 0;
	font-weight: normal;
}

strong, b, strong a {
	font-weight:700;
}

article, aside, figure, footer, header, hgroup, nav, section { display:block; }

body {
	background:#fff;
}

body, html {
	width:100%;
	height:100%;
}

a {
	color:#6699CC;
	text-decoration:none;
}

a:hover {
	color:#000;
}

ul {
	list-style:none;
}

.wrapper {
	margin:0 auto;
	width:96%;
	padding:0 2% 2% 2%;
	max-width:998px;
}

/* header */

.mobile {
	display:none;
}

header {
	position:relative;
	padding-top:42px;
	padding-bottom:37px;
}

.facebook {
	position:absolute;
	right:0;
	top:0;
}

.language {
	position:absolute;
	right:0px;
	top:45px;
	font-size:32px;
	width:160px;
}

.language ul {
	margin-top:8px;
}

.language li {
	display:inline;
	padding-left:5px;
	font-weight:bold;
}

.language ul li a span {
	font-weight:bold;
	color:#000;
}

.language li.active a  span, .language a:hover span {
	color:#6699CC;
}


/* content */
.content {
	position:relative;
	border:2px solid #6699CC;
  border-top:none;
	padding:36px 40px 36px 40px;
	margin-bottom:10px;
	min-height:620px;
}

nav {
	font-size:25px;
	line-height:28px;
	width:26%;
	float:left;
}

nav li {
	padding-top:10px;
}

nav li a {
	font-family: Arial, sans-serif;
}

nav li li {
	padding-top:0px;
}

nav li li a {
	color:#6699CC;
	font-size:17px;
	line-height:20px;
}

nav li.current_page_item a, nav li.current_page_parent a {
	color:#000;
}

nav li.current_page_item li a, nav li.current_page_parent li a {
	color:#6699CC;
}

nav li.current_page_item li a:hover, nav li.current_page_parent li a:hover {
	color:#000;
}

nav li.current_page_parent li.current_page_item a {
	color:#000;
}

nav li ul {
	display:none;
}

nav li.current_page_item ul, nav li.current_page_parent ul {
	display:block;
}

article {
	float:left;
	width:73%;
}



article img.size-full, article img.size-large {
	width:100%;
	height:auto;
}

.size-medium.alignleft, .size-thumbnail.alignleft {
  width: 33%;
  margin-right: 10px;
  float: left;
  height: auto;
}
  
  

article img.noscale, .gallery img{
	width:auto;
	height:auto;
}

.gallery-icon {
	float:left;
}

.gallery-icon img {
	margin-right:5px;
}


section {
	padding-bottom:20px;
	margin-bottom:30px;
	border-bottom:2px solid #6699CC;
}

section:last-child {
	border-bottom:none;
	margin-bottom:0;
}

small {
	font-size:14px; 
	line-height:20px;
}

h1, h1 a {
	font-size:50px;
	line-height:60px;
	font-weight:bold;
	margin-bottom:20px;
	color:#000;
}

h1 a:hover {
	color:#6699CC;
}

p {
	margin-bottom:20px;
}

.pageing {
	font-size:20px;
	font-weight:bold;
}

.pageing .left {
	float:left;
}

.pageing .right {
	float:right;
}


/* footer */

footer {
	padding:0 40px 40px 40px;
	margin-bottom:10px;
	position:relative;
}

footer ul li {
	display:inline;
	margin-right:20px;
}

footer .facebook {
	display:none;
}

.claim {
	position:absolute;
	top:0;
	right:32px;
	font-size:14px;
	line-height:16px;
	color:#6699CC;
}

/* iframe // demo umfrage */
iframe {
	width:100%;
	height:440px;
	border:none;
}



/* media sizes */

@media only screen and (max-width:850px) {
	
	nav {
		font-size:20px;
		line-height:28px;
	}

	nav li li a {
		font-size:14px;
		line-height:16px;
	}
	
	h1, h1 a {
		font-size:35px;
		line-height:45px;
	}
}


@media only screen and (max-width:680px) {
	
	nav {
		font-size:16px;
		line-height:20px;
		width:26%;
		float:left;
	}

	nav li li a {
		font-size:10px;
		line-height:12px;
	}
	
	article {
		float:left;
		width:73%;
	}
	
	h1, h1 a {
		font-size:25px;
		line-height:35px;
	}
}

@media only screen and (max-width:590px) {
	
	.mobile {
		display:block;
		background:#6699CC;
		min-height:90px;
		margin-bottom:70px;
	}
	
	.mobile nav {
		float:none;
		padding:2%;
		display:none;
		width:96%;
	}
	
	.mobile nav ul {
		margin-top:90px;
	}
	
	.mobile nav a, .mobile nav li li a {
		display:block;
		color:#fff;
		font-size:30px;
		line-height:55px;
	}
	
	.mobile nav li.current_page_item li a {
		color:#fff;
	}

	.mobile nav li.current_page_item li a:hover, .mobile nav li.current_page_parent li a {
		color:#000;
	}
	
	.mobile nav ul ul {
		margin:0 0 0 20px;
	}

	.mobile nav a:hover {
		text-decoration:underline;
	}

	.mobile .language {
		position:absolute;
		right:2%;
		top:20px;
		font-size:30px;
		line-height:55px;
		width:80px;
	}
	
	.mobile .language ul li a span {
		font-weight:normal;
		color:#fff;
	}
	
	.mobile .language li.active a span, .mobile .language a:hover span {
		font-weight:bold;
	}
	
	.mobile h1 {
		color:#fff;
		font-size:30px;
		position:absolute;
		top:30px;
		left:2%;
		line-height:55px;
		padding-left:85px;
		background:url(img/mobile_icon.png) no-repeat;
		height:38px;
	}
	
	.mobile h2 {
		color:#6699CC;
		font-size:30px;
		font-weight:bold;
		position:absolute;
		top:115px;
		left:2%;
	}
	
	.mobile h1:hover {
		cursor:pointer;
	}

	header {
		display:none;
	}
	
	.wrapper {
		background:none;
	}

	.mobile .facebook {
		position:relative;
		display:none;
		background:#fff;
		padding:2%;
	}
	.mobile .facebook img {
		margin-right:10px;
	}

	.content {
		padding:3%;
	}

	.content nav {
		display:none;
	}
	
	article {
		float:left;
		width:100%;
		font-size:19px;
		line-height:25px;
	}
	
	h1, h1 a {
		font-size:28px;
		line-height:38px;
	}
	
	footer {
		padding:0;
		margin-bottom:10px;
		position:relative;
	}
	
	footer ul li {
		margin-right:20px;
		font-size:19px;
		line-height:29px;
	}
	
	footer .facebook {
		margin-top:20px;
		display:block;
		position:relative;
		right:auto;
		top:auto;
	}

	.claim {
		display:none;
	}

	/* iframe // demo umfrage */
	iframe {
		width:100%;
		height:320px;
		border:none;
	}


}


.clear {
	clear:both;
}


/* iphone */
html {
	-webkit-text-size-adjust: none;
}




/* video */
.wp-video-shortcode, video {
	max-width: 100%;
	overflow:hidden;
}

.wp-audio-shortcode {
	max-width: 100%;
}