﻿body{
 background-image: url(../i/bck.jpg) ;
 margin:0;
 padding:0;
 font-family: "Tahoma";

}
p{
 font-family: Tahoma;
 font-size: 14px;
}

p a{
 color: #ffffff;
 font-size: 14px;
}

.white12 p{
   margin-left: -30px;
 }
 



h3 {margin: 6px 0 0 0;}

img{
  border:0;
}

/* container 1 */
#container1{
   position: relative;
   height:146px;
   width: 100%;
}
#logo{
  position: absolute;
  left:868px;
  top:27px;
}
/* container 2 */
#container2{
    position: relative;
	background-image: url(../i/container2_bck.gif);
	height: 40px;
	width: 100%;
}

#link{
  position: absolute;
  left:105px;
  top:12px;
}
#logo2{
  position: absolute;
  left:307px;
  top:-67px;
}

#anasayfa {
	position: absolute; 
	left: 102px; 
	top: -80px; 
	width: 480px;
}

#menu{
  position: absolute; 
  left: 513px; 
  top: -30px; 
  width: 480px;
}

#container3{
   position: relative;
   width: 1000px;
   margin-left: 100px;
}
#flower{
  position: absolute;
  left:317px;
}


#baslik1{
  position:absolute;
  left:545px;
  top:20px;

}
#detay{
  position: absolute;
  left:400px;
  top:110px;
}
#deliverybck{
  background-image: url(../i/bckdelivery.png);
  position:absolute;
  left:546px;
  top:163px;
  width:454px;
  height:140px;
}
#baslik2{
 position:absolute;
 top:13px;
}


#siparis{
position: absolute;
top:75px;
}

#door{
  position: absolute;

}

#baslik3{
  position:absolute;
  top:300px;
  left:546px;
}
#yazi{
  position:absolute;
  top:13px;
  left:57px;
}

#yazi p{
  font-size:12px;
}

#mail{
  position: absolute;

}

.textbox{
  top:0px;
  left:1px;
  padding:6px 0 0 6px;
  background-image: url(../i/textbox.gif);
  width:100px;
  height:25px;
  border:1px;
  font-size:15px;
  color:#b21e30;
}

#gonder{
  position: absolute;
  width:300px;
  left:210px;
  top:50px;
}

#container4{
   position: relative;
   top:60px;
   width: 1000px;
   margin-left: 100px;
}
#cizgi1{
  position:absolute;
  background-image: url(../i/bckcizgi.png);
  width:1153px;
  height:26px;
  top:-9px;
  left:-75px;
}

#head1{
  width:241px;
  height:16px;

}

#head2{
  width:130px;
  height:19px;

}
#head3{
  width:99px;
  height:11px;

}
#altbck{
 position:absolute;
 background: url(../i/bckalt.png);
 width: 1137px;
 height:132px;
 left:-75px;
}

#altbilgi{
  position: absolute;
  left:75px;
  top:15px;
}
/* foodmain */
#greenbck{
  position:absolute;
  left:100px;
  background-image: url(../i/bck_green.gif);
  background-repeat: repeat-y;
  width:1000px;
  min-height: 300px;
  height: auto;
}

#bigtitle{
	margin: 15px 0 0 20px;
	text-decoration: none;
	font-size: 32px;
	font-weight: bold;
	color: White;
}

#biglink{
	text-decoration: none;
	font-size: 32px;
	font-weight: bold;
	color: White;
}

#midtitle{
	font-size: 20px;
}

#midlink{
	text-decoration: none;
	font-size: 20px;
	font-weight: bold;
	color: White;
}

#smalltitle{
	font-size: 14px;
}

#greencome{
  position:absolute;
  left:900px;
  top:-6px;
}

#menufood{
  margin-left:10px;
  font-family: Helvetica, Tahoma;
  font-size:18px;
}

#menufood ul{
  list-style: none;
  margin: -10px 0 0 0;
  padding: 0;
}

#menufood li{
  margin: 10px;
  padding: 0;
  width: 226px;
  height: 25px;
}


#menufood a:link , #menufood a:visited{
	padding: 2px 10px;
	display: block;
	text-decoration: none;
	color:#f7f3e3;
}

