/*

Stylesheets Hueber.cz fuer Super! Lehrwerkservice

Version 001.000

*/

/* globale LWS-Einstellungen */

.spelws 
{
}

.spelws .hero 
{
	color: #288982;
	font-weight: bold;
}

.spelws .highlight 
{
	color: #288982 !important;
}



/* Introscreen (Splashscreen) */

.spelws #introscreen1024 
{
	background-image: url(/shared/images/super/introscreen/introbg1024_spe.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 1024px 550px;
	height: 550px;
	position: relative;
	width: 1024px;
}

.spelws #introscreen1024 #lwstitle1024 
{
	bottom: 0;
	height: 419px;
	left: 0;
	position: absolute;
	width: 429px;
}

.spelws #introscreen1024 #toinfobt1024 
{
	bottom: 79px;
	height: 127px;
	position: absolute;
	right: 385px;
	width: 132px;
}

.spelws #introscreen1024 #tolehrenbt1024 
{
	bottom: 39px;
	height: 127px;
	position: absolute;
	right: 210px;
	width: 132px;
}

.spelws #introscreen1024 #tolernenbt1024 
{
	bottom: 130px;
	height: 127px;
	position: absolute;
	right: 40px;
	width: 132px;
}

.spelws #introscreen1024 #copyrightnote,
.spelws #introscreen768 #copyrightnote
{
	bottom: 1px;
	color: white;
	position: absolute;
	right: 4px;
}

.spelws #introscreen768 
{
	background-image: url(/shared/images/super/introscreen/introbg1024_spe.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 1024px 550px;
	display: none;
	height: 550px;
	position: relative;
	width: 768px;
}

.spelws #introscreen768 #lwstitle768 
{
	bottom: 0;
	height: 387px;
	left: 0;
	position: absolute;
	width: 396px;
}

.spelws #introscreen768 #toinfobt768 
{
	bottom: 97px;
	height: 108px;
	position: absolute;
	right: 242px;
	width: 113px;
}

.spelws #introscreen768 #tolehrenbt768 
{
	bottom: 44px;
	height: 108px;
	position: absolute;
	right: 92px;
	width: 113px;
}

.spelws #introscreen768 #tolernenbt768 
{
	bottom: 171px;
	height: 108px;
	position: absolute;
	right: 21px;
	width: 113px;
}


.spelws #introscreen480,
.spelws #introscreen320 
{
	display: none;
	height: 356px;
	position: relative;
	width: 100%;
}

.spelws #introscreen480,
.spelws #introscreen320 #bg320 
{
	background-color: #009d9c;
	left: 0;
	bottom: 0;
	height: 180px;
	position: absolute;
	min-width: 320px;
	width: 100%;
}

.spelws #introscreen320 #toinfobt320 
{
	height: 85px;
	left: 0;
	position: absolute;
	/* top: 275px; */
	width: 100px;
}

.spelws #introscreen320 #tolehrenbt320 
{
	height: 85px;
	/* left: 107px;
	position: absolute;
	top: 275px; */
	position: relative;
	width: 100px;
}

.spelws #introscreen320 #tolernenbt320 
{
	height: 85px;
	/* left: 214px;
	position: absolute;
	top: 275px; */
	position: absolute;
	right: 0;
	width: 100px;
}

.spelws #introscreen320 #copyrightnote
{
	top: -16px;
	position: absolute;
	right: 4px;
}

@media only screen and (max-width: 1023px) 
{
	.spelws #introscreen1024 
	{
		display: none;
	}

	.spelws #introscreen768 
	{
		display: block;
	}

	.spelws #introscreen320 
	{
		display: none;
	}
}

@media only screen and (max-width: 767px) and (min-width: 481px) 
{
	.spelws #introscreen1024 
	{
		display: none;
	}

	.spelws #introscreen768 
	{
		display: none;
	}

	.spelws #introscreen320 
	{
		background-image: url(/shared/images/super/introscreen/introbg1024_spe.jpg);
		background-position: center -20px;
		background-repeat: no-repeat;
		background-size: 1024px 550px;
		display: block;
	}

	.spelws #introscreen320 #bg320 
	{
		background-color: #009d9c;
		left: 0;
		bottom: 0;
		height: 95px;
		position: absolute;
		min-width: 320px;
		width: 100%;
	}

	.spelws #introscreen320 #lwstitle320 
	{
		height: 93px;
		float: left;
		width: 180px;
	}

	.spelws #introscreen320 #buttonbox 
	{
		float: right;
		margin-top: 7px;
		position: relative;
		text-align: center;
		min-width: 300px;
		max-width: 587px;
		width: 62%;
	}
}

@media only screen and (max-width: 480px) 
{
	.spelws #introscreen1024 {
		display: none;
	}

	.spelws #introscreen768 
	{
		display: none;
	}

	.spelws #introscreen320 
	{
		background-image: url(/shared/images/super/introscreen/introbg320_spe.jpg);
		background-position: center top;
		background-repeat: no-repeat;
		background-size: 480px 320px;
		display: block;
	}

	.spelws #introscreen320 #bg320 
	{
		background-color: #009d9c;
		left: 0;
		bottom: 0;
		height: 180px;
		position: absolute;
		min-width: 320px;
		width: 100%;
	}

	.spelws #introscreen320 #lwstitle320 
	{
		height: 93px;
		left: 0;
		position: absolute;
		top: 2px;
		width: 180px;
	}

	.spelws #introscreen320 #buttonbox 
	{
		left: 0;
		position: absolute;
		top: 95px;
		text-align: center;
		width: 100%;
	}
}


/* Header */

.spelws #infoheader1024 
{
	background-image: url(/shared/images/super/header/infoheaderbg1024_spe.png);
	background-position: left center;
	background-repeat: repeat-x;
	background-size: 50px 140px;
	display: block;
	height: 140px;
	position: relative;
	width: 1024px;
}

.spelws #infoheader1024 #splashbt1024 
{
	left: 0;
	height: 140px;
	position: absolute;
	top: 0;
	width: 396px;
}

.spelws #infoheader1024 #splashbt768 
{
	display: none;
	left: 0;
	height: 140px;
	position: absolute;
	top: 0;
	width: 356px;
}

.spelws #infoheader1024 #infobt1024 
{
	height: 109px;
	position: absolute;
	right: 341px;
	top: 25px;
	width: 114px;
}

.spelws #infoheader1024 #lehrenbt1024 
{
	height: 109px;
	position: absolute;
	right: 186px;
	top: 25px;
	width: 114px;
}

.spelws #infoheader1024 #lernenbt1024 
{
	height: 109px;
	position: absolute;
	right: 31px;
	top: 25px;
	width: 114px;
}

.spelws #infoheader320 {
	display: none;
}

