/****************
 *
 *	structure
 *
 ****************/

.container              										{ width: 100%; margin: 0 auto; position: relative; padding: 0 0.5em; }
.container:before, .container:after 							{ content: ""; display: table; }
.container:after 												{ clear: both; }
section, aside                                              	{ position: relative; }
.row															{ overflow: hidden; }

@media all and (min-width: 48em)
{
	/* cols */
	
	.col-1															{ width: 5.3333333333333%; }
	.col-2															{ width: 13.666666666667%; }
	.col-2 .col-1													{ width: 47%; }
	.col-2 .col-2													{ width: 97%; }
	.col-3															{ width: 22%; }
	.col-3 .col-1													{ width: 30.333333333333%; }
	.col-3 .col-2													{ width: 63.666666666667%; }
	.col-3 .col-3													{ width: 97%; }
	.col-4															{ width: 30.333333333333%; }
	.col-4 .col-1													{ width: 22%; }
	.col-4 .col-2													{ width: 47%; }
	.col-4 .col-3													{ width: 72%; }
	.col-4 .col-4													{ width: 97%; }
	.col-5															{ width: 38.666666666667%; }
	.col-5 .col-1													{ width: 17%; }
	.col-5 .col-2													{ width: 37%; }
	.col-5 .col-3													{ width: 57%; }
	.col-5 .col-4													{ width: 77%; }
	.col-5 .col-5													{ width: 97%; }
	.col-6															{ width: 47%; }
	.col-6 .col-1													{ width: 13.666666666667%; }
	.col-6 .col-2													{ width: 30.333333333333%; }
	.col-6 .col-3													{ width: 47%; }
	.col-6 .col-4													{ width: 63.666666666667%; }
	.col-6 .col-5													{ width: 80.333333333333%; }
	.col-6 .col-6													{ width: 97%; }
	.col-7															{ width: 55.333333333333%; }
	.col-7 .col-1													{ width: 11.285714285714%; }
	.col-7 .col-2													{ width: 25.571428571429%; }
	.col-7 .col-3													{ width: 39.857142857143%; }
	.col-7 .col-4													{ width: 54.142857142857%; }
	.col-7 .col-5													{ width: 68.428571428571%; }
	.col-7 .col-6													{ width: 82.714285714286%; }
	.col-7 .col-7													{ width: 97%; }
	.col-8															{ width: 63.666666666667%; }
	.col-8 .col-1													{ width: 9.5%; }
	.col-8 .col-2													{ width: 22%; }
	.col-8 .col-3													{ width: 34.5%; }
	.col-8 .col-4													{ width: 47%; }
	.col-8 .col-5													{ width: 59.5%; }
	.col-8 .col-6													{ width: 72%; }
	.col-8 .col-7													{ width: 84.5%; }
	.col-8 .col-8													{ width: 97%; }
	.col-9															{ width: 72%; }
	.col-9 .col-1													{ width: 8.1111111111111%; }
	.col-9 .col-2													{ width: 19.222222222222%; }
	.col-9 .col-3													{ width: 30.333333333333%; }
	.col-9 .col-4													{ width: 41.444444444444%; }
	.col-9 .col-5													{ width: 52.555555555556%; }
	.col-9 .col-6													{ width: 63.666666666667%; }
	.col-9 .col-7													{ width: 74.777777777778%; }
	.col-9 .col-8													{ width: 85.888888888889%; }
	.col-9 .col-9													{ width: 97%; }
	.col-10															{ width: 80.333333333333%; }
	.col-10 .col-1													{ width: 7%; }
	.col-10 .col-2													{ width: 17%; }
	.col-10 .col-3													{ width: 27%; }
	.col-10 .col-4													{ width: 37%; }
	.col-10 .col-5													{ width: 47%; }
	.col-10 .col-6													{ width: 57%; }
	.col-10 .col-7													{ width: 67%; }
	.col-10 .col-8													{ width: 77%; }
	.col-10 .col-9													{ width: 87%; }
	.col-10 .col-10													{ width: 97%; }
	.col-11															{ width: 88.666666666667%; }
	.col-11 .col-1													{ width: 6.0909090909091%; }
	.col-11 .col-2													{ width: 15.181818181818%; }
	.col-11 .col-3													{ width: 24.272727272727%; }
	.col-11 .col-4													{ width: 33.363636363636%; }
	.col-11 .col-5													{ width: 42.454545454545%; }
	.col-11 .col-6													{ width: 51.545454545455%; }
	.col-11 .col-7													{ width: 60.636363636364%; }
	.col-11 .col-8													{ width: 69.727272727273%; }
	.col-11 .col-9													{ width: 78.818181818182%; }
	.col-11 .col-10													{ width: 87.909090909091%; }
	.col-11 .col-11													{ width: 97%; }
	.col-12															{ width: 97%; }
	.col-12 .col-1													{ width: 5.3333333333333%; }
	.col-12 .col-2													{ width: 13.666666666667%; }
	.col-12 .col-3													{ width: 22%; }
	.col-12 .col-4													{ width: 30.333333333333%; }
	.col-12 .col-5													{ width: 38.666666666667%; }
	.col-12 .col-6													{ width: 47%; }
	.col-12 .col-7													{ width: 55.333333333333%; }
	.col-12 .col-8													{ width: 63.666666666667%; }
	.col-12 .col-9													{ width: 72%; }
	.col-12 .col-10													{ width: 80.333333333333%; }
	.col-12 .col-11													{ width: 88.666666666667%; }
	.col-12 .col-12													{ width: 97%; }
	
	/* offset */
	
	*[class*="col-"].offset-1										{ margin-left: 9.8333333333333%; }
	*[class*="col-"].offset-2										{ margin-left: 18.166666666667%; }
	.col-2 *[class*="col-"].offset-1								{ margin-left: 48.5%; }
	*[class*="col-"].offset-3										{ margin-left: 26.5%; }
	.col-3 *[class*="col-"].offset-1								{ margin-left: 31.833333333333%; }
	.col-3 *[class*="col-"].offset-2								{ margin-left: 65.166666666667%; }
	*[class*="col-"].offset-4										{ margin-left: 34.833333333333%; }
	.col-4 *[class*="col-"].offset-1								{ margin-left: 23.5%; }
	.col-4 *[class*="col-"].offset-2								{ margin-left: 48.5%; }
	.col-4 *[class*="col-"].offset-3								{ margin-left: 73.5%; }
	*[class*="col-"].offset-5										{ margin-left: 43.166666666667%; }
	.col-5 *[class*="col-"].offset-1								{ margin-left: 18.5%; }
	.col-5 *[class*="col-"].offset-2								{ margin-left: 38.5%; }
	.col-5 *[class*="col-"].offset-3								{ margin-left: 58.5%; }
	.col-5 *[class*="col-"].offset-4								{ margin-left: 78.5%; }
	*[class*="col-"].offset-6										{ margin-left: 51.5%; }
	.col-6 *[class*="col-"].offset-1								{ margin-left: 15.166666666667%; }
	.col-6 *[class*="col-"].offset-2								{ margin-left: 31.833333333333%; }
	.col-6 *[class*="col-"].offset-3								{ margin-left: 48.5%; }
	.col-6 *[class*="col-"].offset-4								{ margin-left: 65.166666666667%; }
	.col-6 *[class*="col-"].offset-5								{ margin-left: 81.833333333333%; }
	*[class*="col-"].offset-7										{ margin-left: 59.833333333333%; }
	.col-7 *[class*="col-"].offset-1								{ margin-left: 12.785714285714%; }
	.col-7 *[class*="col-"].offset-2								{ margin-left: 27.071428571429%; }
	.col-7 *[class*="col-"].offset-3								{ margin-left: 41.357142857143%; }
	.col-7 *[class*="col-"].offset-4								{ margin-left: 55.642857142857%; }
	.col-7 *[class*="col-"].offset-5								{ margin-left: 69.928571428571%; }
	.col-7 *[class*="col-"].offset-6								{ margin-left: 84.214285714286%; }
	*[class*="col-"].offset-8										{ margin-left: 68.166666666667%; }
	.col-8 *[class*="col-"].offset-1								{ margin-left: 11%; }
	.col-8 *[class*="col-"].offset-2								{ margin-left: 23.5%; }
	.col-8 *[class*="col-"].offset-3								{ margin-left: 36%; }
	.col-8 *[class*="col-"].offset-4								{ margin-left: 48.5%; }
	.col-8 *[class*="col-"].offset-5								{ margin-left: 61%; }
	.col-8 *[class*="col-"].offset-6								{ margin-left: 73.5%; }
	.col-8 *[class*="col-"].offset-7								{ margin-left: 86%; }
	*[class*="col-"].offset-9										{ margin-left: 76.5%; }
	.col-9 *[class*="col-"].offset-1								{ margin-left: 9.6111111111111%; }
	.col-9 *[class*="col-"].offset-2								{ margin-left: 20.722222222222%; }
	.col-9 *[class*="col-"].offset-3								{ margin-left: 31.833333333333%; }
	.col-9 *[class*="col-"].offset-4								{ margin-left: 42.944444444444%; }
	.col-9 *[class*="col-"].offset-5								{ margin-left: 54.055555555556%; }
	.col-9 *[class*="col-"].offset-6								{ margin-left: 65.166666666667%; }
	.col-9 *[class*="col-"].offset-7								{ margin-left: 76.277777777778%; }
	.col-9 *[class*="col-"].offset-8								{ margin-left: 87.388888888889%; }
	*[class*="col-"].offset-10										{ margin-left: 84.833333333333%; }
	.col-10 *[class*="col-"].offset-1								{ margin-left: 8.5%; }
	.col-10 *[class*="col-"].offset-2								{ margin-left: 18.5%; }
	.col-10 *[class*="col-"].offset-3								{ margin-left: 28.5%; }
	.col-10 *[class*="col-"].offset-4								{ margin-left: 38.5%; }
	.col-10 *[class*="col-"].offset-5								{ margin-left: 48.5%; }
	.col-10 *[class*="col-"].offset-6								{ margin-left: 58.5%; }
	.col-10 *[class*="col-"].offset-7								{ margin-left: 68.5%; }
	.col-10 *[class*="col-"].offset-8								{ margin-left: 78.5%; }
	.col-10 *[class*="col-"].offset-9								{ margin-left: 88.5%; }
	*[class*="col-"].offset-11										{ margin-left: 93.166666666667%; }
	.col-11 *[class*="col-"].offset-1								{ margin-left: 7.5909090909091%; }
	.col-11 *[class*="col-"].offset-2								{ margin-left: 16.681818181818%; }
	.col-11 *[class*="col-"].offset-3								{ margin-left: 25.772727272727%; }
	.col-11 *[class*="col-"].offset-4								{ margin-left: 34.863636363636%; }
	.col-11 *[class*="col-"].offset-5								{ margin-left: 43.954545454545%; }
	.col-11 *[class*="col-"].offset-6								{ margin-left: 53.045454545455%; }
	.col-11 *[class*="col-"].offset-7								{ margin-left: 62.136363636364%; }
	.col-11 *[class*="col-"].offset-8								{ margin-left: 71.227272727273%; }
	.col-11 *[class*="col-"].offset-9								{ margin-left: 80.318181818182%; }
	.col-11 *[class*="col-"].offset-10								{ margin-left: 89.409090909091%; }
	
	/* fill */
	
	*[class*="col-"].fill-1											{ margin-right: 9.8333333333333%; }
	*[class*="col-"].fill-2											{ margin-right: 18.166666666667%; }
	.col-2 *[class*="col-"].fill-1									{ margin-right: 48.5%; }
	*[class*="col-"].fill-3											{ margin-right: 26.5%; }
	.col-3 *[class*="col-"].fill-1									{ margin-right: 31.833333333333%; }
	.col-3 *[class*="col-"].fill-2									{ margin-right: 65.166666666667%; }
	*[class*="col-"].fill-4											{ margin-right: 34.833333333333%; }
	.col-4 *[class*="col-"].fill-1									{ margin-right: 23.5%; }
	.col-4 *[class*="col-"].fill-2									{ margin-right: 48.5%; }
	.col-4 *[class*="col-"].fill-3									{ margin-right: 73.5%; }
	*[class*="col-"].fill-5											{ margin-right: 43.166666666667%; }
	.col-5 *[class*="col-"].fill-1									{ margin-right: 18.5%; }
	.col-5 *[class*="col-"].fill-2									{ margin-right: 38.5%; }
	.col-5 *[class*="col-"].fill-3									{ margin-right: 58.5%; }
	.col-5 *[class*="col-"].fill-4									{ margin-right: 78.5%; }
	*[class*="col-"].fill-6											{ margin-right: 51.5%; }
	.col-6 *[class*="col-"].fill-1									{ margin-right: 15.166666666667%; }
	.col-6 *[class*="col-"].fill-2									{ margin-right: 31.833333333333%; }
	.col-6 *[class*="col-"].fill-3									{ margin-right: 48.5%; }
	.col-6 *[class*="col-"].fill-4									{ margin-right: 65.166666666667%; }
	.col-6 *[class*="col-"].fill-5									{ margin-right: 81.833333333333%; }
	*[class*="col-"].fill-7											{ margin-right: 59.833333333333%; }
	.col-7 *[class*="col-"].fill-1									{ margin-right: 12.785714285714%; }
	.col-7 *[class*="col-"].fill-2									{ margin-right: 27.071428571429%; }
	.col-7 *[class*="col-"].fill-3									{ margin-right: 41.357142857143%; }
	.col-7 *[class*="col-"].fill-4									{ margin-right: 55.642857142857%; }
	.col-7 *[class*="col-"].fill-5									{ margin-right: 69.928571428571%; }
	.col-7 *[class*="col-"].fill-6									{ margin-right: 84.214285714286%; }
	*[class*="col-"].fill-8											{ margin-right: 68.166666666667%; }
	.col-8 *[class*="col-"].fill-1									{ margin-right: 11%; }
	.col-8 *[class*="col-"].fill-2									{ margin-right: 23.5%; }
	.col-8 *[class*="col-"].fill-3									{ margin-right: 36%; }
	.col-8 *[class*="col-"].fill-4									{ margin-right: 48.5%; }
	.col-8 *[class*="col-"].fill-5									{ margin-right: 61%; }
	.col-8 *[class*="col-"].fill-6									{ margin-right: 73.5%; }
	.col-8 *[class*="col-"].fill-7									{ margin-right: 86%; }
	*[class*="col-"].fill-9											{ margin-right: 76.5%; }
	.col-9 *[class*="col-"].fill-1									{ margin-right: 9.6111111111111%; }
	.col-9 *[class*="col-"].fill-2									{ margin-right: 20.722222222222%; }
	.col-9 *[class*="col-"].fill-3									{ margin-right: 31.833333333333%; }
	.col-9 *[class*="col-"].fill-4									{ margin-right: 42.944444444444%; }
	.col-9 *[class*="col-"].fill-5									{ margin-right: 54.055555555556%; }
	.col-9 *[class*="col-"].fill-6									{ margin-right: 65.166666666667%; }
	.col-9 *[class*="col-"].fill-7									{ margin-right: 76.277777777778%; }
	.col-9 *[class*="col-"].fill-8									{ margin-right: 87.388888888889%; }
	*[class*="col-"].fill-10										{ margin-right: 84.833333333333%; }
	.col-10 *[class*="col-"].fill-1									{ margin-right: 8.5%; }
	.col-10 *[class*="col-"].fill-2									{ margin-right: 18.5%; }
	.col-10 *[class*="col-"].fill-3									{ margin-right: 28.5%; }
	.col-10 *[class*="col-"].fill-4									{ margin-right: 38.5%; }
	.col-10 *[class*="col-"].fill-5									{ margin-right: 48.5%; }
	.col-10 *[class*="col-"].fill-6									{ margin-right: 58.5%; }
	.col-10 *[class*="col-"].fill-7									{ margin-right: 68.5%; }
	.col-10 *[class*="col-"].fill-8									{ margin-right: 78.5%; }
	.col-10 *[class*="col-"].fill-9									{ margin-right: 88.5%; }
	*[class*="col-"].fill-11										{ margin-right: 93.166666666667%; }
	.col-11 *[class*="col-"].fill-1									{ margin-right: 7.5909090909091%; }
	.col-11 *[class*="col-"].fill-2									{ margin-right: 16.681818181818%; }
	.col-11 *[class*="col-"].fill-3									{ margin-right: 25.772727272727%; }
	.col-11 *[class*="col-"].fill-4									{ margin-right: 34.863636363636%; }
	.col-11 *[class*="col-"].fill-5									{ margin-right: 43.954545454545%; }
	.col-11 *[class*="col-"].fill-6									{ margin-right: 53.045454545455%; }
	.col-11 *[class*="col-"].fill-7									{ margin-right: 62.136363636364%; }
	.col-11 *[class*="col-"].fill-8									{ margin-right: 71.227272727273%; }
	.col-11 *[class*="col-"].fill-9									{ margin-right: 80.318181818182%; }
	.col-11 *[class*="col-"].fill-10								{ margin-right: 89.409090909091%; }
	
	/* bases */
	
	.container              										{ width: 90%; }
	.row															{ margin: 0 -1.5%; }
	*[class*="col-"] 												{ margin: 0 1.5%; }
	
	.container              										{ padding: 0; }
	*[class*="col-"] 												{ float: left; display: inline-block; }

}

