/*Top*/

#top1 {
	position:absolute; left:180px; 
	 	}
		
#top2 {
	position:absolute; left:418px; 
	 
	}

#top3 {
	position:absolute; left:656px; 
	 
	}
	
	#top4 {
	position:absolute; left:896px; width:200px;
	 
	}

 /* naviposition */
 
#navi {
	position:absolute; top:230px; width:180px; text-align:left;}

 /* navi Box */
.o {
	background: url(https://www.handy-reparatur.com/image/BG_Frame/BG_o.gif)  top right no-repeat;
}

.lo {
	background: url(https://www.handy-reparatur.com/image/BG_Frame/BG_lo.gif)  top left no-repeat;
}

.lu {
	background: url(https://www.handy-reparatur.com/image/BG_Frame/BG_lu.gif)  bottom left no-repeat;
}

.m {
	background: url(https://www.handy-reparatur.com/image/BG_Frame/BG_m.gif) bottom right repeat-y ;
}


.u {
	background: url(https://www.handy-reparatur.com/image/BG_Frame/BG_u.gif) bottom right no-repeat;
}

/* navi link */

a.navi2 { font-family:Arial, Helvetica, sans-serif;  text-decoration:none; }

a.navi2:link    { font-family:Arial, Helvetica, sans-serif; color:#FFF; }
a.navi2:visited { font-family:Arial, Helvetica, sans-serif; color:#FFF; }
a.navi2:hover   { font-family:Arial, Helvetica, sans-serif; color:#FF0; font-size: large; text-decoration:underline; }
a.navi2:active  { font-family:Arial, Helvetica, sans-serif; color:#FFF; }	

a.navi3 { font-family:Arial, Helvetica, sans-serif;  text-decoration:none; font-size:large }

a.navi3:link    { font-family:Arial, Helvetica, sans-serif; color:#FFF; }
a.navi3:visited { font-family:Arial, Helvetica, sans-serif; color:#FFF; }
a.navi3:hover   { font-family:Arial, Helvetica, sans-serif; color:#FF0; font-size: large; text-decoration:underline; }
a.navi3:active  { font-family:Arial, Helvetica, sans-serif; color:#FFF; }	

.kontakt { font-family:Arial, Helvetica, sans-serif;  

position:absolute; top:230px; width:189px; left:1000px; text-align:left;

color:#FFF;
}
.kontakt1:link    { font-family:Arial, Helvetica, sans-serif; color:#FFF; text-decoration: none; }
.kontakt1:visited { font-family:Arial, Helvetica, sans-serif; color:#FFF; text-decoration: none;}
.kontakt1:hover   { font-family:Arial, Helvetica, sans-serif; color:#FF0; font-size: large; text-decoration: underline; }
.kontakt1:active  { font-family:Arial, Helvetica, sans-serif; color:#FFF; }

#cse { position:absolute; top:630px; width:180px; text-align:left; }

/* Statseite main */


#Main_Box{ 	font-family:Arial, Helvetica, sans-serif;
	position:absolute; color:#FFF; top:580px; left:240px;

	width: 700px; 
	 }
	 
.Main_Box2{ 	font-family:Arial, Helvetica, sans-serif;
	position:absolute; color:#FFF; 

	width: 660px;
	left:40px;
	 }


	 

#logo_main { position:absolute;
             top: 150px; 
			 left:360px}
			 
#text_main {
	font-family:Arial, Helvetica, sans-serif;
	position:absolute;
	top:310px;
	left:240px;
	width: 700px;
	

}

#text_main2 {
	font-family:Arial, Helvetica, sans-serif;
	position:absolute;
	top:910px;
	left:240px;
	width: 700px;
	

}

#Vers_Box_index{ position:absolute; 
top:1670px; width:700px; 
 font-family:Arial, Helvetica, sans-serif; color:#FFF;

}

#handypng { position:absolute; 
top:100px;
left:1000px;

}

#chat { font-family:Arial, Helvetica, sans-serif;
position:absolute; 
left:1000px;
top:650px;
width:200px;
font-size:small;}

#oberkante {
	position:absolute;
	top: 146px;
	left:229px;
	width: 700px;
	font-family:Arial, Helvetica, sans-serif;
}
 

.error {
	color: #FF0000;
	font-weight: bold;
	font-size: 13px; }
	
.repAuftr_kl_schrift {
	font-size: smaller;
}

/* Reparatur-Auftrag */	

.repAuftr_U_schrift {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold; }

#body_font{font-family:Arial, Helvetica, sans-serif}
	
.rep_auft_anl {position: absolute; left:183px; top:145px; width:565px; text-align:center;}
	
.rep_auft_anl1:link    { color:#000 }
.rep_auft_anl1:visited { color:#999}
.rep_auft_anl1:hover   { color:#999 }
.rep_auft_anl1:active  { color:#999}
	
.error_top {
	position:absolute;
	width:580px;
	top: 6px;
}



/*N für Beschriftung und F für Feld*/
.N_Firma {
	position: absolute;
	left:1px;
	top:103px;
	width:70px
}
.N_Name {position: absolute; left:1px; top:126px; width:74px}
.N_Strasse{position: absolute; left:1px; top:151px; width:89px}
.N_PLZ{position: absolute; left:1px; top:172px; width:88px}
.N_ref{position: absolute; left:1px; top:195px; width:75px}

.F_Firma{position: absolute; left:98px; top:100px; width:70px}
.F_Name{position: absolute; left:98px; top:123px; width:70px}
.F_Strasse{position: absolute; left:98px; top:146px; width:70px}
.F_PLZ{position: absolute; left:98px; top:169px; width:70px}	
.F_Ref{position: absolute; left:98px; top:192px; width:70px}

#Logo_rep_A{position: absolute; left:360px; top:63px; width: 227px}

.U_Schrift{
	position: absolute;
	left:1px;
	top:214px;
	width:330px;
	height: 46px;
}

#hinweis1{
	position: absolute;
	left:1px;
	top:265px;
	width:371px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:smaller;
}





#H_PDA{
	position: absolute;
	left:1px;
	top:304px;
	width:222px
}



#H_Notebook{
	position: absolute;
	left:233px;
	top:304px;
	width:114px
}
#H_Navigation{
	position: absolute;
	left:357px;
	top:304px;
	width:114px
}
#H_MP3Player{
	position: absolute;
	left:357px;
	top:334px;
	width:124px
}
#H_Tablett{position: absolute; left:1px; top:334px; width:222px}
#H_Handy{position: absolute; left:233px; top:334px; width:114px}
#H_Garantie {
	position: absolute;
	left:355px;
	top:335px;
	width: 227px;
}

/*N für Beschriftung und F für Feld*/
#N_Hersteller{position: absolute; left:1px; top:365px; width:113px}
#F_Hersteller{
	position: absolute;
	left:139px;
	top:363px;
	width:60px
}

#N_Code{
	position: absolute;
	left:284px;
	top:363px;
	width:155px
}
#F_Code{
	position: absolute;
	left:439px;
	top:360px;
	width:135px}

#H_Akku{position: absolute; left:280px; top:390px; width:200px}
#H_Lader{position: absolute; left:468px; top:390px; width:113px}
#N_Geraete{position: absolute; left:1px; top:390px; width:113px}
#F_Geraete{
	position: absolute;
	left:139px;
	top:388px;
	width:60px


}
#N_zubeh{
	position: absolute;
	left:1px;
	top:414px;
	width:127px
}
#F_zubeh{
	position: absolute;
	left:139px;
	top:413px;
	width:434px
}
#N_imei{
	position: absolute;
	left:1px;
	top:441px;
	width:136px
}
#Hinweis2{
	position: absolute;
	left:260px;
	top:442px;
	width:350px;
	font-size:smaller
}
#F_imei{
	position: absolute;
	left:139px;
	top:438px;
	width:131px
}
.beschreibung{
	position: absolute;
	left:1px;
	top:468px;
	width:561px;
	height: 109px;
}
.aufgetreten{
	position: absolute;
	left:1px;
	top:595px;
	width:104px;
}
.immer1{
	position: absolute;
	left:107px;
	top:595px;
	width:75px
}
.zeitweise1{
	position: absolute;
	left:186px;
	top:595px;
	width:124px;
}
.imAuto1{
	position: absolute;
	left:295px;
	top:595px;
	width:90px;
}
.andere1{
	position: absolute;
	left:1px;
	top:610px;
	width:555px;
	height: 44px;
}
.Agarntie{
	position: absolute;
	left:1px;
	top:576px;
	width:135px;
}
.Cgarantie{
	position: absolute;
	left:137px;
	top:579px;
	width:470px
}
.Tgarantie{
	position: absolute;
	left:160px;
	top:606px;
	width:420px;
	font-size:smaller
}
.kpflich{position: absolute; left:2px; top:674px; width:90px}
.privk{
	position: absolute;
	left:2px;
	top:739px;
	width:131px;
	font-size:smaller;
}
.kva1{
	position: absolute;
	left:135px;
	top:658px;
	width:393px
}
.sof_rep1{
	position: absolute;
	left:135px;
	top:685px;
	width:390px
}
.freig{
	position: absolute;
	left:135px;
	top:713px;
	width:149px
}
.eur{
	position: absolute;
	left:345px;
	top:711px;
	width:389px;

}
.netto1{
	position: absolute;
	left:293px;
	top:711px;
	width:30px
}
.vorkasse1{
	position: absolute;
	left:135px;
	top:749px;
	width:138px
}
.nachnahme1{
	position: absolute;
	left:277px;
	top:749px;
	width:160px
}
.paypal1{
	position: absolute;
	left:451px;
	top:748px;
	width:187px;
	height: 25px;
}
.paypal2{
	position: absolute;
	left:511px;
	top:751px;
	width:62px;
	height: 25px;
}
.rueckf{
	position: absolute;
	left:1px;
	top:785px;
	width:130px
}
.ansprechpartn{position: absolute; left:145px; top:775px; width:130px}
.ansprechpartner1{position: absolute; left:280px; top:772px; width:130px}
.Telefon1{position: absolute; left:145px; top:799px; width:70px}
.Telefon2{position: absolute; left:280px; top:797px; width:70px}
.FAX1{position: absolute; left:145px; top:825px; width:70px}
.FAX2{position: absolute; left:280px; top:825px; width:70px}
.E_MAIL{position: absolute; left:145px; top:851px; width:70px}
.E_MAIL1{position: absolute; left:280px; top:848px; width:212px}
.unters{position: absolute; left:1px; top:878px; width:584px}
.Datens{
	position:absolute;
	font-size:smaller;
	left:3px;
	top:932px;
	width: 576px;
}


