@import("normalize.css");
html	{	color:white;	background:black;	font:	bold 68.75% Arial,sans-serif;	}
body	{	width:100%;	max-width:755px;	min-width:34rem;	background:url("http://www.japan4youth.de/site-images/body-background-flame.png") no-repeat right 205px #1f1f1f;	margin:0 auto;	
	border:8px double dimgray;	border-bottom:0px none transparent;
	-o-border-image:url("http://www.japan4youth.de/site-images/body-border.png") 20 20 0 20 / 20px 20px 0 20px;
	-webkit-border-image:url("http://www.japan4youth.de/site-images/body-border.png") 20 20 0 20 / 20px 20px 0 20px;
	border-radius:17px 17px 0 0;
	border-image-source:url("http://www.japan4youth.de/site-images/body-border.png");
	border-image-slice:20 20 0 20;
	border-image-width:20px 20px 0px 20px;
	-moz-box-sizing:border-box;	-webkit-box-sizing:border-box;	box-sizing:border-box;
}
q	{	quotes: "»" "«";	}
img	{	max-width:100%;	height:auto;	}
ul	{	line-height:1.5;	list-style:square url("http://www.japan4youth.de/site-images/li-bullet.png");	}
ul ul	{	list-style:disc url("http://www.japan4youth.de/site-images/li-bullet2.png");	padding-left:20px;	}

