﻿/*RESPONSIVE STYLES*/
@media only screen and (max-width: 968px) {
	.all {
		width: 100%;
	}

	.navigation {
		width: auto;
		min-width: 72px;
	}

	.content, .startcontent {
		width: auto;
		padding-left: 10px;
		padding-right: 10px;
		float: none;
	}
	/*text-align:center;*/
	.subnav-left {
		margin-left: 214px;
	}

	.floatholder714, .floatholder714odd {
		width: auto;
		float: none;
	}

	.startcontent .floatholder714 {
		margin-right: 0;
	}

	.col-156, .col-165, .col-249, div.col-342, div.col-435, div.col-528, div.col-714 {
		width: auto;
		float: none;
	}

	.startpage div.col {
		float: none;
	}

	.floatholder {
		margin: 0 auto;
	}

	.members {
		top: 30px;
	}

		.members a, .members span {
			height: auto;
			margin-left: 20px;
			padding: 3px 0;
		}

		.members .language-switcher img {
			height: 20px;
		}

	#ShowMembersMenu, a.language-switcher {
		padding: 0;
	}

	#ShowNavigationButton, #ShowMembersMenu {
		display: block;
	}

	#MembersMenu {
		display: none;
		position: absolute;
		right: 0px;
		top: 20px;
		z-index: 9;
		background: #FFF;
		padding: 10px;
	}

		#MembersMenu a, #MembersMenu span {
			margin-left: 0px;
			float: none;
		}

	#MainNavigation {
		display: none;
		width: auto;
		left: 0;
		margin: 0;
		padding: 35px 0;
		background: #6079b9;
	}

		#MainNavigation LI.limain, #MainNavigation LI.limain.current, #MainNavigation LI.current:hover {
			background: #6079b9 !important;
			color: #fff;
			float: none;
			text-align: left;
			font-size: 20px;
			height: auto !important;
			padding-left: 30px;
		}

			#MainNavigation LI.limain li {
				font-size: 14px;
			}

			#MainNavigation LI.limain a {
				line-height: 45px;
				height: 45px;
				color: #fff;
				text-align: left;
				padding-left: 0px;
			}

			#MainNavigation LI.limain:hover, #MainNavigation LI.limain:hover a, #MainNavigation LI.current, #MainNavigation LI.current:hover {
				background: #6079b9;
			}

			#MainNavigation LI.limain a:hover {
				color: #fff;
			}

		#MainNavigation LI .sub {
			position: relative;
			top: 0;
			left: 0;
		}

			#MainNavigation LI .sub ul:first-child {
				margin-left: 0;
			}

		#MainNavigation LI .sub, #MainNavigation LI.limain.opened, #MainNavigation LI.limain.opened:hover a {
			background: #062678 !important;
		}

			#MainNavigation LI .sub a {
				display: block;
				font-size: 14px;
				line-height: normal;
				height: auto;
			}

			#MainNavigation .sub ul li a.current {color:#FFB500;background: url('../img/icons/arrow-topmenu.png' ) no-repeat left center;}

			#MainNavigation LI .sub UL {
				margin-top: 20px;
			}

				#MainNavigation LI .sub UL UL {
					margin: 0 0 20px 0;
				}

		#MainNavigation .limain.no-submenu:hover a {
			color: #FFF !important;
		}

		#MainNavigation .sub .link-image {
			padding-left: 45px;
		}

	/*.jcarousel-skin-pika {width:714px !important;float:none;margin:0 auto;}*/
	#pikame, .jcarousel-container {
		display: none !important;
	}

	#pikame {
		width: 714px !important;
		overflow: scroll;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	.jcarousel-skin-pika {
		width: 90%;
		margin: 0 5%;
		min-height: 100px;
		height: auto;
	}

	.pika-stage {
		height: auto !important;
	}

	.pika-stage img:first-child, .pika-stage a img:first-child {
		width: 100%;
		height: auto;
	}

	#thumbvid-nav ul {
		height: 56px;
	}

	.thumbvid-row .linkbox {
		width: auto;
	}

	.floatBox, .floatBox200, .floatBox320 {
		text-align: left;
	}

	.credittable {
		width: 100%;
	}

	.wide-image {
		width: 100%;
		height: auto;
	}

	.rightColumn {
		display: none;
		margin-left: 214px;
		float: none;
	}

	.col-342.rightColumn {
		display: block;
	}

	.col-156.rightColumnHomepage {
		width: auto;
	}

	.rightColumnHomepage .webPartZone {
		clear: both;
		position: relative;
	}

		.rightColumnHomepage .webPartZone > * {
			display: block;
			float: left;
			width: 45%;
			margin-right: 5%;
			margin-bottom: 30px;
		}

		.rightColumnHomepage .webPartZone h4 {
			clear: none;
		}

		.startpage div.col-342, .rightColumnHomepage .webPartZone > * {
			float: left;
			margin-left: 5%;
			width: 40%;
			margin-right: 5%;
		}

	#calendar TD {
		font-size: 16px;
		height: 36px;
	}

	#calendar tr.caltop td {
		font-size: 12px;
		height: 29px;
	}

	#calendar TD.kawo {
		font-size: 12px;
	}

	.video-player, .video-description {
		float: none;
		width: 100%;
		margin-left: 0px;
	}

	.flashbox object {
		width: auto !important;
	}

	.image-gallery .col-528 {
		margin-right: 0px;
	}

	.image-gallery .last-el {
		margin-right: 15px;
	}

	.bigpic-wrap img {
		width: 90%;
	}
	.bigpic-wrap .gallery-arrow.prev {left:5%}
	.bigpic-wrap .gallery-arrow.next {right: 5%;}

	.RatingContainer .ratingStaticData {
		table-layout: auto;
	}

		.RatingContainer .ratingStaticData.nonResponsiveMode {
			display: none;
		}

		.RatingContainer .ratingStaticData.responsiveMode {
			display: table;
		}

	.RatingContainer .staticDataCol1, .RatingContainer .staticDataCol3, .RatingContainer .staticDataCol4, .RatingContainer .staticDataCol5 {
		width: auto;
	}

	.RatingContainer .twoCol-left.perc50, .RatingContainer .twoCol-right.perc50,
	.RatingContainer .FirstOfThree, .RatingContainer .SecondOfThree, .RatingContainer .ThirdOfThree {
		width: 100%;
		float: none;
		min-width: 50px;
	}

	.RatingContainer .SecondOfThree, .RatingContainer .ThirdOfThree {
		margin-top: 16px;
	}

	.RatingContainer .twoCol-right table tr td:first-child, .RatingContainer .twoCol-right table tr th:first-child {
		display: table-cell;
	}

	.RatingContainer .risk-pic {
		position: relative;
		top: 0;
		left: 0;
		margin-left: 130px;
	}

	.order_elements .col-342 {
		width: 48%;
		float: left;
	}

	.order_elements .order-count-field {
		clear: both;
		padding-top: 10px;
	}


	/*.anmelde-form DIV.twocol INPUT {width:90%}*/
	.anmelde-form .order-form-item {
		margin-right: 0px;
	}

	.anmelde-form DIV.tricol .order-form-item, .anmelde-form DIV.tricol-odd .order-form-item {
		width: 33%;
	}

	.anmelde-form DIV.twocol .order-form-item, .anmelde-form DIV.twocol-odd .order-form-item {
		width: 50%;
	}

	.anmelde-form DIV.onecol .order-form-item, .anmelde-form DIV.onecol-odd .order-form-item {
		width: 100%;
	}

	.anmelde-form DIV.tricol INPUT, .anmelde-form DIV.tricol-odd INPUT,
	.anmelde-form DIV.twocol INPUT, .anmelde-form DIV.twocol-odd INPUT {
		width: 95%;
	}

	.anmelde-form DIV.onecol INPUT, .anmelde-form DIV.onecol-odd INPUT {
		width: 97%;
	}

	.anmelde-form INPUT[type="text"], .order_elements .order-count-field input, .send_button input, input.but-submit,
	.normal-form INPUT[type="text"], .normal-form SELECT {
		height: 25px;
	}

	ul.tabbar {
		width: auto;
		max-width: 570px;
		border-bottom: 0;
	}

		ul.tabbar li {
			border-bottom: 1px solid #062678;
		}

	.index-chart img {
		width: 100%;
		max-width: 570px;
	}

	.index-chart .twocols_right_box {
		height: auto;
	}

	.savingPlannerColumn {
		float: none;
		width: 100% !important;
		margin-left: 0;
		margin-right: 0;
	}

	.startpage div.linkbox {
		height: auto !important;
		overflow: visible !important;
	}

	.content .tab-ddl {display:block;}
	.content .tab-menu {display:none;}
	.content .tab-content iframe{width:560px;height:315px;}
}

