html, body {
	height:100%
}


#img.source-image {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

#background {
    z-index:-6;
    position:absolute; 
    top:0; 
    left:0; 
    width:100%; 
    height:100%;
    background-image:url('img/kapak2.jpg');
	background-repeat:no-repeat;
	padding-left:20px;



body {
	text-align:center;

	margin:0px;
	padding:0px;
	font-size:10px;
	font-weight:normal;
	color:#0e3f6d;
	height: 100%;
	font-family:Trebuchet MS;
}

h2 {
	margin:0px;
	padding:0px;
	line-height:15px;
	color:#1e88e8;
	font-size:14px;
	font-weight:bold;
	font-family:Trebuchet MS;

	background-image:url('img/bg_h2.jpg');
	background-repeat:no-repeat;
	padding-left:20px;
}

a {
	color:#0aaafd;
	text-decoration:none;
}

a:link {
	color: #0AAAFD;
}

a:hover {
	text-decoration: none;
	color: #097ebb;
}

/* siniflar */

div.inlay {
	margin:16px;
	
}

div.inlay2 {
	margin:8px;
	height:100%;
}

div.welcomebox {
	width:605px;
	height:142px;
	background-color:#1e88e8;
	color:#ffffff;
	background-image:url('img/bg_welcomebox.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	margin-bottom:20px;
}

div.welcomebox p {
	margin-top:10px;
	margin-bottom:0px;
	margin-left:80px;
}

img.right {
	margin-left:10px;
}



div.teaserbox {
	float:left;
	width:448px;
	height:auto;
}

div.teaserbox2 {
	float:left;
	width:840px;
}

div.teaserbox p, div.teaserbox2 p {
	margin-left:20px;
}

div.sep {
	border-bottom:1px dotted #6eb2f0;
	width: 100%;
	color:#ffffff;
	margin:4px;
}

/* Idler */

#wrapper {
	text-align:left;
	width:856px;
	margin:0 auto;
	height:100%;
	background-image:url('img/bg_wrapper.jpg');
}

#uphead {
	float:left;
	width:856px;
	height:51px;
	background-image:url('img/bg_uphead.jpg');
}

#head {
	float:left;
	width:856px;
	height:161px;
}

#logobox {
	float:left;
	width:294px;
	height:161px;
	background-image:url('img/bg_logo.jpg');
}

#logobox img {
	padding:0px;
	border:0;
	margin-left:24px;
}

#logobox h1 {
	margin:0px;
	padding:0px;
	margin-right:10px;
	font-family:Trebuchet MS;

	font-size:48px;
	color:#0e3f6d;
	font-weight:normal;
	text-align:right;
}

#logobox h4 {
	margin:0px;
	padding:0px;
	margin-right:10px;
	margin-top:-10px;
	font-family: Tahoma, sans-serif;
	font-size:15px;
	color:#0e3f6d;
	font-weight:bold;
	text-align:right;
}

#topnavi {
	float:left;
	width:856px;
	height:42px;
	background-image:url('img/bg_topnavi.jpg');
}

#topnavi ul {
	margin:0px;
	padding:0px;
	margin-left:50px;
	list-style-type:none;
}

#topnavi ul li {
	float:left;
	margin-top:6px;
	height:25px;
	background-image:url('img/topnavi_norm.jpg');
	margin-left:4px;
}

#topnavi ul li.select {
	float:left;
	margin-top:6px;
	height:25px;
	background-image:url('img/topnavi_select.jpg');
	margin-left:4px;
}

#topnavi ul li a {
	display:block;
	color:#ffffff;
	font-weight:bold;
	font-family:Trebuchet MS;

	font-size:12px;
	text-decoration:none;
	padding-left:30px;
	padding-right:30px;
	line-height:25px;
}

#topnavi ul li a:hover {
	display:block;
	color:#ffffff;
	font-weight:bold;
	font-family:Tunga;
	font-size:12px;
	text-decoration:underline;
	padding-left:30px;
	padding-right:30px;
	line-height:25px;
}

#topnavi ul li.select a {
	display:block;
	color:#0e3f6d;
	font-weight:bold;
	font-family:Tunga;
	font-size:12px;
	text-decoration:none;
	padding-left:30px;
	padding-right:30px;
	line-height:25px;
}

#topnavi ul li.select a:hover {
	display:block;
	color:#0e3f6d;
	font-weight:bold;
	font-family:Tunga;
	font-size:12px;
	text-decoration:underline;
	padding-left:30px;
	padding-right:30px;
	line-height:25px;
}

#contentbody {
	float:left;
	width:856px;
	background-image:url('img/bg_contentbody.jpg');
}

#contentbox {
	float:left;
	width:660px;
}



#footer
{
	background-color:#20356c;	
	width: 100%; 
position: absolute; 
bottom: 0px; 
left: 0px; 	
height: 62px;
	padding: 0; 
	margin: 0; 
    clear: both;
font-family:Trebuchet MS;

	color:#FFFFFF;
	font-size:12px;
	font-weight:normal;
	font-family:Tunga;
	text-align: center;


}





p, ul, ol {
	margin-bottom: 20px;
	line-height: 167%;
	font-size: 85%;
	
	
}

#solPanel
{
	width:8px;
	background-image:url('img/bg_contentbody.jpg');
}

.rbroundbox { background: url(nt.gif) repeat; }
.rbtop div { background: url(tl.gif) no-repeat top left; }
.rbtop { background: url(tr.gif) no-repeat top right; }
.rbbot div { background: url(bl.gif) no-repeat bottom left; }
.rbbot { background: url(br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 125px;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 0px; }
.rbroundbox { width: 125px; margin: 1em auto; }