@charset "utf-8";
/* 
facebook.com/markumnet
twitter.com/markumnet
@selimguner 2012 
*/

body {background: #fff url("../../../2012/08/bodyBg.jpg") repeat-x; font: 12px/14px Arial; }
.markumMenu li .subMenu{position:absolute;padding:20px;display:none;left:0;top:51px; width:930px;height:173px; background: url("../../../2012/08/menuSprite.png") no-repeat; background-position: 0 -103px;}
/*.markumMenu li:hover .subMenu{display:block;z-index:10;left:0;}*/
/*------------------------------------
                                HEADER
------------------------------------*/
#ustBolge { width: 970px; height: 115px; margin: auto; position: relative; z-index: 9999;}
#header { width: %100; background:url("../../../2012/08/ustBarBg.jpg") repeat-x; }
#userBox { width: 396px; height: 37px; position: absolute; right: 2px; background:url("../../../2012/08/userBox.png") no-repeat;}
 #userBox ul li { float: left; }
 #userBox ul li a{ float: left; color: #fff; padding: 0 23px 0 25px; margin-top:11px; border-right:1px solid #939393;}
 #userBox ul li a:hover{ color: #CCC;}
 #userBox ul li a.sepetim { padding-right: 33px; background: url("../../../2012/08/cart.png") no-repeat right;  height: 15px; }
 #userBoxLogin { width: 396px; height: 37px; position: absolute; right: 2px; background:url("../../../2012/08/userBox.png") no-repeat;}
 #userBoxLogin ul li { float: left; color: #fff; margin-top:12px; padding: 0 6px 0 6px; height: 13px;  border-right:1px solid #939393; }
 #userBoxLogin ul li.uye { margin-left: 7px; width: 150px; overflow:hidden; position: relative; font: normal 11px/12px Arial; }
 #userBoxLogin ul li.uye span{ position: absolute; margin-left: 5px; flaot: left;}
 #userBoxLogin ul li.panel { width: 100px; text-align: center; }
 #userBoxLogin ul li a{ color: #fff; }
 #userBoxLogin ul li a:hover{ color: #CCC;}
 #userBoxLogin ul li a.sepetim { padding-right: 33px; background: url("../../../2012/08/cart.png") no-repeat right;  height: 15px; margin-left:6px; }
 #uyeGirisLogin{ display:none; position:absolute; width:153px; height: 123px; background:url("../../../2012/08/uyeGirisBg.png") no-repeat; z-index:999; padding: 20px 15px 15px 15px; top: 35px; right: 225px; color: #5e5e5e; font-size: 12px;}
 #uyeGirisLogin li a{ display: block; padding: 5px; }
 #uyeGirisLogin li a:hover{ background: #007bb7;  color: #fff; }
 .adSoyad  a{ border-bottom: 1px dotted #CCC; color:#333;}
 .oturumuKapat  a{ border-top: 1px dotted #CCC; color: #333;}
 #uyeGiris{ display:none; position:absolute; width:153px; height: 123px; background:url("../../../2012/08/uyeGirisBg.png") no-repeat; z-index:999; padding: 20px 15px 15px 15px; top: 35px; right: 290px; color: #5e5e5e; font-size: 12px;}
 .sifreUnuttum { float: right; margin: 5px 0 0 0; }
 #uyeGirisKutu { display:block; background: url("../../../2012/08/inputBox-156.png") no-repeat; border: none; margin-top:5px; padding:5px; height: 21px; width:146px; color: #5e5e5e; font-size: 12px; }
 #uyeGirisButton { display:block; width: 157px; height: 30px; margin-top:5px; background:url("../../../2012/08/girisButton.png") no-repeat; border:none; text-indent: -9999px; cursor: pointer; }


 #hizliBolge { position: absolute; width: 300px; right:90px; top:70px; }
  #hizliBolge ul li { float: left; margin-right:20px; color: #333; font-size: 13px;}
  #hizliBolge ul li a{ color: #333; text-decoration: none; }
  #hizliBolge ul li a:hover{ color: #000; text-decoration: none; }
  #hizliBolge ul li.telefon { padding-left: 15px; background: url("../../../2012/08/telefon.png") no-repeat left;  height: 17px;}
  #hizliBolge ul li.ticket { padding-left: 23px; background: url("../../../2012/08/ticket.png") no-repeat left;  height: 17px;}
 
 #hizliMenu { position: absolute; right:3px; top:62px; }
 	a.hizliMenuButton span{ display: block; width: 93px; height:31px; background: url("../../../2012/08/hizliMenu.png") no-repeat; text-indent: -9999px; cursor: pointer; }
	#hizliMenuAcik{display:none;position:absolute;padding:10px;z-index:30;right:0px;top:29px; width:258px;height:auto; background: #efefef; border-left: 1px solid #d3d2d2; border-right: 1px solid #d3d2d2; border-bottom: 2px solid #d3d2d2;z-index:40;padding-bottom:20px;}
	#hizliMenuAcik ul li { float: left; width: 120px; border-bottom:1px dotted #CCC; padding:2px 2px 5px 2px; margin: 7px 5px 0 0; }
	#hizliMenuAcik ul li img{ position: absolute; width: 14px; height: 14px; } 
 	#hizliMenuAcik ul li a{ color: #606060; margin-left: 20px; font-size: 12px;}
	#hizliMenuAcik ul li a:hover{ color: #333;}
	#hizliMenuAcik .arama { width: 254px; height: 29px; background:url("../../../2012/08/inputBox-254.png") no-repeat; border: none; outline: none;  margin-top: 10px; }
	#araInput2{ float: left; width: 210px; height: 15px; border: none; padding: 2px; margin: 5px 0 0 5px; color: #7c7c7c; font: italic 12px/12px Arial, Helvetica, sans-serif;}
	
#logo a{ float: left; width: 281px; height: 75px; position: absolute; top: 50px; left:5px; border: none;}

/********* MENU *********/
.markumMenu_kap{width:970px;height:51px; margin: auto; }
.markumMenu{padding:0;margin:0;z-index:9;position:absolute; top:115px; width: 973px;}
.markumMenu li{float:left;}
.markumMenu li span{ display:block; height:51px; background: url("../../../2012/08/menuSprite.png") no-repeat 0px 0px; text-indent: -9999px; cursor:pointer;}
.markumMenu li.anasayfa span{ width: 51px;}
.markumMenu li.domain span{ display: block; width: 122px; background-position: -51px 0; }
.markumMenu li.hosting span{ width: 154px; background-position: -173px 0; }
.markumMenu li.sunucu span{ width: 154px; background-position: -327px 0; }
.markumMenu li.mail span{ width: 129px; background-position: -481px 0; }
.markumMenu li.ssl span{ width: 129px; background-position: -611px 0; }
.markumMenu li.diger span{ width: 136px; background-position: -740px 0; }
.markumMenu li.kurumsal span{ width: 98px; background-position: -876px 0; }
/********* menu hover *********/
.markumMenu li.anasayfa:hover span{ width: 51px; background-position: 0 -51px;}
.markumMenu li.domain:hover span{ width: 122px; background-position: -51px -51px; }
.markumMenu li.hosting:hover span{ width: 154px; background-position: -173px -51px; }
.markumMenu li.sunucu:hover span{ width: 154px; background-position: -327px -51px; }
.markumMenu li.mail:hover span{ width: 129px; background-position: -481px -51px; }
.markumMenu li.ssl:hover span{ width: 129px; background-position: -611px -51px; }
.markumMenu li.diger:hover span{ width: 136px; background-position: -740px -51px; }
.markumMenu li.kurumsal:hover span{ width: 97px; background-position: -876px -51px; }

/********* menu icerik *********/
.altMenu { background: #edf3f7; position: relative; float: left; margin: 15px 0 0 15px;}
.ustKose { background: url("../../../2012/08/ne.gif") no-repeat top right; }
.ustKose div { height: 5px; background: url("../../../2012/08/nw.gif") no-repeat top left; }
.altKose { background: url("../../../2012/08/se.gif") no-repeat bottom right; }
.altKose div { height: 5px; background: url("../../../2012/08/sw.gif") no-repeat bottom left; }



.menuIcerik { padding: 0px 5px 0px 5px; }
	
	.menuIcerik img{ position: absolute; top: 15px; left: 7px; }
	.menuIcerik h1 { position: absolute; top: 17px; left: 60px; }
	.menuIcerik h1 a{ font: bold 18px/18px Arial, Helvetica, sans-serif;}
	.menuIcerik ul { position: absolute; top: 34px; left: 55px; }
	.menuIcerik li {float: left; margin: 5px 0 0 5px; color: #666; font: normal 11px/12px Arial, Helvetica, sans-serif;}
	.menuIcerik li a{ font: italic 11px/12px Arial, Helvetica, sans-serif;}
	.menuIcerik li a:hover{ text-decoration: underline;}
	.menuIcerik li:before { content:"» "; }

/********* /MENU *********/

/*------------------------------------
                                BODY
------------------------------------*/

.container { width: 970px; margin: auto; position: relative;  }

/********* SLIDER *********/
#featured { width: 970px; height: 207px; position:relative;}
	.featured_item{ width:970px; height:207px; margin:0 auto; position:relative; overflow:hidden; display:none; }
	.current{ display:block; }
	.featured_image{ width:970px; height:207px; position:absolute; right:0; top:0; overflow:hidden; }
	.featured_image img{ position:absolute; right:0; top:0;  border: none; }
	.preview_images{  position:absolute; right:0px; bottom:5px; }
	.preview_images a img{ padding:1px; }
	.preview_images a{ outline:none; display:block; position:relative; margin-right:5px; float:left; }
	.preview_images a img{ border:none; width: 50px; height: 35px; }
	.preview_images .current_prev img{ margin-top:-2px; }
	

/********* ALAN ADI *********/
#alanAdi { width: 970px; height: 46px; background:url("../../../2012/08/alanAdiBg.jpg") no-repeat; padding-top:10px;}
	#alanAdiSorgula { background:url("../../../2012/08/alanAdi.png") no-repeat; width: 326px; height: 36px; margin-left:85px; position: relative; float: left;}
	#alanAdiInput { position: absolute; top:6px; left: 55px; width: 195px; height: 20px; padding:2px; border: none; font: italic 16px/16px Georgia, "Times New Roman", Times, serif; color: #707070; }
	#alanAdiSelect { position: absolute; top:3px; right: 4px; width: 60px; height: 30px; padding:5px 2px 5px 2px; border: none; background: none; outline: none;  color: #97938a; font: bold 12px/12px Arial, Helvetica, sans-serif; }
	.multiSelectOptions { margin-top: -11px; margin-left:-260px; padding: 5px; overflow-y: auto; overflow-x: hidden; border: solid 1px #B2B2B2; background: #FFF; width: 310px; height: 120px; }
	.multiSelectOptions LABEL { padding: 5px; width: 67px; float: left; white-space: nowrap; }

	#alanAdiButton { width: 102px; height: 35px; float: left; margin-left: 5px; background:url("../../../2012/08/buttonSorgula.png") no-repeat; border: none; cursor: pointer;}
	#alanAdiLink { float: right; margin: 10px 5px 0 0;}
	#alanAdiLink li { float: left; padding: 0 5px 0 5px; border-right:1px solid #285d94; }

/********* ACIKLAMALAR *********/	
#aciklamalar { width: 970px; height: 106px; background:url("../../../2012/08/bulutBg.jpg") no-repeat; text-align: left; }
	#aciklamalar ul li { width: 174px; height: 100px;  float: left; padding: 10px;}
	#aciklamalar ul li h1{ font: bold 14px/20px Arial; color: #0c3352;}
	#aciklamalar ul li p{ font: normal 12px/15px Arial; color: #707070;}
	#aciklamalar ul li p.deneyimli { background:url("../../../2012/08/iconMarkum2.png") no-repeat 125px 22px; }
	#aciklamalar ul li p.guclu { background:url("../../../2012/08/iconGuc.png") no-repeat 130px 18px; }
	#aciklamalar ul li p.guvenli { background:url("../../../2012/08/iconGuven.png") no-repeat 125px 22px; }
	#aciklamalar ul li p.hizli { background:url("../../../2012/08/iconHiz.png") no-repeat 125px 22px; }
	#aciklamalar ul li p.yerli { background:url("../../../2012/08/iconYerli.png") no-repeat 125px 22px; }

/********* URUN SAYFASI *********/	

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,300);
#urunHeader { width: 970px; height: 62px; background: url("/images/2012/08/urunHeader.png") no-repeat; z-index:6; position: absolute; }
 #urunLogo { margin: 8px 0 0 10px; width: 350px; height: 49px; text-alig: left; float: left; }
 #urunLogo h1{ padding-top:12px; font: 600 20px/24px 'Open Sans', sans-serif; color: #275c93;}
 #urunMenu { float: right; margin: 24px 1px 0 0;}
 #urunMenu li{ float: left; padding: 0 8px 0 8px; border-right: 1px solid #CCC; }
 #urunMenu li a{ color: #5d5c5c; }
 #urunMenu li a:hover{ color: #333;  }
 .urunHemenAl { width: 94px; height: 34px; float: left; margin-top:-10px; color:#fff;}

.urunSlider { font-family: 'Open Sans', sans-serif; width: 970px;}
.urunSol { float: left; width: 380px; margin:20px 0 0 10px;}
.urunSag { float: right; width: 579px; height: 198px; text-align: right; margin-right:1px;}
.imgSol { float: left; width: 80px; height: 100px; margin-top:10px;}
.yaziSag { float: left;  width: 350px;}
.urunSol h1{ font: 600 22px/24px 'Open Sans', sans-serif; color: #363636;}
.urunSol h2{ font: 400 15px/22px 'Open Sans', sans-serif; color: #5a5a5a;}
.urunSol p{ font: 300 13px/18px 'Open Sans', sans-serif; color: #9c9c9c;}

.sutun1 { font-family: 'Open Sans', sans-serif; width: 970px; height: auto; float: left;  margin: 20px 5px 20px 5px;}
.sutun1ImgKucuk { float: left; margin:10px;}
.sutun1ImgSol { float: left;  width: 200px; margin:10px;}
.sutun1ImgSag { float: right;  width: 200px; margin:10px;}
.sutun1Yazi { float: left; width: 750px; }
.sutun1 h1{ font: 600 24px/24px 'Open Sans', sans-serif; color: #363636;}
.sutun1 h2{ font: 400 13px/22px 'Open Sans', sans-serif; color: #5a5a5a;}
.sutun1 p{ font: 300 13px/18px 'Open Sans', sans-serif; color: #9c9c9c;}

.sutun3 { font-family: 'Open Sans', sans-serif; width: 310px; height: auto; float: left;  margin: 20px 0 20px 12px; }
.sutun3Img {float: left; width: 60px; margin-top:10px;}
.sutun3yazi { float: left; width: 230px; padding: 0 10px 10px 10px;}
.sutun3 h1{ font: 600 20px/24px 'Open Sans', sans-serif; color: #363636;}
.sutun3 h2{ font: 400 13px/20px 'Open Sans', sans-serif; color: #5a5a5a;}
.sutun3 p{ font: 300 13px/18px 'Open Sans', sans-serif; color: #9c9c9c;  padding: 0 10px 0 0 ;}


/***** E-TICARET BOLUMU **********/

.paketBlok { height: 372px; width: 324px; padding: 15px; position: relative; float: left; margin-left: 75px;}
.paketBlok h1{ margin: 10px 0 0 20px; height:70px;}
.paketBlok p{ margin: 15px 0 0 0; font: 400 13px/20px 'Open Sans', sans-serif; color: #5a5a5a;}
.paketBlok ul{ margin: 10px; font: 400 13px/20px 'Open Sans', sans-serif; color: #5a5a5a; list-style: inside;}
.paketBlok .button{ width: 332px; height: 42px; position: absolute; left: 20px; bottom:15px;}
.paketBlok .button a{ margin-left:5px;}
.paketWindows { background: url("/images/2012/08/windowsUrunBg.png") no-repeat; }
.paketLinux { background: url("/images/2012/08/linuxUrunBg.png") no-repeat; }
.logos { border-top:1px solid #eaeaea; padding-top:20px;}
.logos ul li { float: left; margin-left: 28px;}
.logos ul li.markum {width: 200px; height:55px; background: url("/images/2012/08/markumOn.png") no-repeat; cursor: pointer; text-indent: -9999px; }
.logos ul li.markum:hover {background: url("/images/2012/08/markum.png") no-repeat; }
.logos ul li.google {width: 133px; height:55px; background: url("/images/2012/08/googleOn.png") no-repeat; cursor: pointer; text-indent: -9999px;}
.logos ul li.google:hover {background: url("/images/2012/08/google.png") no-repeat; }
.logos ul li.comodo {width: 143px; height:55px; background: url("/images/2012/08/comodoOn.png") no-repeat; cursor: pointer; text-indent: -9999px;}
.logos ul li.comodo:hover {background: url("/images/2012/08/comodo.png") no-repeat; }
.logos ul li.presta {width: 159px; height:55px; background: url("/images/2012/08/prestaOn.png") no-repeat; cursor: pointer; text-indent: -9999px;}
.logos ul li.presta:hover {background: url("/images/2012/08/presta.png") no-repeat; }
.logos ul li.proticaret {width: 164px; height:55px; background: url("/images/2012/08/proticaretOn.png") no-repeat; cursor: pointer; text-indent: -9999px;}
.logos ul li.proticaret:hover {background: url("/images/2012/08/proticaret.png") no-repeat; }
.urunPaketler { display:none; width: 901px; height: 479px; background: url("/images/2012/08/urunPaketBg.png") no-repeat center; padding: 25px; }
.windowsRibbon { position: absolute; width: 143px; height: 142px; right: 0px; top:4px; background: url("/images/2012/08/windowsRibbon.png") no-repeat; }
.linuxRibbon { position: absolute; width: 143px; height: 142px; right: 0px; top:4px; background: url("/images/2012/08/linuxRibbon.png") no-repeat; }
	.paketSol { float: left; width: 310px; padding-top:25px;  }
	.paketSol h1{ margin: 10px 0 0 20px; height:70px;}
	.paketSol p{ margin: 15px 0 0 0; font: 400 13px/20px 'Open Sans', sans-serif; color: #5a5a5a;}
	.paketSol ul{ margin: 10px; font: 400 13px/20px 'Open Sans', sans-serif; color: #5a5a5a; list-style: inside;}
	.paketSol .button{ width: 270px; height: 41px; margin-top:20px;}
	.paketSol .button a{ margin-left:5px;}
	.paketSag {float: left; width: 585px; height: 430px; background: #f3f3f3; margin:25px 0 0 5px; }
	 .urunBlok {width: 175px; height: 360px; float:left; margin: 40px 0 0 12px; }
	 .urunBlokInner {  background: #fafafa; height:300px; padding-top:10px; }
	 .urunBlok ul { margin-top:30px;}
	 	.urunBlok h1 { font: 300 24px/26px 'Open Sans', sans-serif;  color: #676767; text-align: center; margin: 10px;}
		.urunBlok ul li { font: 300 13px/14px 'Open Sans', sans-serif;  color: #676767; text-align: center; margin: 10px 10px 2px 10px;}
		.promosyon{ font: 600 13px/14px 'Open Sans', sans-serif; color: #333;}
		.urunBlok select { padding:5px; width: 155px; margin: 15px 0 0 10px;}
		.urunSatinAl { width: 175px; height: 42px; margin-top:10px; background: url("/images/2012/08/buttonSatinAl.png") no-repeat; border:none; text-indent: -9999px; cursor: pointer;}

/* butonlar */

.buton { color: #fff !important; border-radius: 5px; border:none; cursor: pointer; }
.buyuk { padding: 10px 15px 10px 15px; font: 400 16px/22px 'Open Sans', sans-serif; }
.orta { padding: 10px; font: 400 14px/18px 'Open Sans', sans-serif; }
.kucuk { padding: 5px; font: 400 12px/16px 'Open Sans', sans-serif; }
.mavi { background: #065bab; }
.mavi:hover { background: #096dcb; color: #fff;} 
.yesil { background: #3ba60c; }
.yesil:hover { background: #45c00e; color: #fff;} 
.gri { background: #b6b6b6; }
.gri:hover { background: #a2a2a2; color: #fff;} 

/********* PAKETLER *********/
#paketler { margin-top: 20px; }
	#paketler li { float: left; margin-right: 16px; width: 181px; height:267px; background:url("../../../2012/08/paketBg.png") no-repeat; text-align: center;}
	#paketler li h1{ margin-top:15px; text-align: center; color: #373737; font-size: 16px;}
	#paketler li p { padding:5px; width: 143px; height: 69px; background:url("../../../2012/08/paketYaziBg.png") no-repeat;  padding-top:14px; color: #646464; margin: 20px 0 0 15px;}
	#paketler li img { margin-top:25px;}
	#paketler li span a{ width: 150px; height: 28px; background:url("../../../2012/08/paketButton.png") no-repeat; display: block; text-indent: -9999px; margin: 15px auto;}
	#paketler li span a:hover { background:url("../../../2012/08/paketButtonHover.png") no-repeat;}
	

	#drupal{ width:373px; height:128px; background: url(/images/2012/altsayfa/drupal.png) no-repeat; text-indent:-9999px; position: absolute;}
	#drupal:hover { width:373px; height:128px; background: url(/images/2012/altsayfa/drupal2.png) no-repeat; }
	#wordpress{ width:373px; height:128px; background: url(/images/2012/altsayfa/wordpress.png) no-repeat; text-indent:-9999px; position: absolute;}
	#wordpress:hover { width:373px; height:128px; background: url(/images/2012/altsayfa/wordpress2.png) no-repeat; }
	#joomla{ width:373px; height:128px; background: url(/images/2012/altsayfa/joomla.png) no-repeat; text-indent:-9999px; position: absolute;}
	#joomla:hover { width:373px; height:128px; background: url(/images/2012/altsayfa/joomla2.png) no-repeat; }
	#wreseller{ width:373px; height:128px; background: url(/images/2012/altsayfa/windowsReseller.png) no-repeat; text-indent:-9999px; position: absolute;}
	#wreseller:hover { width:373px; height:128px; background: url(/images/2012/altsayfa/windowsReseller2.png) no-repeat; }
	#lreseller{ width:373px; height:128px; background: url(/images/2012/altsayfa/linuxReseller.png) no-repeat; text-indent:-9999px; position: absolute;}
	#lreseller:hover { width:373px; height:128px; background: url(/images/2012/altsayfa/linuxReseller2.png) no-repeat; }
	#wvds{ width:373px; height:128px; background: url(/images/2012/altsayfa/windowsVDS.png) no-repeat; text-indent:-9999px; position: absolute;}
	#wvds:hover { width:373px; height:128px; background: url(/images/2012/altsayfa/windowsVDS2.png) no-repeat; }
	#lvds{ width:373px; height:128px; background: url(/images/2012/altsayfa/linuxVDS.png) no-repeat; text-indent:-9999px; position: absolute;}
	#lvds:hover { width:373px; height:128px; background: url(/images/2012/altsayfa/linuxVDS2.png) no-repeat; }
	#vdi{ width:373px; height:128px; background: url(/images/2012/altsayfa/vdi.png) no-repeat; text-indent:-9999px; position: absolute;}
	#vdi:hover { width:373px; height:128px; background: url(/images/2012/altsayfa/vdi2.png) no-repeat; }
	#hazirsunucu{ width:373px; height:128px; background: url(/images/2012/altsayfa/hazir.png) no-repeat; text-indent:-9999px; position: absolute;}
	#hazirsunucu:hover { width:373px; height:128px; background: url(/images/2012/altsayfa/hazir2.png) no-repeat; }
	#eklentiler{ width:373px; height:128px; background: url(/images/2012/altsayfa/eklentiler.png) no-repeat; text-indent:-9999px; position: absolute;}
	#eklentiler:hover { width:373px; height:128px; background: url(/images/2012/altsayfa/eklentiler2.png) no-repeat; }

/*------------------------------------
                                FOOTER
------------------------------------*/

#footer { width: 970px; height: 271px; background: url("../../../2012/08/footerBg.png") no-repeat; margin-top:20px; position: relative;}
 #footerUst { height: 25px; padding: 10px; }
	#blog {float: left; margin-top:5px; color: #676767;}
	#ara { float: right; }
	 #ara { width: 184px; height: 29px; background:url("../../../2012/08/inputBox-184.png") no-repeat; }
	 #araInput{ float: left; width: 145px; height: 15px; border: none; padding: 2px; margin: 5px 0 0 5px; color: #7c7c7c; font: italic 12px/12px Arial, Helvetica, sans-serif;}
	 #araButton{ width: 21px; height: 21px; background:url("../../../2012/08/iconSearch.png") no-repeat; border: none; float: right; margin:5px 5px 0 0; cursor: pointer;}
 
 #footerOrta { height: 185px;  }
 	#footerOrta ul {margin:20px 0 0 20px; width: 120px; float: left; font: normal 12px/13px Arial;}
	#footerOrta li { color: #676767; } 
	#footerOrta li a{ color: #979797;}
	#footerOrta li a strong{ color: #676767; } 
	#footerOrta li a:hover{ text-decoration: underline; color: #5d5d5d;}
	
	 #social { position: absolute; height: 100px; width: 150px; right: 20px; top: 80px; }
	 #social ul{ margin:0; width: 160px;}
		#social li{ float: left; margin:3px 0 0 6px;}
	
 #footerAlt {  height: 80px; padding: 10px; color: #7c7c7c; font: normal 12px/12px Arial, Helvetica, sans-serif; }
 	#telFax { margin-top: 5px;}
	#telFax li{ float: left; margin-right: 10px;}
 		#telFax .telefon { width: 111px; height: 17px; background:url("../../../2012/08/iconTelefon.png") no-repeat; text-align: right; }
		#telFax .fax { width: 117px; height: 15px; background:url("../../../2012/08/iconFax.png") no-repeat; text-align: right; }
	#adres { float: right;}

 #footerLogos { float: left; margin-top:15px;}
 #footerCopy { float: right; margin-top:20px; line-height: 16px;}
 
 /****** BOXY *****/

.boxy-wrapper { position: absolute; top: 60% !important; }
.boxy-wrapper.fixed {  }
.boxy-modal-blackout { position: absolute; background-color: white; left: 0; top: 0px; z-index: 1000; }
.boxy-wrapper {  }