/*case for letters for Lexikon - to not move on two likes:*/
@media only screen and (max-width: 810px) {
	.glossary-select {
		display: block;
		width: 100%;
	}

	ul.glossary-nav {
		display: none;
	}

	.table-three-columns tr {display:list-item; list-style:none;}
	.table-three-columns td {display:list-item;float:left;list-style:none;padding-right:3% !important;padding-left:0 !important;}

	.content .tab-content iframe{width:500px;height:281px;}
}

/*TABLET:*/
@media (min-width: 646px) and (max-width: 968px) {
	.floatBox, .floatBox200, .floatBox320 {
		margin-right: 10px;
	}
}

/*BETWEEN Phone and Tablet cases:*/
@media (max-width: 750px) {
	#MainNavigation .sub .link-image {
		border: 0px;
		padding: 0px;
	}

	.floatholder714, .floatholder714odd, div.col-714 {
		margin-left: auto;
		margin-right: auto;
	}
	table.inforum-previous {
		width: 100%;
	}

	.content .tab-content iframe{width:450px;height:253px;}
}

@media (max-width: 720px) {
	.order_elements .col-342 {
		float: none !important;
		width: auto;
		margin-right: 0;
	}

	#colorbox {top:20px !important;left:5% !important; width: 90% !important;padding:0 !important;}
	#cboxWrapper {width: 100% !important;position:relative !important;}
	#cboxLoadedContent {width: 100% !important;}
	#cboxTopCenter, #cboxBottomCenter, #cboxContent {width: 90% !important;}
	#cboxTopLeft, #cboxTopRight, #cboxMiddleLeft, #cboxMiddleRight, #cboxBottomLeft, #cboxBottomRight {width: 4% !important;max-width:14px}

	#colorbox, #cboxContent {height: auto !important;}
}

