regist@charset "utf-8"; 
/* CSS Document file styles_gen.css */

@font-face { font-family: KoHoB;	src: url(/css/fonts/KoHo-Bold.ttf); }
@font-face { font-family: ;	src: url(/css/fonts/KoHo-ExtraLight.ttf); }
@font-face { font-family: KoHoLI;	src: url(/css/fonts/KoHo-ExtraLightItalic.ttf); }
@font-face { font-family: KoHoI;	src: url(/css/fonts/KoHo-Italic.ttf); }
@font-face { font-family: KoHoR;	src: url(/css/fonts/KoHo-Regular.ttf); }
@font-face { font-family: PatrickHand;	src: url(/css/fonts/PatrickHand-Regular.ttf); }

html { margin:0; } 
.fullscreen { height: 100vh; width:100%; }
.showforsmall {	visibility:hidden; height:0; }
.hideforsmall {	visibility:visible; height:auto; }

div { display:inline-block; float:left; }
.clear { clear:both; float:none; display:block;}
table { border-collapse:collapse; }

a, p {}
.float_right { float:right;}
a,
.bto { cursor:pointer; }
p { margin-bottom:0.5em; }

a { color:#69F; text-decoration:underline; }

.slide { clear:both; float:none; max-width:1200px; padding:0.5em; margin:auto; }
.slide.rs { margin-top:4em; font-size:0.8em; }
div.hr { border-top:1px solid #888; height:1px; }

div.hr, .row,	
.twelve.columns { 	width:100%; }
.eleven.columns { 	width:91.6666666%; }
.ten.columns { 		width:83.33333333%; }
.nine.columns { 	width:75%; }
.eight.columns {	width:66.6666666%; }
.seven.columns {	width:58.33333333%; }
.six.columns {		width:50%; }
.five.columns {		width:41.6666666%; }
.four.columns {		width:33.3333333%; }
.three.columns {	width:25%; }
.two.columns { 		width:16.6666666%; }
.one.columns {		width:8.3333333%; }

div.hr { width:95%; }
.columns > * { margin-right:0.5em; }


.columns > p, 
.columns > ul,
.columns > h1, 
.columns > h2, 
.columns > h3, 
.columns > h4, 
.columns > h5, 
.columns > h6, 
.columns > form, 
.columns > .textbox, 
.columns > .label,
.columns > .input,
.indent { 
	margin-right:1vw;
	margin-left:1vw;
}


.columns > p, 
.columns > ul,
.columns > h1, 
.columns > h2, 
.columns > h3, 
.columns > h4, 
.columns > h5, 
.columns > h6 {	
	padding:0;
} 



.footer {
	clear:both; 
	margin:6em 0 0 0;
	border-top:1px solid #ddd; 
}

.footer_left,
.footer_right {
	margin-top:1em;
}

p,
h1, 
h2, 
h3,
ul,
table,
.stack_item
{ margin:0; }

.label,
input,
textarea { margin: 0 0 0 16px; } 

ul {
	/*margin-left:-0.4em;*/
	margin:0;
	padding:0;
}

ul a li, 
ul li { 
	clear:both; 
	list-style-type:disc; 
	list-style-position:outside; 
	margin-left:0.9em;}
	
ul.bigger {
	font-size:1.1em;
	line-height:1.5em;
}

/* Left Slide Nav */
#stage { width:130%; position:relative; top:0; left:-30%; }
#nav_leftslide,
#content_outer { float:left; display:block; }
#nav_leftslide { width:30%; }
#content_outer { width:100%; }

/* Head Bar */
div { display:block; }
div.headbar { position:fixed; top:0; left:0; float:left; width:100%; border-bottom:1px solid #666; }
/* div.headbar { float:left; width:100%; border-bottom:1px solid #666; } */
div.headbar,
div.headbar_spacer      { height:2.3em; }
#container 			{ width:100%; }
#canvas 	{ width:100%; }
.headbar .item { height:2.3em;  }
#canvas > .slide { margin-top:2.3em; }

.logininfo { padding:0.5em 1em 0 0; }
.logininfo .inner_wrap {}
.logininfo .inner_wrap a {text-decoration:underline;}


.dropdown.submenu { display:block; visibility:hidden; position:absolute; border:1px solid rgba(0,0,0,1) }
.headbar .item.view_name,
.bandname { font-weight:bold; }
.headbar .item.support { margin-right:1em;  }
.headbar .item.logininfo { float:right; }
.headbar .item img { max-height:1.4em; margin:0.4em 2em 0.1em; }
.headbar .item p { margin:0.5em 2em 0.45em; color:#ffffff; }

.headbar_left {}
.headbar_right { float:right; }

/* 	############################################################### 
	F O N T S 
	############################################################### */

	
body { 
	font-family:KoHoR, Arial, Helvetica, sans-serif; font-size:1em; line-height:1.35em; }
body { margin:0; } 
strong, h1, h2, h3, h4, h5, h6, .copy_bold, ul.bigger, .bold,
.row.instrumentL2 .wrap .item.descr h5.instrumentName, 
.row.genreL2 .wrap .item.descr h5.genreName { 
	font-family:KoHoR, Arial, Helvetica, sans-serif; font-weight:normal; }
h1, 
ul.band.members a li div.name,
.bandmembers a div.name,
.userfullname,
h1.logo.subtitle.intro   {
	font-family:KoHoR, Arial, Helvetica, sans-serif;
}


a { text-decoration:none; }
p a { text-decoration:underline; }
h1, h2, h3, h4, h5, h6 { line-height:1em; }

h1 {
	font-size:2em;
	line-height:0.9em;
}

h1.start.name {
	display:inline-block;
}

h1.start.name,
p.start.introtext {
	font-size:1em;
	/*font-family:PatrickHand;*/
}

h1, h2, h3 {
	margin:0.5em 0;
}

h1.pagetitle.inside {
	font-size:3em;
}


.footer, .notice {
	font-size:0.8em;
}

.footer .copyright {
	line-height:0.8rem;
}

img.logo.intro,
img.logo.backend,
h1.logo.subtitle.intro { display:block; max-width:500px; }
img.logo.intro,
h1.logo.subtitle.intro { margin:0 auto; }
img.logo.intro, 
img.logo.backend { width:85%; }
h1.logo.subtitle.intro { width:65%; max-width:500px; margin:0 auto; }

input[type="submit"],
input[type="button"]  {
  -webkit-border-radius: 28;  
  -moz-border-radius: 28;  
  border-radius: 28px;
  font-size: 1.2em;
  padding: 0.3em 1em;
  text-decoration: none;
}

input[type="submit"]:hover,
input[type="button"]:hover {
  cursor:pointer;
}

input[type="submit"].smaller,
input[type="button"].smaller  {
  -webkit-border-radius: 12;  
  -moz-border-radius: 12;  
  border-radius: 12px;
  font-size: 0.8em;
  padding: 0.3em 1em;
  text-decoration: none;
}



/* 	############################################################### 
	C O L O R S
	############################################################### */

:root {
  --main_orange: #ffaf3b;
}


/*  background-color: var(--main_orange);  */

/*
strong colors (ICON):
yellow  	rgba(255, 224, 59, 1)  	#ffe03b
orange		rgba(255, 175, 59, 1)	#ffaf3b
red			rgba(232, 96, 54, 1)	#e86036
green		rgba(20, 178, 2, 1)		#14b202
blue		rgba(0, 122, 255, 1)	#007aff
grey		rgba(76, 77, 81, 1)		#4c4d51
lightgrey1	#74767c
lightgrey2	#93de9c

light colors (BG)
yellow  	rgba(255, 248, 220, 1)  #fff8dc
orange		rgba(255, 239, 220, 1)	#ffefdc
red			rgba(255, 221, 218, 1)	#ffddda
green		#93de9c	#d7ffdb
blue		rgba(223, 248, 255, 1)	#dff8ff
grey		rgba(236, 236, 236, 1)	#ececec
*/	

div.headbar { background:#FFF;  }
.headbar .item.burger { background:rgba(76,77,81,0.1); }
.headbar .item.home   { background:#51bbfe; }
.headbar .item.workbench   { background:#ff6f6c; }
.edatestart_inputwrap { background:rgba(255, 239, 220, 1); }
.headbar .item.view_name { background:rgba(255,224,59,1); }
.headbar .item.support { background:#93de9c; }
div#rehearsal_dates_list, 
.slide.event_detail .etype_icon.PRB { background:#dff8ff; }
.slide.event_detail .etype_icon.KON,
.slide.event_detail .etitle_pane.KON { background:#fff8dc; }
input { background:none; border:1px solid #eee; }

.evmus_confirmlist .item.state0 { background:#ffefdc; color:#ffaf3b; } /* orange*/
/*.evmus_confirmlist .item.state0 { background:#ececec; color:#4c4d51; } */
.evmus_confirmlist .item.state1 { background:#d7ffdb; color:#14b202; } /*green*/
.evmus_confirmlist .item.state4 { background:#fff8dc; color:#ffe03b; } /*yellow*/
.evmus_confirmlist .item.state7 { background:#ffddda; color:#e86036; } /*red*/

body, a { color:rgba(76,77,81,1); }
::-webkit-input-placeholder, 	
:-moz-placeholder,			
::-moz-placeholder,
:-ms-input-placeholder  { color: #93de9c; }
a:hover { color:#e86036; }

.red,
.errorbox, 
.editmenu  ul li a,
h1.logo.subtitle.intro { color:rgba(232, 96, 54, 1); }

.yellow { color:rgba(255, 224, 59, 1) }
.blue { color:rgba(0, 122, 255, 1) }
.errorbox { border:1px solid rgba(232, 96, 54, 1); }

p.error, 
p.error_details, 
p.msg, 
p.ok { padding:1em; margin:0.5em 0 0.5em 0; }

p.error, 
p.error_details { border:1px solid red; color:red; }
p.msg { border:1px solid orange; color:orange; }
p.ok { border:1px solid black; color:black; }

.band_active { color:#fff; background:rgba(20, 178, 2, 1); }
.band_inactive { color:#fff; background:rgba(232, 96, 54, 1); }

input[type="submit"].yellow,
input[type="button"].yellow  {
  background: #ffe03b;
  background-image: -webkit-linear-gradient(top, #ffe03b, #e4c000);
  background-image: -moz-linear-gradient(top, #ffe03b, #e4c000);
  background-image: -ms-linear-gradient(top, #ffe03b, #e4c000);
  background-image: -o-linear-gradient(top, #ffe03b, #e4c000);
  background-image: linear-gradient(to bottom, #ffe03b, #e4c000);
  color: rgba(76, 77, 81, 1);
}

input[type="submit"].yellow:hover,
input[type="button"].yellow:hover {
  background: #ffe03b;
}

input[type="submit"].orange,
input[type="button"].orange  {
  background: #ffa184;
  background-image: -webkit-linear-gradient(top, #ffaf3b, #f08e00);
  background-image: -moz-linear-gradient(top, #ffaf3b, #f08e00);
  background-image: -ms-linear-gradient(top, #ffaf3b, #f08e00);
  background-image: -o-linear-gradient(top, #ffaf3b, #f08e00);
  background-image: linear-gradient(to bottom, #ffaf3b, #f08e00);
  color: #ffffff;
}

input[type="submit"].orange:hover,
input[type="button"].orange:hover {
  background: #ffaf3b;
  color: rgba(76, 77, 81, 1);
}

input[type="submit"].red,
input[type="button"].red  {
  background: #ffa184;
  background-image: -webkit-linear-gradient(top, #ffa184, #e86036);
  background-image: -moz-linear-gradient(top, #ffa184, #e86036);
  background-image: -ms-linear-gradient(top, #ffa184, #e86036);
  background-image: -o-linear-gradient(top, #ffa184, #e86036);
  background-image: linear-gradient(to bottom, #ffa184, #e86036);
  color: #ffffff;
}

input[type="submit"].red:hover,
input[type="button"].red:hover {
  background: #ffa184;
  color: rgba(76, 77, 81, 1);
}


input[type="submit"].green,
input[type="button"].green  {
  background: rgba(20,178,2,1);
	background: -moz-linear-gradient(top, rgba(20,178,2,1) 0%, rgba(13,115,0,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(20,178,2,1)), color-stop(100%, rgba(13,115,0,1)));
	background: -webkit-linear-gradient(top, rgba(20,178,2,1) 0%, rgba(13,115,0,1) 100%);
	background: -o-linear-gradient(top, rgba(20,178,2,1) 0%, rgba(13,115,0,1) 100%);
	background: -ms-linear-gradient(top, rgba(20,178,2,1) 0%, rgba(13,115,0,1) 100%);
	background: linear-gradient(to bottom, rgba(20,178,2,1) 0%, rgba(13,115,0,1) 100%);
  color: #ffffff;
}

input[type="submit"].green:hover,
input[type="button"].green:hover {
  background: #14b202;
  color: rgba(76, 77, 81, 1);
}


input[type="submit"].blue,
input[type="button"].blue  {
  background: rgba(20,178,2,1);
	background: -moz-linear-gradient(top, rgba(20,178,2,1) 0%, rgba(13,115,0,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(20,178,2,1)), color-stop(100%, rgba(13,115,0,1)));
	background: -webkit-linear-gradient(top, rgba(20,178,2,1) 0%, rgba(13,115,0,1) 100%);
	background: -o-linear-gradient(top, rgba(20,178,2,1) 0%, rgba(13,115,0,1) 100%);
	background: -ms-linear-gradient(top, rgba(20,178,2,1) 0%, rgba(13,115,0,1) 100%);
	background: linear-gradient(to bottom, rgba(20,178,2,1) 0%, rgba(13,115,0,1) 100%);
  color: #ffffff;
}

input[type="submit"].blue:hover,
input[type="button"].blue:hover {
  background: #14b202;
  color: rgba(76, 77, 81, 1);
}


input[type="submit"],
input[type="button"],
input[type="submit"].grey,
input[type="button"].grey  {
  background: #ffa184;
  background-image: -webkit-linear-gradient(top, #8ff7a7, #93de9c);
  background-image: -moz-linear-gradient(top, #8ff7a7, #93de9c);
  background-image: -ms-linear-gradient(top, #8ff7a7, #93de9c);
  background-image: -o-linear-gradient(top, #8ff7a7, #93de9c);
  background-image: linear-gradient(to bottom, #8ff7a7, #93de9c);
  color: #ffffff;
}

input[type="submit"]:hover,
input[type="button"]:hover,
input[type="submit"].grey:hover,
input[type="button"].greay:hover {
  background: #93de9c;
  color: rgba(76, 77, 81, 1);
}

.textbox.orange { 
  background:rgba(255, 239, 220, 1);
  border:1px solid rgba(255, 175, 59, 1);
  color:rgba(255, 175, 59, 1);
}

.textbox.green { 
  background:#93de9c;
  border:1px solid rgba(20, 178, 2, 1)	;
  color:rgba(20, 178, 2, 1);
}

.textbox.yellow { 
  background:rgba(255, 248, 220, 1);
  border:1px solid rgba(255, 224, 59, 1)	;
  color:rgba(76, 77, 81, 1);
}

.textbox.green a { 
  color:rgba(20, 178, 2, 1);
}

.textbox.gray { 
  background:none;
  border:1px solid rgba(76, 77, 81, 1)	;
  color:rgba(76, 77, 81, 1);
}

.textbox.gray a { 
  color:rgba(76, 77, 81, 1);
}

/*
blue: rgba(51,151,255,1)
green: rgba(65,232,90,1)
yellow: rgba(255,224,59,1)
red: #51bbfe
violet: rgba(219,155,255,1)
gray #4c4d51
lightgrey1	#74767c
lightgrey2	#93de9c
*/




input { padding:0.4em; font-size:1em; }

/* LOGIN */

form.FE { width:100%; }
form.FE .label { float:right; margin-top:0.7em; margin-right:0.4em;  }
form.FE .input { padding:0.3em 0 0 0; }

.loginform_wrap { width:90%; }
.loginform_wrap.loggedin { text-align:center; padding:4em 0; }
.loginform_wrap.notloggedin { }

li.block_end { margin-bottom:1em; }
.under_dev { color: var(--main_orange); }


.slide.books { background:#f7fcff; margin-top:4em; }
.slide.books h3 { text-align:center; font-size:2em; border-top:1px dashed #EEE; margin:1em 0 1em 0; padding:0.3em 0;}


div.book.item { margin-bottom:1.5em; }
div.book.item.big { height:20em; }
div.book.item.small { height:15em; }
div.book.item p { margin:0; }
div.book.item .coverimage_wrap, 
div.book.item .author,
div.book.item .title { width:100%; text-align:center; }
div.book.item .author { width:80%; padding-bottom:0.3em; margin:1em 10% 0.3em 10%; border-bottom:1px solid #EEE; }

div.book.item .coverimage_wrap img.cover { border:1px solid #EEE;}
div.book.item.big .coverimage_wrap img { height:12em; max-width:100%; }
div.book.item.big .author { font-size:0.9em; }
div.book.item.big .title { font-size:1.1em; line-height:1.1em; }

div.book.item.small .coverimage_wrap img { height:8em; max-width:100%; }
div.book.item.small .author { font-size:0.7em; }
div.book.item.small .title { font-size:0.9em; line-height:1em; }


.tools { width:100%; } 
.tools .item { display:inline-block; float:left; margin:0 0.5em 0.5em 0; height:10em; width:10em; border:1px solid #757761; } 
.tools .item.small { border:1px solid #CCC; color:#ccc; }
.tools .title { margin-top:3em; width:100%; text-align:center; } 

.fields-of-activity.startnav img {
	width:24px; height:24px;
}

.yt-wrap,
.yt-wrap.startnav{
	width:90%;
	margin:2em 0 0 0;
}

.yt-wrap .top,
.yt-wrap .thumb,
.yt-wrap .bottom {
	margin:0;
	padding:0;
	font-size:0.8em;
	line-height:1.2em;
}

.yt-wrap .top,
.yt-wrap .bottom  {
	margin:0.8em 0;
}

.yt-wrap p {
	margin: 0;
}

.softskill.buzzword {
	font-style:italic; font-family:Georgia, 'Times New Roman', Times, serif;
}

.gearbox {
	font-family:PatrickHand, Arial, Helvetica, sans-serif;
	display:inline-block;
	border: 1px solid #ff6f6c;
 	color:#ff6f6c;
	padding:0.5em;
	margin:1em 0;
	font-size:1.6em;
	max-width:85%;
}

.occupationlogos {
	margin:1em 0 0 0;
}

.occupationlogos div { height:2em; margin:0 2% 0 0; }
.occupationlogos div:nth-of-type(1) { width:30%;  }
.occupationlogos div:nth-of-type(2) { width:25%;}
.occupationlogos div:nth-of-type(3) { width:17%;}
.occupationlogos div:nth-of-type(4) { width:17%; }
.occupationlogos div img { width:100%; }

.newslist {
	text-align:right;
}

p.newslist.top {}
ul.newslist.bottom { 
	margin:2em 0; 
	padding:1em 0 0;
	border-top:1px solid #999;
}


.masterclass.teaser { max-width:800px; }
.masterclass.teaser img { width:100%; }
.masterclass.teaser h4 { font-family:KoHoI; margin:2em 0 0.5em 0; }