/*

Ohjeet:

.hideUnderXXX			=	Piilottaa elementin, kun ikkunan leveys alle XXX px
.showUnderXXX			=	Näyttää elementin, kun ikkunan leveys alle XXX px

.pileColumnUnderXXX 	=	Pinoaa sarakkeet päällekäin, kun ikkunan leveys alle XXX px

.centerUnderXXX			=	Keskitä teksti, kun ikkunan leveys alle XXX px
.rightUnderXXX			=	Tasaa teksti oikealle, kun ikkunan leveys alle XXX px
.leftUnderXXX			=	Tasaa teksti vasemmalle, kun ikkunan leveys alle XXX px

.floatRightUnderXXX		= 	Float: right; kun leveys alle XXX px
.floatLeftUnderXXX		=	Float: left; kun leveys alle XXX px
.floatNoneUnderXXX		= 	Clear: both; kun leveys alle XXX px

.column1_2UnderXXX		=	1/2 leveä palsta, kun ikkunan leveys alle XXX px
.column1_3UnderXXX		=	1/3 leveä palsta, kun ikkunan leveys alle XXX px
.column1_4UnderXXX		= 	1/4 leveä palsta, kun ikkunan leveys alle XXX px
.column2_3UnderXXX		=	2/3 leveä palsta, kun ikkunan leveys alle XXX px
.column3_4UnderXXX		= 	3/4 leveä palsta, kun ikkunan leveys alle XXX px
.column_rightUnderXXX	=	Vaihtaa palstan marginaalin vasemmalle, kun ikkunan leveys alle XXX px

XXX = Leveys pikseleinä (1200, 1100, 1000, 900, 800, 700, 600, 500, 400, 300 tai 200)

*/


.showUnder1200,
.showUnder1100,
.showUnder1000,
.showUnder900,
.showUnder800,
.showUnder700,
.showUnder600,
.showUnder500,
.showUnder400,
.showUnder300,
.showUnder200 { display: none; }

@media all and (max-width: 1199px){
	.hideUnder1200 { display:none; }
	.showUnder1200 { display: block; }
	.pileColumnUnder1200 { float: none; width: 100%; margin: 0; }
	.centerUnder1200 { text-align: center; }
	.rightUnder1200 { text-align: right; }
	.leftUnder1200 { text-align: left; }
	.floatRightUnder1200 { float: right; }
	.floatLeftUnder1200 { float: left; }
	.floatNoneUnder1200 { float: none; }
	
	.column1_2Under1200,
	.column1_3Under1200,
	.column1_4Under1200,
	.column2_3Under1200,
	.column3_4Under1200 { float: left; margin: 0 2% 0 0; }
	.column1_2Under1200 { width: 48%; }
	.column1_3Under1200 { width: 31%; }
	.column1_4Under1200 { width: 23%; }
	.column2_3Under1200 { width: 65%; }
	.column3_4Under1200 { width: 73%; }
	.column_rightUnder1200 { margin: 0 0 0 2%; }
}

@media all and (max-width: 1099px){
	.hideUnder1100 { display:none; }
	.showUnder1100 { display: block; }
	.pileColumnUnder1100 { float: none; width: 100%; margin: 0; }
	.centerUnder1100 { text-align: center; }
	.rightUnder1100 { text-align: right; }
	.leftUnder1100 { text-align: left; }
	.floatRightUnder1100 { float: right; }
	.floatLeftUnder1100 { float: left; }
	.floatNoneUnder1100 { float: none; }
	
	.column1_2Under1100,
	.column1_3Under1100,
	.column1_4Under1100,
	.column2_3Under1100,
	.column3_4Under1100 { float: left; margin: 0 2% 0 0; }
	.column1_2Under1100 { width: 48%; }
	.column1_3Under1100 { width: 31%; }
	.column1_4Under1100 { width: 23%; }
	.column2_3Under1100 { width: 65%; }
	.column3_4Under1100 { width: 73%; }
	.column_rightUnder1100 { margin: 0 0 0 2%; }
}