@media all and (min-width: 62.5em)
{
	/* cols */
	
	.col-1															{ width: 4.3333333333333%; }
	.col-2															{ width: 12.666666666667%; }
	.col-2 .col-1													{ width: 46%; }
	.col-2 .col-2													{ width: 96%; }
	.col-3															{ width: 21%; }
	.col-3 .col-1													{ width: 29.333333333333%; }
	.col-3 .col-2													{ width: 62.666666666667%; }
	.col-3 .col-3													{ width: 96%; }
	.col-4															{ width: 29.333333333333%; }
	.col-4 .col-1													{ width: 21%; }
	.col-4 .col-2													{ width: 46%; }
	.col-4 .col-3													{ width: 71%; }
	.col-4 .col-4													{ width: 96%; }
	.col-5															{ width: 37.666666666667%; }
	.col-5 .col-1													{ width: 16%; }
	.col-5 .col-2													{ width: 36%; }
	.col-5 .col-3													{ width: 56%; }
	.col-5 .col-4													{ width: 76%; }
	.col-5 .col-5													{ width: 96%; }
	.col-6															{ width: 46%; }
	.col-6 .col-1													{ width: 12.666666666667%; }
	.col-6 .col-2													{ width: 29.333333333333%; }
	.col-6 .col-3													{ width: 46%; }
	.col-6 .col-4													{ width: 62.666666666667%; }
	.col-6 .col-5													{ width: 79.333333333333%; }
	.col-6 .col-6													{ width: 96%; }
	.col-7															{ width: 54.333333333333%; }
	.col-7 .col-1													{ width: 10.285714285714%; }
	.col-7 .col-2													{ width: 24.571428571429%; }
	.col-7 .col-3													{ width: 38.857142857143%; }
	.col-7 .col-4													{ width: 53.142857142857%; }
	.col-7 .col-5													{ width: 67.428571428571%; }
	.col-7 .col-6													{ width: 81.714285714286%; }
	.col-7 .col-7													{ width: 96%; }
	.col-8															{ width: 62.666666666667%; }
	.col-8 .col-1													{ width: 8.5%; }
	.col-8 .col-2													{ width: 21%; }
	.col-8 .col-3													{ width: 33.5%; }
	.col-8 .col-4													{ width: 46%; }
	.col-8 .col-5													{ width: 58.5%; }
	.col-8 .col-6													{ width: 71%; }
	.col-8 .col-7													{ width: 83.5%; }
	.col-8 .col-8													{ width: 96%; }
	.col-9															{ width: 71%; }
	.col-9 .col-1													{ width: 7.1111111111111%; }
	.col-9 .col-2													{ width: 18.222222222222%; }
	.col-9 .col-3													{ width: 29.333333333333%; }
	.col-9 .col-4													{ width: 40.444444444444%; }
	.col-9 .col-5													{ width: 51.555555555556%; }
	.col-9 .col-6													{ width: 62.666666666667%; }
	.col-9 .col-7													{ width: 73.777777777778%; }
	.col-9 .col-8													{ width: 84.888888888889%; }
	.col-9 .col-9													{ width: 96%; }
	.col-10															{ width: 79.333333333333%; }
	.col-10 .col-1													{ width: 6%; }
	.col-10 .col-2													{ width: 16%; }
	.col-10 .col-3													{ width: 26%; }
	.col-10 .col-4													{ width: 36%; }
	.col-10 .col-5													{ width: 46%; }
	.col-10 .col-6													{ width: 56%; }
	.col-10 .col-7													{ width: 66%; }
	.col-10 .col-8													{ width: 76%; }
	.col-10 .col-9													{ width: 86%; }
	.col-10 .col-10													{ width: 96%; }
	.col-11															{ width: 87.666666666667%; }
	.col-11 .col-1													{ width: 5.0909090909091%; }
	.col-11 .col-2													{ width: 14.181818181818%; }
	.col-11 .col-3													{ width: 23.272727272727%; }
	.col-11 .col-4													{ width: 32.363636363636%; }
	.col-11 .col-5													{ width: 41.454545454545%; }
	.col-11 .col-6													{ width: 50.545454545455%; }
	.col-11 .col-7													{ width: 59.636363636364%; }
	.col-11 .col-8													{ width: 68.727272727273%; }
	.col-11 .col-9													{ width: 77.818181818182%; }
	.col-11 .col-10													{ width: 86.909090909091%; }
	.col-11 .col-11													{ width: 96%; }
	.col-12															{ width: 96%; }
	.col-12 .col-1													{ width: 4.3333333333333%; }
	.col-12 .col-2													{ width: 12.666666666667%; }
	.col-12 .col-3													{ width: 21%; }
	.col-12 .col-4													{ width: 29.333333333333%; }
	.col-12 .col-5													{ width: 37.666666666667%; }
	.col-12 .col-6													{ width: 46%; }
	.col-12 .col-7													{ width: 54.333333333333%; }
	.col-12 .col-8													{ width: 62.666666666667%; }
	.col-12 .col-9													{ width: 71%; }
	.col-12 .col-10													{ width: 79.333333333333%; }
	.col-12 .col-11													{ width: 87.666666666667%; }
	.col-12 .col-12													{ width: 96%; }
	
	/* offset */
	
	*[class*="col-"].offset-1										{ margin-left: 10.333333333333%; }
	*[class*="col-"].offset-2										{ margin-left: 18.666666666667%; }
	.col-2 *[class*="col-"].offset-1								{ margin-left: 48%; }
	*[class*="col-"].offset-3										{ margin-left: 27%; }
	.col-3 *[class*="col-"].offset-1								{ margin-left: 31.333333333333%; }
	.col-3 *[class*="col-"].offset-2								{ margin-left: 64.666666666667%; }
	*[class*="col-"].offset-4										{ margin-left: 35.333333333333%; }
	.col-4 *[class*="col-"].offset-1								{ margin-left: 23%; }
	.col-4 *[class*="col-"].offset-2								{ margin-left: 48%; }
	.col-4 *[class*="col-"].offset-3								{ margin-left: 73%; }
	*[class*="col-"].offset-5										{ margin-left: 43.666666666667%; }
	.col-5 *[class*="col-"].offset-1								{ margin-left: 18%; }
	.col-5 *[class*="col-"].offset-2								{ margin-left: 38%; }
	.col-5 *[class*="col-"].offset-3								{ margin-left: 58%; }
	.col-5 *[class*="col-"].offset-4								{ margin-left: 78%; }
	*[class*="col-"].offset-6										{ margin-left: 52%; }
	.col-6 *[class*="col-"].offset-1								{ margin-left: 14.666666666667%; }
	.col-6 *[class*="col-"].offset-2								{ margin-left: 31.333333333333%; }
	.col-6 *[class*="col-"].offset-3								{ margin-left: 48%; }
	.col-6 *[class*="col-"].offset-4								{ margin-left: 64.666666666667%; }
	.col-6 *[class*="col-"].offset-5								{ margin-left: 81.333333333333%; }
	*[class*="col-"].offset-7										{ margin-left: 60.333333333333%; }
	.col-7 *[class*="col-"].offset-1								{ margin-left: 12.285714285714%; }
	.col-7 *[class*="col-"].offset-2								{ margin-left: 26.571428571429%; }
	.col-7 *[class*="col-"].offset-3								{ margin-left: 40.857142857143%; }
	.col-7 *[class*="col-"].offset-4								{ margin-left: 55.142857142857%; }
	.col-7 *[class*="col-"].offset-5								{ margin-left: 69.428571428571%; }
	.col-7 *[class*="col-"].offset-6								{ margin-left: 83.714285714286%; }
	*[class*="col-"].offset-8										{ margin-left: 68.666666666667%; }
	.col-8 *[class*="col-"].offset-1								{ margin-left: 10.5%; }
	.col-8 *[class*="col-"].offset-2								{ margin-left: 23%; }
	.col-8 *[class*="col-"].offset-3								{ margin-left: 35.5%; }
	.col-8 *[class*="col-"].offset-4								{ margin-left: 48%; }
	.col-8 *[class*="col-"].offset-5								{ margin-left: 60.5%; }
	.col-8 *[class*="col-"].offset-6								{ margin-left: 73%; }
	.col-8 *[class*="col-"].offset-7								{ margin-left: 85.5%; }
	*[class*="col-"].offset-9										{ margin-left: 77%; }
	.col-9 *[class*="col-"].offset-1								{ margin-left: 9.1111111111111%; }
	.col-9 *[class*="col-"].offset-2								{ margin-left: 20.222222222222%; }
	.col-9 *[class*="col-"].offset-3								{ margin-left: 31.333333333333%; }
	.col-9 *[class*="col-"].offset-4								{ margin-left: 42.444444444444%; }
	.col-9 *[class*="col-"].offset-5								{ margin-left: 53.555555555556%; }
	.col-9 *[class*="col-"].offset-6								{ margin-left: 64.666666666667%; }
	.col-9 *[class*="col-"].offset-7								{ margin-left: 75.777777777778%; }
	.col-9 *[class*="col-"].offset-8								{ margin-left: 86.888888888889%; }
	*[class*="col-"].offset-10										{ margin-left: 85.333333333333%; }
	.col-10 *[class*="col-"].offset-1								{ margin-left: 8%; }
	.col-10 *[class*="col-"].offset-2								{ margin-left: 18%; }
	.col-10 *[class*="col-"].offset-3								{ margin-left: 28%; }
	.col-10 *[class*="col-"].offset-4								{ margin-left: 38%; }
	.col-10 *[class*="col-"].offset-5								{ margin-left: 48%; }
	.col-10 *[class*="col-"].offset-6								{ margin-left: 58%; }
	.col-10 *[class*="col-"].offset-7								{ margin-left: 68%; }
	.col-10 *[class*="col-"].offset-8								{ margin-left: 78%; }
	.col-10 *[class*="col-"].offset-9								{ margin-left: 88%; }
	*[class*="col-"].offset-11										{ margin-left: 93.666666666667%; }
	.col-11 *[class*="col-"].offset-1								{ margin-left: 7.0909090909091%; }
	.col-11 *[class*="col-"].offset-2								{ margin-left: 16.181818181818%; }
	.col-11 *[class*="col-"].offset-3								{ margin-left: 25.272727272727%; }
	.col-11 *[class*="col-"].offset-4								{ margin-left: 34.363636363636%; }
	.col-11 *[class*="col-"].offset-5								{ margin-left: 43.454545454545%; }
	.col-11 *[class*="col-"].offset-6								{ margin-left: 52.545454545455%; }
	.col-11 *[class*="col-"].offset-7								{ margin-left: 61.636363636364%; }
	.col-11 *[class*="col-"].offset-8								{ margin-left: 70.727272727273%; }
	.col-11 *[class*="col-"].offset-9								{ margin-left: 79.818181818182%; }
	.col-11 *[class*="col-"].offset-10								{ margin-left: 88.909090909091%; }
	
	/* fill */
	
	*[class*="col-"].fill-1											{ margin-right: 10.333333333333%; }
	*[class*="col-"].fill-2											{ margin-right: 18.666666666667%; }
	.col-2 *[class*="col-"].fill-1									{ margin-right: 48%; }
	*[class*="col-"].fill-3											{ margin-right: 27%; }
	.col-3 *[class*="col-"].fill-1									{ margin-right: 31.333333333333%; }
	.col-3 *[class*="col-"].fill-2									{ margin-right: 64.666666666667%; }
	*[class*="col-"].fill-4											{ margin-right: 35.333333333333%; }
	.col-4 *[class*="col-"].fill-1									{ margin-right: 23%; }
	.col-4 *[class*="col-"].fill-2									{ margin-right: 48%; }
	.col-4 *[class*="col-"].fill-3									{ margin-right: 73%; }
	*[class*="col-"].fill-5											{ margin-right: 43.666666666667%; }
	.col-5 *[class*="col-"].fill-1									{ margin-right: 18%; }
	.col-5 *[class*="col-"].fill-2									{ margin-right: 38%; }
	.col-5 *[class*="col-"].fill-3									{ margin-right: 58%; }
	.col-5 *[class*="col-"].fill-4									{ margin-right: 78%; }
	*[class*="col-"].fill-6											{ margin-right: 52%; }
	.col-6 *[class*="col-"].fill-1									{ margin-right: 14.666666666667%; }
	.col-6 *[class*="col-"].fill-2									{ margin-right: 31.333333333333%; }
	.col-6 *[class*="col-"].fill-3									{ margin-right: 48%; }
	.col-6 *[class*="col-"].fill-4									{ margin-right: 64.666666666667%; }
	.col-6 *[class*="col-"].fill-5									{ margin-right: 81.333333333333%; }
	*[class*="col-"].fill-7											{ margin-right: 60.333333333333%; }
	.col-7 *[class*="col-"].fill-1									{ margin-right: 12.285714285714%; }
	.col-7 *[class*="col-"].fill-2									{ margin-right: 26.571428571429%; }
	.col-7 *[class*="col-"].fill-3									{ margin-right: 40.857142857143%; }
	.col-7 *[class*="col-"].fill-4									{ margin-right: 55.142857142857%; }
	.col-7 *[class*="col-"].fill-5									{ margin-right: 69.428571428571%; }
	.col-7 *[class*="col-"].fill-6									{ margin-right: 83.714285714286%; }
	*[class*="col-"].fill-8											{ margin-right: 68.666666666667%; }
	.col-8 *[class*="col-"].fill-1									{ margin-right: 10.5%; }
	.col-8 *[class*="col-"].fill-2									{ margin-right: 23%; }
	.col-8 *[class*="col-"].fill-3									{ margin-right: 35.5%; }
	.col-8 *[class*="col-"].fill-4									{ margin-right: 48%; }
	.col-8 *[class*="col-"].fill-5									{ margin-right: 60.5%; }
	.col-8 *[class*="col-"].fill-6									{ margin-right: 73%; }
	.col-8 *[class*="col-"].fill-7									{ margin-right: 85.5%; }
	*[class*="col-"].fill-9											{ margin-right: 77%; }
	.col-9 *[class*="col-"].fill-1									{ margin-right: 9.1111111111111%; }
	.col-9 *[class*="col-"].fill-2									{ margin-right: 20.222222222222%; }
	.col-9 *[class*="col-"].fill-3									{ margin-right: 31.333333333333%; }
	.col-9 *[class*="col-"].fill-4									{ margin-right: 42.444444444444%; }
	.col-9 *[class*="col-"].fill-5									{ margin-right: 53.555555555556%; }
	.col-9 *[class*="col-"].fill-6									{ margin-right: 64.666666666667%; }
	.col-9 *[class*="col-"].fill-7									{ margin-right: 75.777777777778%; }
	.col-9 *[class*="col-"].fill-8									{ margin-right: 86.888888888889%; }
	*[class*="col-"].fill-10										{ margin-right: 85.333333333333%; }
	.col-10 *[class*="col-"].fill-1									{ margin-right: 8%; }
	.col-10 *[class*="col-"].fill-2									{ margin-right: 18%; }
	.col-10 *[class*="col-"].fill-3									{ margin-right: 28%; }
	.col-10 *[class*="col-"].fill-4									{ margin-right: 38%; }
	.col-10 *[class*="col-"].fill-5									{ margin-right: 48%; }
	.col-10 *[class*="col-"].fill-6									{ margin-right: 58%; }
	.col-10 *[class*="col-"].fill-7									{ margin-right: 68%; }
	.col-10 *[class*="col-"].fill-8									{ margin-right: 78%; }
	.col-10 *[class*="col-"].fill-9									{ margin-right: 88%; }
	*[class*="col-"].fill-11										{ margin-right: 93.666666666667%; }
	.col-11 *[class*="col-"].fill-1									{ margin-right: 7.0909090909091%; }
	.col-11 *[class*="col-"].fill-2									{ margin-right: 16.181818181818%; }
	.col-11 *[class*="col-"].fill-3									{ margin-right: 25.272727272727%; }
	.col-11 *[class*="col-"].fill-4									{ margin-right: 34.363636363636%; }
	.col-11 *[class*="col-"].fill-5									{ margin-right: 43.454545454545%; }
	.col-11 *[class*="col-"].fill-6									{ margin-right: 52.545454545455%; }
	.col-11 *[class*="col-"].fill-7									{ margin-right: 61.636363636364%; }
	.col-11 *[class*="col-"].fill-8									{ margin-right: 70.727272727273%; }
	.col-11 *[class*="col-"].fill-9									{ margin-right: 79.818181818182%; }
	.col-11 *[class*="col-"].fill-10								{ margin-right: 88.909090909091%; }
	
	/* bases */
	
	.container              										{ width: 75%; }
	.row															{ margin: 0 -2%; }
	*[class*="col-"] 												{ margin: 0 2%; }
	
}
	
