body{
	padding: 0;
	margin:0;
	width:100%;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	}

#imagediv{
	background-size:100%;
	background-repeat:repeat-y;
	padding-top:9%;
	padding-bottom:30%;
	text-align:center;
	}

#logo{
	width:30%;
	}
	
#menudiv {
	padding-top:2%;
	padding-bottom:0%;
	background-color:rgba(204,204,204,0.85);
	height:7%;
	width:100%;
	text-align:center;
	position:fixed;
	box-shadow:0px 10px 30px #999;
}

a{
	margin-right:2%;
	text-decoration:none;
	color:#333;
}

div#menudiv2 {
	padding-top:2%;
	padding-bottom:2%;
	background-color:rgba(204,204,204,0.85);
	height:2%;
	width:100%;
	text-align:center;
	box-shadow:0px 10px 30px #999;
	position:relative;
}

@media only screen
and (min-width:1046px)
and (max-width:2000px) {
	body {background-attachment:fixed;  background-repeat:no-repeat; text-align:center;}
	#menudiv{text-align:center}
	div#menudiv2 { text-align:center; height:2%}
	img#logo{width:35%}
	#imagediv{ background-image:url(fooldal.png);background-repeat:no-repeat;}
	a { font-size:100%}
	h1 { font-size:350%; text-align:center;margin-bottom:10%}
	center{ width:900px; margin:0 auto;}
	div#leiras{width:90%}

}
@media only screen
and (min-width:750px)
and (max-width:1046px) {
	body {background-attachment:fixed; background-repeat:no-repeat; text-align:center;}
	#imagediv{ background-image:url(hifooldal.jpg);background-repeat:no-repeat;}
	#menudiv{text-align:center; height:10%}
	div#menudiv2 { text-align:center; height:2%}

	img#logo{margin-top:20%;width:50%}
	a { font-size:100%}
	h1 { font-size:350%; text-align:center;margin-bottom:10%}
	center{ width:100%; margin:0 auto;}
	img#ted{width:110px; max-height:50%;}
	div#leiras{width:70%}

}

@media only screen
and (min-width:400px)
and (max-width:750px) {
	body {text-align:center;}
	#menudiv {text-align:inherit; height:20%; line-height:140%;background-color:rgb(204,204,204);} 
	div#menudiv2 {text-align:inherit; height:2%; line-height:140%;background-color:rgb(204,204,204);}
	a { font-size:100%}
	#imagediv{height:100%;  background-image:url(hifooldal.jpg);background-repeat:no-repeat; background-size:100%}
	img#logo{margin-top:30%; margin-bottom:0; width:100%;}
	h1 { font-size:200%; text-align:center; margin:0 auto;margin-bottom:10%}
	td{font-size:85%}
	center{ width:100%; margin-top:0%;}
	img#ted{width:55px; max-height:25%;}
	img#ted1{max-height:50%}
	img#logo{border-top:groove thin #CCC;}
	h1#cim{border-bottom:groove thin #CCC;}

}

@media only screen
and (min-width:240px)
and (max-width:400px) {
	body {background-attachment:fixed; text-align:center;}
	#menudiv {text-align:center; height:15%; line-height:140%;background-color:rgb(204,204,204);} 
	div#menudiv2 {text-align:center; height:6%; line-height:140%;background-color:rgb(204,204,204);}
	a { font-size:100%}
	#imagediv{height:100%; background-image:url(hihifooldal.jpg);background-repeat:no-repeat; background-size:100%}
	img#logo{margin-top:30%; margin-bottom:0; width:100%;}
	h1 { font-size:160%; text-align:center; margin:0 auto; margin-bottom:10%; border:medium}
	td{font-size:85%}
	center{ width:100%; margin-top:0%;}
	img#ted{width:55px; max-height:25%;}
	div#felsor{ line-height:150%; min-width:100%; text-align:left; margin:0; float:none;}
	div#leiras{ min-width:180px;}
	img#ted1{ display:none;}
	h2{ font-size:130%}
	h3{ font-size:100%}
	img#profil{width:80%;}
	img#logo{padding-top: 5%;border-top:groove thin #CCC;border-bottom:groove thin #CCC;}
	h1#cim{ padding:8%;border-bottom:groove  medium #CCC;}

}