/*
	font-family: 'Foco W01 Light';
	font-family: 'Foco W01 Regular';
	font-family: 'Foco W01 Bold';
	font-family: 'HelveticaNeueW01-45Ligh';
	font-family: 'HelveticaNeueW01-55Roma';
	font-family: 'HelveticaNeueW01-65Medi';
	font-family: 'HelveticaNeueW01-66Medi';
	font-family: 'HelveticaNeueW01-75Bold';
	font-family: 'HelveticaNeueW02-Thin';
*/

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
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,
time, mark, audio, video		{vertical-align: baseline; margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit;}

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

body							{line-height: 1; font-family: 'HelveticaNeueW01-65Medi', Arial;}
ol, ul							{margin-left: 20px;}
blockquote, q					{quotes: none;}
blockquote:before, 
blockquote:after, 
q:before, q:after				{content: ''; content: none;}
table							{margin: 10px; border-collapse: collapse;	border-spacing: 0;}

html							{-webkit-text-size-adjust: none; /*-webkit-font-smoothing: antialiased;*/}

h1								{font-family: 'Foco W01 Light', Arial; font-weight: bold; font-size: 20px; line-height: 56px; color: #fff; margin-bottom: 42px; display: none;}
h2								{font-family: 'Foco W01 Light', Arial; font-weight: bold; font-size: 18px; line-height: 20px; color: #fff; margin-bottom: 20px;}
h3								{font-family: 'Foco W01 Light', Arial; font-weight: bold; font-size: 16px; line-height: 18px; color: #fff; margin-bottom: 10px;}
h2 span, h3 span				{color: #0072bc; display: block;}
h3 a							{color: #fff;}
h3 a:link						{color: #fff;}
h3 a:hover						{color: #fff;}
h3 a:active						{color: #fff;}
h3 a:visited					{color: #fff;}
h4								{font-family: 'HelveticaNeueW01-75Bold', Arial; font-weight: bold; font-size: 14px; line-height: 22px; color: #fff; margin: 20px 0;}

p								{font-weight: normal; font-size: 14px; line-height: 18px; color: #fff; margin-bottom: 10px;}
i								{font-family: 'HelveticaNeueW01-66Medi', Arial;}
strong							{font-family: 'HelveticaNeueW01-75Bold', Arial;}
a,
a:link							{color: #fff; text-decoration: none;}
a:hover							{color: #000;}
a.button						{display: inline-block; margin-right: 10px; padding: 13px 50px 14px 13px; font-family: 'HelveticaNeueW01-75Bold', Arial;
		 						 font-size: 16px; text-decoration: none; color: #fff; background: #ff5800 url('../gfx/button.png') no-repeat right center;}
a.button:hover					{opacity: 0.9 !important;}
a.button-blue					{background-color: #0072bc;}

.inside							{width: 990px; margin: 0 auto;}

#sidebar						{position: fixed; top: 50%;	right: 0px;	margin-top: -51px; z-index: 10;}
#sidebar:hover					{opacity: 0.9 !important;}
ul li							{font-size: 14px; line-height: 20px; color: #fff;}

#header							{height: 695px; background: url(../gfx/background.png) no-repeat center top;}
.header							{background: url('../gfx/dampfschiff.png') no-repeat left bottom;}
#header .inside					{padding: 10px 0 0 0; }
#header h3						{margin-bottom: 10px; font-size: 16px; font-weight: bold; color: #0072bc;}
#header p						{position: relative; margin-bottom: 10px; font-size: 14px; line-height: 23px; color: #000; /* width: 536px; */}
#header p a						{border-bottom: 2px dotted #fff; color: #fff; text-decoration: none;}
#header p a:hover				{color: #34b233; border-color: #34b233;}
#header .logo					{display: inline-block; margin-bottom: 0;}
#header a.button				{position: relative; margin-top: 231px;	margin-bottom: 0;}
#header .inside .group img		{border: none;}

#navi							{box-shadow: 0px 0px 8px rgba(0,0,0,0.1); background-color: #fff; z-index: 999;}
#navi.stuck						{position: fixed; top: 0; width: 100%;}
#navi .inside					{position: relative; padding: 10px 0 20px 0;}
#navi .mobile-navi				{display: none;}

#navi .logo						{display: inline-block; margin-left: 20px; /*border: 1px solid #4d4f53;*/}
#navi ul						{position: absolute; top: 25px;	right: 15px; margin-left: 20px;}
#navi ul li						{display: inline-block;	font-size: 15px;}
#navi ul li a					{display: inline-block;	padding: 23px 15px 27px 0; color: #4d4f53; text-decoration: none;
								 /* background: url(../gfx/divider.png) repeat-y right top; margin-right: 26px;*/}
#navi ul li a:hover				{color: #0072bc !important;/* font-weight: bold;*/}
#navi ul li#navi-kontakt a		{margin-right: 0; padding-right: 0;	background: none;}

#content						{position: relative; top: -110px; height: 1px;}

#portfolio,
#fahrplaene,
#nationalparkticket,
#sonderangebote,
#flusskreuzfahrten,
#gruppenangebote,
#charterung,
#kombiangebote,
#tschutschu,
#schiffe,
#unfrei,
#afb,
#impressum						{min-height: 695px; background: #c7d6ee url('../gfx/background.png') no-repeat;}

#portfolio .inside,
#fahrplaene .inside,
#nationalparkticket .inside,
#sonderangebote .inside,
#flusskreuzfahrten .inside,
#gruppenangebote .inside,
#charterung .inside,
#kombiangebote .inside,
#tschutschu .inside,
#schiffe .inside,
#unfrei .inside,
#afb .inside,
#impressum .inside,
#footer .inside					{padding: 20px 0;}

#portfolio						{}
#portfolio .inside				{}
#portfolio .group				{background: url('../gfx/portfolio.png') no-repeat right;}
#portfolio .article				{width: 48%;}

#fahrplaene						{}
#fahrplaene .inside				{}
#fahrplaene .group				{background: none;}
#fahrplaene .article			{}

#nationalparkticket				{}
#nationalparkticket .inside		{}
#nationalparkticket .group		{background: url('../gfx/nationalparkticket.png') no-repeat top right;}
#nationalparkticket .article	{width: 45%;}

#sonderangebote					{}
#sonderangebote .inside			{}
#sonderangebote .group			{background: url('../gfx/sonderangebote.png') no-repeat top right;}
#sonderangebote .article		{width: 48%;}

#flusskreuzfahrten				{}
#flusskreuzfahrten .inside		{}
#flusskreuzfahrten .group		{background: url('../gfx/flusskreuzfahrten.png') no-repeat top right;}
#flusskreuzfahrten .article		{width: 48%;}

#gruppenangebote				{overflow: hidden;}
#gruppenangebote .inside		{}
#gruppenangebote .group			{background: url('../gfx/gruppenangebote.png') no-repeat top right;}
#gruppenangebote .article		{width: 48%;}

#charterung						{}
#charterung .inside				{}
#charterung .group				{background: url('../gfx/ruder.png') no-repeat top 305px left 410px transparent;}
#charterung .article			{width: 48%;}

#kombiangebote					{}
#kombiangebote .inside			{}
#kombiangebote .group			{background: url('../gfx/kombiangebote.png') no-repeat top right;}
#kombiangebote .article			{width: 48%;}

#tschutschu						{}
#tschutschu .inside				{}
#tschutschu .group				{background: url('../gfx/tschutschubahn.png') no-repeat top right;}
#tschutschu .article			{width: 48%;}

#schiffe						{}
#schiffe .inside				{}
#schiffe .group					{background: url('../gfx/schiffe.png') no-repeat top right;}
#schiffe .article				{width: 48%;}

#unfrei							{}
#unfrei .inside					{}

#afb							{/*background: url('../gfx/1.png') no-repeat center 240px;*/}
#afb .inside					{}

#impressum						{}
#impressum .inside				{}

#footer							{min-height: 550px; background: #0072bc url('../gfx/logoblackwithe.png') no-repeat top 65px left 5px;}
#footer .inside					{}
#footer h2						{margin-left: 70px; color: #fff;}
#footer ul						{display: block;}
#footer ul li					{display: inline-block;	margin-right: 6px;}
#footer a:hover img				{opacity: 0.5;}
#footer .anfahrt img			{padding: 2px; border: 1px solid #fff;}

.title							{margin-bottom: 10px; padding: 20px; background-color: #B82938 !important; border-radius: 20px; box-shadow: 4px 4px 2px -2px #000;}
.group							{margin-bottom: 10px; padding: 20px; background-color: #0072bc !important; background: url(../gfx/group.png) no-repeat center top; border-radius: 20px; box-shadow: 4px 4px 2px -2px #000;}
.group:after					{content: ""; display: table; clear: both;}
.secundary						{margin-bottom: 10px; padding: 20px; background-color: #0072bc !important; background: url(../gfx/group.png) no-repeat center top; border-radius: 20px; box-shadow: 4px 4px 2px -2px #000;}
.catalogue						{width: 910px; margin: 5px; padding: 15px; background-color: #fff; border-radius: 10px; box-shadow: 4px 4px 2px -2px #000;}

.group table					{padding: 5px; background-color: #fff; border-radius: 10px;}
.group caption					{padding: 15px 0; text-align: left; font-size: 14px; font-weight: bold; color: #fff;}
.group th, td					{border-collapse: collapse;	padding: 5px; border: 0; font-size: 13px; color: #000;}
.group th						{text-align: center; font-weight: bold;}
.group td						{}
.group td img					{border: none;}
.group img						{padding: 2px; border: 1px solid #fff;}

.catalogue table				{padding: 5px; box-shadow: 4px 4px 2px -2px #000;}
.catalogue th					{width: 450px; font-weight: bold; font-size: 18px; line-height: 20px; text-align: left;}
.site							{padding: 0px;}
.catalogue td img				{margin-bottom: -2px; border: none; cursor: pointer;}

.online							{}
.offline						{background-color: #c7d6ee;}
.center							{margin: 10px 0; text-align: center;}
.group .exchange				{text-align: right;}

.col-0, .col-1,
.col-2, .col-3					{display: block; width: 300px; margin: 0 5px 5px 0; padding: 5px; font-size: 12px; color: #000;}
.col-0							{float: right; top: 0; width: 305px; height: 180px; margin: 0 0 10px 5px; padding: 5px; border-radius: 10px; box-shadow: 4px 4px 2px -2px #000;}
.col-0 .text					{width: 290px; height: 190px; padding: 5px 10px 5px 5px; color: #000;}
.col-1							{float: left; top: 0; margin: 0 5px 5px 0; padding: 5px; border-radius: 10px; box-shadow: 4px 4px 2px -2px #000;}
.col-1 .text					{width: 290px; height: 120px; padding: 5px 10px 5px 5px; color: #000;}
.col-0 h3, .col-1 h3, .col-3 h3	{text-shadow: 2px 2px 2px #000;}
.col-2							{float: left; height: 390px; margin: 0 10px 0 60px;}
.col-3							{float: right; top: 0; width: 305px; height: 220px; margin: 0 0 10px 5px; padding: 5px; border-radius: 10px; box-shadow: 4px 4px 2px -2px #000;}
.col-3 .text					{width: 290px; height: 210px; padding: 5px 10px 5px 10px; color: #000;}
.col-4							{float: left; width: 230px; height: 390px;}
.col-5							{display: block; width: 600px; margin: 0 5px 5px 60px; padding: 5px; font-size: 12px; color: #000;}

.fahrplaene						{background: url(../gfx/fahrplaene.jpg) no-repeat center;}
.nationalparkticket				{background: url(../gfx/nationalparkticket.jpg) no-repeat center;}
.sonderangebote					{background: url(../gfx/sonderangebote.jpg) no-repeat center;}
.katalog						{background: url(../gfx/flusskreuzfahrten.jpg) no-repeat center;}
.gutscheine						{background: url(../gfx/gutscheine.jpg) no-repeat center;}
.gruppenangebote				{background: url(../gfx/gruppenangebote.jpg) no-repeat center;}
.unfrei							{background: url(../gfx/unfrei.jpg) no-repeat center;}
.kombiangebote					{background: url(../gfx/kombiangebote.jpg) no-repeat center;}

#nationalparkticket table		{width: 100%;}
.nationalparkpreise				{width: 44% !important;}
.shadow							{position: relative; float: left; top: 10px; box-shadow: 0 25px 30px rgba(0, 0, 0, 0.5); z-index: 89;}
#step-2-image, #step-3-image, #step-4-image	{display: none;}
.carter							{position: relative; float: left; width: 600px; margin: 0 0 20px 70px; text-align: center;}
.carter a						{position: relative; margin: 0 20px 10px 0; cursor: pointer; font-size: 16px; font-weight: lighter;
								 text-decoration: none !important; z-index: 90;}

.margin-0						{margin-bottom: 0 !important;}
.margin-10						{margin-bottom: 10px !important;}
.margin-20						{margin-bottom: 20px !important;}
.margin-25						{margin-bottom: 25px !important;}
.margin-30						{margin-bottom: 30px !important;}
.margin-40						{margin-bottom: 40px !important;}
.margin-45						{margin-bottom: 45px !important;}
.margin-50						{margin-bottom: 50px !important;}
.margin-60						{margin-bottom: 60px !important;}
.margin-70						{margin-bottom: 70px !important;}
.margin-80						{margin-bottom: 80px !important;}
.margin-90						{margin-bottom: 90px !important;}
.margin-100						{margin-bottom: 100px !important;}
.margin-180						{margin-bottom: 180px !important;}

#accordion h4					{margin-bottom: 0px; border: none !important;}
#accordion div p					{margin-bottom: 0 !important;}
#accordion .first				{padding: 10px 0 !important; border-top: 0 !important;}
#accordion .first.ui-accordion-header-active {border-top: 1px solid #fff !important;}
#accordion .last					{margin-bottom: 10px !important; border-bottom: 1px solid #fff;}
#accordion .last .ui-accordion-content-active {border-bottom: 0 !important;}

.ui-accordion-header			{padding: 10px 0; border-top: 1px solid #fff; cursor: pointer;}
.ui-accordion-content-active	{padding-bottom: 0;}
.ui-accordion-header-active		{padding: 10px 0; border-bottom:  1px solid #fff; cursor: pointer;}

.tripadvisor					{float: right;}

.partner						{padding: 10px; text-align: center; background-color: #fff; border-radius: 10px; box-shadow: 4px 4px 2px -2px #000;}
.partner p						{color: #0072bc;}
.partner img					{margin: 10px 15px;}

.trans				 			{border: 0 !important;}
b.red							{color: red;}
.social							{margin: 10px 0;}
.google							{padding: 0 0 0 5px !important;}
.twitter iframe					{border: 0 !important;}
.iframe							{position: relative;}
iframe							{margin: 5px; border: 1px solid #fff;}
.w3c p							{float: left; margin: 10px 10px 10px 0;}
.clear							{clear: both;}