/*PHONE:*/
@media (max-width: 645px) {
	.ticker {
		display: none !important;
	}

	.content, .startcontent {
		padding-left: 10px;
		padding-right: 10px;
	}

	#MainNavigation .sub .link-image {
		display: none;
	}

	#MainNavigation LI .sub UL {
		white-space: normal;
		margin-right: 0px;
		max-width: 220px;
	}

		#MainNavigation LI .sub UL:first-child {
			margin-right: 50px;
		}

	.col-156, .col-165, .col-249, div.col-342, div.col-435, div.col-528, div.col-714 {
		width: auto;
		float: none;
	}

	.sidenavigation {
		display: none;
	}

	.subnav-left {
		margin-left: 0px;
	}

	.floatBox, .floatBox200, .floatBox320 {
		margin-right: 10px;
	}

	.rightColumn {
		margin-left: 0px;
	}

	.subnav-left {
		margin-left: 0px;
	}

	.startpage div.col-342, .rightColumnHomepage .webPartZone > * {
		margin-left: 30px;
		margin-right: 30px;
		width: auto;
		float: none;
	}

	.inforum-top-table ul.ul li ul li {width:auto !important;}

	.content .tab-content iframe{width:500px;height:281px;}
}

@media (max-width: 480px) {
	.members {
		top: 10px;
	}

		.members a, .members span {
			margin-left: 15px;
		}

		.members span {
			line-height: 15px;
		}

	#MainNavigation LI .sub UL {
		max-width: 170px;
	}

	.footer p {
		margin-left: 15px;
	}

	.footer .footer-nav {
		margin-right: 15px;
	}

	.content H1 {
		font-size: 22px;
		line-height: 25px;
	}

	.content H3, .content P, .AccordionPaneContent, table TH, table TD, h5, ul.tabbar LI A {
		font-size: 12px !important;
	}

	.content h4 {
		font-size: 14px;
		font-weight: bold;
	}

	h5 {
		padding: 0 5px;
	}

	.credittdleft {
		padding-left: 5px;
	}

	.video-player object {
		width: 100% !important;
	}

	.anmelde-form .order-form-item {
		float: none;
		width: auto !important;
		margin-bottom: 4px;
	}

	.anmelde-form DIV.onecol INPUT, .anmelde-form DIV.onecol-odd INPUT {
		width: 95%;
	}

	.floatBox50Perc, .floatBox50Perc.fullWidth, .table-two-columns-image-text td {
		width: 100%;
		float: none;
		margin-right: 0;
		clear: both;
	}

	.table-two-columns-image-text td {display:block;padding-left:0 !important;padding-right:0 !important;padding-bottom:30px;}
	.table-two-columns-image-text td img {padding-bottom:30px;}

	div.glossary-box div.chapter h3, div.glossary-box div.chapter p {
		width: 100%;
		float: none;
		margin: 0;
	}

	div.glossary-box div.chapter h3 {
		font-size: 16px !important;
	}

	.credittable th h5 {
		line-height: 20px;
	}

	#colorbox {top: 10px !important;left:0 !important;width: 100% !important;}
	.DisclaimerContentButton {margin-left:0;margin-right:0;}
	.DisclaimerContentButton label, .DisclaimerContentButton a {font-size:11px;}

	.startpage div.col-342, .rightColumnHomepage .webPartZone > * {
		margin-left: 20px;
		margin-right: 20px;
	}
	
	table.inforum-top-table ul li {
		width: 144px;
		padding-left: 10px;
		margin-bottom: 10px;
	}
	
	table.inforum-previous tr td {
		display: block;
		width: 152px;
		padding-right: 8px;
	}	

	table.inforum-previous tr td a {
		width: 152px;
		display: block;
	}

	.infobox {
		padding: 15px 0 15px;
	}

	.content .tab-content iframe{width:350px;height:197px;}
}