@media all and (min-width: 81em)
{	
	/* cols */
	
	.col-1															{ width: 65px !important; }
	.col-2															{ width: 155px !important; }
	.col-3															{ width: 245px !important; }
	.col-4															{ width: 335px !important; }
	.col-5															{ width: 425px !important; }
	.col-6															{ width: 515px !important; }
	.col-7															{ width: 605px !important; }
	.col-8															{ width: 695px !important; }
	.col-9															{ width: 785px !important; }
	.col-10															{ width: 875px !important; }
	.col-11															{ width: 965px !important; }
	.col-12															{ width: 1055px !important; }
	
	/* offset */
	
	*[class*="col-"].offset-1										{ margin-left: 102.5px !important; }
	*[class*="col-"].offset-2										{ margin-left: 192.5px !important; }
	*[class*="col-"].offset-3										{ margin-left: 282.5px !important; }
	*[class*="col-"].offset-4										{ margin-left: 372.5px !important; }
	*[class*="col-"].offset-5										{ margin-left: 462.5px !important; }
	*[class*="col-"].offset-6										{ margin-left: 552.5px !important; }
	*[class*="col-"].offset-7										{ margin-left: 642.5px !important; }
	*[class*="col-"].offset-8										{ margin-left: 732.5px !important; }
	*[class*="col-"].offset-9										{ margin-left: 822.5px !important; }
	*[class*="col-"].offset-10										{ margin-left: 912.5px !important; }
	*[class*="col-"].offset-11										{ margin-left: 1002.5px !important; }
	
	/* fill */
	
	*[class*="col-"].fill-1											{ margin-right: 102.5px !important; }
	*[class*="col-"].fill-2											{ margin-right: 192.5px !important; }
	*[class*="col-"].fill-3											{ margin-right: 282.5px !important; }
	*[class*="col-"].fill-4											{ margin-right: 372.5px !important; }
	*[class*="col-"].fill-5											{ margin-right: 462.5px !important; }
	*[class*="col-"].fill-6											{ margin-right: 552.5px !important; }
	*[class*="col-"].fill-7											{ margin-right: 642.5px !important; }
	*[class*="col-"].fill-8											{ margin-right: 732.5px !important; }
	*[class*="col-"].fill-9											{ margin-right: 822.5px !important; }
	*[class*="col-"].fill-10										{ margin-right: 912.5px !important; }
	*[class*="col-"].fill-11										{ margin-right: 1002.5px !important; }
	
	/* bases */
	
	.container              										{ width: 1055px; }
	.row															{ margin: 0 -12.5px; }
	*[class*="col-"] 												{ margin: 0 12.5px; }
}


