/*
nanoCMS FRONTEND STYLESHEET
15.01.2017
ortfuerkinder.ch
*/


/*RESET==============================================*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, textarea, time, mark, audio, video, input {
	background: transparent;
	border-color: transparent;
	border-style: solid;
	border-width: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	direction: ltr;
	float: none;
	font-size: 100%;
	height: auto;
	margin: 0 0 0 0;
	max-width: none;
	outline: 0;
	padding: 0 0 0 0;
	position: static;
	resize: none;
	text-decoration: none;
	text-shadow: none;
	vertical-align: baseline;
	width: auto;
	-webkit-tap-highlight-color: transparent;
}

img {
	border-color: transparent;
	border-style: solid;
	border-width: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: none;
	margin: 0 0 0 0;
	max-width: none;
	outline: 0;
	padding: 0 0 0 0;
	position: static;
	resize: none;
	text-decoration: none;
	box-shadow: none;
	vertical-align: baseline;
	-webkit-tap-highlight-color: transparent;
}

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

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*COLORS=============================================*/

/*
light grey: #dddddd (background)
medium light grey: #bbbbbb
medium dark grey: #999999
dark grey: #333333, rgb(51, 51, 51)
red: #ff3d43, rgb(255, 61, 67)
red hover: still missing
red active: still missing
green: #89c12e, rgb(137, 193, 46)
green hover: #97d633, rgb(151, 214, 51)
green active: #a6ea38, rgb(166, 234, 56)
yellow: #ffeec1, rgb(255, 238, 193)
blue: #006ccc, 	rgb(0, 108, 204)
blue hover: #0088ff, rgb(0, 136, 255)
blue active: #329fff, rgb(50, 159, 255)
light blue: #eaf5ff, rgb(234, 245, 255)
*/

/*DOCUMENT-------------------------------------------*/
html {
}

body {
	color: #000000;
}

#upper_wrapper {
}

#lower_wrapper {
	background-color: #eaf5ff;
}

/*HEADINGS-------------------------------------------*/
h1 { /*not used*/
	color: #000000;
}

h2 {
	border-color: #000000;
	color: #000000;
}

h3 {
	color: #000000;
}

h4 {
	color: #000000;
}

h5 {
	color: #000000;
}

h6 {
	color: #000000;
}

/*TEXTLINES------------------------------------------*/
strong {
}

em {
	color: #006ccc;
}

mark {
	color: #006ccc;
}

dfn {
}

cite {
}

q {
}

noscript {
}

/*TEXTBLOCKS-----------------------------------------*/
p {
}

blockquote {
}

address {
}

code {
}

/*LISTS----------------------------------------------*/
ul {
}

ol {
}

li{
}

/*TABLES---------------------------------------------*/
table, caption, thead, tbody, tfoot, tr, th, td {
	border-color: transparent;
}

caption {
}

tr {
}

th {
}

td {
}

.table_without_border td, .table_without_border th {
	border-color: transparent;
}

.table_with_border td, .table_with_border th {
	border-color: #000000;
}

/*LINKS----------------------------------------------*/
a, a:link, a:visited, .clickable_inline, .clickable_inline:link, .clickable_inline:visited {
	color: #006ccc;
}

a:hover, a:focus, .clickable_inline:hover, .clickable_inline:focus {
	color: #0088ff;
}

a:active, .clickable_inline:active {
	color: #329fff;
}

/*INPUTS AND CONTROLS--------------------------------*/
input, textarea, .clickable_field, .clickable_field:link, .clickable_field:visited {
	background-color: #ffffff;
	border-color: #000000;
	color: #000000;
}

input:hover, input:focus, textarea:hover, textarea:focus, .clickable_field:hover, .clickable_field:focus {
	background-color: #ffffff;
	border-color: #0088ff;
	color: #000000;
}

input:active, textarea:active, .clickable_field:active {
	background-color: #ffffff;
	border-color: #329fff;
	color: #000000;
}

button, input[type=button], input[type=submit], input[type=reset], .clickable_box, .clickable_box:link, .clickable_box:visited {
	background-color: #006ccc;
	border-color: #006ccc;
	color: #ffffff;
}

