/* Stylesheet fÙr muratkocak.com */

body, div, h1, h2, h3, h4, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote {
		margin: 0; padding: 0; border: 0;
    
}
a {color: #b11111; text-decoration: none;}
a:hover{text-decoration:underline;}


body {
      font-family: Helvetica; Arial; sans-serif;
     
      background-color: #cdcdcd; 
      text-align: center;
      margin: 10px auto;
      }

          
#wrapper {
margin: auto;

width: 800px;	
height: 687px;
text-align: center;

      background: transparent url(images/deckblatt.png) no-repeat;
      width: 800px;
      height: 661px;

}

           
#muratkocak {
		 display: block;
         margin: 75px auto;
         position: absolute;
		 background: center center;
         
         }
     
#iam {
			  display: block;
			  margin: 85px 230px;
			  position: absolute;
			  
			  }
			  
#foto {margin-left: 0;
	   padding-left: 0;
       position:static;
	   }
 

         
#imac {margin: 50px 200px;
	   padding: 10px;
	   width: 377px;
	   height: 307px;
	   background: url(images/imac.png) center center no-repeat;
	   }

#twitter {display: block;
          position: absolute;
          margin: 120px 75px;
          
		  }



#facebook {display: block;
          position: absolute;
          margin: 120px 150px;
          
		  }

#mail {display: block;
          position: absolute;
          margin: 125px 225px;
          }

#footer p.copyright {text-align: center;
		 			 font-size: x-small;
		 			 		 }
		 			 		 
#text {text-indent: -9999px;
	   position: absolute;
	   margin-bottom: -9999px;
	   }

.panel {
position: fixed;
top: 42px;
left: 0;
display: none;
background: #0F0F0F;
width: 100px;
height: auto;
padding: 40px 9px 10px 9px;
filter: alpha(opacity=85);
opacity: .85;
z-index:1200;
}

.panel p {
	color: #e8e8e8;
	font-size: x-small;
	text-align: left;
}

.panel a, .panel a:visited{
margin: 0;
padding: 0;
color:#8B8A88;
text-decoration: none;
}

.panel a:hover, .panel a:visited:hover{
margin: 0;
padding: 0;
color: #ffffff;
text-decoration: none;
}

.panel ul {
	margin-bottom:20px;
	margin-top:5px;
}

.panel ul li {
	list-style-position: inside;
	list-style-type: circle;
}

.panel h3 {
	font-variant: small-caps;
	font-size:12px;
	color:#fff;
}

a.trigger{
position: fixed;
text-decoration: none;
top: 42px; 
left: 0;
font-size: 9px;
line-height:12px; 
font-family:Tahoma, Arial, Helvetica, sans-serif;
color:#fff;
padding: 9px 55px 9px 10px;
font-weight: normal;
background: gray url(images/plus.png) 85% 55% no-repeat;
display: block;
width:25px;
z-index:1201;
}

a.trigger:hover{
position: fixed;
text-decoration: none;
top: 42px; left: 0;
font-size: 9px;
font-family:Tahoma, Arial, Helvetica, sans-serif;
color:#fff;
padding: 9px 55px 9px 13px;
font-weight: normal;
background:#1F1F1F url(images/plus.png) 85% 55% no-repeat;
display: block;
width:25px;
z-index:1201;
}

a.active.trigger {
background:#222222 url(images/minus.png) 85% 55% no-repeat;
z-index:1201;
}