*, *:before, *:after 												{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

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, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, 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 										{ margin: 0; padding: 0; border: 0; font-weight: normal; }

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section 						{ display: block; }
														
/* ---------- hide content ---------- */

.hide { 	
	position: absolute !important; overflow: hidden !important; clip: rect(1px, 1px, 1px, 1px) !important; 
	margin: 0 !important; padding: 0 !important; border: 0 !important; outline: 0 !important;
	width: 1px !important; height: 1px !important; 
}.hide-text {text-indent: 100%; white-space: nowrap; overflow: hidden;}.hidden {visibility: hidden; display: none !important;}.invisible {visibility: hidden;}.only-on-print {display: none;}/* --------------- clearing/* --------------- */	

.clearfix:before, .clearfix:after 								{ content: ""; display: table; }
.clearfix:after 												{ clear: both; }

/* ---------- images ---------- */

img, object														{ border: none; max-width: 100%; }
.size-thumbnail 												{ width: 10em; }
.size-medium													{ width: 20em; }
.size-large														{ width: 50em; }
.align-left, .alignleft  										{ float:left; margin: 0.4em 1.5em 0.5em 0; }
.align-right, .alignright  										{ float:right; margin: 0.4em 0 0.5em 1.5em; }

figure															{ display: block; overflow: hidden; 
																  -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
figure img														{ margin: 0 0 0.2em !important; }                                                                  
figcaption														{ font-size: 0.8em; color: #343434; float: left; clear: left; width: 100%; }

																/* Correct overflow not hidden in IE9 */
svg:not(:root) 													{ overflow: hidden; }

/* ---------- video ---------- */

.object-container 												{ position:relative; margin:0 0 15px 0;	padding-bottom:51%; padding-top:30px; height:0; overflow:hidden; }
.object-container iframe,
.object-container object,  
.object-container embed 										{ position:absolute; top:0; left:0; width:100%; height:100%; }

/* ---------- messages ---------- */

.msg															{ margin: 0; padding: 0.7875em 0; text-align: center; color: white; box-shadow: 0 0 0.5em grey;-moz-box-shadow: 0 0 0.5em grey;-webkit-box-shadow: 0 0 0.5em grey;}
.msg:before														{ content: ""; display: inline-block; width: 1em; height: 1em; margin-right: 1em; background-color: black; }
.msg.success													{ background-color: green; }
.msg.warning													{ background-color: orange; }
.msg.error														{ background-color: red; }

/*
 * Suche und Formular (Fehlermeldungen, Erfolg) stehen noch aus!
 */

.check															{ color: red !important; }

html															{ height: 100%; }

body															{ background: #ECF1F2; width: 100%; margin: 0; }

/* ---------- header ---------- */

#logo															{ float: left; width: 100%; background: white;margin-bottom: 1em; }
body > header > .container                                      { position: relative; }
#eyecatcher                                                     { background: #477380; color: #fff; padding: 15px; position: absolute; right: 0; text-align: center; text-decoration: none; }
#eyecatcher:hover                                               { background: #A3B9BF; }
#eyecatcher > div.big                                           { font-size: 2em; line-height: 1.3em; }

/* ---------- main ---------- */

#main															{ background: white; padding: 2em 0; }

.front-page #main section										{ padding: 2em 0; }
.front-page #main 												{ padding: 0; }

#intro															{ background: #ECF1F2; /* Old browsers */
																background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(236,241,242,1) 100%); /* FF3.6+ */
																background: -webkit-gradient(linear, left top, left bottom, rgba(255,255,255,1) 0%,rgba(236,241,242,1) 100%); /* Chrome 10+, Safari 5.1+ */
																background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(236,241,242,1) 100%); /* Opera 11.10+ */
																background: -ms-gradient(top, rgba(255,255,255,1) 0%,rgba(236,241,242,1) 100%); /* IE10+ */
																background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(236,241,242,1) 100%); /* W3C */
																filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#ECF1F2',GradientType=0 ); /* IE6-8 */ }

#news															{ background: #ECF1F2; /* Old browsers */
																background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(236,241,242,1) 100%); /* FF3.6+ */
																background: -webkit-gradient(linear, left top, left bottom, rgba(255,255,255,1) 0%,rgba(236,241,242,1) 100%); /* Chrome 10+, Safari 5.1+ */
																background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(236,241,242,1) 100%); /* Opera 11.10+ */
																background: -ms-gradient(top, rgba(255,255,255,1) 0%,rgba(236,241,242,1) 100%); /* IE10+ */
																background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(236,241,242,1) 100%); /* W3C */
																filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#ECF1F2',GradientType=0 ); /* IE6-8 */ }

