/**
 * 0) FONTS
 **/

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('fonts/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/open-sans-v15-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('fonts/open-sans-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('fonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/**
 * 1) GERNERAL CSS
 **/

/* RESET CSS PROPERTIES */
* { margin: 0; padding: 0; }
ul, ol { list-style: none; }
.borderbox { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.shadow { -webkit-box-shadow: 0 0 0px #000; -moz-box-shadow: 0 0 0px #000; box-shadow: 0 0 0px #000; }

/* HTML AND BODY */
html { height: 100%; }
body { height: 100%; color: #222; font-size: 80%; font-family: 'Open Sans', sans-serif, trebuchet ms, verdana, arial; background: url( 'https://www.tanzschule-linhart.de/images/default/bg_main.jpg' ) top center repeat-x #fff; position: relative; }
body { display: table; width: 100%; }

/* HIDING ELEMENTS // usability, responsive design buttons */
.donotdisplay,
	.printonly,
	.mobileonly { left: -9999px; position: absolute; }

/**
 * COLS AND SIDEBARS - start
 **/
 .colLeft { margin-right: 1%; float: left; }
.colMiddle { margin: 0 1%; float: left; }
.colRight { margin-left: 1%; float: right; }

.col1 { width: 100%; }
.col2.content { width: 74%; overflow: hidden; }
.col2.aside { width: 24%; overflow: hidden; }
.col2.tourStart,
	.col2.courses { width: 74%; overflow: hidden; }
.col2.directLinks,
	.col2.courseDates { width: 24%; overflow: hidden; }
.col3 { width: 32%; }
.col3.content { width: 59%; float: left; margin: 0 .5%; }
.col3.asideLeft { width: 19.5%; float: left; margin-right: .5%; }
.col3.asideRight { width: 19.5%; float: right; margin-left: .5%; }
.col4 { width: 24%; margin: 0 .0666%; float: left; }
.col4.colLeft { margin-left: 0; }
.col4.colRight { margin-right: 0; }

footer .col2.aside { width: 18%; }
footer .col2.content { width: 80%; }
footer .col2.contact { width: 59%; }
footer .col2.adtv { width: 39%; }

.defaultField.col2 { width: 49%; }

/**
 * COLS AND SIDEBARS - end
 **/

/**
 * GENERAL TEXT STYLES - start
 **/

	/* headlines */
	h1 { font-size: 200%; font-weight: 300; color: #333; padding: 1.5% 0 .5%; }
	h2 { font-size: 160%; font-weight: 400; color: #333;  padding: 2% 0 1%; }
	h3 { color: #333; font-size: 120%; padding: 1.5% 0 .5%; }
	h4 { color: #333; font-size: 90%; padding: 1% 0 0; }
	h5 { color: #333; font-size: 80%; padding: .5% 0 0; }

	/* abstracts */
	p { padding: 1% 0 2%; -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; -hyphens: auto; }
	a { color: #eca308; text-decoration: none; }
	a:hover { color: #333; text-decoration: underline; }
	.disabled,
		a.disabled { text-decoration: line-through; }
	.right { text-align: right; }
	.left { text-align: left; }
	.center { text-align: center; }
	.justify {text-align: justify; }
	.floatleft { float: left; }
	.floatright { float: right; }
	.clearboth { clear: both; }
	.bold { font-weight: bold; }
	.italic { font-style: italic; }
	.small { font-size: 85%; }
	.large { font-size: 120%; }
	.block { display: block; }
	img.alignMiddle { vertical-align: middle; padding: 1.5% 0; }
	.honey { position: absolute; left: -9999px; }

	.hidden { display: none; }

	/* tables */
	table,
		th,
		td { border: none; }
	td,
		th { vertical-align: top; padding: 3px 8px 3px 3px; }
	th { text-align: left; background: #ECA308; color: #fff; }

/**
 * GENERAL TEXT STYLES - end
 */

/**
 * NAVIGATION - start
 **/

	/* horizontal main navigation */
		#horizontalNavi { list-style: none; float: right; width: 100%; }
	#horizontalNavi li { float: right; padding: 0 2%; border-right: solid 1px #ccc; font-size: 120%; display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; position: relative; }
	#horizontalNavi li.first { border-right: none; padding-right: none; }
	#horizontalNavi li.active { background: rgba(255, 255, 255, 0.8); color: #eca308; }
	#horizontalNavi li.active a { color: #eca308; text-shadow: none; }
	#horizontalNavi li a { display: block; color: #fff; text-shadow: 0 0 2px #333; font-weight: 700; font-size: 120%; }
	#horizontalNavi > li.first:hover div.dropDown { right: 0; left: inherit; }
	#horizontalNavi li:hover { background: rgba(60, 60, 60, 0.8); }
	#horizontalNavi li:hover a { color: #fff; text-decoration: none; }
	#horizontalNavi li:hover div.dropDown { left: 0; }


	/* dropdown for horizontal main navigation */
	#horizontalNavi div { display: inline; }
	div.dropDown { position: absolute; left: -9000%; top: 70px; overflow: hidden; width: 250px; z-index: 400; background: #3C3C3A; }
	#horizontalNavi li.hasDropDown div.dropDown a { padding: .5% 0; display: block; color: #eca308; }
	#horizontalNavi li.hasDropDown div.dropDown li:hover { background: #eca308;  }
	#horizontalNavi li.hasDropDown div.dropDown a:hover { color: #fff; text-shadow: none; }
	#horizontalNavi li li { display: block; line-height: 2; padding: 0 3%; margin: 0; font-size: 100%; float: none; border-bottom: solid 1px #fff; border-right: none;}
	#horizontalNavi li li a { font-size: 90%; font-weight: 400; text-align: left; color: #eca308;  }
	#horizontalNavi li.hasDropDown a { display: inline-block; }
	#horizontalNavi li li:first-child a { border-top: none; }

	/* micro navigation */
		#microNavi { overflow: hidden; padding: 4% 1% 0 0; }
	#microNavi li { float: left; }


	/* footer navi */
		#footerNavi { overflow: hidden; width: 98%; padding: .3% 1%; color: #3F3F41; }
	#footerNavi li { }
	#footerNavi li a { color: #fff; }
	#footerNavi li a:hover { color: #eca308; }
	.naviTeaser { width: 19%; padding-right: 1%; float: left; }
	.naviTeaser img { width: 100%; height: auto; }
	.naviContent { width: 79%; padding-left: 1%; overflow: hidden; }

	/* subnavi inside content */
		#subNaviPreview { list-style: none; }
	#subNaviPreview li { border-top: 1px dotted #152861; margin: 2% 0; padding: 2% 0; }
	#subNaviPreview li.first { border-top: 2px solid #152861; }

	/* subnavigation in sidebar */
		#nav { width: 24%; margin: 1% 1% .5% 0; float: left; -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; -hyphens: auto; }
	#nav ul { list-style: none; }
	#nav ul.navi li { padding: 2.5% 2%; display: block; line-height: 120%; background: #fff; border-top: solid 1px #ccc; }
	#nav ul.navi li:first-child { border-top: none; }
	#nav a { font-size: 120%; font-weight: bold; color: #3c3c3a; display: block; }
	#nav ul.navi li:hover,
		#nav ul.navi li:hover a,
		#nav ul.navi li.activeItem,
		#nav ul.navi li.activeItem a { color: #fff; text-decoration: none; background: #eca308; }
	.navi.depth-1 { }
	.navi.depth-2 { }
	.navi.depth-3 { }
	.navi.depth-4 { }

/**
 * NAVIGATION - end
 **/

/* TEXT BLOCK SETTINGS */
#text img {	border: 5px solid #fff; margin: 5px;}
#text ul,
	#text ol { margin: 2% 0 2% 3%; }
#text ul li,
	#text ol li { list-style: disc; padding: .25% 0; }
#text .map_canvas img,
	.tabContainer #map_canvas img { border: none; margin: 0px; -webkit-box-shadow: 0 0 0px #000; -moz-box-shadow: 0 0 0px #000; box-shadow: 0 0 0px #000; }

/* PAGINATION */
.Pages,
	.activePage{ display: inline-block; font-size: 100%; font-weight: bold; color: #3c3c3a;  margin-right: 2%; padding: 1% 2%; }
.activePage { color: #fff !important; text-decoration: underline; background: #eca308; border: 1px solid #eca308; }
a.activePage:hover { color: #fff !important; }
#page .Pages:link,
	.Pages:visited { cursor: pointer; text-decoration: none; border: 1px solid #eca308; }
#page .Pages:hover { color: #fff !important; background: #eca308; }

/* INPUTFIELDS */
.defaultField { overflow: hidden; }
.defaultField input,
	.defaultField textarea,
	.defaultField select { width: 99%; border: solid 1px #868788; padding: 1%; margin: 1% 0%;
		box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; }
.defaultField input:focus,
	.defaultField textarea:focus,
	.defaultField select:focus { border: solid 1px #3c3c3a; }
.defaultField textarea { height: 200px; }
.defaultField input[type="checkbox"] { width: auto; margin-top: 2%; }
.defaultField label, .defaultField div.labelFake { padding: 1% 0; }
.defaultField label.noFloat { float: none; }
.defaultField .inputWrapper { overflow: hidden; }
input.fieldError, textarea.fieldError { border: solid 1px #c02e2e; }
div.fieldError { clear: left; color: #ff0000; font-size: 80%; margin-left: 1%; }
label.cbFloat { width: 200px; float: left; }
.button, .Button { background: #282828; color: #fff; border: solid 1px #ccc; padding: 0.5% 1.5%; font-weight: 700; }
.button:hover, .Button:hover { background: #eca308; cursor: pointer; }

.defaultField.leftCB > input { float: left; margin-right: 1%; margin-top: 8px; }

.privacy label { display: inline-block; }
.privacy p { padding: .5% 0 .5% 0%; }

/* MESSAGES */
.msgList { list-style: none; padding: 0; margin: 1% 0; }
.msgList li { margin: .25% 0; padding: .5%; color: #fff; text-shadow: #333 1px 1px 0; }
.msgList li i { padding-right: .5%; }
.warningMsg { background: #e88615;  }
.errorMsg { background: #c02e2e; }
.successMsg { background: #469b2b; }

/* SHADOW */
.shadow { -webkit-box-shadow: 0 0 8px #000000; -moz-box-shadow: 0 0 8px #000000; box-shadow: 0 0 8px #000000; }
.shadowSmall { -webkit-box-shadow: 0 0 2px #000000; -moz-box-shadow: 0 0 2px #000000; box-shadow: 0 0 2px #000000; }

/* WRAPPER */
.wrap { margin: 0 auto; max-width: 1140px; position: relative; width: 100%; }
.overflow { overflow: hidden; }
.loading { width: 100%; height: 100%; background: url( 'https://www.tanzschule-linhart.de/images/loading.gif' ) transparent center center no-repeat; }

/**
 * 2) STYLES CORE DESIGN
 **/

/* BREADCRUMBS */
#breadcrumb { display: inline-block; overflow: hidden; overflow: hidden; width: 100%; padding: .5%;}
#breadcrumb li { list-style: none; color: #fff; text-decoration: none; outline: none; display: block; float: left; position: relative; }
#breadcrumb li.start { padding-right: .5%; }
#breadcrumb a { color: #fff; }
#breadcrumb a:hover { color: #AC1558; text-decoration: none; }

/* CONTACT */
label.contact { float: left; width: 170px; }
input.contactfield { width: 300px; border: solid 1px #152861; }
input.contactBtn { margin-left: 170px; border: 1px solid #152861; color: #fff; background: #555; padding: 2px 20px; font-weight: bold; text-shadow: #000 1px 1px 0px; }
input.contactBtn:hover { background: #152861; border: 1px solid #555; color: #fff; cursor: pointer; }

/* SITEMAP */
#sitemap { line-height: 20px; overflow: hidden; }
#sitemap ul { list-style-type: none; padding: 0px 0px 0px 24px; margin: 0px 0px 0px -24px;  background: url( 'https://www.tanzschule-linhart.de/images/default/explorer_down.png' ) repeat-y 0% 0%; }
#sitemap li:last-child ul { background-image: none; }
#sitemap li { background: url( 'https://www.tanzschule-linhart.de/images/default/explorer_node.png' ) no-repeat 0% 0%; padding: 0 0 0 24px; margin: 0; }
#sitemap li:last-child { background: url( 'https://www.tanzschule-linhart.de/images/default/explorer_corner.png' ) no-repeat 0% 0%; }

/* LOGIN FORM */
.twocolumns { width: 50%;  float: left; margin: 1% 0; }
.twocolumns label {width: auto; float: none; padding: 0; }
/*.colLeft { clear: left; padding-right: 20px;}*/
fieldset.orderRegister { padding: 2%; margin-bottom: 4%; border: solid 1px #868788; }
fieldset.orderRegister legend { font-weight: bold; padding: 0 2%;}
input.inputlogin,
	select.selectlogin { width: 200px; border: solid 1px #868788; padding: 1%; }
input.inputlogin:focus,
	select.selectlogin:focus { border: solid 1px #3c3c3a; }
.twocolumns .submitBtn { border: none; color: #fff; background: #3c3c3a; margin: 0 .1%; padding: .5% 1%; }
.twocolumns .submitBtn:hover { background: #EA690B; cursor: pointer; }

/* SEARCH */
#search { overflow: hidden; float: left; width: 100%; padding: 2px 0; text-align: right; }
input#searchBox { border: none; border-bottom: solid 1px #fff; background: none; color: #fff; width: 170px; height: 21px; fmargin-right: 2%;}
input#submitSearch { background: #fff; color: #3c3c3a; border: none; }
input#submitSearch:hover { background: #3c3c3a; color: #fff; }
ul#searchResults { list-style: none; }
ul#searchResults li { padding-bottom: 4%; margin-bottom: 4%; border-bottom: solid 1px #002900;  }
ul#searchResults p { padding: 0; }
p.searchLink { font-size: 90%; margin-top: 1%; }

/**
 * 3) PROJECT ADAPTIONS
 **/

.spacer { padding: 1%; }
.page-row { display: table-row; }
.page-row-expanded { height: 100%; }

.linkBtn { border-radius: 10px 0; padding: .5% 2%; color: #fff; cursor: pointer; }
.linkBtn:hover { background: #232323; color: #fff; text-decoration: none; }

/* GRADIENT */
.gradient,
	.widgetlist-homeCourses > li,
	.widgetlist-leftContent,
	.linkBtn,
	#content h2 { background: rgb(227,131,0); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UzODMwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOWEzMTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  rgba(227,131,0,1) 0%, rgba(233,163,16,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(227,131,0,1)), color-stop(100%,rgba(233,163,16,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(227,131,0,1) 0%,rgba(233,163,16,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(227,131,0,1) 0%,rgba(233,163,16,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(227,131,0,1) 0%,rgba(233,163,16,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(227,131,0,1) 0%,rgba(233,163,16,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e38300', endColorstr='#e9a310',GradientType=1 ); /* IE6-8 */
}

/* FIXED HEADLINE */
#fixedTop { position: fixed; top: 0; width: 100%; height: 30px; z-index: 5; color: #fff; background: #eca308; }
#fixedTop a { color: #fff; }
#fixedTop p { padding: 4px 0; font-size: 100%; }
#fixedTop span { display: block; }

/* HOME TEMPLATE */
.home #content.col2.content { width: 49%; }
.home #asideHome.col2.aside { width: 49%; }
h1 span.leftContent, h1 span.rightContent { display: block; }
h1 span.rightContent { text-align: right; }

/* DEFAULT TEMPLATE */
.home .breadcrumbs { background: #3c3c3a; clear: both; overflow: hidden; }
.default .breadcrumbs,
	.blank .breadcrumbs { overflow: hidden; margin-top: 20px; background: #3c3c3a; }
.breadcrumbs .aside a { color: #fff; }
.breadcrumbs .aside a:hover { color: #eca308; text-decoration: none; }

.fb-icon { height: 20px; width: auto; }

/* HEADER */
header { position: relative; z-index: 200; background: url( 'https://www.tanzschule-linhart.de/images/default/bg_header.jpg' ) repeat-x top center #3c3c3a;  }
.default header { height: 120px; background: url( 'https://www.tanzschule-linhart.de/images/default/bg_header.jpg' ) repeat-x top center #3c3c3a; z-index: 5; }
#logo { float: left; width: 18%; height: 100%; margin: 0 1%; }
#logo img { border: none; vertical-align: middle; height: 85%; width: auto; }
#navWrapper { float: right; width: 78%; margin: 0 0 0 1%; }

/* NAVIGATIONS */
/*nav { width: 100%; position: absolute; top: 30px; left: 0; height: 70px; }*/
nav { display: inline-block; height: 70px; width: 100%; line-height: 69px; margin-top: 30px; z-index: 5; background: rgba(255, 255, 255, 0.4);  }
nav .wrap { height: 100%; }

/* SIDEBARS */
aside { z-index: 2; }

/* MAIN */
main { background: url( 'https://www.tanzschule-linhart.de/images/default/tanzpaar-stilisiert.png' ) no-repeat right bottom; }
main .wrap { overflow: hidden; background: rgba( 255, 255, 255, .85 ); padding-bottom: 50px; }

/* CONTENT */
#bgwrapper { overflow: hidden; margin-bottom: 2%; position: relative; z-index: 2; }
section,
	#content { }

#content h2 { border-radius: 20px 0; color: #fff; margin: 1% 0; padding: 0.5% 1.5%; }
#content h2 a { color: #fff; cursor: pointer; }
#content p a { font-weight: 700; }

#text a.lightboxGal { display: block; float: left; width: 18.4%; margin: 1%; overflow: hidden; }
#text a.lightboxGal:nth-child(5n+1) { margin-left: 0; }
#text a.lightboxGal:nth-child(5n+5) { margin-right: 0; }
#text a.lightboxGal img { display: block; width: 100% !important; height: auto !important; border: 0; margin: 0; }

/* FOOTER */
footer { width: 100%; overflow: hidden; padding: 1% 0; background: url( 'https://www.tanzschule-linhart.de/images/default/top_footer.png' ) repeat-x top center #3c3c3a; color: #fff; border-top: 2px solid #fff; position: relative;  z-index: 2; }
footer .wrap { padding-top: 1%; }
#copyright { clear: both; margin: 1% 0 2%; padding: .5% 0 2%; text-align: center; border-top: solid 1px #aaa; box-shadow: 0 -1px 0 #000; }

footer h2 { color: #fff; font-size: 140%; font-weight: 300; padding: 14px 0 10px; }
footer a { color: #fff; }
footer a:hover { color: #006BB3; }
footer span.label { display: block; width: 25%; float: left; }

#footerNavi { padding: 2% 0 4%; }

/* WIDGETS */
.wList-address .col2.colLeft { width: 39%; }
.wList-address .col2.colRight { width: 59%; }

.widgetlist-endlessImage { overflow: hidden; height: 55px; position: relative; }
.wList-logoslider { float: left;  }
.wList-logoslider img { height: 45px; width: auto; padding: 5px 10px; }

.widgetlist-homeCourses > li,
	.widgetlist-leftContent { border-radius: 30px 0 30px 0; margin-top: 9%; }
.widgetlist-homeCourses > li,
	.widgetlist-leftContent > li { padding: 2% 4%; color: #fff; }
.widgetlist-homeCourses h2,
	.widgetlist-leftContent h2 { color: #fff; }

/* headlines */
.subNavi h2 { color: #fff; margin-bottom: 2%; border-bottom: 1px solid #005DA8; }
h2.sharePage { color: #fff; overflow: hidden; clear: both;  margin-top: 5%; padding-top: 1%; border-top: solid 1px #fff; }

/**
 * 4) STYLES REGULAR USED EXTENSIONS
 **/

/* SLIDER HOME */
#sliderFrame { overflow: hidden; position: relative; height: 265px; width: 100%; padding: 0px; }
#sliderFrame.wrap { width: 960px; }
ul#slider{ padding: 0px; width: 18000px; margin: 0px; list-style: none; height: 260px; overflow: hidden; position: relative; }
li.sliderItem { width: 960px; float: left; position: relative; }
li.sliderItem img { width: 100%; height: auto; }
li.sliderItem a { text-decoration: none; }
.sliderMore { color: #fff; font-size: 140%; font-weight: bold; position: absolute; bottom: 60px; right: 250px; z-index: 600; }

.paging { position: absolute; top: 120px; }
.paging:hover { cursor: pointer; }
#prevSlide { left: 0; }
#nextSlide { right: 0; }

.preview #sliderFrame.wrap { width: 1140px; height: 360px; }
.preview #sliderFrame.wrap ul#slider { height: 320px; padding: 20px 0; }
.preview li.sliderItem { width: 1140px; }

/* NEWS */
ul#newsList { list-style-type: none; }
ul#newsList li { overflow: hidden; padding-bottom: 2%; margin-bottom: 2%; }
ul#newsList li:last-child { border-bottom: none; }
.mainNewsPic { width: 150px; height: 100px; float: left; margin: 0 1% 1% 0; padding: 0; border: 5px solid #fff; }
.lightbox img  { border: none; }

/**
 * 5) STYLES PROJECT RELATED EXTENSIONS
 **/

/* COURSES */
#courseList { overflow: hidden; margin: 2% 0; display: flex; flex-wrap: wrap; }
#courseList li { width: 31.3%; float: left; margin: 10px 1.52%; border-radius: 30px 0 30px 0; }
#courseList li:nth-child(3n+1) { margin-left: 0; clear: left;}
#courseList li:nth-child(3n+3) { margin-right: 0; }
#courseList li a { font-size: 120%; color: #fff; }
#courseList li a:hover { text-decoration: none; cursor: pointer; }
.courseImgWrapper { width: 100%; height: 150px; overflow: hidden; border-radius: 30px 0 30px 0; }
.courseImgWrapper img { width: 100%; height: auto; }
.link { display: block; padding: 1.5% 2%; }

#courseOverview p.small { padding-bottom: 5%; }
#courseOverview ul,
	#courseOverview ol { padding: 1% 0%; }
#courseOverview ul li,
	#courseOverview ol li { margin-left: 20px; padding: .25% 0; list-style: disc; }

.courseTable { width: 100%; }
.courseTable td { white-space: nowarp; }
.courseRow td { border-top: solid 1px #ccc; }
.courseRow:first-child td { border-top: none; }
.box_info { display: inline-block; width: 18px; height: 18px; padding: 0; margin-left: 5px; font-weight: 700; text-align: center; color: #fff; background: red; cursor: pointer;
	-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }

.respCourse { position: absolute; left: -9999px; border-top: dotted 1px #ccc; margin: 2% 0 0; padding: 2% 0 0 0; }
.respCourse:first-child { border-top: none; }
.respCourse > span { display: block; }

.courseWidgetList li { margin: 1.5% 0; border-top: dotted 1px #fff; }
.courseWidgetList li:first-child { border: none; }
.courseWidgetList em { display: block; color: #fff; }
.courseWidgetList a:hover,
	.courseWidgetList a:hover em { text-decoration: none; color: #3c3c3a; }

.preview .wrap { max-width: none; width: 90%; }

#coursesInRooms { margin: 30px 0; overflow: hidden; font-size: 200%; }

.currentCourses-2 > li { width: 48%; }
.currentCourses-2 > li:nth-child(1) { float: left; margin-right: 2%; }
.currentCourses-2 > li:nth-child(2) { float: right; margin-left: 2%; }
.currentCourses-3 > li { width: 30.666%; float: left; margin: 0 2%; }
.currentCourses-3 > li:nth-child(1) { float: left; margin-left: 0; }
.currentCourses-3 > li:nth-child(3) { float: right; margin-right: 0; }

#coursesInRooms ul > li { padding: 10px 0;  overflow: hidden; border-top: 2px solid #ccc; }
#coursesInRooms ul > li:first-child { border-top: none; }

.preview footer > h2 { display: inline-block; margin: 10px 2%; padding-bottom: 0; border-bottom: 2px solid #fff; font-size: 180%; }
footer h2 b { font-weight: 700; text-transform: uppercase; }

footer #nextCourseList { width: 96%; margin: 0 2% 2%; overflow: hidden; }
footer #nextCourseList > li { width: 16.8%;  margin: 0 2%; float: left; border-top: none; font-size: 160%; font-weight: 700; }
footer #nextCourseList > li:first-child { margin-left: 0; }
footer #nextCourseList > li:last-child { margin-right: 0; }
footer #nextCourseList > li > a { display: block; padding-top: 5px; font-size: 80%; font-weight: 400 !important; }

/* customer formfields */
.defaultField.leftField { clear: left; width: 49%; margin-right: 1%; float: left;}
.defaultField.rightField { width: 49%; margin-left: 1%; float: right; }

#customerdata p { padding: 2% 0 0; }
#customerdata .defaultField,
	#marketForm .defaultField,
	.defaultField.col2Form { overflow: hidden; padding-bottom: 2%; }

/* ATTENDANCE FORM */
ul.attendance-list {
    overflow: hidden;
    padding-bottom: 15px;
}

ul.attendance-list li {
    overflow: hidden;
}

ul.attendance-list li:nth-child(n+2) {
    padding-top: 3px;
}

ul.attendance-list li .label {
    display: inline-block;
    width: 200px;
    font-weight: 600;
}

ul.attendance-list li .content {
    width: calc(100% - 200px);
    display: inline-block;
}

div#loadAttendanceData {
	cursor: pointer;
    display: inline-block;
}

div#attFormField {
    padding: 15px 0;
    line-height: 20px;
}

div#attFormField label {
    padding: 0;
    margin: 0;
}

#attFormField .defaultField.leftCB > input {
    margin: 4px 10px 0 0;
    padding: 0;
    vertical-align: middle;
}

/* SPECIAL COURSES */
#specialCourses { width: 100%; }
.listing > li { list-style: disc; margin-left: 15px; }
.scrollInfo { display: none; }
tbody > tr:nth-child(2n+2) td, tbody > tr:nth-child(2n+2) td.isTitle {
    background: #f2f2f2 !important;
}

.table-responsive table#specialCourses.responsive th.isTitle,
.table-responsive table#specialCourses.responsive td.isTitle {
	height: auto !important;
	padding: 3px;
	width: 190px;
}

.table-responsive table#specialCourses.responsive th:nth-child(2),
.table-responsive table#specialCourses.responsive td:nth-child(2) {
    padding-left: 175px;
}

/* print version */
#couponWrapper .defaultField.print label { float: right; width: 94%; padding: 0 2% 0 0; margin-top: -.4%; text-align: left; }
#couponWrapper .defaultField.print .inputWrapper { width: 4%; }

/* PREVIEW COUPON */
div#couponView { position: relative; margin-bottom: 20px; }
div#couponView #pattern { width: 100%; height: 100%; background: url(HTTP_ROOT/images/pattern.gif) center center;  }
/* Format DIN lang - begin */
div#couponView.format-2 #recipents { position: absolute; right: 40px; top: 50px; width: 390px; font-size: 130%; font-weight: bold; text-align: center; }
div#couponView.format-2 #usage { position: absolute; right: 40px; top: 80px; width: 390px; font-size: 110%; text-align: center;  }
div#couponView.format-2 #price { position: absolute; right: 40px; top: 140px; width: 390px; font-size: 180%; font-weight: bold; text-align: center;  }
div#couponView.format-2 #date { position: absolute; left: 37px; top: 210px; width: 160px; font-size: 100%; font-weight: bold; text-align: left; }
div#couponView.format-2 #code { position: absolute; left: 236px; top: 210px; width: 160px; font-size: 100%; font-weight: bold; text-align: center; }
div#couponView.format-2 #addresser { position: absolute; left: 438px; top: 210px; width: 160px; font-size: 100%; font-weight: bold; text-align: left; }
/* Format DIN lang - end */
div#couponWrapper p.printCoupon { font-weight: bold; font-size: 120%; text-align: center; margin: 20px 0px; }

/* TEAM LISTING */
.teamList { overflow: hidden; width: 100%; }
.teamList > li { width: 50%; padding: 2% 0; border-top: dotted 1px #ccc; overflow: hidden; float: left; }
.teamList > li:first-child { border: none; width: 100%; float: none; }
.teamList > li:nth-child( even ) { clear: left; }
.teamImg { float: left; margin-right: 5%; }
.teamListItemData { overflow: hidden; padding-right: 5%; }
.first .teamListItemData { padding-right: 2.5%; }
#content .teamListItem h2 { padding: .5% 3.5%; }
#content .teamListItem.first h2 { padding: .5% 1.5%; }
.teamListItemData li { list-style: disc; margin-left: 20px; padding: 0.25% 0; }

.teamListItemImage {
    width: 90px;
    padding-right: 15px;
    float: left;
}

.teamListItemImage img.teamImg {
    float: none;
    width: 100%;
    height: auto;
    display: block;
}

.teamListItemContent {
    width: calc( 100% - 105px );
    float: right;
}

/* GALLERY */
#galleryOverview { overflow: hidden; width: 100%; }
#galleryOverview > li { width: 49%; margin: .5% 0% .5% 1%; padding: 2% 0; border-top: dotted 1px #ccc; overflow: hidden; float: left; }
#galleryOverview > li:nth-child( odd ) { clear: left; margin: .5% 1% .5% 0%; }
#galleryOverview > li img { float: left; margin-right: 2%; width: 150px; height: auto; }
.galleryContent { overflow: hidden; }
#galleryOverview h2 { font-size: 120%; padding: .5% 5%;}

#galleryList > li { float: left; margin: 1%; width: 18.4%; }
#galleryList > li:nth-child(5n+1) { margin-left: 0; clear: left; }
#galleryList > li:nth-child(5n+5) { margin-right: 0; }
#galleryList img { height: auto; width: 100%; }

/* LINKS */
ul#linkList { overflow: hidden }
ul#linkList h2 { background: none; color: #3c3c3a; }
ul#linkList li { overflow: hidden; padding-top: 2%; margin-top: 2%; border-top: dotted 1px #ccc; }
ul#linkList li:first-child { border-top: none; }
ul#linkList li img { width: 19%; padding-right: 1%; float: left; }
ul#linkList li .linkWrapper { width: 79%; padding-left: 1%; overflow: hidden; }

/* ENDLESS SLIDER */
.widgetlist-endlessImage { position: relative; overflow: hidden; height: 55px; }
.widgetlist-endlessImage li { position: absolute; margin: 0; height: 55px; list-style: none; }

/* DANCE TRAVEL */
.contentWrap { width: 98%; margin-right: 2%; }
.travelForm.col2 { width: 49%; }
.defaultField.col4.colMiddle { margin: 0 0.5%; }
.defaultField.col4 { width: 24.25%; }
.defaultField.col4 input,
	.defaultField.col4 select { padding: 3% 1%; }

.travelOptions { list-style: none; overflow: hidden; width: 100%; margin: 0 !important; display: table; }
.travelOptions > li { width: 100; background: #f7f7f7; display: table-row;
	-webkit-transition: background 0.3s ease;
	-moz-transition: background 0.3s ease;
	-o-transition: background 0.3s ease;
	-ms-transition: background 0.3s ease;
	transition: background 0.3s ease;
}
.travelOptions > li:hover,
	.travelOptions > li.active{ background: #eca308; }
.travelOptions > li > div { display: table-cell; vertical-align: middle; padding: 2% 0; border-bottom: solid 2px #fff; }
.travelOptions > li > div.inputField { width: 10%; text-align: center; background: #eca308; }
.travelOptions > li > div.labelField { width: 86%; padding: 2%; cursor: pointer; }
.travelOptions > li > div.labelField label { display: block; cursor: pointer; }
.travelOptions > li > div.labelField label span { display: block; font-weight: 700; }


/*
 * COUPONS
 */

/* coupon stepps */
#couponStepps li { padding-top: 2%; border-top: solid 1px #333; }
#couponStepps li:first-child { margin-top: 0; padding-top: 0; border-top: none; }
#couponStepps li.active { background: #eca308; color: #fff; }
#couponStepps li.active span { padding-left: 2%; }
#couponStepps span { display: block; }
#couponStepps span.stepp { font-size: 170%; }
#couponStepps span.stepp-info { font-size: 120%; font-weight: 700; padding-bottom: 2%; }
#couponStepps span.stepp-info a:hover { text-decoration: none; }

/* coupon step 1 */
#coupons { width: 100%; overflow: hidden; }
#coupons li { width: 33.3%; float: left; margin-bottom: 15px; }
#coupons li:nth-child(3n+1) { clear: left; }
#coupons li img.landscape { width: 90%; height: auto; }
#coupons li img.portrait { width: auto; height: 90%; }

#pattern { background: url( 'https://www.tanzschule-linhart.de/images/default/pattern.gif' ) repeat center center; width: 100%; height: 100%;}

/* coupon step 2 */
#customerdata { width: 49%; }
#usagedata { width: 39%; }
#couponWrapper fieldset { border: none; padding-bottom: 3%; overflow: hidden; clear: both; }
#couponWrapper fieldset.borderBottom { border-bottom: solid 1px #ccc;  }
#couponWrapper legend { font-size: 120%; padding: 2% 0; }
#couponWrapper .small { font-size: 90%; clear: both; }

#couponWrapper .itemWrap { width: 100%; padding-bottom: 2%; }
#couponWrapper .defaultField.fullWidth label { float: none; width: auto; }
#couponWrapper .itemWrap input,
	#couponWrapper .defaultField.print input,
	.defaultField.contact input { width: auto; float: left; margin-right: 2%; vertical-align: middle; }
#couponWrapper .print.leftCB .inputWrapper { width: 94%; }
#couponWrapper .itemWrap .label input { float: none; margin: 0; }

/* customer formfields */
#customerdata p { padding: 2% 0 0; }
#customerdata .defaultField,
	#marketForm .defaultField,
	.defaultField.col2Form { overflow: hidden; padding-bottom: 2%; }

/* coupon step 3 */
div#couponView { position: relative; }
div#couponView #pattern { width: 100%; height: 100%; background: url(HTTP_ROOT/images/default/pattern.gif) center center;  }
/* Format DIN lang - begin */
div#couponView.format-2 #recipents { position: absolute; right: 40px; top: 40px; width: 340px; font-size: 130%; font-weight: bold; }
div#couponView.format-2 #usage { position: absolute; right: 40px; top: 70px; width: 340px; font-size: 110%; }
div#couponView.format-2 #price { position: absolute; right: 220px; top: 107px; width: 100px; font-size: 180%; font-weight: bold; }
div#couponView.format-2 #date { position: absolute; left: 286px; top: 190px; width: 100px; font-size: 100%; font-weight: bold; }
div#couponView.format-2 #code { position: absolute; left: 480px; top: 190px; width: 140px; font-size: 100%; font-weight: bold; }
div#couponView.format-2 #addresser { position: absolute; left: 459px; top: 118px; width: 140px; font-size: 100%; font-weight: bold;  }

div#couponView.format-0 #recipents { position: absolute; right: 40px; top: 50px; width: 390px; font-size: 130%; font-weight: bold; text-align: center; }
div#couponView.format-0 #usage { position: absolute; right: 40px; top: 80px; width: 390px; font-size: 110%; text-align: center;  }
div#couponView.format-0 #price { position: absolute; right: 40px; top: 140px; width: 390px; font-size: 180%; font-weight: bold; text-align: center;  }
div#couponView.format-0 #date { position: absolute; left: 37px; top: 210px; width: 160px; font-size: 100%; font-weight: bold; text-align: left; }
div#couponView.format-0 #code { position: absolute; left: 236px; top: 210px; width: 160px; font-size: 100%; font-weight: bold; text-align: center; }
div#couponView.format-0 #addresser { position: absolute; left: 438px; top: 210px; width: 160px; font-size: 100%; font-weight: bold; text-align: left; }

div#couponView.format-1 #recipents { position: absolute; right: 40px; top: 118px; width: 260px; font-size: 110%; font-weight: bold; text-align: left; }
div#couponView.format-1 #usage { display: none; position: absolute; right: 40px; top: 80px; width: 260px; font-size: 110%; text-align: left;  }
div#couponView.format-1 #price { position: absolute; right: 40px; top: 153px; width: 260px; font-size: 110%; font-weight: bold; text-align: left;  }
div#couponView.format-1 #date { position: absolute; left: 300px; top: 228px; width: 80px; font-size: 110%; font-weight: bold; text-align: left; }
div#couponView.format-1 #code { position: absolute; left: 384px; top: 228px; width: 160px; font-size: 110%; font-weight: bold; text-align: left; }
div#couponView.format-1 #addresser { position: absolute; left: 300px; top: 191px; width: 260px; font-size: 110%; font-weight: bold; text-align: left; }
/* Format DIN lang - end */
div#couponWrapper p.printCoupon { font-weight: bold; font-size: 120%; text-align: center; margin: 20px 0px; }

/* coupon step 4 */
#customer { overflow: hidden; margin-bottom: 4%; }
#customer > li { float: left; margin: 0 .5%; width: 32.333%; }
#customer > li:nth-child( 3n+1 ) { margin: 0 1% 0 0; clear: left; }
#customer > li:nth-child( 3n+3 ) { margin: 0 0 0 1%; }
.defaultField.inline.leftCB { text-align: left; }
.defaultField.inline .inputWrapper { display: inline-block; }
.defaultField.inline label.agb { display: inline-block; padding-top: 2%; }

/* cookies */
div.table { display: table; margin: 0 auto; background: transparent; }
div.table-row { display: table-row; }
div.table-cell { display: table-cell; vertical-align: middle; }
div.cookieText { width: 74%; margin-right: 1%; text-align: center; }
div.cookieBtn { width: 24%; margin-left: 1%; text-align: center; }

#cookieInfo { background: #1a1a1a; padding: .5% 0; position: fixed; left: 0; bottom: 0; width: 100%; font-size: 100%; color: #fff; z-index: 4444; }
#cookieInfo a { color: #fff; text-decoration: underline; }
#cookieInfo a#setCookie { display: inline-block; padding: 5px 15px; background: #eca308; color: #fff; border: 1px solid #fff; text-decoration: none; }
#cookieInfo a#setCookie:hover { background: #fff; color: #eca308; text-decoration: none; }

#addMemberFields label {
	cursor: pointer;
	background: #eca308;
	padding: 10px 15px;
	display: inline-block;
	font-weight: 600;
}

#addMemberFields label:hover {
	background: #3c3c3a;
	color: #fff;
}

/* table style */
.table-responsive-wrap { width: 98%; margin: 0 1%; position: relative; overflow: hidden;}
.table-responsive { overflow-x: scroll; }
.table-responsive .scrollInfo.mobileonly { position: relative; left: inherit; padding: 10px 0; }
.table-responsive table.responsive { margin: 1% 0 1% 30px; width: 100%; border-collapse: unset; }
.table-responsive table.responsive th,
	.table-responsive table.responsive td { white-space: nowrap; }
.table-responsive table.responsive th.isTitle,
	.table-responsive table.responsive td.isTitle { position: absolute; width: 30px; left: 0; padding: 2px 0; border-right: 1px dotted #ccc; }
.table-responsive table.responsive td.isTitle { background: #fff; }
/*.table-responsive table.responsive tr:nth-child(even) td.isTitle { background: #F4F4F4; }*/
.table-responsive table.responsive th:nth-child(2),
	.table-responsive table.responsive td:nth-child(2) { padding-left: 4px; }

/* videos */
ul#videos.card-view .content-link { text-align: center; left: 0; right: 0; }
.videomodule hr {
    padding: 5px 0 0 0;
    border: none;
    border-top: solid 1px #555;
    margin-top: 15px;
}