/* Style.CSS
-----------------------------------------------------------------------

This CSS file contains all defintions which concern the style of this website, meaning
the div containers, menues, links, colors, fonts, etc. The definitions are sort by group
as you can see below. */





/* General Settings and definitions for the layout body
----------------------------------------------------------------------- */

* {
   margin: 0;
   padding: 0;
   }



body {
   background: url('../images/back.jpg');
   font-family: verdana, arial, sans-serif;
   font-size: 80%;
   color:  #777166;
   text-align: center;
   line-height: 13pt
   }




/* IDs for DIV-Containers and Boxes for layout
------------------------------------------------------------------------- */

#backgroundbar {
   background: url('../images/border.jpg');
   position: absolute;
   left: 0px;
   width: 100%;
   height: 217px;
   min-height: 217px;
   display: block
   }


#layoutbox {
   background: url('../images/background-a.jpg');
   width: 950px;
   height: 100%;
   margin: 0 auto;
   padding: 0px;
   position: relative;
   display: block;
   text-align: left
   }


#head {
   background: url('../images/head-a.jpg');
   width: 950px;
   height: 104px;
   min-height: 104px;
   padding: 0px;
   position: relative;
   display: block
   }


#navi {
   background: url('../images/navi-a.jpg');
   width: 950px;
   height: 172px;
   min-height: 172px;
   padding: 0px;
   position: relative;
   z-index: 2
   }


#content {

   height: 100%;
   position: relative;
   margin-top: 20px;
   display: block;
   text-align: justify;
   padding:10px 30px 10px 30px;
  
   }


#contentleft {
   margin-left: 30px;
   width: 649px;
   height: 100%;
   height: 100%;
   padding: 0px;
   position: relative;
   display: block;
   padding-bottom: 25px;
   float:left;
   }

#contentright {
   margin-left: 719px;
   width: 200px;
   padding-left: 0px;
   height: 100%;
   position: relative;
   display: block;
   }

#contentright ul:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

#bottom {
   background: url('../images/bottom-a.jpg');
   width: 950px;
   height: 200px;
   min-height: 200px;
   position: relative;
   display: block
   }


#copyright {
   width: 950px;
   height: 15px;
   min-height: 15px;
   position: relative;
   display: block;
   }


/* Navigation the left menu ...
------------------------------------------------------------------------- */

ul#menu_left {
   margin: 0px;
   padding: 0px;
   list-style-type: none;
   }


ul#menu_left li {
   width: 180px;
   font-family: verdana, arial, sans-serif;
   border-bottom: 0.07em solid #D5D4D1;
   display: block;
   font-size: 0.9em;
   }


ul#menu_left li a {
   position: relative;
   background: url('../images/folder-blue.gif') no-repeat right center;
   padding-top: 12px;
   padding-bottom: 12px;
   padding-left: 3px;
   width: 180px;
   font-family: verdana, arial, sans-serif;
   text-decoration: none;
   color: #6D634D;
   display: block
   }


ul#menu_left li a:visited {
   position: relative;
   background: url('../images/folder-blue.gif') no-repeat right center;
   padding-top: 12px;
   padding-bottom: 12px;
   padding-left: 3px;
   width: 180px;
   font-family: verdana, arial, sans-serif;
   text-decoration: none;
   color: #6D634D;
   display: block
   }


ul#menu_left li a:hover {
   position: relative;
   background:  url('../images/folder-rose.gif') no-repeat right center;
   padding-top: 12px;
   padding-bottom: 12px;
   padding-left: 3px;
   width: 180px;
   font-family: verdana, arial, sans-serif;
   text-decoration: none;
   color: #D19A9A;
   display: block
   }



/* Navigation - top menu ...
------------------------------------------------------------------------- */

ul#menu_top {
   background: url('../images/navi-a.jpg');
   margin: 0px;
   padding: 0px;
   list-style-type: none
   }


ul#menu_top li {
   display : block;
   float : right;
   position : relative;
   }


ul#menu_top li.button1 {
   width : 181px;
   height : 172px;
   background:  url('../images/6.jpg');
   display : block
   }