@media (max-width: 350px) {
	.header .logo {
		left: 0px;
	}

	.members {
		right: 15px;
		top: 5px;
	}

		.members a, .members span {
			margin-left: 10px;
		}

	#MainNavigation LI .sub UL {
		max-width: 250px;
	}

	#ShowNavigationButton {
		margin: 0 15px 0 185px;
	}

	.footer {
		height: 70px;
		font-weight: normal;
	}

		.footer p {
			margin-left: 5px;
		}

		.footer .footer-nav {
			margin-right: 5px;
		}

	.simple-form div {
		width: auto;
	}

		.simple-form DIV textarea, .simple-form DIV INPUT.field {
			width: 138px;
		}

	.simple-webform div {
		width: 235px;
	}

	.floatBox, .floatBox200, .floatBox320, .floatBox33Perc, .floatBox66Perc, .floatBox40Perc, .floatBox60Perc, .floatBox50Perc, .floatBox50Perc.fullWidth, 
	.table-two-columns-image-text td, .table-three-columns td {
		width: auto;
		float: none;
		margin-right: 0;
	}

	#calendar TD A.termin {
		margin: 1px;
	}

	.contact-block,li.question {font-size:12px !important}
	.webPartZone {padding:0 2px;}

	.RatingContainer .twoCol-left table tr th:first-child, .RatingContainer .twoCol-right table tr th:first-child {
		width: auto;
	}

	.RatingContainer .twoCol-left table tr th, .RatingContainer .twoCol-right table tr th {
		white-space: normal;
	}

	.RatingContainer .risk-pic {
		margin: 0;
		text-align: center;
	}

	.content, .startcontent {
		padding-left: 5px;
		padding-right: 5px;
	}

	ul.tabbar LI A {
		padding-left: 5px;
		padding-right: 5px;
	}

	.flashbox, text, tspan {
		font-size: 10px;
		padding:4px 0;
	}

	.normal-form TD.bezeichnung {
		padding: 4px 0 4px 5px !important;
		width: auto !important;
	}

	.normal-form TD.eingabe {
		width: auto !important;
	}

		.normal-form TD.eingabe INPUT {
			width: 90%;
		}

	.normal-form TD INPUT.in-short, .normal-form .normal_datepicker {
		width: 30% !important;
	}

	.normal-form TABLE TABLE TD INPUT {
		width: 25% !important;
	}

	.normal-form TD.eingabe SPAN {
		width: auto !important;
		padding-left: 3px;
		padding-right: 3px;
	}

	.startpage div.col-342, .rightColumnHomepage .webPartZone > * {
		margin-left: 10px;
		margin-right: 10px;
	}

	.startpage div.linkbox>img {position:relative;top:0;left:0;margin-bottom:5px;}
	.startpage div.linkbox p {padding-left:0;}

	.content .tab-content iframe{width:300px;height:169px;}
}

@media (max-width: 320px) {
	.simple-webform div {
		width: auto;
	}
}

@media (max-width: 968px) {
	.lSSlideWrapper img,
	.lSSlideWrapper iframe {
		width: 100%;
		height: auto !important;
		border: none;
	}
	.lSPager {
		display: none;
	}
}