@font-face {
font-family: DinReg;
src: url('../fonts/din/DINPro-Regular.otf');
}
@font-face {
font-family: DinBig;
src: url('../fonts/din/DINPro-Bold.otf');
}


.kutucuk
{
background-color:#ffffff;
  border:1px solid black;
  opacity:0.5;
width:400px;
height:400px;
display:block;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius: 5px;
}

.ust-menu{
font-family: DinReg, Arial, Helvetica, Sans-serif;
position:relative;
top:10px;
color:#fff;
text-decoration:none;
font-size:1.245em;
font-weight:bold;

}
.ust-menu:hover{
font-size:1.2799em;
}
.big{
font-family: DinBig, Arial, Helvetica, Sans-serif;
text-decoration:none;
font-size:20px;
font-weight:bold;

}
html {
 
  background: url("../images/bg.png") no-repeat center center fixed; 
  vertical-align: center;
  position: relative;
    min-width: 1024px;
    min-height: 768px;
    height: 100%;
}
body {
margin-left:                       -512px;
    margin-top:                        -354px;
    position:                        absolute;
    min-height:                             668px;
    width:                             1024px;
    left:                                 50%;
    top:                                  50%;
	font-family: DinReg, Arial, Helvetica, Sans-serif;
color:#fff;
text-decoration:none;
font-size:13px;

}
.icerik{
-moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:30px;
  background: #fff; /* fallback for browsers that don't understand rgba */
  border: #solid 10px #000; /* fallback for browsers that don't understand rgba */
  background-color: rgba(255,255,255,0.9);/* slighly transparent white */
  border-color: solid 10px rgba(0,0,0,0.1); /*Very transparent black*/
  margin-top:170px;
  width:940px;
  float:center;
  margin-left:-40px;
  min-height:470px;
  color:#000;
  margin-bottom:10px;  
  }
  .content{
  font-family: DinReg, Arial, Helvetica, Sans-serif;
  text-align:left;
  font-size:16px;
  padding: 40px 30px;
  }
.text
{
font-family: DinReg, Arial, Helvetica, Sans-serif;
  text-align:left;
  font-size:13px;
  color:#000;
  font-weight:bold;
}
#Tablo_01 {

	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:751px;
}

#id-01_ {
background: url("../images/_01.png") no-repeat;
	position:absolute;
	left:0px;
	top:0px;
	width:797px;
	height:16px;
}

#id-02_ {
background: url("../images/_02.png") no-repeat;
	position:absolute;
	left:797px;
	top:0px;
	width:169px;
	height:42px;
}

#id-03_ {
background: url("../images/_03.png") no-repeat;
	position:absolute;
	left:966px;
	top:0px;
	width:58px;
	height:156px;
}

#id-04_ {
background: url("../images/_04.png") no-repeat;
	position:absolute;
	left:0px;
	top:16px;
	width:60px;
	height:140px;
}

#id-05_ {
background: url("../images/_05.png") no-repeat;
	position:absolute;
	left:60px;
	top:16px;
	width:327px;
	height:140px;
}

#id-06_ {
background: url("../images/_06.png") no-repeat;
	position:absolute;
	left:387px;
	top:16px;
	width:410px;
	height:11px;
}

#id-07_ {
background: url("../images/_07.png") no-repeat;
	position:absolute;
	left:387px;
	top:27px;
	width:410px;
	height:75px;
}

#id-08_ {
background: url("../images/_08.png") no-repeat;
	position:absolute;
	left:797px;
	top:42px;
	width:22px;
	height:60px;
}

#id-09_ {
background: url("../images/_09.png") no-repeat;
	position:absolute;
	left:819px;
	top:42px;
	width:137px;
	height:41px;
}

#id-10_ {
background: url("../images/_10.png") no-repeat;
	position:absolute;
	left:956px;
	top:42px;
	width:10px;
	height:60px;
}

#id-11_ {
background: url("../images/_11.png") no-repeat;
	position:absolute;
	left:819px;
	top:83px;
	width:137px;
	height:19px;
}

#id-12_ {
background: url("../images/_12.png") no-repeat;
	position:absolute;
	left:387px;
	top:102px;
	width:80px;
	height:40px;
}

#id-13_ {
background: url("../images/_13.png") no-repeat;
	position:absolute;
	left:467px;
	top:102px;
	width:91px;
	height:40px;
}

#id-14_ {
background: url("../images/_14.png") no-repeat;
	position:absolute;
	left:558px;
	top:102px;
	width:79px;
	height:40px;
}

#id-15_ {
background: url("../images/_15.png") no-repeat;
	position:absolute;
	left:637px;
	top:102px;
	width:99px;
	height:40px;
}

#id-16_ {
background: url("../images/_16.png") no-repeat;
	position:absolute;
	left:736px;
	top:102px;
	width:61px;
	height:40px;
}

#id-17_ {
background: url("../images/_17.png") no-repeat;
	position:absolute;
	left:797px;
	top:102px;
	width:47px;
	height:54px;
}

