@charset "utf-8";
/* CSS Document */
body {
	margin:0px;
	background-color:#FFFFFF;
	background-image:url(club_audience.jpg);
	background-repeat:no-repeat;
	background-position:center;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
}
.navi {
	width:1000px;
	margin-right:auto;
	margin-left:auto;
	padding-left:100px;
	padding-right:100px;
	height:50px;
	background-image:-moz-linear-gradient(left,#006,#003);
	background-image:-webkit-gradient(linear,left center,right center,from(#006),to(#003));
	background-color:#006;
}
.nap {
	height:50px;
	width:200px;
	float:left;
	cursor:pointer;
}
.nappula {
	width:100px;
	height:35px;
	cursor:pointer;
	margin-top:10px;
}
#valittu {
	color:#DFD000;
}


a {
	text-decoration:none;
	text-align:center;
	padding-top:15px;
	font-size:12px;
	display:block;
	height:35px;
	width:200px;
	color:#F4F4F4;
	border:none;
}
.cont {
	width:1200px;
	height:700px;
	background-image:-moz-linear-gradient(left,#006,#003);
	background-image:-webkit-gradient(linear,left center,right center,from(#006),to(#003));
	background-color:#006;
	margin-right:auto;
	margin-left:auto;	
}
.logopalkki {
	width:1200px;
	height:100px;
	padding-top:10px;
}
#logo {
	margin-left:350px;
}
.vasen {
	width:500px;
	height:600px;
	float:left;
}
#kuva-vasen {
	margin-left:50px;
	border:1px solid white;
	margin-top:50px;
		
}

table {
	margin-left:100px;
	color:#FFFFFF;
	font-size:12px;
}


#puh {
	font-size:24px;
	margin-left:100px;
	font-weight:bold;
	color:white;
}
.oikea {
	width:500px;
	padding-right:50px;
	padding-top:25px;
	height:550px;
	float:right;
}
#Viesti {
	max-width:95%;
}
label {
	color:#FFFFFF;
	font-size:13px;
}

p {
	color:#FFFFFF;
	width:500px;
	font-size:13px;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
}
h1,h2 {
	font-size:20px;
	color:#FFFFFF;
}
	
.alapalkki {
	width:1200px;
	margin-right:auto;
	margin-left:auto;
	height:40px;
	padding-top:10px;
    background-image:-moz-linear-gradient(left,#006,#003);
	background-image:-webkit-gradient(linear,left center,right center,from(#006),to(#003));
	background-color:#006;
}
footer {
	text-align:center;
	color:#FFFFFF;
	font-size:12px;
}
	
@media screen and (max-width: 800px) {
.navi {
	width:600px;
	padding:0;
	height:auto;
	padding-left:0px
}
.nap {
	height:50px;
	width:600px;
	float:none;
	border-bottom:1px solid #FFFFFF;
	cursor:pointer;
}
a {
	text-decoration:none;
	text-align:center;
	padding-top:15px;
	font-size:12px;
	display:block;
	height:35px;
	width:600px;
	color:#F4F4F4;
	border:none;
}
.cont {
	width:600px;
	height:auto;
}
.logopalkki {
	width:550px;
	padding-right:50px;
}
#logo {
    margin-left:50px;
}
.vasen {
	width:600px;
	float:none;
	height:auto;
	padding-bottom:20px;
	}

.oikea {
	padding-left:50px;
	padding-top:15px;
	padding-bottom:25px;
	float:none;
	height:auto;
}
#tekstiosa {
	width:280px;
	margin-left:20px;
}
.alapalkki {
	width:600px;
}


@media screen and (max-width: 500px) {
	
body {
	background-image:none;
	background-color:#000;
}
.navi {
	width:400px;
	padding-left:0px
}
.nap {
	width:400px;
}
a {
	width:400px;
}

.cont {
	width:400px;
	height:auto;
}
.vasen {
	width:400px;
	float:none;
	height:auto;
	padding-bottom:20px;
	}
.oikea {
	width:350px;
	padding-left:25px;
	padding-right:25px;
}
#logo {
	margin-left:0;
	width:400px;
	height:auto;
}
#kuva-vasen {
	height:auto;
	width:350px;
	margin-left:25px;
}


h1 {
}
p {
	width:350px;
}
.alapalkki {
	width:400px;
	height:auto;
}
footer {
	width:350px;
	padding-left:25px;
	padding-right:25px;
	font-size:11px;
}