<style>

* {
	box-sizing: border-box;
}
table {
	border: 0px;
}

.row{
	margin-left: 10%;
	margin-right: 10%;
}

/*.menuTablo{
	width:80%; 
	margin-left: 10%; 
	margin-right: 10%;
}*/

.columnKisa{
	float: left;
	width:30%;
}
.columnUzun{
	float: left;
	width:50%;
	margin: auto;
}

.imgFirma{
	padding-top:40px;
	width:130%; 
	height: 130%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.imgLogo{
	width:55%;
	height: 55%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.resimKucukEkran{
	display: none;
}
.drIsim{
	font-weight: bold; 
	font-size: 24px;
}
.drCv{
	text-indent: 50px; 
	font-size: 20px;
	text-align: justify;
  text-justify: inter-word;}

.columnResim {
	float: left;
	width: 20%;
	text-align: center;
}
.columnResimSil {
	float: left;
	width: 20%;
	text-align: center;
}

.columnResim1 {
	float: left;
	width: 30%;
	text-align: center;
}

.column {
	float: left;
	width: 30%;
}
.column1 {
	float: left;
	width: 80%;
}
.column2 {
	float: left;
	width: 40%;
}
.column3 {
	float: left;
	width: 35%;
}
.column4 {
	float: left;
	width: 50%;
}
.column5{
	float: left;
	width: 100%;
}
.column6{
	float: left;
	padding: 0px;
	width: 12%;
	/*height: 30px;*/
}
.column4Resim {
	float: left;
	width: 50%;
}

/* Clear floats after the columns */
.row:after {
	content: "";
	display: table;
	clear: both;
}
.aldigiEgitimler{
	font-weight: bold; 
	font-size: 20px; 
}

.row1{
	width: 100%;
}

/*.columnAciklama{
	float: left;
}*/

li.madde {
	font-size: 20px;
}
.resim1{
	width: 45%;
}


/*
cv 1.td için style="width:25% text-align: left; vertical-align: text-top;"
cv 2.td için style="width:25%;">
cv 3.td için style="width:25%; text-align: left; vertical-align: text-top;">
cv 4.td için  style="width:25%;">
2. Row 1. td colspan 2 için style="width:50%"
2. Row 2. td colspan 2 için style="width:50%" style="font-weight: bold; font-size: 20px; text-align: center;"
*/
ul.mnu {
	list-style-type: none;
	/*margin: 0;*/
	padding: 0;
	overflow: hidden;
	background-color: mediumaquamarine;
	position: sticky;
	top: 0;
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;

}

li.lmnu {
	/*float: left;*/
	display: inline-block;

}

li a.mnuli {
	display: block;
	color: black;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
	font-size: 25px;
}

li a.mnuli:hover:not(.active) {
	background-color: #04AA6D; /* #111;*/
}

.active {
	display: block;
	color: black;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
	font-size: 25px;
	background-color: #04AA6D;
}

.img_check {
	width: 5%;
}
.img_arw {
	width: 4%;
}
ul.maddeler {
	list-style-type: none; 
}





@media screen and (max-width: 800px) {
.menuTablo {
	width:100%; 
	margin-left: 0px; 
	margin-right: 0px;
}
.columnKisa{
	width:20%;
}
.columnUzun{
	width:80%;
}

.column {
	width: 80%;
}

.column2 {
	width: 70%;
}

.column3 {
	width: 70%;
}
}

/* On screens that are 600px wide or less, make the columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {

.menuTablo {
	width:100%; 
	margin-left: 0px; 
	margin-right: 0px;
}
.columnKisa{
	width:100%;
}
.columnUzun{
	width:100%;
}
.column {
	width: 100%;
}

.column2 {
	width: 100%;
}
.column4 {
	width: 100%;
}

.column4Resim {
	float: left;
	width: 100%;
	text-align: center;
}

.resimKucukEkran{
	display: block;
	text-align: center;
}
.columnResim {
	width: 100%;
}
.columnResimSil{
	display: none;
}

.columnResim1 {
	width: 100%;
}
.column3 {
	width: 100%;
}
.resim1{
	width: 100%;
}

}



</style>