.buttons1{position: absolute; left:10px; top:995px; width:550px; height: 32px;}

/* Ende Reparatur Auftrag */

	
/* Beginn befehle und css für Print */

@media print { 
   #navi, #top1, #top2, #top3, a.navi2 , navi3, .kontakt, #chat, #handypng, .error, .buttons1, .rep_auft_anl, .error, #druck1, #druck2, tooltip  { 
        display: none; 
    }
	#logo_main { position:absolute;
             top: 50px; 
			 left:160px}
			 
#text_main { font-family:Arial, Helvetica, sans-serif;
 position:absolute; 
 top:183px; 
 left:40px; 
 width: 700px;}
 

/*beginn Reparatur Auftrag Print */

#oberkante {position:absolute;
             top: 1px;  left:1px; width:595px; height:900px; /*72 DPI595 x 842 150DPI 1240 x 1754*/
}

.repAuftr_U_schrift {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold; }

#body_font{font-family:Arial, Helvetica, sans-serif}
	

/*N für Beschriftung und F für Feld*/
.N_Firma {
	position: absolute;
	left:1px;
	top:53px;
	width:70px
}
.N_Name {position: absolute; left:1px; top:76px; width:74px}
.N_Strasse{position: absolute; left:1px; top:101px; width:89px}
.N_PLZ{position: absolute; left:1px; top:122px; width:88px}
.N_ref{position: absolute; left:1px; top:145px; width:75px}

