@charset "utf-8";
/* CSS Document */
/******************************************************************************************
// Datei: fluid-umfrage.css
// Author: DH
// Änderungsdatum: 25.05.16
// Beschreibung: 	- Umfrage Elemente 
*******************************************************************************************/


/**** Layout für Mobilgeräte. */


.DIV-CLASS-UmfrageText{
	display: block;
	width: 100%;
	margin-bottom: 30px;
	}
	
	
.DIV-CLASS-UmfrageWrapper{
	display: block;
	width: 100%;
	float: left;
	margin-bottom: 15px;
	padding-bottom: 25px;
	text-align: left;
	}
.CHECKBOX-CLASS-Umfrage{
	margin-right: 15px;
	
	}
.INPUT-CLASS-Umfrage{
	width: 100%;
	display: block;
	float: left;
	}
.SPAN-CLASS-UmfrageFehler{
	color: #fa0000;
	}
.DIV-CLASS-UmfrageCheckbox{
	display: block;
	width: 100%;
	float: left;
	margin-bottom: 20px;
	}
.DIV-CLASS-UmfrageTable{
	width: 100%;
	display: table;
	padding-top: 25px;
	}
.DIV-CLASS-UmfrageRow{
	width: 100%;
	display: table-row;
	margin-bottom: 10px;
	}
.DIV-CLASS-UmfrageCellLeft{
	width: 100%;
	float: left;
	display: block;
	font-style: italic;
	margin-bottom: 5px;
	}
.DIV-CLASS-UmfrageCellRight{
	width: 100%;
	float: left;
	display: block;
	margin-bottom: 10px;
	}	
.DIV-CLASS-UmfrageAbsenden{
	display: block;
	width: 100%;
	float: left;
	margin-top: 40px;
	}
.INPUT-CLASS-UmfrageButton{
	display: block;
	clear: both;
	width: 100%;
	margin-top: 30px;
	}		

/**** Layout für Tablet-PCs. Erbt Stile vom: Layout für Mobilgeräte. */
@media only screen and (min-width: 481px) {

.DIV-CLASS-UmfrageCellLeft{
	width: 33%;
	display: table-cell;
	}
.DIV-CLASS-UmfrageCellRight{
	width: 66%;
	display: table-cell;
	}	
.CHECKBOX-CLASS-Umfrage{
	margin-right: 5px;
	}
.DIV-CLASS-UmfrageCheckbox{
	margin-bottom: 10px;
	}
.DIV-CLASS-UmfrageAbsenden{
	width: 100%;
	margin-top: 40px;
	}
.INPUT-CLASS-UmfrageButton{
	width: 100%;
	margin-top: 25px;
	}

}

/**** Desktoplayout. Erbt Stile von: den Layouts für Mobilgeräte und Tablet-PCs. */
@media only screen and (min-width: 979px) and (orientation : landscape) {
.DIV-CLASS-UmfrageCellLeft{
	width: 20%;
	}
.DIV-CLASS-UmfrageCellRight{
	width: 50%;
	}
.DIV-CLASS-UmfrageAbsenden{
	
	width: 70%;
	margin-top: 25px;
	}
.INPUT-CLASS-UmfrageButton{
	width: auto;
	margin-top: 15px;
	}		
	
}