.sidebar														{  }

.resources														{ list-style: none; padding: 0; }
.resources a,
.resources a:hover												{ font-size: 0.85em; color: #7E9DA6; }

/* ---------- footer ---------- */

footer .container												{ background: rgba(255,255,255,0.5); padding: 0.5em 1em; }
#copyright														{ margin-bottom: 0; color: #477380; }

@media all and (min-width: 36em)
{		
	/* ---------- header ---------- */
	
	body > header													{ background: url(../images/layout/banner.jpg) center top; background-size: cover; }
	body > header .container										{ height: 22em; }
	
	#logo															{ width: auto; }

	#search															{ display: none; width: 10em; float: right; }

	/* ---------- main ---------- */
	
	
	/* ---------- footer ---------- */
		
	body > footer #copyright										{ float: left; }
	body > footer nav												{ float: right; }	
}

body															{ color: #343434; font-size: 100%; font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height: 1.7; -webkit-font-smoothing: antialiased; }

p,  address,  ul,  ol,  dl,  pre,  b							{ margin-bottom: 0.8em; }

pre																{ line-height: 1.5; }

/* ---------- headings ---------- */

 h1,  h2,  h3,  h4,  h5,  h6									{ color: #477380; margin-bottom: 1rem; text-decoration: none; text-overflow: ellipsis; clear: both; }

h1																{ font-size: 2.4em; }
h2																{ font-size: 1.6em; }
h3																{ font-size: 1em; font-weight: bold; }
h4																{ font-size: 0.85em; }
h5																{ font-size: 0.85em; }
h6																{ font-size: 0.85em; }

h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, 
h3 a:link, h3 a:visited, h4 a:link, h4 a:visited,
h5 a:link, h5 a:visited, h6 a:link, h6 a:visited				{ }

header h1, header h2, header h3,
header h4, header h5, header h6									{ }

header + h2, header + h3, header + h4,
header + h5, header + h6										{ }

.subtitle														{ color: #477380; font-weight: bold; }

/* ---------- links ---------- */
																		
a, a:visited 													{ color: #477380; text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0); }
a:hover, a:active, a:focus 										{ color: #477380; outline: 0; text-decoration: underline; }

a[href^="tel:"]													{ color: inherit; text-decoration: none; }

/* ---------- text ---------- */
		
address															{ font-style: normal; }

b, strong														{ font-weight: bold; }

p b, li b														{ font-size: 1em; }

em																{ font-style: italic; color: #343434; }

abbr[title]														{ border-bottom: 0.12em dotted #343434; cursor: help; }
.touch abbr[title]												{ border-bottom: none; }
.touch abbr[title]:after 										{ content: " ("attr(title)")"; }

q																{ font-style: italic; }
q:before														{ content: open-quote; }
q:after															{ content: close-quote; }
html[lang="de"] q 												{ quotes: "„" "“"; }
html[lang="de"] q q 											{ quotes: "„" "“"; }
html[lang="ch"] q 												{ quotes: "«" "»"; }
html[lang="en"] q 												{ quotes: "“" "”"; }
html[lang="en"] q q												{ quotes: "‘" "’";}

blockquote														{ position: relative; padding: 0.5em 1em; margin: 2em; font-style: italic; border-left: 0.4em solid #477380; }
blockquote cite 												{ display: block; font-size: 0.8em; color: #555555; margin-top: 0.4em; }

dfn 															{ font-style: italic; }

hr																{ display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

del																{ background: #e3acac; }
ins 															{ background: #ff9; color: #000; text-decoration: none; }

mark 															{ background: #ff0; color: #000; font-style: italic; font-family: Arial, Helvetica, sans-serif; font-weight: normal; }

pre, code, kbd, samp 											{ font-family: monospace, serif; }

pre 															{ white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

small 															{ font-size: 0.8em; }

sub, sup 														{ font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup 															{ top: -0.5em; }
sub 															{ bottom: -0.25em; }

/* ---------- lists ---------- */

ul, ol, dl														{ overflow: hidden; }

ul																{ padding-left: 1.3em; list-style: disc; }

ul ul															{ font-size: 1em; }

ul.circle 														{ list-style-type: circle; }
ul.square														{ list-style: square; }

ul li ul 														{ list-style: inherit; }

li *															{ font-size: 1em; }

ol																{ padding-left: 1.5em; list-style: decimal; }
ol ol															{ list-style: lower-alpha; margin-bottom: 0; }
ol ol ol														{ list-style: lower-roman; }

dl dd															{ padding-left: 1em; font-style: italic; }	

dl.align:before, dl.align:after									{ content: ""; display: table; }
dl.align:after													{ clear: both; }
dl.align dt														{ float: left; clear: both; }
dl.align dt:first-child											{ margin-top: 0; }
dl.align dd														{ margin-left: 11em; text-align: right; }										

.marker															{ color: red !important; }

/****************
 *
 *	structure
 *
 ****************/

article															{ margin-bottom: 1.4em; }
a.archive-link													{ color: #A3B9BF; }
a.archive-link:hover											{ color: #A3B9BF; }

a.sidebar .archive-link											{ display: block; border-top: 1px solid #DAE3E5; padding-top: 1em; }

/* ---------- news ---------- */

.news-item														{ border-bottom: 1px solid #DAE3E5; padding-bottom: 0.8em; }
.news-item h3													{ margin-bottom: 0; }
.news-item h3 time												{ margin-left: 0.5em; font-size: 0.85em; color: #aaa; }
.news-item .more												{ font-size: 0.85em; margin-left: 0.5em; }

/* ---------- events ---------- */

.event time, .event-item time									{ font-weight: bold; }

.event-item														{ border-bottom: 1px solid #DAE3E5; padding-bottom: 0.8em; }
.event-item time												{ font-weight: bold; }
.event-item h3													{ margin-bottom: 0; }
.event-item .info												{ font-weight: bold; margin-bottom: 0; font-size: 0.85em; }
.event-item .more												{ font-size: 0.85em; }

/* ---------- guidelines ---------- */

.guideline-item h3												{ display: inline-block; float: left; }

.guideline-item .resources										{ float: left; margin-left: 1em; }
.guideline-item .resources li									{ float: left; }
.guideline-item .resources li:after								{ content: "|"; padding: 0.5em; color: #7E9DA6; }
.guideline-item .resources li:last-child:after					{ content: ""; }

/* ---------- association ---------- */

.association-item												{ border-bottom: 1px solid #A3B9BF; padding-bottom: 1em; }
.association-item:last-child									{ border-bottom: none; }
.association-item dt											{ float: left; clear: both; }
.association-item dd											{ margin-left: 2.5em; text-align: left; font-style: normal; }																			

/* ---------- publications ---------- */

.publication-item												{ border-bottom: 1px solid #A3B9BF; padding-bottom: 1em; }
.publication-item:last-child									{ border-bottom: none; }
.publication-item .authors										{ font-size: 0.85em; font-style: italic; }

/* ---------- study ---------- */

.study-item														{ border-bottom: 1px solid #A3B9BF; padding-bottom: 1em; }
.study-item:last-child											{ border-bottom: none; }

/* ---------- study-center ---------- */

.studycenter-item												{ border-bottom: 1px solid #A3B9BF; padding-bottom: 1em; }
.studycenter-item:last-child									{ border-bottom: none; }
.studycenter-item .images										{ float: right; }
.studycenter-item .images img                                   { width: 12em; height: auto; margin: 0 0 1em 1em; }
.studycenter-item h3											{ display: inline-block; width: 65%; }
.studycenter-item dt											{ float: left; clear: both; }
.studycenter-item dd											{ margin-left: 2.5em; text-align: left; font-style: normal; }
.studycenter-item:before,
.studycenter-item:after     { content:''; display:table; }
.studycenter-item:after     { clear:both; }
.studycenter-item           { zoom:1; /* For IE 6/7 (trigger hasLayout) */ }

/****************
 *
 *	navigation
 *
 ****************/

nav																{ position: relative; }
nav:before, nav:after 											{ content: ""; display: table; }
nav:after 														{ clear: both; }

nav ul															{ list-style: none; padding: 0; margin-bottom: 0; }

/* ---------- nav-main ---------- */

body > header nav												{ clear: both; width: 100%; margin-bottom: 1em; background: rgba(255,255,255,0.75); line-height: 0; }
body > header nav button										{ border: none; margin: 0; background: #477380; color: white; width: 100%; font-size: 1em; line-height: 1.5; }
body > header nav ul											{ display: none; }
body > header nav ul.open										{ display: block; }
body > header nav ul li a										{ display: block; padding: 0.3em 1.5em; line-height: 1.5; }
body > header nav > ul > .active > a							{ text-decoration: none; background: rgba(255,255,255,1); }
body > header nav > ul > .active:hover > a						{ background: transparent; }
body > header nav > ul > .active:hover > a						{ color: #477380; cursor: default; }
body > header nav ul li:hover									{ background: #A3B9BF; }
body > header nav ul li.active:hover							{ background: #FFF; }
body > header nav ul li:hover a									{ text-decoration: none;  color: white; }								

/* 2. Ebene */

body > header nav ul ul											{ display: none !important; }

/* ---------- nav-sub ---------- */

#nav-sub h3														{ font-weight: normal; padding-bottom: 0.5em; border-bottom: 1px solid #A3B9BF; margin-bottom: 0; }
#nav-sub ul li													{ border-bottom: 1px solid #DAE3E5; padding: 1em 0; }
#nav-sub ul li:last-child										{ border: none; }
#nav-sub ul li a												{ display: inline-block; }
#nav-sub .active a												{ color: #343434; }
#nav-sub .active a:hover										{ text-decoration: none; cursor: default; }

/* ---------- nav-legal ---------- */

body > footer nav												{ margin: 0 0 1em; color: #477380; }

/* ---------- pagination ---------- */

.pagination														{ list-style: none; padding: 0; margin: 0; float: right; }
.pagination li													{ float: left; padding: 0 0.5em; }
.pagination li.active a											{ font-weight: bold; color: #343434; cursor: default; }
.pagination li.active a:hover									{ text-decoration: none; }

@media all and (min-width: 36em)
{
	/* ---------- nav-main ---------- */

	body > header nav												{ margin-bottom: 0; position: absolute; bottom: 0; }
	body > header nav button										{ display: none; }
	body > header nav ul											{ display: block; overflow: visible; }
	body > header nav ul li											{ float: left; position: relative; }
	
	/* 2. Ebene */
	
	body > header nav ul li:hover ul								{ display: block !important; width: 13em; position: absolute; top: 2.1em; background: #A3B9BF; z-index: 1001; }
	body > header nav ul ul li										{ float: none; }
	body > header nav ul ul li a									{ color: white; }
	body > header nav ul ul li a:hover,
	body > header nav ul ul	.active									{ background: #6B8F99; }
	body > header nav ul ul	.active:hover a							{ cursor: default; }
	
	/* ---------- nav-legal ---------- */
	
	body > footer nav												{ margin: 0; }
	body > footer nav li											{ float: left; }
	body > footer nav li:before										{ content: "|"; padding: 0 1em; }
	body > footer nav li:first-child:before							{ content: " "; }
}

caption															{ background-color: transparent; caption-side: bottom; text-align: left; font-size: 0.8em; padding: 0.4em 0.8em; }

table															{ width: 100%; border-collapse:collapse; table-layout: fixed; margin-bottom: 1em; background: #EEE; }
																/* table-layout: auto; -> Inhalt hat Vorrang vor Breitenangaben  */
																/* table-layout: fixed; -> Breite wird eingehalten */
																
summary															{ background-color: #CCC; padding: 0.5em 1em;  margin-bottom: 1em; }
                                                                
/* ---------- basic ---------- */

th																{ font-weight: bold; text-align: left; speak-header: once;  }

tr																{ }
tr:last-child													{ }

tr:nth-child(2n+2)												{ background-color: #EEE; }

td																{ }
td:last-child													{ border-right: none; }

td, th															{ border-right: 1px solid #FFF; padding: 0.25em 0.6em; line-height: 1.2; }
td:last-child, th:last-child									{ border-right: none; }

/* thead */
                                                                
thead															{ }

/* tbody */

tbody															{ }
tbody tr:nth-child(odd)											{ } 
tbody tr:nth-child(even)										{ }

/* tfoot */

tfoot															{ background-color: #CCC; }
															
form 															{ margin: 0; }
form *                                                          { outline: none; }

::-webkit-input-placeholder {
   color: #477380 !important;
}

:-moz-placeholder { /* Firefox 18- */
   color: #477380 !important; 
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #477380 !important;  
}

:-ms-input-placeholder {  
   color: #477380 !important;  
}

/* ---------- fieldset ---------- */
																
fieldset 														{ border: 0; margin: 0 0 0.5em; padding: 0; background-color: #EEE; padding: 0 0.5em; }

legend 															{ border: 0; padding: 0; white-space: normal; margin-bottom: 1em; }


/* ---------- fields ---------- */

input, textarea													{ border: 1px solid #C7D5D8;; margin: 0 0 1em; padding: 0.5em 0.8em; color: #477380; background: #C7D5D8; width: 100%; }

input:focus, textarea:focus										{ border: 1px solid #477380; }

input															{ float: left; clear: left; }
input[type="checkbox"], input[type="radio"]						{ margin-top: 0.5em; margin-right: 0.5em; }

input[type="button"], 
input[type="reset"], 
input[type="submit"] 											{ cursor: pointer; -webkit-appearance: button; width: auto; }
input[type="submit"]:hover 										{ background: #477380; color: white; }
input[type="checkbox"]                                          { width: auto; }

input[type="submit"]											{ margin-bottom: 0; }

textarea 														{ overflow: auto; vertical-align: top; resize: vertical; min-height: 10.5em; }
.notice                                                         { float: right; font-size: .9em; font-style: italic; margin-top: 0.5em; }

form div ul														{ clear: both; color: red; list-style: none; padding: 0; margin-bottom: 1em; }

/* ---------- label ---------- */

label 															{ float: left; clear: left; cursor: pointer; }
input[type="checkbox"] + label, input[type="radio"] + label		{ clear: none; }

/* Placeholder */
*:focus::-webkit-input-placeholder 								{ opacity: 0; }
*:focus::-moz-placeholder 										{ color:#f00; }
*:focus:-moz-placeholder 										{ color:#f00; }

/* ---------- validation ---------- */

form *.error													{ background: #FFE2E3; color: red; border: 1px solid red; }

form *.error::-webkit-input-placeholder {
   color: red !important;
}

form *.error:-moz-placeholder { /* Firefox 18- */
   color: red !important; 
}

form *.error::-moz-placeholder {  /* Firefox 19+ */
   color: red !important;  
}

form *.error:-ms-input-placeholder {  
   color: red !important;  
}

/* ---------- disabled fields ---------- */

button[disabled], input[disabled] 								{ cursor: default; }

																
#toTop															{ display: none; }

.btn															{ color: #EEE; background-color: #477380; text-transform: uppercase; border: none; cursor: pointer; margin: 0 0 10px; width: 100%;  text-align: center; }
																  
.btn:hover														{ color: #477380; background-color: #EEE;  }

.btn-row														{ }


@media all and (min-width: 37.5em)
{	
	.btn														{ width: auto; }
}

@media all and (min-width: 40em)
{	
	#toTop														{ display: block; background-color: #343434; position: fixed; right: 1em; bottom: 1em; z-index: 999; display: none !important; }
}                                                                  

/* v1.0.4 */
/* Core RS CSS file. 95% of time you shouldn't change anything here. */
.royalslider {
	width: 100%;
	height: 100%;
	position: relative;
	direction: ltr;
	padding: 0;
}
.royalslider > * {
	float: left;
}

.rsWebkit3d .rsSlide,
.rsWebkit3d .rsContainer,
.rsWebkit3d .rsThumbs,
.rsWebkit3d .rsPreloader,
.rsWebkit3d img,
.rsWebkit3d .rsOverflow,
.rsWebkit3d .rsBtnCenterer,
.rsWebkit3d .rsAbsoluteEl,
.rsWebkit3d .rsABlock,
.rsWebkit3d .rsLink {
	-webkit-backface-visibility: hidden;
}
.rsFade.rsWebkit3d .rsSlide,
.rsFade.rsWebkit3d img,
.rsFade.rsWebkit3d .rsContainer {
	-webkit-transform: none;
}
.rsOverflow {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	float: left;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.rsVisibleNearbyWrap {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	left: 0;
	top: 0;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.rsVisibleNearbyWrap .rsOverflow {
	position: absolute;
	left: 0;
	top: 0;

}
.rsContainer {
	position: relative;
	width: 100%;
	height: 100%;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

.rsArrow,
.rsThumbsArrow {
	cursor: pointer;
}

.rsThumb {
	float: left;
	position: relative;
}


.rsArrow,
.rsNav,
.rsThumbsArrow {
	opacity: 1;
	-webkit-transition:opacity 0.3s linear;
	-moz-transition:opacity 0.3s linear;
	-o-transition:opacity 0.3s linear;
	transition:opacity 0.3s linear;
}
.rsHidden {
	opacity: 0;
	visibility: hidden;
	-webkit-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
	-moz-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
	-o-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
	transition:visibility 0s linear 0.3s,opacity 0.3s linear;
}


.rsGCaption {
	width: 100%;
	float: left;
	text-align: center;
}

/* Fullscreen options, very important ^^ */
.royalslider.rsFullscreen {
	position: fixed !important;
	height: auto !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	z-index: 2147483647 !important;
	top: 0 !important;
	left: 0 !important;
	bottom: 0 !important;
	right: 0 !important;
}

.royalslider .rsSlide.rsFakePreloader {
	opacity: 1 !important;
	-webkit-transition: 0s;
	-moz-transition: 0s;
	-o-transition:  0s;
	transition:  0s;
	display: none;
}

.rsSlide {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	overflow: hidden;
	
	height: 100%;
	width: 100%;
}

.royalslider.rsAutoHeight,
.rsAutoHeight .rsSlide {
	height: auto;
}

.rsContent {
	width: 100%;
	height: 100%;
	position: relative;
}

.rsPreloader {
	position:absolute;
	z-index: 0;	
}

.rsNav {
	-moz-user-select: -moz-none;
	-webkit-user-select: none;
	user-select: none;
}
.rsNavItem {
	-webkit-tap-highlight-color:rgba(0,0,0,0.25);
}

.rsThumbs {
	cursor: pointer;
	position: relative;
	overflow: hidden;
	float: left;
	z-index: 22;
}
.rsTabs {
	float: left;
	background: none !important;
}
.rsTabs,
.rsThumbs {
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}


.rsVideoContainer {
	/*left: 0;
	top: 0;
	position: absolute;*/
	/*width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	float: left;*/
	width: auto;
	height: auto;
	line-height: 0;
	position: relative;
}
.rsVideoFrameHolder {
	position: absolute;
	left: 0;
	top: 0;
	background: #141414;
	opacity: 0;
	-webkit-transition: .3s;
}
.rsVideoFrameHolder.rsVideoActive {
	opacity: 1;
}
.rsVideoContainer iframe,
.rsVideoContainer video,
.rsVideoContainer embed,
.rsVideoContainer .rsVideoObj {
	position: absolute;
	z-index: 50;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
/* ios controls over video bug, shifting video */
.rsVideoContainer.rsIOSVideo iframe,
.rsVideoContainer.rsIOSVideo video,
.rsVideoContainer.rsIOSVideo embed {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 44px;
}

.rsABlock {
	left: 0;
	top: 0;
	position: absolute;
	z-index: 15;
	
}

img.rsImg {
	max-width: none;
}

.grab-cursor {
	cursor:url(images/royalslider/grab.png) 8 8, move; 
}

.grabbing-cursor{ 
	cursor:url(images/royalslider/grabbing.png) 8 8, move;
}

.rsNoDrag {
	cursor: auto;
}

.rsLink {
	left:0;
	top:0;
	position:absolute;
	width:100%;
	height:100%;
	display:block;	
	z-index: 20;
	background: url(images/royalslider/blank.gif);
}

/******************************
*
*  RoyalSlider Default Skin 
*
*    1. Arrows 
*    2. Bullets
*    3. Thumbnails
*    4. Tabs
*    5. Fullscreen button
*    6. Play/close video button
*    7. Preloader
*    8. Caption
*    
*  Sprite: 'rs-default.png'
*  Feel free to edit anything
*  If you don't some part - just delete it
* 
******************************/


/* Background */
.rsDefault,
.rsDefault .rsOverflow,
.rsDefault .rsSlide,
.rsDefault .rsVideoFrameHolder,
.rsDefault .rsThumbs {
	background: #151515;
	color: #FFF;
}


/***************
*
*  1. Arrows
*
****************/

.rsDefault .rsArrow {
	height: 100%;
	width: 44px;
	position: absolute;
	display: block;
	cursor: pointer;
	z-index: 21;
}
.rsDefault.rsVer .rsArrow {
	width: 100%;
	height: 44px;
	
}
.rsDefault.rsVer .rsArrowLeft { top: 0; left: 0; }
.rsDefault.rsVer .rsArrowRight { bottom: 0;  left: 0; }

.rsDefault.rsHor .rsArrowLeft { left: 0; top: 0; }
.rsDefault.rsHor .rsArrowRight { right: 0; top:0; }

.rsDefault .rsArrowIcn {		
	width: 32px;
	height: 32px;
	top: 50%;
	left: 50%;
	margin-top:-16px;	
	margin-left: -16px;

	position: absolute;	
	cursor: pointer;	
	background: url(images/royalslider/rs-default.png);

	background-color: #000;
	background-color: rgba(0,0,0,0.75);
	*background-color: #000;
	
	border-radius: 2px;
}
.rsDefault .rsArrowIcn:hover {
	background-color: rgba(0,0,0,0.9);
}

.rsDefault.rsHor .rsArrowLeft .rsArrowIcn { background-position: -64px -32px; }
.rsDefault.rsHor .rsArrowRight .rsArrowIcn { background-position: -64px -64px; }

.rsDefault.rsVer .rsArrowLeft .rsArrowIcn { background-position: -96px -32px; }
.rsDefault.rsVer .rsArrowRight .rsArrowIcn { background-position: -96px -64px; }

.rsDefault .rsArrowDisabled .rsArrowIcn { opacity: .2; filter: alpha(opacity=20);  *display: none; }


/***************
*
*  2. Bullets
*
****************/

.rsDefault .rsBullets {
	position: absolute;
	z-index: 35;
	left: 0;
	bottom: 0;
	width: 100%;
	height: auto;
	margin: 0 auto; 

	background: #000;
	background: rgba(0,0,0,0.75);

	text-align: center;
	line-height: 8px;
	overflow: hidden;
}
.rsDefault .rsBullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	*display:inline; 
	*zoom:1;
	padding: 6px 5px 6px;
}
.rsDefault .rsBullet span {
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #777;
	background: rgba(255,255,255,0.5);
}
.rsDefault .rsBullet.rsNavSelected span {
	background-color: #FFF;
}





/***************
*
*  3. Thumbnails
*
****************/

.rsDefault .rsThumbsHor {
	width: 100%;
	height: auto;
}
.rsDefault .rsThumbsVer {
	width: 96px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
}
.rsDefault.rsWithThumbsHor .rsThumbsContainer {
	position: relative;
	height: 100%;
}
.rsDefault.rsWithThumbsVer .rsThumbsContainer {
	position: relative;
	width: 100%;
}
.rsDefault .rsThumb {
	float: left;
	overflow: hidden;
	width: 96px;
	height: 72px;
}
.rsDefault .rsThumb img {
	width: 100%;
	height: 100%;
}
.rsDefault .rsThumb.rsNavSelected {
	background: #02874a;
}
.rsDefault .rsThumb.rsNavSelected img {
	opacity: 0.3;
	filter: alpha(opacity=30);
}
.rsDefault .rsTmb {
	display: block;
}

/* Thumbnails with text */
.rsDefault .rsTmb h5 {
	font-size: 16px;
	margin: 0;
	padding: 0;
	line-height: 20px;
	color: #FFF;
}
.rsDefault .rsTmb span {
	color: #DDD;
	margin: 0;
	padding: 0;
	font-size: 13px;
	line-height: 18px;
}



/* Thumbnails arrow icons */
.rsDefault .rsThumbsArrow {
	height: 100%;
	width: 20px;
	position: absolute;
	display: block;
	cursor: pointer;	
	z-index: 21;	
	background: #000;
	background: rgba(0,0,0,0.75);
}
.rsDefault .rsThumbsArrow:hover {
	background: rgba(0,0,0,0.9);
}
.rsDefault.rsWithThumbsVer .rsThumbsArrow {
	width: 100%;
	height: 20px;
}
.rsDefault.rsWithThumbsVer .rsThumbsArrowLeft { top: 0; left: 0; }
.rsDefault.rsWithThumbsVer .rsThumbsArrowRight { bottom: 0;  left: 0; }

.rsDefault.rsWithThumbsHor .rsThumbsArrowLeft { left: 0; top: 0; }
.rsDefault.rsWithThumbsHor .rsThumbsArrowRight { right: 0; top:0; }

.rsDefault .rsThumbsArrowIcn {		
	width: 16px;
	height: 16px;
	top: 50%;
	left: 50%;
	margin-top:-8px;	
	margin-left: -8px;
	position: absolute;	
	cursor: pointer;	
	background: url(images/royalslider/rs-default.png);
}

.rsDefault.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -128px -32px; }
.rsDefault.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -128px -48px; }

.rsDefault.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -144px -32px; }
.rsDefault.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -144px -48px; }

.rsDefault .rsThumbsArrowDisabled { display: none !important; }

/* Thumbnails resizing on smaller screens */
@media screen and (min-width: 0px) and (max-width: 800px) {
	.rsDefault .rsThumb {
		width: 59px;
		height: 44px;
	}
	.rsDefault .rsThumbsHor {
		height: 44px;
	}
	.rsDefault .rsThumbsVer {
		width: 59px;
	}
}




/***************
*
*  4. Tabs
*
****************/

.rsDefault .rsTabs {
	width: 100%;
	height: auto;
	margin: 0 auto;
	text-align:center;
	overflow: hidden; padding-top: 12px; position: relative;
}
.rsDefault .rsTab {
	display: inline-block;
	cursor: pointer;
	text-align: center;
	height: auto;
	width: auto;
	color: #333;
	padding: 5px 13px 6px;
	min-width: 72px;
	border: 1px solid #D9D9DD;
	border-right: 1px solid #f5f5f5;
	text-decoration: none;

	background-color: #FFF;
	background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4); 
	background-image:    -moz-linear-gradient(top, #fefefe, #f4f4f4);
	background-image:         linear-gradient(to bottom, #fefefe, #f4f4f4);

	-webkit-box-shadow: inset 1px 0 0 #fff;
	box-shadow: inset 1px 0 0 #fff;

	*display:inline; 
	*zoom:1;
}
.rsDefault .rsTab:first-child {
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.rsDefault .rsTab:last-child { 
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;

	border-right:  1px solid #cfcfcf;
}
.rsDefault .rsTab:active { 
	border: 1px solid #D9D9DD;   
	background-color: #f4f4f4;
	box-shadow:  0 1px 4px rgba(0, 0, 0, 0.2) inset;
}
.rsDefault .rsTab.rsNavSelected { 
	color: #FFF;
	border: 1px solid #999;
	text-shadow: 1px 1px #838383;
	box-shadow: 0 1px 9px rgba(102, 102, 102, 0.65) inset;
	background: #ACACAC;
	background-image: -webkit-linear-gradient(top, #ACACAC, #BBB);
	background-image: -moz-llinear-gradient(top, #ACACAC, #BBB);
	background-image: linear-gradient(to bottom, #ACACAC, #BBB);
}





/***************
*
*  5. Fullscreen button
*
****************/

.rsDefault .rsFullscreenBtn {
	right: 0;
	top: 0;
	width: 44px;
	height: 44px;
	z-index: 22;
	display: block;
	position: absolute;
	cursor: pointer;
	
}
.rsDefault .rsFullscreenIcn {
	display: block;
	margin: 6px;
	width: 32px;
	height: 32px;

	background: url(images/royalslider/rs-default.png) 0 0;
	background-color: #000;
	background-color: rgba(0,0,0,0.75);
	*background-color: #000;
	border-radius: 2px;

}
.rsDefault .rsFullscreenIcn:hover {
	background-color: rgba(0,0,0,0.9);
}
.rsDefault.rsFullscreen .rsFullscreenIcn {
	background-position: -32px 0;
}





/***************
*
*  6. Play/close video button
*
****************/

.rsDefault .rsPlayBtn {
	-webkit-tap-highlight-color:rgba(0,0,0,0.3);
	width:64px;
	height:64px;
	margin-left:-32px;
	margin-top:-32px;
	cursor: pointer;
}
.rsDefault .rsPlayBtnIcon {
	width:64px;
	display:block;
	height:64px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	
	-webkit-transition: .3s;
	-moz-transition: .3s;
	transition: .3s;

	background:url(images/royalslider/rs-default.png) no-repeat 0 -32px;
	background-color: #000;
	background-color: rgba(0,0,0,0.75);
	*background-color: #000;
}
.rsDefault .rsPlayBtn:hover .rsPlayBtnIcon {
	background-color: rgba(0,0,0,0.9);
}
.rsDefault .rsBtnCenterer {
	position:absolute;
	left:50%;
	top:50%;
}
.rsDefault .rsCloseVideoBtn {
	right: 0;
	top: 0;
	width: 44px;
	height: 44px;
	z-index: 500;
	position: absolute;
	cursor: pointer;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	
}
.rsDefault .rsCloseVideoBtn.rsiOSBtn {
	top: -38px;
	right: -6px;
}

.rsDefault .rsCloseVideoIcn {
	margin: 6px;
	width: 32px;
	height: 32px;
	background: url(images/royalslider/rs-default.png) -64px 0;
	background-color: #000;
	background-color: rgba(0,0,0,0.75);
	*background-color: #000;
}
.rsDefault .rsCloseVideoIcn:hover {
	background-color: rgba(0,0,0,0.9);
}



/***************
*
*  7. Preloader
*
****************/

.rsDefault .rsPreloader {
	width:20px;
	height:20px;
	background-image:url(images/royalslider/preloader-white.gif);

	left:50%;
	top:50%;
	margin-left:-10px;
	margin-top:-10px;	
}




/***************
*
*  8. Global caption
*
****************/
.rsDefault .rsGCaption {
	position: absolute;
	float: none;
	bottom: 6px;
	left: 6px;
	text-align: left;

	background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.75);

	color: #FFF;
	padding: 2px 8px;
	width: auto;
	font-size: 12px;
	border-radius: 2px;
}


/*
 * photoswipe.css
 * Copyright (c) %%year%% by Code Computerlove (http://www.codecomputerlove.com)
 * Licensed under the MIT license
 *
 * Default styles for PhotoSwipe
 * Avoid any position or dimension based styles
 * where possible, unless specified already here.
 * The gallery automatically works out gallery item
 * positions etc.
 */

body.ps-active, body.ps-building, div.ps-active, div.ps-building
{
	background: #000;
	overflow: hidden;
}
body.ps-active *, div.ps-active *
{ 
	-webkit-tap-highlight-color:  rgba(255, 255, 255, 0); 
	display: none;
}
body.ps-active *:focus, div.ps-active *:focus 
{ 
	outline: 0; 
}


/* Document overlay */
div.ps-document-overlay 
{
	background: #000;
}


/* UILayer */
div.ps-uilayer { 
	
	background: #000;
	cursor: pointer;
	
}


/* Zoom/pan/rotate layer */
div.ps-zoom-pan-rotate{
	background: #000;
}
div.ps-zoom-pan-rotate *  { display: block; }


/* Carousel */
div.ps-carousel-item-loading 
{ 
	background: url(images/photoswipe/loader.gif) no-repeat center center; 
}

div.ps-carousel-item-error 
{ 
	background: url(images/photoswipe/error.gif) no-repeat center center; 
}


/* Caption */
div.ps-caption
{ 
	background: #000000;
	background: -moz-linear-gradient(top, #303130 0%, #000101 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#303130), color-stop(100%,#000101));
	border-bottom: 1px solid #42403f;
	color: #ffffff;
	font-size: 13px;
	font-family: "Lucida Grande", Helvetica, Arial,Verdana, sans-serif;
	text-align: center;
}
div.ps-caption *  { display: inline; }

div.ps-caption-bottom
{ 
	border-top: 1px solid #42403f;
	border-bottom: none;
	min-height: 44px;
}

div.ps-caption-content
{
	padding: 13px;
	display: block;
}


/* Toolbar */
div.ps-toolbar
{ 
	background: #000000;
	background: -moz-linear-gradient(top, #303130 0%, #000101 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#303130), color-stop(100%,#000101));
	border-top: 1px solid #42403f;
	color: #ffffff;
	font-size: 13px;
	font-family: "Lucida Grande", Helvetica, Arial,Verdana, sans-serif;
	text-align: center;
	height: 44px;
	display: table;
	table-layout: fixed;
}
div.ps-toolbar * { 
	display: block;
}

div.ps-toolbar-top 
{
	border-bottom: 1px solid #42403f;
	border-top: none;
}

div.ps-toolbar-close, div.ps-toolbar-previous, div.ps-toolbar-next, div.ps-toolbar-play
{
	cursor: pointer;
	display: table-cell;
}

div.ps-toolbar div div.ps-toolbar-content
{
	width: 44px;
	height: 44px;
	margin: 0 auto 0;
	background-image: url(images/photoswipe/icons.png);
	background-repeat: no-repeat;
}

div.ps-toolbar-close div.ps-toolbar-content
{
	background-position: 0 0;
}

div.ps-toolbar-previous div.ps-toolbar-content
{
	background-position: -44px 0;
}

div.ps-toolbar-previous-disabled div.ps-toolbar-content
{
	background-position: -44px -44px;
}

div.ps-toolbar-next div.ps-toolbar-content
{
	background-position: -132px 0;
}

div.ps-toolbar-next-disabled div.ps-toolbar-content
{
	background-position: -132px -44px;
}

div.ps-toolbar-play div.ps-toolbar-content
{
	background-position: -88px 0;
}

/* Hi-res display */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (-moz-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 240dpi)
{
	div.ps-toolbar div div.ps-toolbar-content
	{
		-moz-background-size: 176px 88px;
		-o-background-size: 176px 88px;
		-webkit-background-size: 176px 88px;
		background-size: 176px 88px;
		background-image: url(images/photoswipe/icons@2x.png);
	}
}




@media print 
{
	*																{ font-family: Georgia, "Times New Roman", Times,serif !important; background: transparent !important; color: black !important; box-shadow: none !important; text-shadow: none !important; -ms-filter: none !important; }
	body															{ font-size: 12pt; word-spacing :1.2pt; letter-spacing: 0.3pt; color: #000; margin: 0.5cm; }
	
	@page  															{ margin: 0.5cm; }
	
	.only-on-print 													{ display: inherit !important; }
	.hide-on-print													{ display: none; }
																	
	#header, #footer, nav											{ display: none !important; }
	
	h1, h2, h3, h4, h5, h6											{ font-weight: bold; page-break-after: avoid; }
	
	p, h2, h3 														{ orphans: 3; widows: 3; }
	
	/* Links mit lesbaren URLs versehen */
	a[href]:after													{ content: " ("attr(href)")"; }
	a[href$=jpg]:after, a[href$=png]:after, a[href$=gif]:after,
	a[href^="javascript:"]:after, a[href^="#"]:after				{ content: ""; } /* Don't show links for images, or javascript/internal links */
	
	abbr															{ border-bottom: none; }
	/* Erklärung zur Abkürzung ausgeben */
	abbr[title]:after 												{ content: " ("attr(title)")"; }
	
	a, a:visited 													{ text-decoration: underline; }
	
	pre, blockquote 												{ border: 1px solid #999; page-break-inside: avoid; }
	thead 															{ display: table-header-group; }
	tr, img 														{ page-break-inside: avoid; }
	img 															{ max-width: 100% !important; }
}