body {
	font-family: arial, helvetica, clean, sans-serif;
	font-size: 13px;
	line-height: 1.231;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	background-attachment: fixed;
	background-image: url(../Images/bg4.gif);
	background-repeat: repeat-x;
}/* CSS RESET */
table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}form {
	margin: 0px;
	padding: 0px;
}
caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}
table{font-size:inherit;font-size:100%;}pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;}
a {
	text-decoration:underline;
	color:#FFFFFF;
}
a:hover {
	text-decoration: underline;
	color:#006600;
}
#wrap {
	width:800px;
	text-align:left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
}
#logo {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 220px;
}
#logo img {
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


.fl{ float:left}
.fr{
	float:right;
	padding-bottom: 40px;
}
.clearfix{ clear:both}
.clearfix1{
	clear:both;
	height: 30px;
}
.clearfix2 {
}




/* header */
#header {
	background:url(../Images/hd.jpg);
	height:167px;
	color:#FFFFFF;
	position:relative;
}
#header a {color:#FFFFFF; line-height:30px; font-size:11px}
#header .fl {margin-left:20px}
#header h1 {
	font-size:40px;
	position:absolute;
	right:216px;
	top:36px;
	width: 577px;
	color: #F3F3F3;
}
#q,#submit {border:#899A7B 1px solid; background:#4C5446;  }
#header .fr {margin-right: 20px;line-height:30px;}
.iphone { position:absolute; left:0px; top:37px}
/* content  */
#content { background: url(../Images/ct_bg.jpg)}
.side {
	width:183px;
	margin-top: 10px;
	background-image: url(../Images/sbg.jpg);
	background-repeat: repeat;
}
.main {width:570px}
.main h2,
.main h3 {
	height:33px;
	width:527px;
	color:#FFFFFF;
	font-weight:700;
	font-size:18px;
	background-image: url(../Images/ct_t.gif);
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin-bottom: 20px;
}
.main p {width:520px; margin:20px 25px}
#col div {width:226px; padding:20px 15px 0 25px}
#col h3{background:url(http://www.kollu-bariyer.com/Templates/kollubariyer/Images/apple.gif) no-repeat; line-height:39px; padding-left:40px; font-size:16px}
.side_i {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}
.side_i li {list-style:inside disc; padding:0 10px; line-height:1.98em}
.side_i h2 {font-weight:700}
#menu {
	width: 800px;
	clear: both;
	float: left;
	padding: 0px;
	background-color: #0066CC;
	margin: 0px;
}
#menu ul {
	padding: 0px;
	display: inline;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 15px;
	font-family: "Trebuchet MS", Tahoma, "Times New Roman";
	font-size: 14px;
	font-weight: bold;
}
#menu li {
	float: left;
	list-style: none;
}
#menu li a {
	display: block;
	padding: 5px 15px;
	text-decoration: none;
	color: #FFFFFF;
}
#menu li a:hover {
	color: #FFF;
	background-color: #333333;
}
#menu li a.selected  {
	color: #FFF;
	background-color: #333333;
}
/* footer */
#footer {
	height:65px;
	background-image: url(../Images/bg_Footer.jpg);
	background-repeat: repeat-x;
	padding-top: 15px;
}
#ftinner {font-size:11px; position:absolute; bottom:2px; left:100px}

#footerleft
{
	float: left;
	width: 60%;
	text-align: left;
	padding: 1% 2%;
	text-align: left;
}

#footerleft a
{
	text-decoration: none;
	color: #6C7D33;
	margin: 0 5px;
}

#footerleft #nomarginleft
{
	margin: 0 10px 0 0;
	letter-spacing: -1px;
}

#footerright
{
	float: right;
	width: auto;
	text-align: right;
	padding: 1% 2%;
	color: #FFFFFF;
	font-size: 12px;
}


#footer p
{
	margin: 0;
	padding: 0;
	letter-spacing: -1px;
	color: #B6C879;
}

#footer a {
	text-decoration: none
}
#footer ul,#footer li {
	display: inline;
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#footer ul, #footer li a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 0.9em;
}
/* CSS for my first scrolling box */
#referanslar {
	height: 110px;
	padding: 0px;
	float: right;
	width: 174px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#referanslar .moduletools a {
	color: #FFFFFF;
}


	#scrollingContainer{
	width:174px;	/* 170 pixels in width */
	height:110px;	/* A little bit of space between border of box and text inside */
	float:left;	/* Right margin of 10 pixels */
	font-size:11px;	/* Smaller font size than the rest of the page */
	overflow:hidden;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	color: #F3F3F3;
	line-height: 16px;
	margin: 0px;
	font-weight: bold;
	}
	/* End css for my first scrolling box */
	
	
	/* CSS for my second scrolling box */
	#scrollingContainer2{
	width:100px;	/* Width of second box */
	height:150px;
	background-color: #DDD;
	padding:2px;	/* A little bit of space between border of box and text inside */
	float:right;	/* I want the text to wrap around the box */
	margin-left:10px;	/* Space at the left of the box */
	color:red;	/* red text color */
	font-size:0.9em;
	}
/* CMS SPESIFIK KLASLAR */
.error
{
	color: #c00;
}



.pager
{
	font-size: 120%;
}

.pager a
{
	margin-left: 5px;
	margin-right: 5px;
}

.searchresults
{
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
	padding: 0;
	list-style-type: none;
}

.searchresults .sub
{
	font-size: 90%;
	color: #090;
}

.searchresults li
{
	margin-top: 5px;
	margin-bottom: 5px;
}

.section
{
	margin: 0px;
	padding: 0px;

}
.section ul, .section li {
	list-style-type: square;
	margin-left: 20px;
}


.articlelist
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.articlelist li
{
	margin-left: 0;
	margin-bottom: 0;
	margin-right: 0;
	margin-bottom: 10px;
}

.articlesub
{
	padding-top: 2px;
	padding-bottom: 2px;
	color: #666;
	font-size: 0.85em;
	border-top: dashed 1px #ccc;
	border-bottom: dashed 1px #ccc;
}

.articlesub span
{
	margin-right: 6px;
}

.articlesub a
{
	margin-right: 6px;
}

.articlecontent
{
	margin-left: 0;
	margin-bottom: 0;
	margin-right: 0;
	margin-bottom: 10px;
}

.articlecomments
{
	margin: 0px;
	padding: 0;
	list-style-type: none;
}

.articlecomments li
{
	margin-left: 0;
	margin-bottom: 0;
	margin-right: 0;
	margin-bottom: 10px;
	padding: 0;
	border-bottom: solid 1px #eee;
}

.articleerror
{
	color: #c00;
}

.feeditem
{
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 3px;
}

.feeditem h4
{
	margin-top: 2px;
	margin-bottom: 3px;
	font-size: 100%;
}

.feeddetails
{
	padding-top: 2px;
	padding-bottom: 2px;
	color: #666;
	font-size: 0.85em;
}

.languageswitcher ul
{
	padding: 0;
	margin: 0;
	list-style: none;
}

.languageswitcher li
{
	display: inline;
	padding: 2px;
	margin-right: 3px;
}
.moduletools {
}
.moduletools a {
	color: #FFFFFF;
}
