body{
	font:11px Tahoma, Verdana, Arial, Helvetica;
	margin:0;
	color:#555555;
	text-align:center;
}

.ange{color:#1E99FF}
.labs{color:#004182}

#out {
	width:100%;
	margin:0;
	background:url(../images/bg.png) repeat-x;
}


#main {
	margin:0 auto;
	width:820px;
	height:auto;
	text-align:left;
}

#header {
	padding-top:15px;
	height:110px;
}

#line {
	width:21px;
	height:335px;
	float:left;
	text-align:left;
}

#foot {
	background:url(../images/foot.jpg) repeat-x;
	width:100%;
	height:74px;
	position:absolute; 
	left:0;
	bottom:21px;
}

#footend {
	background:url(../images/footend.png) repeat-x;
	width:100%;
	height:21px;
	position:absolute; 
	left:0;
	bottom:0;
}

#menu11 {
	width:260px;
	height:220px;
	background:url(../images/borderspace.png) no-repeat;
	margin-top:50px;
	float:left;
	padding:20px;
}


#menu12 {
	width:260px;
	height:220px;
	background:url(../images/borderspace.png) no-repeat;
	margin-top:50px;
	margin-left:20px;
	float:left;
	padding:20px;
	vertical-align:bottom;
	position:relative;
}

		.twlink{ font-weight:bold}
		
		a.twlink:link, .twlink a {color:#333333; text-decoration:none}
		a.twlink:hover {color: #333333; text-decoration:underline}
		a.twlink:visited {color: #333333; text-decoration:none}
		a.twlink:visited:hover {color: #333333; text-decoration:underline}	

#btwitter {
	width:34px;
	height:25px;
	right:0;
	bottom:0;
	position:absolute;
}

#menu21 {
	width:588px;
	height:230px;
	background:url(../images/tborderspace.png) no-repeat;
	margin-top:30px;
	float:left;
	padding:15px;
	font:13px Arial, Tahoma, Verdana, Helvetica;
	line-height:17px;
}

#menu22 {
	width:2px;
	height:220px;
	margin-top:50px;
	float:left;
}


/*
#menu21 {
	width:260px;
	height:220px;
	background:url(../images/borderspace.png) no-repeat;
	margin-top:50px;
	float:left;
	padding:20px;
}

#menu22 {
	width:260px;
	height:220px;
	background:url(../images/borderspace.png) no-repeat;
	margin-top:50px;
	margin-left:20px;
	float:left;
	padding:20px;
}
*/

#menu41 {
	width:260px;
	height:220px;
	background:url(../images/borderspace.png) no-repeat;
	margin-top:50px;
	float:left;
	padding:20px;
	text-align:justify;
}

	#infomail1 {width:260px; height:25px; text-align:left}
	#infomail2 {width:260px; height:25px; text-align:right}

		.lmail {font-weight:bold}
		a.lmail:link, .lmail a {color:#287AA2; text-decoration:none}
		a.lmail:hover {color: #287AA2; text-decoration:underline}
		a.lmail:visited {color: #287AA2; text-decoration:none}
		a.lmail:visited:hover {color: #287AA2; text-decoration:underline}	
	
	#infoblog1 {width:260px; height:25px; text-align:left}
	#infoblog2 {width:260px; height:25px; text-align:right}
	
		.lblog {font-weight:bold}
		a.lblog:link, .lblog a {color:#FF3333; text-decoration:none}
		a.lblog:hover {color: #FF3333; text-decoration:underline}
		a.lblog:visited {color: #FF3333; text-decoration:none}
		a.lblog:visited:hover {color: #FF3333; text-decoration:underline}	

#menu42 {
	width:260px;
	height:220px;
	background:url(../images/borderspace.png) no-repeat;
	margin-top:50px;
	margin-left:20px;
	float:left;
	padding:20px;
}

		.ytag {
			line-height:23px;
			font-size:11px;
			font-family:Arial, Helvetica, sans-serif;	
			color:#999999;	
		}
		
		.yhead {font-size:22px; font-weight:bold; color:#666666; font-family:Arial, Helvetica, sans-serif}
		
		.y12 {font-size:12px}
		.y13 {font-size:13px}
		.y14 {font-size:14px}
		.y15 {font-size:15px}
		.y16 {font-size:16px}
		.y17 {font-size:17px}
		.y18 {font-size:18px}
		.y19 {font-size:19px}
		.y20 {font-size:20px}
		.y21 {font-size:21px; font-weight:bold}


/* iletisim formu */
#menu50 {
	width:260px;
	height:220px;
	background:url(../images/borderspace.png) no-repeat;
	margin-top:50px;
	float:left;
	padding:20px;
	font-weight:bold;
}

#menu51 {
	width:260px;
	height:220px;
	background:url(../images/borderspace.png) no-repeat;
	margin-top:50px;
	float:left;
	padding:20px;
	font-weight:bold;
}

	.conhead {font:bold 13px Tahoma, Arial, Helvetica; width:240px; height:45px; border-bottom:solid 1px #DDEDFD; color:#004182; text-align:center; line-height:19px}
	.coninfo {width:260px; margin-top:15px; height:auto; font-weight:normal; line-height:16px}
	
		a.linfo:link, .linfo a {color:#00ADFE; text-decoration:none}
		a.linfo:hover {color: #00ADFE; text-decoration:underline}
		a.linfo:visited {color: #00ADFE; text-decoration:none}
		a.linfo:visited:hover {color: #00ADFE; text-decoration:underline}		
	

	.finput {font:bold 11px Tahoma, Arial, Helvetica; border:solid 1px #CCC; background:#F7F7F7; width:168px; height:17px; color:#666; }
	.ftarea {font:bold 11px Tahoma, Arial, Helvetica; border:solid 1px #CCC; background:#F7F7F7; width:168px; height:78px; color:#666; line-height:15px;}
	
	.conbut { border:none; background:url(../images/butongonder.png) no-repeat; width:65px; height:25px; cursor:default}
	
	.ok {font:bold 11px Arial, Tahoma, Verdana; width:230px; height:15px; text-align:left; padding:10px; color:#22AD12; background:#EDFDB5; }
	.er {font:bold 11px Arial, Tahoma, Verdana; width:230px; height:15px; text-align:left; padding:10px; color:#990000; background:#FFCACA; }



#menu52 {
	width:260px;
	height:220px;
	background:url(../images/borderspace.png) no-repeat;
	margin-top:50px;
	margin-left:20px;
	float:left;
	padding:20px;
}

	.surbut { border:none; background:url(../images/butonoyla.png) no-repeat; width:55px; height:25px; cursor:default}
	
	.que { background:#FFFF99; font:bold 13px Tahoma, Arial, Helvetica; margin-bottom:15px}

/* MENU */

#menu {
	width:141px;
	height:170px;
	margin-top: 70px;
	text-align:left;
	float:left;
}

.m1 {display:block; width:88px; height:23px; background:url(../images/menu.png) no-repeat -43px 0px; margin:0 0 12px 43px;}
a.m1:hover, a.m1:visited:hover {background:url(../images/menu.png) no-repeat -193px 0px}
.m1on {display:block; width:88px; height:23px; background:url(../images/menu.png) no-repeat -343px 0px; margin:0 0 12px 43px;}

.m2 {display:block; width:131px; height:23px; background:url(../images/menu.png) no-repeat 0px -35px; margin:0 0 12px 0;}
a.m2:hover, a.m2:visited:hover {background:url(../images/menu.png) no-repeat -150px -35px}
.m2on {display:block; width:131px; height:23px; background:url(../images/menu.png) no-repeat -300px -35px; margin:0 0 12px 0;}

.m3 {display:block; width:104px; height:23px; background:url(../images/menu.png) no-repeat -27px -70px; margin:0 0 12px 27px;}
a.m3:hover, a.m3:visited:hover {background:url(../images/menu.png) no-repeat -177px -70px}
.m3on {display:block; width:104px; height:23px; background:url(../images/menu.png) no-repeat -327px -70px; margin:0 0 12px 27px;}

.m4 {display:block; width:91px; height:23px; background:url(../images/menu.png) no-repeat -51px -105px; margin:0 0 12px 51px;}
a.m4:hover, a.m4:visited:hover {background:url(../images/menu.png) no-repeat -201px -105px}
.m4on {display:block; width:91px; height:23px; background:url(../images/menu.png) no-repeat -351px -105px; margin:0 0 12px 51px;}

.m5 {display:block; width:73px; height:27px; background:url(../images/menu.png) no-repeat -58px -136px; margin:0 0 12px 58px;}
a.m5:hover, a.m5:visited:hover {background:url(../images/menu.png) no-repeat -208px -136px}
.m5on {display:block; width:73px; height:27px; background:url(../images/menu.png) no-repeat -358px -136px; margin:0 0 12px 58px;}
/*a.m2:link, .m2 a, a.m2:visited {background:url(../images/menu.png) no-repeat right 0px;}*/


/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain its child floats */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}