.F_Firma{position: absolute; left:98px; top:50px; width:70px}
.F_Name{position: absolute; left:98px; top:73px; width:70px}
.F_Strasse{position: absolute; left:98px; top:96px; width:70px}
.F_PLZ{position: absolute; left:98px; top:119px; width:70px}	
.F_Ref{position: absolute; left:98px; top:142px; width:70px}

#Logo_rep_A{position: absolute; left:365px; top:13px; width: 227px}

.U_Schrift{
	position: absolute;
	left:1px;
	top:164px;
	width:330px;
	height: 46px;
}

#hinweis1{
	position: absolute;
	left:1px;
	top:215px;
	width:371px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:smaller;
}




#H_PDA{
	position: absolute;
	left:1px;
	top:262px;
	width:222px
}

#H_Navigation{position: absolute; left:357px; top:262px; width:114px}
#H_Notebook{position: absolute; left:233px; top:262px; width:114px}

#H_Tablett{position: absolute; left:1px; top:282px; width:222px}
#H_Handy{position: absolute; left:233px; top:282px; width:114px}
#H_Garantie{position: absolute; left:320px; top:282px; width:214px}

#N_Hersteller{position: absolute; left:1px; top:315px; width:113px}
#F_Hersteller{
	position: absolute;
	left:139px;
	top:313px;
	width:60px
}