@media all and (max-width: 999px){
	.hideUnder1000 { display:none; }
	.showUnder1000 { display: block; }
	.pileColumnUnder1000 { float: none; width: 100%; margin: 0; }
	.centerUnder1000 { text-align: center; }
	.rightUnder1000 { text-align: right; }
	.leftUnder1000 { text-align: left; }
	.floatRightUnder1000 { float: right; }
	.floatLeftUnder1000 { float: left; }
	.floatNoneUnder1000 { float: none; }
	
	.column1_2Under1000,
	.column1_3Under1000,
	.column1_4Under1000,
	.column2_3Under1000,
	.column3_4Under1000 { float: left; margin: 0 2% 0 0; }
	.column1_2Under1000 { width: 48%; }
	.column1_3Under1000 { width: 31%; }
	.column1_4Under1000 { width: 23%; }
	.column2_3Under1000 { width: 65%; }
	.column3_4Under1000 { width: 73%; }
	.column_rightUnder1000 { margin: 0 0 0 2%; }
}

@media all and (max-width: 899px){
	.hideUnder900 { display:none; }
	.showUnder900 { display: block; }
	.pileColumnUnder900 { float: none; width: 100%; margin: 0; }
	.centerUnder900 { text-align: center; }
	.rightUnder900 { text-align: right; }
	.leftUnder900 { text-align: left; }
	.floatRightUnder900 { float: right; }
	.floatLeftUnder900 { float: left; }
	.floatNoneUnder900 { float: none; }
	
	.column1_2Under900,
	.column1_3Under900,
	.column1_4Under900,
	.column2_3Under900,
	.column3_4Under900 { float: left; margin: 0 2% 0 0; }
	.column1_2Under900 { width: 48%; }
	.column1_3Under900 { width: 31%; }
	.column1_4Under900 { width: 23%; }
	.column2_3Under900 { width: 65%; }
	.column3_4Under900 { width: 73%; }
	.column_rightUnder900 { margin: 0 0 0 2%; }
}

@media all and (max-width: 799px){
	.hideUnder800 { display:none; }
	.showUnder800 { display: block; }
	.pileColumnUnder800 { float: none; width: 100%; margin: 0; }
	.centerUnder800 { text-align: center; }
	.rightUnder800 { text-align: right; }
	.leftUnder800 { text-align: left; }
	.floatRightUnder800 { float: right; }
	.floatLeftUnder800 { float: left; }
	.floatNoneUnder800 { float: none; }
	
	.column1_2Under800,
	.column1_3Under800,
	.column1_4Under800,
	.column2_3Under800,
	.column3_4Under800 { float: left; margin: 0 2% 0 0; }
	.column1_2Under800 { width: 48%; }
	.column1_3Under800 { width: 31%; }
	.column1_4Under800 { width: 23%; }
	.column2_3Under800 { width: 65%; }
	.column3_4Under800 { width: 73%; }
	.column_rightUnder800 { margin: 0 0 0 2%; }
}

@media all and (max-width: 699px){
	.hideUnder700 { display:none; }
	.showUnder700 { display: block; }
	.pileColumnUnder700 { float: none; width: 100%; margin: 0; }
	.centerUnder700 { text-align: center; }
	.rightUnder700 { text-align: right; }
	.leftUnder700 { text-align: left; }
	.floatRightUnder700 { float: right; }
	.floatLeftUnder700 { float: left; }
	.floatNoneUnder700 { float: none; }
	
	.column1_2Under700,
	.column1_3Under700,
	.column1_4Under700,
	.column2_3Under700,
	.column3_4Under700 { float: left; margin: 0 2% 0 0; }
	.column1_2Under700 { width: 48%; }
	.column1_3Under700 { width: 31%; }
	.column1_4Under700 { width: 23%; }
	.column2_3Under700 { width: 65%; }
	.column3_4Under700 { width: 73%; }
	.column_rightUnder700 { margin: 0 0 0 2%; }
}

@media all and (max-width: 599px){
	.hideUnder600 { display:none; }
	.showUnder600 { display: block; }
	.pileColumnUnder600 { float: none; width: 100%; margin: 0; }
	.centerUnder600 { text-align: center; }
	.rightUnder600 { text-align: right; }
	.leftUnder600 { text-align: left; }
	.floatRightUnder600 { float: right; }
	.floatLeftUnder600 { float: left; }
	.floatNoneUnder600 { float: none; }
	
	.column1_2Under600,
	.column1_3Under600,
	.column1_4Under600,
	.column2_3Under600,
	.column3_4Under600 { float: left; margin: 0 2% 0 0; }
	.column1_2Under600 { width: 48%; }
	.column1_3Under600 { width: 31%; }
	.column1_4Under600 { width: 23%; }
	.column2_3Under600 { width: 65%; }
	.column3_4Under600 { width: 73%; }
	.column_rightUnder600 { margin: 0 0 0 2%; }
}

