/*
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//
//	Das Dokument "index.css" definiert die index.html
//  
//  	Inhalt:
//			- Ausgeblendete Emelemnte
//			- Globale Einstellungen
//			- Media-Querrys
//			- Special_Settings for Firefox
//			- Special_Settings for InternetExplorer
//
//		Farbverzeichnis:
//			can be found in style.css
//  
//  INFO: 
//
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

/*
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//	Display None
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

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

#mainContainer {
	padding: 48px 0;
	background-color: #E2E9EF;
	background-image: url(../img/backgrounds/mainBG.jpg);
	background-position: 25% 0;
	background-size: auto 113%;
}

.formBox {
	padding: 24px;
	background-color: #fff;
	border-radius: 5px;
	max-width: 360px;
	box-shadow: 1px 1px 1px rgba(0,0,0,.25);
}

.formBox h1 {
	margin-bottom: 24px;
	padding-bottom: 24px;
	border-bottom: 1px solid #aaa;
}

.claimBox {
	margin: 48px auto;
}

.claimBox img {
	margin-bottom: 24px;
	width: 48px;
	height: auto;
	border-radius: 6px;
}

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

@media screen and (min-width: 524px) { 

#mainContainer {
    padding: 48px 48px 192px 48px;
}

}

@media screen and (min-width: 800px) { 

#mainContainer {
}

}

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

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

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

@media screen\0 {
	
}