ul#menu_top li.button2 {
   background:  url('../images/2.jpg');
   width : 147px;
   height : 172px;
   display : block
   }


ul#menu_top li.button3 {
   background:  url('../images/3.jpg');
   width : 147px;
   height : 172px;
   display : block
   }


ul#menu_top li.button4 {
   background:  url('../images/4.jpg');
   width : 147px;
   height : 172px;
   display : block
   }
   
   
   ul#menu_top li.button5 {
   background:  url('../images/5.jpg');
   width : 147px;
   height : 172px;
   display : block
   }
   
   
   ul#menu_top li.button6 {
   background:  url('../images/1.jpg');
   width : 181px;
   height : 172px;
   display : block
   }


ul#menu_top li a.button1 {
   width : 181px;
   height : 172px;
   background:  url('../images/6.jpg');
   display : block
   }


ul#menu_top li a.button2 {
   background:  url('../images/2.jpg');
   width : 147px;
   height : 172px;
   display : block
   }


ul#menu_top li a.button3 {
   background:  url('../images/3.jpg');
   width : 147px;
   height : 172px;
   display : block
   }


ul#menu_top li a.button4 {
   background:  url('../images/4.jpg');
   width : 147px;
   height : 172px;
   display : block
   }
   
   
   ul#menu_top li a.button5 {
   background:  url('../images/5.jpg');
   width : 147px;
   height : 172px;
   display : block
   }


ul#menu_top li a.button6 {
   background:  url('../images/1.jpg');
   width : 181px;
   height : 172px;
   display : block
   }



 /* Navigation - top menu - hover tabs
---------------------------- */

ul#menu_top li a:hover.button1 {
   width : 181px;
   height : 172px;
   background:  url('../images/6-6.jpg');
   display : block
   }


ul#menu_top li a:hover.button2 {
   background:  url('../images/2-2.jpg');
   width : 147px;
   height : 172px;
   display : block
   }


ul#menu_top li a:hover.button3 {
   background:  url('../images/3-3.jpg');
   width : 147px;
   height : 172px;
   display : block
   }


ul#menu_top li a:hover.button4 {
   background:  url('../images/4-4.jpg');
   width : 147px;
   height : 172px;
   display : block
   }
   
   
   ul#menu_top li a:hover.button5 {
   background:  url('../images/5-5.jpg');
   width : 147px;
   height : 172px;
   display : block
   }


ul#menu_top li a:hover.button6 {
   background:  url('../images/1-1.jpg');
   width : 181px;
   height : 172px;
   display : block
   }



 /* Navigation - top menu - active tabs
---------------------------- */

ul#menu_top li a#active1 {
   background:  url('../images/6-6.jpg');
   width : 181px;
   height : 172px;
   display : block
   }


ul#menu_top li a#active2 {
   background:  url('../images/2-2.jpg');
   width : 147px;
   height : 172px;
   display : block
   }


ul#menu_top li a#active3 {
   background:  url('../images/3-3.jpg');
   width : 147px;
   height : 172px;
   display : block
   }


ul#menu_top li a#active4 {
   background:  url('../images/4-4.jpg');
   width : 147px;
   height : 172px;
   display : block
   }
   
   
   ul#menu_top li a#active5 {
   background:  url('../images/5-5.jpg');
   width : 147px;
   height : 172px;
   display : block
   }


ul#menu_top li a#active6 {
   background:  url('../images/1-1.jpg');
   width : 181px;
   height : 172px;
   display : block
   }



/* List definition for the link-page
------------------------------------------------------------------------ */

ul.linkage {
   list-style-type: none;
   height: 100%;
   display: block;
   margin-bottom: 3em;
   }

ul.linkage li {
   float: left;
   width: 140px;
   font-weight: normal;
   }

ul.linkage li a {
   margin: 2px;
   width: 138px;
   display: block;
   padding-left: 3px;
   border-left: 0.3em solid #DEDDDB;
   font-weight: normal;
   font-size: 0.85em;
   color: #5F8EAF;
   text-decoration: none;
   }