#id-18_ {
background: url("../images/_18.png") no-repeat;
	position:absolute;
	left:844px;
	top:102px;
	width:62px;
	height:54px;
}

#id-19_ {
background: url("../images/_19.png") no-repeat;
	position:absolute;
	left:906px;
	top:102px;
	width:60px;
	height:54px;
}

#id-20_ {
background: url("../images/_201.gif") no-repeat;
	position:absolute;
	left:387px;
	top:142px;
	width:410px;
	height:14px;
}

#id-21_ {
background: url("../images/_21.png") no-repeat;
	position:absolute;
	left:0px;
	top:156px;
	width:60px;
	height:531px;
}

#id-22_ {
background: url("../images/_22.png") no-repeat;
	position:absolute;
	left:60px;
	top:156px;
	width:457px;
	height:285px;
}

#id-23_ {
background: url("../images/_23.png") no-repeat;
	position:absolute;
	left:517px;
	top:156px;
	width:449px;
	height:285px;
}

#id-24_ {
background: url("../images/_24.png") no-repeat;
	position:absolute;
	left:966px;
	top:156px;
	width:1px;
	height:531px;
}

#id-25_ {
background: url("../images/_25.png") no-repeat;
	position:absolute;
	left:967px;
	top:156px;
	width:57px;
	height:595px;
}

#id-26_ {
background: url("../images/_26.png") no-repeat;
	position:absolute;
	left:60px;
	top:441px;
	width:906px;
	height:246px;
}

#id-27_ {
background: url("../images/_27.png") no-repeat;
	position:absolute;
	left:0px;
	top:687px;
	width:59px;
	height:64px;
}

#id-28_ {
background: url("../images/_28.png") no-repeat;
	position:absolute;
	left:59px;
	top:687px;
	width:778px;
	height:25px;
}

#id-29_ {
background: url("../images/_29.png") no-repeat;
	position:absolute;
	left:837px;
	top:687px;
	width:40px;
	height:25px;
}

#id-30_ {
background: url("../images/_30.png") no-repeat;
	position:absolute;
	left:877px;
	top:687px;
	width:1px;
	height:25px;
}

#id-31_ {
background: url("../images/_31.png") no-repeat;
	position:absolute;
	left:878px;
	top:687px;
	width:36px;
	height:25px;
}

#id-32_ {
background: url("../images/_32.png") no-repeat;
	position:absolute;
	left:914px;
	top:687px;
	width:53px;
	height:25px;
}

#id-33_ {
background: url("../images/_33.png") no-repeat;
	position:absolute;
	left:59px;
	top:712px;
	width:1px;
	height:39px;
}

#id-34_ {
background: url("../images/_34.png") no-repeat;
	position:absolute;
	left:60px;
	top:712px;
	width:906px;
	height:39px;
}

#id-35_ {
background: url("../images/_35.png") no-repeat;
	position:absolute;
	left:966px;
	top:712px;
	width:1px;
	height:39px;
}

/* -------------------- Forms -------------------- */

fieldset {
	margin-top: 15px; 
	margin-bottom: 15px; 
	}
	
legend {
	margin-bottom: 10px; 
	display: block; 
	}
	
label { 
	display: block; 
	margin-bottom: 5px; 
	}
	
.input-short,
.input-medium,
.input-long { 
	padding: 3px; 
	}
	
select { 
	padding: 2px; 
	}
	
textarea { 
	padding: 3px; 
	}
	
.input-short { 
	width: 25% 
	}
	
.input-medium { 
	width: 50% 
	}
	
.input-long { 
	width: 75% 
	}
	
input.input-short,
input.input-medium,
input.input-long, 
select, 
textarea {
	background: url(input-bg.gif) top left repeat-x #f6f6f6;
	border: 0;
	border: 1px solid #cccccc;
	}

input.input-short:focus,
input.input-medium:focus,
input.input-long:focus, 
select:focus, 
textarea:focus {
	background: url(input-bg-focus.gif) top left repeat-x #ffffff;
	border-color: #a9c2d1;
	}


input.submit-green { 
	background: url(submit-green-bg.gif) top left repeat-x; 
	border: 0; 
	border-top: 1px solid #6bd091; 
	border-left: 1px solid #6bd091; 
	border-right: 1px solid #349c5c; 
	border-bottom: 1px solid #349c5c; 
	color: #ffffff; 
	font-size: 14px; 
	padding: 2px 12px; 
	margin: 0px 10px 0 0;
	cursor: pointer;
	}

input.submit-green-hover { 
	background-image: url(submit-green-bg-hover.gif);
	}

input.submit-gray { 
	background: url(submit-gray-bg.gif) top left repeat-x; 
	border: 0; 
	border-top: 1px solid #cccccc; 
	border-left: 1px solid #cccccc; 
	border-right: 1px solid #888888; 
	border-bottom: 1px solid #888888; 
	color: #ffffff; 
	font-size: 14px; 
	padding: 2px 12px; 
	margin: 0px 10px 0 0;
	cursor: pointer;
	}

input.submit-gray-hover { 
	background-image: url(submit-gray-bg-hover.gif); 
	}