body > header	{	background:indianred;	background:url("http://res.bct-touristik.de/logo/logo.png") no-repeat 97.5% 20%, url("http://www.japan4youth.de/site-images/header-background-miyajima.jpeg") no-repeat left center,radial-gradient(farthest-side ellipse at 33% 25%, #FAD932, #E35934 70%, #72453F);	position:relative;	border-radius:12px 12px 0 0;	width:100%;	height:186px;	margin-bottom:0.5em;	}
footer address	{	font-style:normal;	text-align:center;	margin:3em 0.5em 1.5em 16.7rem;	}
.footer_bottom	{	clear:both;	width:100%;	line-height:3.6em;	text-align:center;	background:#454545;	margin: 0.5em 0 0.3em;	}

.tit	{	position:absolute;	left:1em;	bottom:2em;	white-space:nowrap;	text-align:center;	}
.tit h1	{	border:none;	border-image:none;	border-radius:0;	width:288px;	height:33px;	font:40px/33px sans-serif transparent;	text-transform:uppercase;	color:transparent;	}
.tit h1::before	{	position:absolute;	content:url("http://www.japan4youth.de/site-images/japan4youth.png");	}
.tit a	{	font:20.5px "Lucida Console", "Lucida Sans Typewriter", Monaco, "Bitstream Vera Sans Mono";	color:white;	transform:scaleY(0.75);	position:absolute;	left:0;	right:0;	top:80%;	}
.subtit	{	font:500 12px "Century Gothic", CenturyGothic, AppleGothic, "URW Gothic L", "Avant Garde", sans-serif;	display:block;	position:absolute;	right:2px;	bottom:20%;	color:white;	}
.tit,
.subtit	{	text-shadow:1px 1px 2em black;	}

#mainmenu	{	float:left;	margin:200px 1em 1em -1px;	position:relative;	z-index:200;	}
.menu	{	font-weight:bold;	font-size:110%;	list-style:none;	text-align:left;	padding:0;	margin:0;	line-height:normal;	border:1px solid black; max-width:14.3em;	max-width:15.7rem;	color:white;	}
.menu > li	{	text-decoration:none;	display:block;	position:relative;	padding:.5em	.9em .5em 2em;
	background:linear-gradient(dimgray 25%, black 25%, #3f3f3f 100%);
	background-position: left -4px;	}
.menu li a	{	text-decoration:none;	color:white;	display:block;	}
.menu li ul	{
	padding:0;	margin:0;
	text-align:left;
	min-width:12em;
	position:absolute;
	top:0;	left:100%;
	display:none;
	z-index:999;
	overflow:hidden;
	background:black;
	border: 1px solid black;
}
.menu li:hover ul	{	display:block;	}
.menu	li ul li	{	padding:0.6ex 1ex;	-moz-box-sizing:border-box;	box-sizing:border-box;	width:100%;	white-space:nowrap;	}
.menu li:hover	{	background: linear-gradient(#989898 21%, #545454 21%, #7e7e7e 97%, #989898 97%);	}

.divider	{	clear:both;	margin:1em -1px 0.5em;	border:0; border-top:1px solid black; border-bottom:1px solid #323232;	}

a	{	text-decoration:none;	color:darkorange;	}
a:hover	{	text-decoration:underline;	color:ivory;	}

h1,h2	{	font-size:127.3%;	font-weight:bold;	}
h3	{	font-size:100%;	color:darkorange;	margin-bottom:0;	}

#einleitung h2	{	display:inline;	background:#333333;	padding:0.2ex 1ex;	border-radius:1em;	}
.teaser h2	{	background-color:#454545;	padding:1ex;	margin-top:0;	overflow:hidden; }
.teaser	{	background:url("http://www.japan4youth.de/site-images/teaser-background.png") no-repeat right 75%;	overflow:hidden;	}
h1	{	margin-right:1ex;
	-o-border-image:url("http://www.japan4youth.de/site-images/h1-border.png") 14 14 14 1/ 14px 14px 14px 1px;
	-webkit-border-image:url("http://www.japan4youth.de/site-images/h1-border.png") 14 14 14 1/ 14px 14px 14px 1px;
	border:1ex solid rgba(0,0,0,.6);	border-left-width:0;	border-radius:0 1em 1em 0;
	border-image-source:url("http://www.japan4youth.de/site-images/h1-border.png");
	border-image-slice:14 14 14 1;
	border-image-width:14px 14px 14px 1px;
}
p	{	text-align:justify;	}

#einleitung	{	margin:0 1em 0 16.7rem;	}
.content	{	position:relative;	}
.main_content	{	float:right;	width:calc(100% - 16.7rem - 1ex);	margin:0 1ex 1em 0;	/*margin:0 1ex 1em 16.7rem;*/	}

.c2	{	-moz-column-count:2;	-webkit-column-count:2;	column-count:2;	}
.c3	{	-moz-column-count:3;	-webkit-column-count:3;	column-count:3;	}
.clear	{	clear:both;	}
span.tsd	{	margin-left:0.167em;	}

nav.quer	{	clear:both;	white-space:pre-line;	text-align:center;	}

.str	{	color:darkorange;	}
.day	{	padding-top:1em;	}

.photo	{	margin:0.2em 1em 1ex;	border-radius:1em;	}
.photo.rechts	{	float:right;	margin-right:0;	}
.photo.links	{	float:left;	margin-left:0;	}
.grafik.rechts	{	margin:0.2em 0 1ex 1em;	clear:right;	float:right;	}

.blend	{	}
.karte.seite	{	margin:0.2em 0 1ex 1em;	border-radius:1em;	float:right;	}

h1 ~ section > h1	{	border:none;	font-size:100%;	color:darkorange;	}
article h2 {	font-size:117.5%;	color:darkorange;	margin-bottom:-0.9rem;	}

.highlights img	{	display:block;	margin:1em auto;	}
.highlights ul	{	list-style-type:none;	padding:0;	}
.highlights ul li	{	display:inline;	}
.highlights ul li:not(:last-child)::after	{	content:", ";	}

.reisekurz	{	margin-bottom:2.5rem;	}
:not(h1) + .reisekurz	{	margin-top:4rem;	}
.reisekurz h1	{	font-size:120%;	}
.reisekurz h2	{	font-size:100%;	color:darkorange;	margin-bottom:-1em;	}

.adressen.botschaften	{	text-align:center;	}
.adressen.botschaften p	{	display:inline-block;	vertical-align:top;	white-space:pre-line;	text-align:center;	min-width:17em;	width:48%;	padding:1ex;	box-sizing:border-box;	}
.adressen.botschaften p::fist-line	{	font-weight:bolder;	}

#leistungen strong	{	display:block;	font-weight:bold;	}
#leistungen ul ul	{	line-height:2;	}
#leistungen ul + ul	{	margin-top:-1em;	}
#leistungen p ~ ul	{	list-style:initial;	}
#leistungen .info	{	margin-bottom:1.5em;	}

#ziele ol	{	list-style:none url("http://www.japan4youth.de/site-images/li-bullet2.png");	line-height:180%;	margin-left:3em;	}
#ziele ol li span	{	margin-left:0.8em;	margin-right:	1.2em;	}

#socialshareprivacy ul	{	list-style:none;	}


.termine	{	margin-top:1em;	table-layout:fixed;	width:100%;	max-width:100%;	border-collapse:collapse;	}
.termine caption	{	text-align:left;	color:darkorange;	}
.termine thead	{	display:none;	}
.termine tr	{	padding:0;	margin:0;	border-spacing:1px;	}
.termine td	{	padding:0 1px;	}
.termine td:nth-child(1)	{	width:16%;	}
.termine td:nth-child(5),
.termine td:nth-child(6)	{	text-align:right;	width:4em;	}
.termine .out td	{	color:#999999;	}

#termine-preise p > strong	{	color:darkorange;	}
dl.abbr {	text-align:center;	}
dl.abbr * {	display:inline;	}
dl.abbr dt::after	{	content:" = ";	color:#999999;	}
dl.abbr dt:nth-of-type(2n+3)::before	{	content:" ";	display:block;	}
dl.abbr dd	{	color:darkorange;	margin:0 1em 0 0;	}

table.assurance	{	margin:1ex auto;	width:92%;	font:normal 12px Arial, sans-serif;	color:black;	background-color:white; line-height:1.6;	border-spacing:0;	border-collapse:collapse;	}
table.assurance td,
table.assurance th,
table.assurance caption	{	padding:0 1ex;	text-align:left;	}
table.assurance caption	{	padding:0.33ex 1ex;	color:white;	background-color:#8c712f;	}
table.assurance thead	{	background-color:rgb(95, 95, 95);	color:white;	}
table.assurance tfoot	{	background-color:#cccccc;	letter-spacing:-0.26px;	line-height:1.2;	}
table.assurance tfoot th	{	font-weight:normal;	padding:0.25ex 1ex 1ex;	}
table.assurance tfoot a	{	color:mediumblue;	}
table.assurance tbody > tr	{	border-bottom:medium solid #cccccc;	line-height:140%;	}
@media screen and (min-width: 48em)	{
	table.assurance.colmn > thead	{	display:block;	position:relative;	}
	table.assurance.colmn > tbody	{	display:block;	column-count:2;	column-gap:0;	-moz-column-count:2;	-moz-column-gap:0;	-webkit-column-count:2;	-webkit-column-gap:0;	}
	table.assurance.colmn > tbody tr	{	display:block;	overflow:hidden;	}
	table.assurance.colmn > thead th,
	table.assurance.colmn > tbody td	{	display:block;	float:left;	width:9em;	}
	table.assurance.colmn > thead th::before	{	content:attr(data-content);	position:absolute;	}
	table.assurance.colmn > thead th:nth-child(1)::before	{	left:calc(50% + 1ex);	}
	table.assurance.colmn > thead th:nth-child(2)::before	{	left:calc(50% + 9em + 3ex);	}
}

.katalog	{	display:inline-block;	vertical-align:bottom;	text-align:center;	margin:2em 1em;	min-width:200px;	width:45%;	width:calc(50% - 4.3em);	}
.katalog h1	{	display:none;	}
.katalog img	{	margin:1em;	max-width:100%;	height:auto;	}

.sbpm  { display:none; }

button,
input,
select, 
textarea	{	border:1px solid darkorange; background:ivory;	color:black;	font:inherit;	-moz-box-sizing:border-box;	-webkit-box-sizing:border-box;	box-sizing:border-box;	}
input:disabled,
select:disabled,
textarea:disabled	{	font-weight:normal;	background-color:silver;	}
input	{	width:14rem;	}
input[type=checkbox],
input[type=radio]	{	width:auto;	}
fieldset	{	border:none;	margin-top:1ex;	margin-bottom:1ex;	}
fieldset legend	{	color:darkorange;	}
fieldset dl	{	margin:0;	}
fieldset dl dt	{	padding:0;	margin:0;	clear:left;	font:inherit;	line-height:1;	}
fieldset dl dt::after	{	content:":";	}
fieldset dl dd	{	padding:0.46rem 0.46rem 0.5em;	margin:0;	}
fieldset ol	{	padding:0;	list-style:none inside none;	width:100%;	display:inline-block;	}
fieldset ol li	{	float:left;	margin:0 0 2em;	padding-left:0;	}
fieldset ol li span	{	line-height:140%;	text-decoration:underline;	}
fieldset ol + *	{	margin-top:-3em;	}
fieldset select,
fieldset textarea	{	max-width:100%;	width:100%;	}
@media screen and (min-width: 560px) {
	fieldset dl	{	min-width:32.14rem;	}
	fieldset dl dt	{	text-align:right;	padding:0.46rem;	margin:0 1rem 0 0;	width:15.3rem;	float:left;	}
	fieldset dl dd	{	margin-left:17.22rem;	}
	fieldset dl dd::after	{	display:block;	height:0px;	visibility:hidden;	clear:both;	content:" ";	}
	fieldset ol li span	{	padding-left:0.46rem;	text-decoration:none;	}
	fieldset select	{	width:auto;	}
}
@media screen and (min-width: 757px) {
	fieldset ol li:nth-child(2n)	{	padding-left:calc((100% - 32.14em - 14.92em) /2);	}
	fieldset ol li:nth-child(2n) dl	{	min-width:14.92rem;	}
	fieldset ol li:nth-child(2n) dt	{	display:none;	}
	fieldset ol li:nth-child(2n) dd	{	margin-left:0;	}
	fieldset ol li:nth-child(2n+1) span	{	margin-left:17.22rem;	}
	fieldset.versicherung label	{	float:left;	clear:left;	margin-top:10px; margin-bottom:-10px;	padding-top:2em;	max-width:calc(100% - 17rem - 1ex);	}
	fieldset.versicherung label ~ p	{	width:17rem;	margin-left:calc(100% - 17rem);	}
	fieldset.versicherung.storno label	{	position:relative;	left:20em;	}
	fieldset.versicherung.storno label span	{	position:absolute;	bottom:0;	left:-20em;	}
	textarea	{	width:auto;	}
}
fieldset.versicherung label ~ p	{	font-size:x-small;	}
fieldset > label[for]	{	text-align:right;	padding:0 0.46rem;	margin:0 1.46rem 0 0;	width:15.3rem;	float:left;	clear:left;	}
fieldset label input	{	margin-left:1em;	}
fieldset select	{	box-sizing:content-box;	-moz-box-sizing:content-box;	min-width:14rem;	}
input[type=reset],
input[type=submit]	{	width:auto;	min-width:7em;	margin:1em;	text-align:center;	}
form p.buttons	{	text-align:center;	}


.neulink,
.neulink:hover	{	display:block;	float:right;	font-size:110%;	margin:1em 1em 1em 0;	background-color:#E5E5E5;	border:1px solid gray;	padding:0 1ex;	color:black;	}
.beitrag	{	padding:1ex;	max-width:44.5rem;	width:90%;	background-color:rgb(100,100,100);	border-radius:4px;		margin:0 auto 1.5em;	overflow:auto;	}
.beitrag header	{	font-weight:bold;	color:darkorange;	margin:0.5ex 0;	}
.beitrag p	{	padding:1ex 0 0.5ex;	margin:0;	}
.beitrag h5	{	margin:0;	font-size:inherit;	}
.beitrag .wertung div	{	position:relative;	}
.beitrag .wertung div span	{	display:none;	}
.beitrag .wertung div::after	{
	height:16px;
	max-width:80px;
	display:block;
	background:url('http://res.bct-touristik.de/classic/images/star.png') repeat-x rgba(150,150,150,0);
	content:" ";
}
@media screen and (min-width:470px) {
	.beitrag .wertung div::after	{	display:inline-block;	position:absolute;	left:14em;	}
}
.beitrag .wertung .v1::after	{	width:16px;	margin-right:64px;	}
.beitrag .wertung .v2::after	{	width:32px;	margin-right:48px;	}
.beitrag .wertung .v3::after	{	width:48px;	margin-right:32px;	}
.beitrag .wertung .v4::after	{	width:64px;	margin-right:16px;	}
.beitrag .wertung .v5::after	{	width:80px;	margin-right:0px;	}
.beitrag .pro,
.beitrag .contra	{	padding:inherit;	margin-top:1em;	}
@media screen and (min-width:580px)	{
	.beitrag .pro,
	.beitrag .contra	{	display:inline-block;	vertical-align:top;	-moz-box-sizing:border-box;	-webkit-box-sizing:border-box;	box-sizing:border-box;	width:calc(50% - 0.5ex - 0.25em);	}
	.beitrag .pro	{	margin-right:1ex;	}
}
.beitrag .pro	{	background-color:lightgreen;	background-color:rgba(144, 238, 144, 0.5);	}
.beitrag .contra	{	background-color:salmon;	background-color:rgba(250, 128, 120,0.5);	}
.beitrag .antwort	{	padding:0.6ex 0.6ex 0;	margin:0.7em 0 0 10%;	border-bottom-right-radius:4px;	background-color:rgba(235,235,235,0.85);	color:black;	}
.beitrag .details	{	padding-top:1ex;	margin-top:1ex;	border-top:thin solid gray;	}
.beitrag .details span	{	float:right;	color:darkorange;	}
.beitrag ul	{	margin:0;	line-height:inherit;	list-style:disc;	}
.beitrag li	{	margin-left:-1ex;	}
.beitrag button	{	float:right;	margin-left:1.5em;	}
#bewertungen [name=code]	{	width:5em;	}
#bewertungen fieldset	{	border:thin dotted black;	}
#bewertungen input[type=submit]	{	display:block;	margin:1em auto;	}
#bewertungen .fehler,
#bewertungen .erfolg	{	width:90%;	padding:1ex;	margin:0 auto 1.5em;	border:thin solid transparent;	border-radius:1ex;	line-height:1.82;	}
#bewertungen .fehler	{	border-color:#cd0a0a;	color:#cd0a0a;	background-color:rgba(254,241,236,0.75);	}
#bewertungen .erfolg	{	border-color:green;	color:green;	background-color:rgba(236,254,241,0.75);	}
#pro textarea { background-color: lightgreen; }
#contra textarea { background-color: salmon; }
#free textarea { background-color: lightgoldenrodyellow; }
#pro textarea,
#contra textarea { height: 2.5em; }
button.auswahl	{	width:10em;	margin-left:1ex;	}
.infobx	{	padding:1ex;	}

#impressum address	{	font-style:normal;	}
#impressum address p	{	text-align:center;	}
#impressum address strong	{	font-variant:small-caps;	}
#impressum aside	{	clear:right;	}
#impressum aside table	{	margin:1em 5em;	}
#impressum aside td	{	width:50%;	}

.side-video	{	/*position:absolute;	top:0;*/	float:left;	max-width:calc(15.7rem - 2ex);	margin:1em 1ex;	z-index:10;	}
.sidebar-image	{	/*position:absolute;	top:20rem;	bottom:-10rem;	left:0;	right:calc(100% - 16.7rem);	overflow:hidden;*/	clear:left;	text-align:center; padding:0 1ex 2.75ex; margin:3em 0 0;	z-index:2;	width:15.7rem;	}
.sidebar-image > img	{	margin:0 auto 1em;	border-radius:0 0 1em 1em;	box-shadow:0 1ex 2ex -1ex black;	max-height:100%;	max-width:100%;	height:auto;	width:auto;	padding:0 0.5em 0.5em;	-moz-box-sizing:border-box;	-webkit-box-sizing:border-box;	box-sizing:border-box;	}

.vbanner	{	float:right;	width:27%;	max-width:150px;	padding:1%;	margin:0 0 1ex 1em;	display:block;	border-radius:1.2ex;	background-color:#454545;	text-align:center;	}
.vbanner > *	{	border-radius:1.5ex;	}
.vbanner :not(:first-child)	{	margin-top:3ex;	}

.vbanner ~ .sidebar-image	{	float:left;	}
.main_content.teaser	{	float:none;	width:calc(100% - 360px);	}

.side_menu.speziell	{	clear:left;	float:left;	margin:3em 0;	max-width:15.7em;	width:14.7em;	}
.side_menu.speziell h1	{	padding-left:1ex;	border:none;	color:darkorange;	}

#reisebericht .clearfix	{	overflow:hidden;	}
#reisebericht .tageintrag	{	padding:0 10px 10px;	margin:1em auto 0.5em;	border-radius:0.6em 0.6em 0 0;	border:thin solid #323232;	overflow:hidden;	}
#reisebericht .tageintrag > header	{	padding:10px;	margin:0 -10px 10px;	background:linear-gradient(to right,rgba(0,0,0,0) 10%, #e0e0e0);	color:black;	position:relative;	}
#reisebericht .tageintrag > header h1	{		margin:0; border:none;	color:darkorange;	}
#reisebericht .tageintrag > header span	{	margin-left:1.25em;	}
#reisebericht .tageintrag > header .datum	 {	display:block;	padding:10px;	position:absolute;	top:0;	right:0;	font-size:1rem;	} 
.tageintrag .photo.mitte	{	display:block;	margin:0.2em auto 1ex;	border:0.5em solid ivory;	border-radius:0;	}
.tageintrag .photo:nth-last-of-type(8n)	{	transform:rotate(-2deg);	}
.tageintrag .photo:nth-last-of-type(8n+1)	{	transform:rotate(1.5deg);	}
.tageintrag .photo:nth-last-of-type(8n+2)	{	transform:rotate(-4deg);	}
.tageintrag .photo:nth-last-of-type(8n+3)	{	transform:rotate(-1.5deg);	}
.tageintrag .photo:nth-last-of-type(8n+4)	{	transform:rotate(2deg);	}
.tageintrag .photo:nth-last-of-type(8n+5)	{	transform:rotate(4deg);	}
.tageintrag .photo:nth-last-of-type(8n+6)	{	transform:rotate(-2deg);	}
.tageintrag .photo:nth-last-of-type(8n+7)	{	transform:rotate(3deg);	}
#reisebericht .img-sub	{	margin:0 auto 1ex;	text-align:center;	font-style:italic;	color:rgb(80,80,80);	max-width:300px;	}
#reisebericht .fehler,
#reisebericht .erfolg	{	width:90%;	padding:1ex;	margin:0 auto 1.5em;	border:thin solid transparent;	border-radius:1ex;	line-height:1.82;	}
#reisebericht .fehler	{	border-color:#cd0a0a;	color:#cd0a0a;	background-color:rgba(254,241,236,0.75);	}
#reisebericht .erfolg	{	border-color:green;	color:green;	background-color:rgba(236,254,241,0.75);	}
#reisebericht button	{	margin:0 1ex;	}
#reisebericht textarea	{	margin-bottom:1ex;	width:100%;	}
#reisebericht input[type=number]	{	width:4em;	}
#reisebericht input[type=file]	{	width:28em;	max-width:100%;	margin:1ex 0;	}