ul.linkage li a:visited {
   padding-left: 3px;
   border-left: 0.3em solid #DEDDDB;
   font-size: 0.85em;
   font-weight: normal;
   color: #5F8EAF;
   text-decoration: none;
   }


ul.linkage li a:hover {
   margin: 2px;
   width:120px;
   display: block;
   padding-left: 3px;
   border-left: 0.3em solid #5F8EAF;
   font-size: 0.85em;
   font-weight: normal;
   color: #8B8B8B;
   text-decoration: none;
   }



/* List definition for the about-page
------------------------------------------------------------------------ */
ul.linkage2 {
   list-style-type: none;
   }


ul.linkage2 li {
   float: left;
   width: 270px;
   font-weight: normal;
   }


ul.linkage2 li a {
   margin: 2px;
   display: block;
   padding-left: 3px;
   border-left: 0.3em solid #DEDDDB;
   font-weight: normal;
   font-size: 0.85em;
   color: #5F8EAF;
   text-decoration: none;
   }


ul.linkage2 li a:visited {
   padding-left: 3px;
   border-left: 0.3em solid #DEDDDB;
   font-size: 0.85em;
   font-weight: normal;
   color: #5F8EAF;
   text-decoration: none;
   }


ul.linkage2 li a:hover {
   margin: 2px;
   display: block;
   padding-left: 3px;
   border-left: 0.3em solid #5F8EAF;
   font-size: 0.85em;
   font-weight: normal;
   color: #8B8B8B;
   text-decoration: none;
   }




/* List definition for page bottom
------------------------------------------------------------------------ */

ul#bottomlist {
   margin-right: 20px;
   height: 180px;
   min-height: 180px;
   padding: 0px;
   list-style-type: none;
   }


ul#bottomlist li {
   width: 190px;
   font-family: arial, verdana, sans-serif;
   font-size: 1em;
   color: #ffffff;
   float: right;
   margin-left: 7px;
   margin-right: 7px;
   margin-top: 9px;
   display: block;
   }





/*  Link-settings (Colors, size, ...)
----------------------------------------------------------------------- */
	/* Kurumlarin Butonlari */ 

img {
    margin: 0px;
    border: 0px solid #D5D4D1;
    }


a img {
    background:  url('../images/inputback2.jpg');
    padding: 4px;
    margin: 3px;
    border: 0.07em solid #D5D4D1
    }


.nompics {
    background: #E2E1DE;
    padding: 4px;
    margin: 3px;
    border: 1px solid #D5D4D1;
    }


.navpics {
    padding: 0px;
    border: 0px;
    }


a:link {
   color: #b46161;
   text-decoration: underline;
   font-size: 1em;
   }


a:visited {
   color: #b46161;
   text-decoration: underline;
   font-size: 1em;
   }


a:active {
   color: #D19A9A;
   text-decoration: none;
   font-size: 1em;
   }


a:hover {
   color: #3578bb;
   text-decoration: none;
   font-size: 1em;
   }

	/* Kurumlarin Butonlari */ 

/* Classes
----------------------------------------------------------------- */

.news  {
   width: 649px;
   font-size: 1em;
   text-align: justify;
   display: block;
   }


.comments  {
   width: 649px;
   margin-top: 5px;
   margin-bottom: 5px;
   text-align: right;
   display: block;
   font-size: 0.85em;
   }


.brushes  {
   width: 649px;
   font-size: 0.9em;
   text-align: center;
   padding-bottom: 15px;
   border-bottom: 0.1em dotted #DEDDDB;
   display: block;
   }


.bottomlinks  {
   font-size: 0.9em;
   }




/* Other settings and definitions
------------------------------------------------------------------------ */

input {
   background:  url('../images/inputback.jpg');
   font-family: arial, verdana, sans-serif;
   font-size: 0.9em;
   color: #5F8EAF;
   border: 0.03em solid #D5D4D1
   }



textarea {
   background:  url('../images/inputback2.jpg');
   font-family: arial, verdana, sans-serif;
   font-size: 0.9em;
   color: #5F8EAF;
   border: 0.07em solid #D5D4D1;
   width: 100%;
   height: 150px
   }