#H_Akku{position: absolute; left:280px; top:333px; width:200px}
#H_Lader{position: absolute; left:468px; top:333px; width:113px}



/*N für Beschriftung und F für Feld*/
#N_Geraete{position: absolute; left:1px; top:335px; width:113px}
#F_Geraete{
	position: absolute;
	left:139px;
	top:333px;
	width:60px
}
#N_Code{
	position: absolute;
	left:284px;
	top:315px;
	width:125px
}
#F_Code{position: absolute; left:421px; top:312px; width:76px}
#N_zubeh{
	position: absolute;
	left:1px;
	top:359px;
	width:127px
}
#F_zubeh{
	position: absolute;
	left:139px;
	top:358px;
	width:434px
}
#N_imei{
	position: absolute;
	left:1px;
	top:436px;
	width:127px
}
#Hinweis2{
	position: absolute;
	left:277px;
	top:437px;
	width:306px;
	font-size:smaller
}
#F_imei{
	position: absolute;
	left:139px;
	top:433px;
	width:131px
}
.beschreibung{
	position: absolute; left:1px; top:462px; width:557px; height: 99px; font-size:smaller;
}
.aufgetreten{position: absolute; left:1px; top:563px; width:98px;}
.immer1{position: absolute; left:107px; top:563px; width:75px}
.zeitweise1{
	position: absolute;
	left:186px;
	top:563px;
	width:104px;
}
.imAuto1{position: absolute; left:286px; top:563px; width:90px;}
.andere1{position: absolute; left:1px; top:577px; width:554px;}
.andere2{position: absolute; left:135px; top:563px; width:100px;}
.kpflich{position: absolute; left:2px; top:654px; width:90px}
.privk{
	position: absolute;
	left:2px;
	top:699px;
	width:131px; font-size:smaller;
}
.kva1{position: absolute; left:135px; top:624px; width:390px}
.sof_rep1{position: absolute; left:135px; top:649px; width:390px}
.freig{
	position: absolute;
	left:135px;
	top:676px;
	width:149px
}
.eur{
	position: absolute;
	left:345px;
	top:674px;
	width:379px; font-size:xx-small;
	
}
.netto1{
	position: absolute;
	left:293px;
	top:673px;
	width:30px
}
.vorkasse1{position: absolute; left:135px; top:699px; width:140px}
.nachnahme1{position: absolute; left:275px; top:699px; width:170px}
.paypal1{position: absolute; left:455px; top:699px; width:140px}
.rueckf{position: absolute; left:2px; top:735px; width:130px}
.ansprechpartn{position: absolute; left:145px; top:725px; width:130px}
.ansprechpartner1{position: absolute; left:280px; top:725px; width:130px}
.Telefon1{position: absolute; left:145px; top:749px; width:70px}
.Telefon2{position: absolute; left:280px; top:747px; width:70px}
.FAX1{position: absolute; left:145px; top:775px; width:70px}
.FAX2{position: absolute; left:280px; top:775px; width:70px}
.E_MAIL{position: absolute; left:145px; top:801px; width:70px}
.E_MAIL1{position: absolute; left:280px; top:798px; width:212px}
.unters{position: absolute; left:1px; top:858px; width:584px}
.Datens{
	position:absolute;
	font-size:smaller;
	left:3px;
	top:880px;
	width: 576px;
}