button:hover, button:focus, input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover, input[type=button]:focus, input[type=submit]:focus, input[type=reset]:focus, .clickable_box:hover, .clickable_box:focus {
	background-color: #0088ff;
	border-color: #0088ff;
	color: #ffffff;
}

button:active, input[type=button]:active, input[type=submit]:active, input[type=reset]:active, .clickable_box:active {
	background-color: #329fff;
	border-color: #329fff;
	color: #ffffff;
}

.clickable_box_green, .clickable_box_green:link, .clickable_box_green:visited {
	background-color: #89c12e;
	border-color: #89c12e;
	color: #ffffff;
}

.clickable_box_green:hover, .clickable_box_green:focus {
	background-color: #97d633;
	border-color: #97d633;
	color: #ffffff;
}

.clickable_box_green:active {
	background-color: #a6ea38;
	border-color: #a6ea38;
	color: #ffffff;
}

.clickable_box_red, .clickable_box_red:link, .clickable_box_red:visited {
	background-color: #ff3d43;
	border-color: #ff3d43;
	color: #ffffff;
}

.clickable_box_red:hover, .clickable_box_red:focus {
	background-color: #ff3d43;
	border-color: #ff3d43;
	color: #ffffff;
}

.clickable_box_red:active {
	background-color: #ff3d43;
	border-color: #ff3d43;
	color: #ffffff;
}

.disabled, .disabled:hover, .disabled:focus, .disabled:active {
	border-color: #aaaaaa;
	color: #aaaaaa;
	cursor: default;
	background-color: transparent;
}


/*SPECIFIC-------------------------------------------*/
/*BACKGROUNDS*/
.element_with_background {
}

.element_with_background .element_with_background {
	background-color: transparent;
}

/*HEADER*/
#ncms_header {
	background-color: rgb(51, 51, 51);
	background-color: /*rgba(51, 51, 51, 0.85);*/
	color: #ffffff;
}

#ncms_header a, #ncms_header a:link, #ncms_header a:visited {
	color: #ffffff;
}

#ncms_header a:hover, #ncms_header a:focus {
	color: #dddddd;
}

#ncms_header a:active {
	color: #bbbbbb;
}
/*KITA-LINKS*/
.kita_link_board_lower {
	color: #ffeec1;
}

/*ARTICLES*/

/*FOOTER*/

/*DISCLAIMER*/

/*STYLES---------------------------------------------*/
.colored {
	color: #006ccc;
}

.news_date {
	color: #006ccc;
}


/*FONTS==============================================*/

/*DOCUMENT-------------------------------------------*/
html {
	font-family: 'Noto Sans', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	text-align: left;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

/*HEADINGS-------------------------------------------*/
h1 { /*not used*/
	font-size: 150%;
	font-weight: 700;
}

h2 {
	font-size: 125%;
	font-weight: 400;
	text-transform: uppercase;
}

h3 {
	font-size: 125%;
	font-weight: 400;
	text-transform: uppercase;
}

h4 {
	font-size: 100%;
	font-weight: 700;
}

h5 {
	font-weight: 400;
}

h6 {
	font-weight: 400;
}

/*TEXTLINES------------------------------------------*/
strong {
	font-weight: 700;
}

u {
	text-decoration: underline;
}

strike {
	text-decoration: line-through;
}

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

sub {
	font-size: 66%;
	vertical-align: sub;
}

sup {
	font-size: 66%;
	vertical-align: super;
}

mark {
}

dfn {
}

cite {
}

q {
	font-style: italic;
}

noscript {
	font-style: italic;
}

/*TEXTBLOCKS-----------------------------------------*/
p {
}

blockquote {
	font-style: italic;
	font-weight: 700;
}

address {
	font-style: normal;
}

code {
	font-family: monospace;
}

/*LISTS----------------------------------------------*/

ul {
}

ol {
}

li{
}

/*TABLES---------------------------------------------*/
table, caption, thead, tbody, tfoot, tr, th, td {
}

caption {
	font-weight: 700;
	text-align: left;
}

tr {
}

th {
	font-weight: 700;
}

td {
}

/*LINKS----------------------------------------------*/
a, .clickable_inline {
	text-decoration: none;
}

/*INPUTS AND CONTROLS--------------------------------*/
label {
	font-size: 12px;
}

input, button, .clickable_box {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	text-align: left;
	text-decoration: none;
}

/*SPECIFIC-------------------------------------------*/
/*HEADER*/
#ncms_header {
	font-size: 18px;
	text-transform: uppercase;
}