@media only screen and (max-width: 1023px) 
{
	.spelws #infoheader1024 {
		width: 768px;
	}

	.spelws #infoheader1024 #splashbt1024 
	{
		display: none;
	}

	.spelws #infoheader1024 #splashbt768 
	{
		display: block;
	}

	.spelws #infoheader1024 #infobt1024 
	{
		right: 271px;
	}

	.spelws #infoheader1024 #lehrenbt1024 
	{
		right: 146px;
	}

	.spelws #infoheader1024 #lernenbt1024 
	{
		right: 21px;
	}
}

@media only screen and (max-width: 767px) 
{
	.spelws #infoheader1024 
	{
		display: none;
	}

	.spelws #infoheader320 
	{
		background-image: url(/shared/images/super/header/infoheaderbg320_spe.png);
		background-position: left top;
		background-repeat: repeat-x;
		background-size: 320px 110px;
		display: block;
		height: 110px;
		position: relative;
		width: 100%;
	}

	.spelws #infoheader320 #splashbt320 
	{
		height: 55px;
		display: block;
		left: 0;
		position: absolute;
		top: 0;
		width: 320px;
	}

	.spelws #infoheader320 #mobilenavibt 
	{
		height: 55px;
		display: block;
		left: 0;
		position: absolute;
		top: 55px;
		width: 44px;
	}

	.spelws #infoheader320 #infobt320 {
		height: 55px;
		display: block;
		position: absolute;
		right: 187px;
		top: 55px;
		width: 92px;
	}

	.spelws #infoheader320 #lehrenbt320 
	{
		height: 55px;
		display: block;
		position: absolute;
		right: 95px;
		top: 55px;
		width: 92px;
	}

	.spelws #infoheader320 #lernenbt320 
	{
		height: 55px;
		display: block;
		position: absolute;
		right: 0;
		top: 55px;
		width: 95px;
	}
}


/* Content */

.spelws article.teaser .head,
.spelws article .head,
.spelws article .subhead
{
	color: #288982 !important;
}

article.table.lwscourseoverviewcef table
{
	width: 80%;
}

article.table.lwscourseoverviewcef tr
{
	vertical-align: middle !important;
}

article.table.lwscourseoverviewcef table th, 
article.table.lwscourseoverviewcef table td
{
	padding: 0.5em 0.3em;
}

article.table.lwscourseoverviewcef col.product
{
	width: 50%;
}

article.table.lwscourseoverviewcef td.product
{
	text-align: center;
}

article.table.lwscourseoverviewcef td.product img.productcover
{
	height: 80px;
	margin-right: 1em;
	vertical-align: middle;
}

.spelws article.table.lwscourseoverviewcef tbody > tr:nth-child(odd) 
{

	background-color: #91d2ce;
}

.spelws article.table.lwscourseoverviewcef tbody > tr:nth-child(even) 
{

	background-color: #caecea;
}

@media only screen and (min-width: 768px) and (max-width: 1024px)
{
	article.table.lwscourseoverviewcef table
	{
		width: 100%;
	}
}

@media only screen and (max-width: 568px) 
{
	article.table.lwscourseoverviewcef table
	{
		width: 100%;
	}

	article.table.lwscourseoverviewcef table td.product
	{
		text-align: left;
	}

	article.table.lwscourseoverviewcef table td.product img.productcover
	{
		display: none;
	}
}