.buttons1{position: absolute; left:10px; top:885px; width:550px; height: 32px;}
.repAuftr_kl_schrift {
	font-size: smaller;
}

}

/*ende Reparatur Auftrag*/
 
/* css letzt cache für printbefehle die klammer unter dem kommentar ist der verschluss */
}


/* Relativer Tooltip für Menü / Zusatzinfos einblenden bei mousehover direkt drann ohne Zeilenumbruch */
a.tooltip, a.tooltip:link, a.tooltip:visited, a.tooltip:active  {
  position: relative;
  text-decoration: none; 
  color: #F00; 
  }
  
a.tooltip:hover {
  color: #0F3; 
  background: transparent;
  }

a.tooltip span {
  display: none;  
  text-decoration: none; 
}

a.tooltip:hover span {
  display: block;
  position: absolute; 
  top: 20px; 
  left: 0; 
  width: 200px;
  z-index: 100;
  color: #000000; 
  border:1px solid #000000; 
  background: #FFC;
  font: 12px ; font-family:Arial, Helvetica, sans-serif; 
  text-align: left;
  }
  
a.tooltip span b {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 18px;
  color: black;
  background-color: #FFF;
  border: 0px;
  border-bottom: 1px solid black;
}

/* Absoluter Tooltip */
div#menu {
  position: relative; 
  top: 10px; 
  left: 0px; 
  width: 2000px; 
  height: 180px; 
  font: 18px; font-family:Arial, Helvetica, sans-serif; 
  z-index: 100;
  }
  
div#menu a {
  display: block; 
  text-align: center; 
  font: bold 1em sans-serif; 
  padding: 3px 10px; 
  margin: 0 0 1px; 
  text-decoration: none; 
  color: black; 
  background: #99FF99;
  border: 1px solid black;
  }
  
div#menu a:hover {
  color: #441111; 
  background: #FFFF66;
  border: 1px dotted blue;
  }

div#menu a span {display: none;}
div#menu a:hover span {
   display: block;
   position: absolute; 
   top: 94px; 
   left: 0; 
   width: 158px;
   padding: 5px; 
   z-index: 100;
   color: #000000; 
   background: #FFFFCC;
   font: 12px ; font-family:Arial, Helvetica, sans-serif 
   text-align: center;
   border: 1px dashed black;
   }
/* ende Tootip Informationen*/

/*Beginn FAQ Hilfe*/

#Vorkasse2{ position:absolute; top:6579px; width: 780px;  left:240px; font-family:Arial, Helvetica, sans-serif}

#Sicherheitscode {position:absolute; top:7496px; width:780px; height: 28px; left:241px; font:Arial, Helvetica, sans-serif}

#KVA_FAQ{ position:absolute; top:7096px; width:780px; height: 28px; left:241px; font:Arial, Helvetica, sans-serif}
#Hotline_herst {position:absolute; top:1800px; left:230px;}

#Displayglas {position:absolute; top:7996px; width:780px; height: 28px; left:241px; font:Arial, Helvetica, sans-serif}
#dauer1 {
	position:absolute;top:9500px;width:780px;height: 28px;left:245px;	font:Arial, Helvetica, sans-serif
}
#Versand1 {
	position:absolute;top:9800px;width:780px;height: 28px;left:245px;	font:Arial, Helvetica, sans-serif
}