#header_left {
	text-align: right;
}

#header_right {
	text-align: left;
}

/*KITA-LINKS*/
#kita_links {
	font-size: 18px;
}

.kita_link_board_lower{
	text-align: center;
}

/*ARTICLES*/

#ncms_articles .ncms_article_title {
	text-decoration: none;
}

span.ncms_article_title_text {
	text-decoration: none;
}

/*FOOTER*/
#ncms_footer, #ncms_footer h4 {
	font-size: 12px;
	line-height: 16px;
}

#ncms_footer #legal {
	font-size: 10px;
	line-height: 14px;
	text-align: right;
}

/*DISCLAIMER*/
#disclaimer_content h4 {
	font-size: 12px;
	line-height: 16px;
}

#ncms_admin_button_container {
	text-align: right;
}

/*STYLES---------------------------------------------*/
.catchphrase {
	font-family: 'Droid Serif', serif;
	font-size: 20px;
	font-style: italic;
	font-weight: 700;
	line-height: 28px;
}

.italic {
	font-style: italic;
}

.underlined {
	text-decoration: underline;
}

.small {
	font-size: 12px;
	line-height: 16px;
}

.colored {
	font-weight: 700;
}

.quoted {
	font-weight: 700;
}

.news_date {
	font-size: 16px;
	font-style: italic;
	font-weight: 700;
	text-transform: none;
}

.right {
	text-align: right;
}

.center {
	text-align: center;
}

.justify {
	text-align: justify;
}


/*POSITION/BEHAVIOUR=================================*/

/*DOCUMENT-------------------------------------------*/
html {
	height: 100%;
}

body {
	height: 100%;
	min-width: 320px;
	position: relative;
}

#ncms_body_wrapper {
	height: 100%; /*one page layout, 'keep footer at bottom' must be disabled*/
	min-height: 100%;
	position: relative;
}

#upper_wrapper {
	position: relative;
	height: 100%;
}

#lower_wrapper {
	background-image: url("_uploads/background_stripe.png");
	background-repeat: repeat;
}

/*HEADINGS-------------------------------------------*/
h1 { /*not used*/
	padding: 0 0 12px 0;
}

h2 {
	border-style: solid none solid none;
	border-width: 1px 0 1px 0;
	clear: both;
	padding: 4px 0 4px 0;
	margin: 8px 0 16px 0;
}

h3 {
	padding: 0 16px 4px 16px;
}

h4 {
	padding: 0 16px 4px 16px;
}

h5 {
	padding: 0 0 4px 0;
}

h6 {
	padding: 0 0 0 0;
}

/*TEXTLINES------------------------------------------*/

/*TEXTBLOCKS-----------------------------------------*/
p {
	padding: 0 16px 16px 16px;
}

blockquote {
	padding: 0 0 8px 0;
}

address {
}

code {
	padding: 0 0 8px 0;
}

/*LISTS----------------------------------------------*/
ul {
	list-style-type: circle;
	margin: 0 0 0 36px;
	padding: 4px 0 8px 0;
}

ul.no_bullet {
	list-style-type: none;
}

ol {
	list-style-type: decimal;
	margin: 0 0 0 36px;
	padding: 4px 0 8px 0;
}

li{
	padding: 0 0 4px 0;
}

/*TABLES---------------------------------------------*/
table {
	margin: 0 0 8px 0;
}

caption {
	padding: 0 0 8px 0;
	min-height: 22px;
	min-width: 8px;
}

th {
	border-style: solid;
	border-width: 0;
	min-height: 22px;
	min-width: 8px;
	padding: 0 0 8px 8px;
}