@media all and (max-width: 499px){
	.hideUnder500 { display:none; }
	.showUnder500 { display: block; }
	.pileColumnUnder500 { float: none; width: 100%; margin: 0; }
	.centerUnder500 { text-align: center; }
	.rightUnder500 { text-align: right; }
	.leftUnder500 { text-align: left; }
	.floatRightUnder500 { float: right; }
	.floatLeftUnder500 { float: left; }
	.floatNoneUnder500 { float: none; }
	
	.column1_2Under500,
	.column1_3Under500,
	.column1_4Under500,
	.column2_3Under500,
	.column3_4Under500 { float: left; margin: 0 2% 0 0; }
	.column1_2Under500 { width: 48%; }
	.column1_3Under500 { width: 31%; }
	.column1_4Under500 { width: 23%; }
	.column2_3Under500 { width: 65%; }
	.column3_4Under500 { width: 73%; }
	.column_rightUnder500 { margin: 0 0 0 2%; }
}

@media all and (max-width: 399px){
	.hideUnder400 { display:none; }
	.showUnder400 { display: block; }
	.pileColumnUnder400 { float: none; width: 100%; margin: 0; }
	.centerUnder400 { text-align: center; }
	.rightUnder400 { text-align: right; }
	.leftUnder400 { text-align: left; }
	.floatRightUnder400 { float: right; }
	.floatLeftUnder400 { float: left; }
	.floatNoneUnder400 { float: none; }
	
	.column1_2Under400,
	.column1_3Under400,
	.column1_4Under400,
	.column2_3Under400,
	.column3_4Under400 { float: left; margin: 0 2% 0 0; }
	.column1_2Under400 { width: 48%; }
	.column1_3Under400 { width: 31%; }
	.column1_4Under400 { width: 23%; }
	.column2_3Under400 { width: 65%; }
	.column3_4Under400 { width: 73%; }
	.column_rightUnder400 { margin: 0 0 0 2%; }
}

@media all and (max-width: 299px){
	.hideUnder300 { display:none; }
	.showUnder300 { display: block; }
	.pileColumnUnder300 { float: none; width: 100%; margin: 0; }
	.centerUnder300 { text-align: center; }
	.rightUnder300 { text-align: right; }
	.leftUnder300 { text-align: left; }
	.floatRightUnder300 { float: right; }
	.floatLeftUnder300 { float: left; }
	.floatNoneUnder300 { float: none; }
	
	.column1_2Under300,
	.column1_3Under300,
	.column1_4Under300,
	.column2_3Under300,
	.column3_4Under300 { float: left; margin: 0 2% 0 0; }
	.column1_2Under300 { width: 48%; }
	.column1_3Under300 { width: 31%; }
	.column1_4Under300 { width: 23%; }
	.column2_3Under300 { width: 65%; }
	.column3_4Under300 { width: 73%; }
	.column_rightUnder300 { margin: 0 0 0 2%; }
}

@media all and (max-width: 199px){
	.hideUnder200 { display:none; }
	.showUnder200 { display: block; }
	.pileColumnUnder200 { float: none; width: 100%; margin: 0; }
	.centerUnder200 { text-align: center; }
	.rightUnder200 { text-align: right; }
	.leftUnder200 { text-align: left; }
	.floatRightUnder200 { float: right; }
	.floatLeftUnder200 { float: left; }
	.floatNoneUnder200 { float: none; }
	
	.column1_2Under200,
	.column1_3Under200,
	.column1_4Under200,
	.column2_3Under200,
	.column3_4Under200 { float: left; margin: 0 2% 0 0; }
	.column1_2Under200 { width: 48%; }
	.column1_3Under200 { width: 31%; }
	.column1_4Under200 { width: 23%; }
	.column2_3Under200 { width: 65%; }
	.column3_4Under200 { width: 73%; }
	.column_rightUnder200 { margin: 0 0 0 2%; }
}
