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

	}

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

#logo{
	width:30%;
	}
	
#menudiv {
	margin:0;
	padding-top:5%;
	padding-bottom:0%;
	background-color:rgba(204,204,204,0.95);
	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;
}

img#ted{
	box-shadow:0px 5px 10px #999;
	cursor:default;
	margin-bottom:2%;

	
}

img#ted{
	box-shadow:0px 5px 10px #999;
	cursor:pointer;

	
}


div#felsor{text-align:left; width:40%;}


img#profil{width:20%}

img#kep{ margin-top:10%; width:40%;}
img#ted3{ width:50%;}
h2#galeria{padding-top:10%;}
div#galleria{ padding-top:10%;}



@media only screen
and (min-width:900px)
and (max-width:2000px) {
	body { background-image:none;}
	#menudiv{ text-align:center;padding-bottom:10px; padding-top:20px;} 
	div#menudiv2 {text-align:center}
	img#logo{width:35%}
	div#felsor{ float:left;}
	div#menudiv2{ clear:left;}
	a { font-size:100%}
	h1 { font-size:350%; text-align:center;}
	center{ width:900px; margin:0 auto;}
	div#leiras{width:90%}

}
@media only screen
and (min-width:620px)
and (max-width:900px) {
	body {background-image:none;}
	#menudiv{text-align:center; height:10%; padding-bottom:10px; padding-top:20px;}
	div#menudiv2 {text-align:center; height:10%}
	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:165px; max-height:113px;}
	div#leiras{width:70%}
	div#felsor{ float:left;}
	div#menudiv2{ clear:left;}

}

@media only screen
and (min-width:410px)
and (max-width:620px) {
	body { background-size:100%;text-align:center; background-repeat:no-repeat;}
	#menudiv {text-align:center; height:15%; line-height:140%;background-color:rgb(204,204,204); margin-bottom:10px;padding:auto 0 auto 0;} 
	div#menudiv2 {text-align:inherit; height:2%; line-height:140%;background-color:rgb(204,204,204);}
	a { font-size:100%}
	#imagediv{ background-size:0%;}
	img#logo{margin-top:30%; margin-bottom:0; width:80%;}
	h1 { font-size:200%; text-align:center; margin:0 auto;margin-bottom:10%}
	td{font-size:85%}
	center{background-color:rgba(204,204,204,0.7); width:100%; margin-top:0%;}
	img#ted{ width:110px; max-height:75px; }
	img#ted1{width:110px; max-height:75px;}
		table{ width:100%}
	img#logo{border-top:groove thin #CCC;}
	h1#cim{border-bottom:groove thin #CCC;}
	div#felsor{text-shadow:0.5px 0.5px #CCCCCC;}
	div#leiras{text-shadow:0.5px 0.5px #CCCCCC;}
	img#kep{ margin-top:}
	table#ted { padding-top:50px;}

}

@media only screen
and (min-width:240px)
and (max-width:410px) {
	body { background:none; text-align:center;background-repeat:no-repeat;}
	#menudiv {text-align:center; height:15%; line-height:140%;background-color:rgb(204,204,204); vertical-align:central; padding:auto 0 auto 0;}  
	div#menudiv2 {text-align:inherit; height:6%; line-height:140%;background-color:rgb(204,204,204); clear:none;}
	a { font-size:100%}
	#imagediv{ background-size:0%;}
	img#logo{margin-top:30%; margin-bottom:0; width:80%;}
	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%;background-color:rgba(204,204,204,0.7);}
	img#ted{width:70px; max-height:55px;}
	div#felsor{ line-height:150%; min-width:100%; text-align:left; margin:0; clear:left}
	div#leiras{ min-width:180px;}
	img#ted1{ display:none;}
	h2{ font-size:130%}
	h3{ font-size:100%}
	img#profil{width:40%;}
		table{ width:100%}
	img#logo{padding-top: 5%;border-top:groove thin #CCC;border-bottom:groove thin #CCC;}
	h1#cim{ padding:8%;border-bottom:groove  medium #CCC;}
	table#galeria{margin-top:0;}
	img#kep{ width:50%; padding-top:50px; z-index:-1;}
	img#kep:first-child{ padding-top:35%;}
	img#ted3{width:100%;}
	td#galeria{ padding-top:50px;}
	table#ted { padding-top:50px;}
	h2#galeria{padding-top:100px;}
	div#galleria{ padding-top:50%;}

}