td {
	border-style: solid;
	border-width: 0;
	min-height: 22px;
	min-width: 8px;
	padding: 0 0 8px 8px;
}

th:first-child {
	padding-left: 0;
}

td:first-child {
	padding-left: 0;
}

.table_without_border th {
	border-width: 0;
	padding: 0 0 8px 8px;
}

.table_without_border td {
	border-width: 0;
	padding: 0 0 4px 8px;
}

.table_without_border th:first-child {
	padding-left: 0;
}

.table_without_border td:first-child {
	padding-left: 0;
}

.table_with_border {
	padding: 8px 8px 8px 8px;
}

.table_with_border th {
	border-width: 1px;
	padding: 4px 4px 4px 4px;
}

.table_with_border td {
	border-width: 1px;
	padding: 2px 4px 2px 4px;
}

/*LINKS----------------------------------------------*/
a, .clickable_inline {
	cursor: pointer;
}

/*INPUTS AND CONTROLS--------------------------------*/
label {
	margin-right: 4px;
	padding: 0 0 0 0;
}

input, button, textarea, .clickable_box, .clickable_field {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-border-radius: 0;
	border-radius: 0;
	border-style: solid;
	border-width: 1px;
	margin-top: 2px;
	outline-style: none;
	outline-width: 0;
	padding: 3px 7px 3px 7px;
}

input, button, .clickable_box {
	display: inline-block;
}

input.small_input, button.small_button, .clickable_box.small_clickable_box {
	padding: 1px 3px 0 3px;
}

input[type="number"] {
	width: 80px;
}

input[type="email"], input[type="file"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], textarea {
	width: 240px;
}

input, button, label, .clickable_box {
	margin-left: 2px;
}

input:first-child, button:first-child, label:first-child {
	margin-left: 0;
}

button, .clickable_box, input[type=button], input[type=checkbox], input[type=color], input[type=file], input[type=image], input[type=radio], input[type=range], input[type=reset], input[type=submit] {
	cursor: pointer;
}

button::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner {
	padding: 0 !important;
	border: 0 none !important;
}

/*SPECIFIC-------------------------------------------*/
/*HEADER*/
#ncms_header {
	height: 91px;
	padding: 8px 0 8px 0;
	position: relative;
	z-index: 1;
}

#header_left {
	display: inline-block;
	padding: 0 16px 0 0;
	width: 46%;
	width: calc(50% - 60px);
}

#header_right {
	display: inline-block;
	padding: 0 0 0 16px;
	width: 46%;
	width: calc(50% - 60px);
}

.header_element {
	display: inline-block;
	padding: 0 36px 0 36px;
}

#logo {
	display: inline-block;
	width: 8%;
	width: calc(120px);
}

#logo img {
	height: auto;
	vertical-align: bottom;
	width: 100%;
}

/*KITA-LINKS*/
#kita_links {
	height: 100%;
	height: calc(100% - 91px);
	position: relative;
	width: 100%;
}

#kita_links > div {
	height: 100%;
}

.kita_link {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: inline-block;
	height: 100%;
	position: relative;
	width: 50%;
}

@media screen and (orientation:portrait) {
	.kita_link {
		display: block;
		height: 50%;
		width: 100%;
	}
}

.kita_link_board {
	bottom: 20px;
	display: block;
	padding: 0 8px 0 8px;
	position: absolute;
	width: 100%;
}

.kita_link_board_upper{
	display: block;
	margin: 0 auto 0 auto;
	max-width: 90%;
	min-width: 66%;
	position:relative;
	width: 360px;
}

.kita_link_board_lower{
	display: block;
	margin: 0 auto 0 auto;
	position:relative;
	max-width: 100%;
	min-width: 66%;
	width: 360px;
}

/*ARTICLES*/
#ncms_articles {
	max-width: 1280px;
	margin: 0 auto 0 auto;
	padding: 8px 0 32px 0;
	position:relative;
	width: 80%;
}

.ncms_main_article .ncms_article_wrapper {
	padding: 64px 32px 0 32px;
}

.ncms_child_article .ncms_article_wrapper {
	padding: 8px 16px 0 16px;
}