table, tr, td {
   font-size: 1em;
   font-family: arial, verdana, sans-serif;
   color: #5F8EAF;
   }



/* Headlines h1, h2, h3 ...
----------------------------------------------------------------------- */


h1 {

    margin-top: 20px;
    padding-top: 20px;
    border-top: 0.07em solid #D5D4D1;
    font-family: arial, verdana, sans-serif;
    font-weight: bold;
    font-size: 1.25em;
    color: #625136;
    }


h2 {
    font-family: arial, verdana, sans-serif;
    font-weight: bold;
    font-size: 1.0em;
    color: #CD9595;
    margin-bottom: 7px;
    }


h3 {
    clear:left;
    padding-bottom: 1px;
    margin-bottom: 10px;
    width: 100%;
    display: block;
    border-bottom: 0.07em solid #D5D4D1;
    text-align: left;
    font-family: arial, verdana, sans-serif;
    font-size: 1em;
    color: #CD9595;
    }



h4 {
    font-family: arial, verdana, sans-serif;
    font-weight: bold;
    font-size: 1.25em;
    color: #625136;}
	
h5 {
    font-family: arial, verdana, sans-serif;
    font-weight: bold;
    font-size: 2.0em;
    color: #CD9595;
	margin-bottom: 7px;
    }	


/* Other
----------------------------------------------------------------------- */

strong {
   color: #3697c4;
   font-family: arial, verdana, sans-serif;
   font-weight: normal;
   font-size: 1em;
   }


p  {
   margin-bottom: 25px;
   }


.copyright {
   color: #ffffff;
   margin: 0px;
   text-align: center;
   font-size: 0.7em;
   }


blockquote {
   background: #E9E8E1;
   font-family: arial, verdana, sans-serif;
   font-size: 0.9em;
   color: #8B8B8B;
   border-left: 0.7em solid #7DA5C0;
   margin-left: 20px;
   padding: 8px;
   width: 85%;
   }

/* Verena
----------------------------------------------------------------------- */

.beads {
   width: 200px;
   height: 200px;
   border: 0.05em solid #7DA5C0;
   padding: 5px;
   }

.buy {
   width: 190px;
   height: 20px;
   font-size: 1em;
   font-weight: bold;
   }
   
   
#yayinevi_listesi
{
    margin-bottom:20px;
 
    }
    
#yayinevi_listesi ul li
{
    display:inline;
    border:solid 0px #000;
    padding:5px;
    line-height:32px;
    }
    
  
  
  /* NAVIGATION / SOL MENÜ BUTONLAR*/
  
.nav  
{
    float:left;
    text-align: center; 
	color:#f09; 
	padding: 10px 0 0 0px; 
	width: 175px; 
	height: 100%; 
		}
	
.nav ul {margin:0px; 
    padding:0px; 
    list-style : none;
		}
	
.nav li { 
	font-weight: bold; 
	border-bottom: 0px solid #99947c; 
    background: url('../resimler/mavi174-31.gif');
 margin-left:0px; 
margin-right:0; 
margin-top:0px; 
margin-bottom:0px; 
padding-left:0px; 
padding-right:0; 
padding-top:0px; 
padding-bottom:0;
}
	/* Ana Kategori Butonlari */ 
.nav li a { 
   color: #f3f0eb ;
   font-weight: bold; 
   text-decoration: none;  
	padding: 8px 0 8px 5px;
	
	display: block; 
	height: 16px;
    }
	/* Ana Kategori Butonlari */  
	
	/* Hoover Buton yazi rengi degistiriyor */  
.nav li a:hover { 
    color: #cfc8b2c; 
	text-decoration: none;      
	background: url('../resimler/yesil174-31.gif'); 
	display: block;
	height: 16px;
	}
	/* Hoover Buton yazi rengi degisiyor */  
.nav ul li {position: relative;}
.nav li ul { 
	position:  absolute; 
	left: 148px;
	top: 0px;
	margin: 0px;
	width: 100%;
	
} 
.nav li:hover ul {
	display: block; 
} 
.nav li:hover>ul { 
	visibility:visible; 
} 
.nav ul ul {
	visibility:hidden; 
} 
  /* NAVIGATION / SOL MENÜ BUTONLAR*/

/* Kurum Tanitim bölümü */
 #kurum_tanitim
 {
     float:right;
     margin:10px 10px 10px 15px;
     border:solid 1px #fefefe;
     width:680px;
     }    
/* Kurum Tanitim bölümü */     
     
     
     
/* yorum */
form {padding:0px;margin:0px;}
#orta .yorum {padding:3px;}
#orta h4.y {padding:10px 0px 5px 0px;margin:0px;background:none;color:#36457F;font-family:Trebuchet MS,Tahoma,Verdana;font-size:14px;font-weight:normal;border-bottom:2px solid #E8EDF6;}
#orta .yorum_ekle {text-align:right;padding:2px;}
#orta .yorum_ekle #yorume {background:#4863AA;padding:2px 4px;color:#FFF;text-decoration:none;width:55px;}
#orta .yapan {background: url('../resimler/yorum_balon_arrow.jpg') no-repeat 0px 17px;; padding-left:15px; padding-right:0px; padding-top:2px; padding-bottom:8px}
#orta .yapan span {font-size:10px;color:#888;margin-left:5px;margin-top:-2px;}
#orta .yorum .yorum {border:1px solid #BDCAE0;border-top:0px;padding:7px;background:#E2E9F4;color:#222D4D;clear:both;width:475px;margin-bottom:10px;}
#orta #f-yorum-msg {clear:both;color:Maroon;margin-left:150px;margin-bottom:5px;height:20px;}

#orta #f-yorum-msg.loading {background: url('../resimler/loading.gif') no-repeat 0px 0px;}
.ajax-loading {background: url('../resimler/loading.gif') no-repeat 0px 0px;}

#yorumyaz label.error                 {color: red; }
#yorumyaz input.error,
#yorumyaz select.error,
#yorumyaz textarea.error              {color:#000; border:1px solid #bb8b8b; background:#fef9f9; }
#yorumyaz input.error:focus,
#yorumyaz select.error:focus,
#yorumyaz textarea.error:focus        {background:#ffffee; }

#orta .arama_sonuc {margin:4px 0px;padding:0px 0px 2px 0px;}
#orta .arama_error {color:maroon;margin-left:2px;}

.tt .arama_error { text-align:center;}

#footer {clear:both;padding:10px 2px 2px 2px;font-size:11px;}
#footer .menu {float:left;}
#footer .menu img {vertical-align:middle;}
#footer .menu a {padding:0px 2px;color:#9BACD3;text-decoration:none;}
#footer .menu a:hover {color:#FFF;}

#footer .mb {float:right;font-size:10px;color:#54669B;}


/* ----------- yorumyaz ----------- */
    .spacer{clear:both; height:1px;}
	#yorumyaz{
		border:solid 1px #b7ddf2;
		background:#ebf4fb;
		margin:5px 0px;
		text-align:left;
	}
	#yorumyaz h1 {
		font-size:14px;
		font-weight:bold;
		margin:5px 8px 4px 8px;
	}
	#yorumyaz p {
		font-size:11px;
		color:#666;
		border-bottom:solid 1px #b7ddf2;
		padding-bottom:10px;
	}
	#yorumyaz label{
		display:block;
		font-weight:bold;
		text-align:right;
		width:140px;
		float:left;
	}
	#yorumyaz .small{
		color:#666666;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:right;
		width:140px;
	}
	#yorumyaz input, #yorumyaz textarea{
		float:left;
		font-size:11px;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		width:200px;
		margin:2px 0 20px 10px;
	}
	#yorumyaz textarea {width:300px;margin-bottom:5px;}
	#yorumyaz button{ 
		clear:both;
		margin-left:150px;
		width:125px;
		height:31px;
		background:#4863AA;
		text-align:center;
		line-height:31px;
		color:#FFFFFF;
		font-size:11px;
		font-weight:bold;
		border:0px;
		margin-bottom:15px;
	}
/* ----------- yorum ----------- */