#menufood a#current{
	color: #ffffff;
	background: #b21e30;
}

#menufood a#currentb{
	color: #ffffff;
	background: #11bdb7;
}

#bckpink{
  position:absolute;
  background-image: url(../i/bckpink.gif);
  width:341px;
  height:309px;
  left:250px;
  top:90px;
}
#bckpink p{
padding:0 30px 0 30px;
line-height:
}

#bckblue{
  position:absolute;
  background-image: url(../i/bckblue.gif);
  width:341px;
  height:309px;
  left:250px;
  top:90px;
}
#bckblue p{
padding:0 30px 0 30px;
line-height:
}

#bos{
  position:absolute;
  left:250px;
  top:90px;
}

#bos p{
padding:0 30px 0 30px;
line-height:
}


#bckwhite{
position:absolute;
background-image: url(../i/bckwhite.gif);
width:341px;
height:309px;
left:620px;
top:90px;
}

#bckwhite img{
  margin:12px;
}

#menupic{
  margin-top: 330px;
  margin-left:250px;
  min-height: 280px;
}

#menupic1{
  margin-top: -335px;
  margin-left:250px;
  min-height: 300px;
}

#menupic2{
  margin-left:250px;
  min-height: 1000px;
  height: 1000px;
}

#alan{
  height: 25px;
}

#alan a:link,#alan a:visited{
  text-decoration: none;

}

#ikon{
  margin-left:110px;
  margin-top:-16px;

}

.redtitle{
  color: #ffffff;
  font-size: 16px;
  text-decoration: none;
}

.red16{
  color: #e72a41;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
}

.white12{
  color: #ffffff;
  font-size: 13px;
  /*margin: 0 0 0 -28px;*/
}

.white12u, .white12u:hover{
  color: #ffffff;
  font-size: 13px;
  text-decoration: none;
}

.white12un, .white12un:hover{
  color: #ffffff;
  font-size: 13px;
  text-decoration: underline;
}

.red12{
color: #b21e30;
}

.drinkwhite{
  color: #ffffff;
  font-size: 13px;
  font-weight: bold;
}

.drinkred{
  color: #b21e30;
  font-size: 13px;
  font-weight: bold;
}

.drinkpink{
  color: #fca3f5;
  font-size: 13px;
  font-weight: bold;
}

.fototd{
	position: relative;
}

.golge{
	position: absolute;
	 background-image: url(../i/golge.png) ;
	 width: 128px;
	 height: 38px;
	 top: 92px;
	 right: -10px;
	z-index: 10;
}


/* classes */

h1{
  font-family: Helvetica;
  font-size: 19px;
  font-style: normal;
  font-weight:normal;
  color: #f7f3e3;
  line-height: 24px;
  margin: 20px 20px 20px 20px;
}

h2{
  font-family: Tahoma;
  font-size:13px;
  color:#000000;
  line-height: 18px;
  margin: 20px 20px 20px 20px;
  font-weight:normal;
}


.font1{
  font-family:Tahoma;
  font-size: 14px;
}

.font2{
  font-family:Tahoma;
  font-size: 13px;
}

.font3{
  font-family: Tahoma;
  font-size: 19px;
  font-style: normal;
  color: #f7f3e3;
  line-height: 24px;
}

.font4{
  font-family: Tahoma;
  font-size:13px;
  color:#000000;
  line-height: 18px;
}



.font5{
font-family: Tahoma;
font-size:13px;
color: #b21e30;
margin: auto;
}
.font6{
font-family: Tahoma;
font-size:15px;
color: #000000;
margin: auto;
}



.bcktable {
  margin: 0 20px 20px 0;
}

.bck{
  background-color: #f7f3e3;
  width: 156px;
}

