/*
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//  
//  	Inhalt:
//			- Ausgeblendete Emelemnte
//			- Globale Einstellungen
//			- Media-Querrys
//			- Special_Settings for Firefox
//			- Special_Settings for InternetExplorer
//  
//  INFO: 
//
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

/*
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//	Ausgeblendete Emelemnte
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

/*
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//	Globale Einstellungen
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

#sliderBox {
	position: relative;
	margin: 0;
	width: 100%;
	height: 480px;
}

.slide {
	position: relative;
	width: 100%;
	height: 480px;
}

#pager {
	z-index: 999;
	position: relative;
	margin-bottom: -48px;
	width: 100%;
	height: 48px;
	text-align: center;
}

#pager a {
	display: inline-block;
	margin: 24px 12px;
	width: 12px;
	height: 12px;
	background-color: rgba(0,0,0,0.25);
	font-size: .0em;
	border: 1px solid #fff;
	border-radius: 50%;
	opacity: .75;
}

#pager a.activeSlide {
	background-color: #fff;
	border: 1px solid rgba(0,0,0,0.25);
}

.sliderImg {
}

.slide .txtBox {
	z-index: 1;
	position: absolute;
	bottom: 0;
	padding: 24px 72px;
	width: calc(100% - 144px);
	height: auto;
	background-color: rgba(0,0,0,0.5);
}

.slide .txtBox:hover{
	background-color: rgba(222,44,44,0.5);
	cursor: pointer;
}

.slide h2 {
}

.slide p {
}

.nub {
	z-index: 999;
	position: relative;
	margin-top: -48px;
	width: 48px;
	height: 48px;
	background-color: rgba(255,255,255,0.75);
	background-size: 50% 50%;
	background-position: 50%;
	transition: 0.25s ease-in-out;
}

.nub:hover, .nub:active {
	cursor: pointer;
	background-color: rgba(226,0,25,0.85);
	transition: 0.25s ease-in-out;
}

#prev {
	background-image: url(../../slider/img/prev.svg);
}

#next {
	background-image: url(../../slider/img/next.svg);
	float: right;
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// Media-Querrys
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

/*
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//	FireFox-Extrawurst
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

@-moz-document url-prefix() {
	
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// Internetexplorer-Extrawurst
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

@media screen\0 {
	
}