.ncms_child_article h2 {
	border-style: none;
	border-width: 0 0 0 0;
	padding: 0 0 4px 0;
	margin: 0 0 0 0;
}

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

img.article_content_image_left {
	display: block;
	margin-right: auto;
}

img.article_content_image_centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.article_content_image_right {
	display: block;
	margin-left: auto;
}

img.article_content_image_full_width {
	display: block;
	height: auto;
	width: 100%;
}

img.article_content_image_scaled_left {
	display: block;
	margin-right: auto;
	width: 75%;
}

img.article_content_image_scaled_centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 75%;
}

img.article_content_image_scaled_right {
	display: block;
	margin-left: auto;
	width: 75%;
}

.ncms_article[data-ncmstitle="News"] .ncms_article ~ .ncms_article {
	padding: 32px 0 0 0;
}

.ncms_article[data-ncmstitle="News"] > .ncms_article_wrapper > .ncms_article_content_wrapper {
	display: none;
}

/*FOOTER*/
#ncms_footer {
	margin: 0 0 0 0;
	overflow: auto;
	padding: 0 16px 2px 16px;
	position: relative;
	width: 100%;
}

@media print {
	#ncms_footer {
		position: relative !important;
	}
}

#ncms_footer address {
	display: inline;
}

#ncms_footer #legal {
	float: right;
	margin: 0 0 0 0;
	padding: 3px 0 0 0;
}

/*DISCLAIMER*/
#disclaimer_content {
	margin: 8px 0 0 0;
}

#disclaimer_content p {
	padding: 0 0 0 0;
}

#ncms_admin_button_container {
	padding: 0 0 4px 0;
}

/*STYLES---------------------------------------------*/
.hidden {
	display: none;
}

.opaque {
	opacity: 1.0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
} /*must be before .transparent*/

.transparent {
	opacity: 0.0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.no_transition {
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-o-transition: none !important;
	-ms-transition: none !important;
	transition: none !important;
}

.spaced_align_left > * {
	display: inline-block;
	padding-right: 8px;
}

.spaced_align_right > * {
	display: inline-block;
	padding-left: 8px;
}

.news_date {
	display: block;
	padding: 0 0 16px 0;
}


/*MEDIA QUERIES======================================*/

/*SMALL----------------------------------------------*/
@media (max-width: 1280px){
	/*COLORS*/

	/*FONTS*/
	/*document*/
	html {
		font-size: 14px;
	}
	
	/*specific*/
	#ncms_header {
		font-size: 16px;
	}
	
	#kita_links {
		font-size: 16px;
	}

	/*POSITION/BEHAVIOUR*/
	/*titles*/
	h2 {
		padding: 4px 0 4px 0;
		margin: 7px 0 14px 0;
	}

	h3 {
		padding: 0 14px 4px 14px;
	}

	h4 {
		padding: 0 14px 3px 14px;
	}
	
	h5 {
		padding: 0 0 2px 0;
	}

	h6 {
		padding: 0 0 0px 0;
	}
	
	/*textblocks*/
	p {
		padding: 0 14px 14px 14px;
	}

	/*specific*/
	#ncms_header {
		height: 74px;
		padding: 7px 0 7px 0;
	}
	
	#header_left {
		padding: 0 12px 0 0;
		width: 45.5%;
		width: calc(50% - 48px);
	}

	#header_right {
		padding: 0 0 0 12px;
		width: 45.5%;
		width: calc(50% - 48px);
	}

	#logo {
		width: 9%;
		width: calc(96px);
	}
	
	.header_element {
		padding: 0 16px 0 16x;
	}
	
	#kita_links {
		height: 100%;
		height: calc(100% - 74px);
	}
	
	.kita_link_board {
		bottom: 16px;
		padding: 0 7px 0 7px;
	}

	.kita_link_board_upper{
		width: 288px;
	}

	.kita_link_board_lower{
		width: 288px;
	}

	#ncms_articles {
		padding: 7px 0 28px 0;
	}

	.ncms_main_article .ncms_article_wrapper {
		padding: 56px 28px 0 28px;
	}
	
	.ncms_child_article .ncms_article_wrapper {
		padding: 7px 14px 0 14px;
	}
	
	.ncms_article[data-ncmstitle="News"] .ncms_article ~ .ncms_article {
		padding: 28px 0 0 0;
	}
	
	#ncms_footer {
		padding: 0 14px 2px 14px;
	}
	
	/*styles*/
	.news_date {
		padding: 0 0 14px 0;
	}
}