.tr{
 margin-bottom:10px;
}
.icerikler{
font-family: Tahoma;
font-size:15px;
color: #ffffff;
margin: auto;
}
.foto { border: 4px solid #ffffff; }
.photobaslik {color: #ffffff; font-size:18px; }

.arsiv{
	text-align: right;
	color: #FFFFFF;
	font-size: 13px;
	text-decoration: none;
	font-weight: bold;
}

.mypets{ /*header of 1st demo*/
	cursor: hand;
	cursor: pointer;
}

.openpet{ /*class added to contents of 1st demo when they are open*/
	background: yellow;
}

.technology{ /*header of 2nd demo*/
	cursor: hand;
	cursor: pointer;
	font: bold 14px Verdana;
	margin: 10px 0;
}

.openlanguage{ /*class added to contents of 2nd demo when they are open*/
	color: green;
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
	color: red;
}


#dhtmltooltip{
	position: absolute;
	left: -300px;
	width: 150px;
	border: 1px solid black;
	padding: 2px;
	background-color: lightyellow;
	visibility: hidden;
	z-index: 100;
	font-size: 11px;
	text-align: center;
}

#dhtmlpointer{
	position:absolute;
	left: -300px;
	z-index: 101;
	visibility: hidden;
}
.style2 {
	font-size: small;
}
.style3 {
	margin-left: 5px;
	margin-right: 5px;
}
.style1 {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #B21E30;
	font-size: 13px;
}
.style2e {
	color: #FFFFFF;
	font-size: 10px;

}
.style2uuv {
	color: #000000;
	font-size: x-small;
	margin-left:0px;
}
.style3e {
	border-width: 0px;
	
}
.thickstyle{
background: #2B2E19;
}
.style4 {
	border-style: solid;
	border-width: 0px;
	margin:10px;
}
.style5 {
	border: 1px solid #B21E30;
	color: #000000;
	font-size: x-small;
	margin-left: 10px;
	background:white;
}
.style5e {
	border-color: #B21E30;
	border-width: 0;
	color: #000000;
	font-size: x-small;
	margin-left: 10px;
	background:white;
}
.style6 {
	text-align: left;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #B21E30;
}
.style8 {
	font-size: xx-small;
}

.style9 {
	color: #B21E30;
}
.style10 {
	text-align: right;
}
.style11 {
	color: #B21E30;
	font-size: 12px;
	border: 1px solid #B21E30;
	background-color: #ffffff;
}
.style12 {
	text-align: left;
	font-size: 10px;
}
.style13 {
	text-align: center;
	font-size: 10px;
}
.style13e {
	color: #FEFEFE;
	font-size: 12px;
}
.style13f {
	color: #FEFEFE;
	font-family: Tahoma;
	font-size: 12px;
}
.style14 {
	font-size: 12px;
}
.style14e {
	color: #FEFEFE;
	font-size: 12px;
}
.style15 {
	color: #FEFEFE;
}
.style15e {
	background-color: #FFFFFF;
	font-size: 12px;
}
.style16 {
	border: 1px solid #DDDDDD;
	font-size: 12px;
}
.style16e {
	background-color: #FFFFFF;
	color: #000000;
	font-size: 12px;
}
.style17 {
	font-size: 12px;
	font-family: Tahoma;
	color: #FEFEFE;
}
.style17e {
	background-color: #FFFFFF;
	font-size: 12px;
}
.style18 {
	font-size: 12px;
	font-family: Tahoma;
	color: #FEFEFE;
	text-align: right;
}
.style18e {
	font-size: 12px;
}
.style19 {
	margin-bottom: 0px;
}
.style19e {
	margin-left: 50px;
	margin-right: 50px;
}
.style20 {
	text-decoration: none;
}
.style20e {
	color: #B21E30;
}
.style21 {
	text-align: center;
}
.style21e {
	color: #B21E30;
	font-size: 12px;
}
.style22 {
	border-color: #B21E30;
	border-width: 0;
}
.style23 {
	border: 1px solid #B21E30;
}
.style24 {
	color: #B21E30;
	font-size: 12px;
	border: 1px solid #B21E30;
	background-color: #ffffff;
}
.style25 {
	font-size: 12px;
	border: 1px solid #B21E30;
	color: #FEFEFE;
}
.style26 {
	color: #B21E30;
	font-size: 12px;
	border: 1px solid #B21E30;
	background-color: #ffffff;
}
.style27 {
	border: 1px solid #B21E30;
	text-align: right;
	color: #FEFEFE;
}
.style28 {
	border: 1px solid #B21E30;
	color: #FEFEFE;
}
.beyaz {
	text-decoration: none;
	color: #ffffff;
}
























