@media (max-width: 880px){
	/*COLORS*/

	/*FONTS*/
	/*document*/
	html {
		font-size: 12px;
	}
	/*specific*/
	#ncms_header {
		font-size: 14px;
	}
	
	#kita_links {
		font-size: 14px;
	}

	/*POSITION/BEHAVIOUR*/
	/*titles*/
	h2 {
		padding: 3px 0 3px 0;
		margin: 6px 0 12px 0;
	}
	
	h3 {
		padding: 0 12px 2px 12px;
	}

	h4 {
		padding: 0 12px 1px 12px;
	}
	
	h5 {
		padding: 0 0 1px 0;
	}

	h6 {
		padding: 0 0 0px 0;
	}
	
	/*textblocks*/
	p {
		padding: 0 12px 12px 12px;
	}
	
	/*specific*/
	#ncms_header {
		height: 57px;
		padding: 6px 0 6px 0;
	}
	
	#header_left {
		padding: 0 8px 0 0;
		width: 45%;
		width: calc(50% - 36px);
	}

	#header_right {
		padding: 0 0 0 8px;
		width: 45%;
		width: calc(50% - 36px);
	}

	#logo {
		width: 10%;
		width: calc(72px);
	}
	
	.header_element {
		padding: 0 12px 0 12px;
	}
	
	#kita_links {
		height: 100%;
		height: calc(100% - 57px);
	}
	
	.kita_link_board {
		bottom: 12px;
		padding: 0 6px 0 6px;
	}

	.kita_link_board_upper{
		width: 216px;
	}

	.kita_link_board_lower{
		width: 216px;
	}
	
	#ncms_articles {
		padding: 6px 0 24px 0;
	}

	.ncms_main_article .ncms_article_wrapper {
		padding: 48px 24px 0 24px;
	}
	
	.ncms_child_article .ncms_article_wrapper {
		padding: 6px 12px 0 12px;
	}
	
	.ncms_article[data-ncmstitle="News"] .ncms_article ~ .ncms_article {
		padding: 24px 0 0 0;
	}
	
	#ncms_footer {
		padding: 0 12px 2px 12px;
	}
	
	/*styles*/
	.news_date {
		padding: 0 0 12px 0;
	}
}

@media (max-width: 700px){
	/*COLORS*/

	/*FONTS*/
	/*specific*/
	#ncms_header {
		font-size: 12px;
	}
	
	#header_left {
		text-align: left;
	}

	#header_right {
		text-align: right;
	}
	
	#kita_links {
		font-size: 12px;
	}
	
	/*POSITION/BEHAVIOUR*/
	/*specific*/
	#header_left {
		padding: 0 0 0 4px;
		width: 42%;
		width: calc(50% - 36px);
	}

	#header_right {
		padding: 0 4px 0 0;
		width: 42%;
		width: calc(50% - 36px);
	}

	#logo {
		width: 16%;
		width: calc(72px);
	}

	.header_element {
		display: block;
		padding: 0 8px 0 8px;
	}
	
	.kita_link_board {
		bottom: 10px;
	}

	.kita_link_board_upper{
		width: 200px;
	}

	.kita_link_board_lower{
		width: 148px;
	}
	
	#ncms_articles {
		width: 100%;
	}

	.ncms_main_article .ncms_article_wrapper {
		padding: 24px 12px 0 12px;
	}
	
	.ncms_child_article .ncms_article_wrapper {
		padding: 6px 12px 0 12px;
	}
	
	.ncms_article[data-ncmstitle="News"] .ncms_article ~ .ncms_article {
		padding: 12px 0 0 0;
	}
	
}

/*LARGE----------------------------------------------*/


/*CONTENT SPECIFIC===================================*/