/* Style Sheet für Referenzen Show & Act */
/* mailhead */
#mailbox{
position:relative; left:2%; top:0px;
width:96%; height:36px;
margin:0px 0px 0px 0px;
background-color:transparent;
border:0px solid black;
}
#kuvert{
position:absolute; left:0px; top:-2px;
width:41px; height:27px;
border:0px solid red;
}
#arrow{
position:absolute; left:50px; top:4px;
width:30px; height:15px;
border:0px solid black;
}
#mailschrift{
position:absolute; left:90px; top:0px;
font:normal small-caps normal 12pt/130% 'Comic sans MS',sans-serif;
color:#000000;
text-align:left;
text-decoration:none;
border:0px solid black;
}

/* referenzen mit bildern doppelrahmen ******************************************************************* */
#refbox{
position:relative; left:2%; top:0px;
width:96%;
margin:0px 0px 10px 0px; /* Standardabstand */
padding:0px 0px 20px 0px;
border:0px solid black;
}
#refstu{
position:relative; left:0px; top:0px;
margin-right:10px;
border:0px solid green;
}
#refbox1a{
position:relative; left:0px; top:0px;
height:20px;
margin-right:12px;
}
#refbox1b{
position:relative; left:0px; top:0px;
height:20px;
margin-right:10px;
}
#refbox1c{
position:relative; left:0px; top:0px;
height:20px;
margin-right:10px;
border-top:2px solid #aa88cc;
border-right:1px solid #aa88cc;
}
#refbox2a{
position:relative; left:0px; top:0px;
height:20px;
margin-right:11px;
}
#refbox2b{
position:relative; left:0px; top:0px;
height:20px;
margin-right:10px;
border-top:2px solid #ffaa00;
border-right:1px solid #ffaa00;
}
#refbox2c{
position:relative; left:0px; top:0px;
height:20px;
margin-right:10px;
border-right:1px solid #aa88cc;
}
/* refcontainer für bild und text im doppelrahmen */
#refcontainer{
position:relative; left:0px; top:0px;
height:80%;
/* mit dieser Scheinhöhe dürften alle bisher aufgetretenen bugs auf mysteriöse Weise verschwunden sein. n7 schneidet ohne diese Scheinhöhe unten ab, bei Scheinhöhe 100% is bei ie5 eine margin zwischen kontaktcontainer und bottomdoppelborder */
margin:0px 0px 0px 40px;
border:0px solid black;
}
#refimghochleiste{
float:left; left:0px; top:0px;
width:210px; height:300px;
background-color:#FEFEE4;
border:0px solid black;
}
#refimghoch{
position:relative; left:0px; top:0px;
width:210px; height:300px;
margin-top:40px;
background-color:#FEFEE4;
border-top:1px solid #f0f0f0;
border-right:1px solid #000000;
border-bottom:1px solid #000000;
border-left:1px solid #f0f0f0;
}

#refboxi1{
position:relative; left:0px; top:0px;
height:80%;
margin:0px 10px 0px 230px;
border-top:1px solid #e0e0e0;
border-right:1px solid #000000;
border-bottom:1px solid #000000;
border-left:1px solid #e0e0e0;
}
#refboxi2{
position:relative; left:0px; top:0px;
height:100%;
margin:0px 10px 0px 0px;
border-right:1px solid #ffaa00;
}
#refboxi3{
position:relative; left:0px; top:0px;
height:100%;
margin:0px 10px 0px 0px;
border-right:1px solid #aa88cc;
border-bottom:1px solid #fefee4; border-top:1px solid #fefee4;
/* border MUSS bleiben - netscape bugt ein padding top und bottom von etwa 10px wenn keine top und bottom border angegeben ist */
}
#reftext{
position:relative; left:0px; top:0px;
height:100px;
padding:10px;
}
#refbox3a{
position:relative; left:0px; top:0px;
height:20px;
margin-right:11px;
}
#refbox3b{
position:relative; left:0px; top:0px;
height:20px;
margin-right:10px;
border-right:1px solid #ffaa00;
}
#refbox3c{
position:relative; left:0px; top:0px;
height:20px;
margin-right:10px;
border-right:1px solid #aa88cc;
}
#refbox4a{
position:relative; left:0px; top:0px;
height:20px;
margin-right:11px;
}
#refbox4b{
position:relative; left:0px; top:0px;
height:20px;
margin-right:10px;
border-right:1px solid #ffaa00;
}
#refbox4c{
position:relative; left:0px; top:0px;
height:20px;
margin-right:10px;
}
#ref1pfl{
position:absolute; left:0px; top:0px;  z-index:40;
width:20px; height:20px;
margin-top:-10px;
background-color:#FEFEE4;
}
#ref2pfl{
position:absolute; left:0px; top:0px;  z-index:40;
width:40px; height:20px;
margin-top:-10px;
background-color:#FEFEE4;
}
#ref3pfl{
position:absolute; left:0px; bottom:0px;  z-index:40;
width:40px; height:20px;
margin-bottom:-10px;
background-color:#FEFEE4;
}
/* ******************************************************************************************************** */

#detailbox{
position:absolute; left:-20px; top:0px; z-index:25;
width:230px; height:30px;
border:0px solid black;
}
#lupe{
position:absolute; left:0px; top:0px; z-index:26;
width:50px; height:50px;
margin:-10px 0px 0px 0px;
/* background:url(../gr/lupe.gif) no-repeat; */
border:0px solid black;
}
#dettext{
position:absolute; left:0px; top:0px;
width:180px; height:20px;
margin:13px 0px 0px 45px;
font:normal normal normal 8pt/100% 'Comic sans MS',sans-serif;
color:#000000;
text-align:left;
text-decoration:none;
border:0px solid black;
}
#kunerCartoonBox{
position:relative; left:0px;  top:0px;
height:60px;
border:0px solid black;
}
#kunerCartoonKlein{
position:relative; left:0px; top:0px;
float:right;
margin:0px 10px 0px 0px;
width:100px; height:70px;
/* background:url(../gr/kunerkl.jpg) no-repeat; */
border:0px solid black;
}
#kunerLupe{
position:absolute; left:-20px; top:56px; z-index:26;
width:50px; height:50px;
margin:-10px 0px 0px 0px;
/* background:url(../gr/lupe.gif) no-repeat; */
border:0px solid black;
}
#kunerDettext{
position:absolute; left:-23px; top:56px;
width:180px; height:20px;
margin:13px 0px 0px 45px;
font:normal normal normal 6pt/100% 'Comic sans MS',sans-serif;
color:#000000;
text-align:left;
text-decoration:none;
border:0px solid black;
}

/* Kundenliste bzw. Referenzlisten-bereich ***************************************************************/
#kubox{
position:relative; left:2%; top:0px;
width:96%;
margin:0px 0px 0px 0px; /* wichtige Margin bei refimg ! wegen Netscape (image = kein Inhalt) */
background-color:transparent;
border:0px solid black;
}
#kuheadtext{
margin:0px 240px 10px 0px;
padding:0px 10px 50px 10px;
border:0px solid black;
}
/* stulp-box und innen-boxen für spezielles Rahmenlayout lila/orange */
#kundenstu{
position:relative; left:2%; top:0px;
width:98%;
padding:0px 0px 0px 0px;
border:0px solid black;
}
#kundenboxi{
position:relative; left:1%; top:0px;
width:98%; height:100%;
padding:0px 0px 0px 0px;
border-top:0px solid #ffaa00;
border-right:1px solid #000000;
border-bottom:0px solid #ffaa00;
border-left:0px solid #ffaa00;
}
#kundenboxo{
position:relative; left:0px; top:0px;
/*width:98%; height:100%;*/
margin-right:10px;
padding:0px 0px 0px 0px;
border-top:0px solid #ffaa00;
border-right:1px solid #ffaa00;
border-bottom:0px solid #ffaa00;
border-left:0px solid #ffaa00;
}
#kundenboxl{
position:relative; left:0px; top:0px;
/*width:98%; height:100%;*/
margin-right:10px;
padding:0px 0px 0px 0px;
border-top:0px solid #ffaa00;
border-right:1px solid #aa88cc;
border-bottom:0px solid #ffaa00;
border-left:0px solid #ffaa00;
}
#kundencontainer{
position:relative; left:40px; top:0px;
width:92%; height:100%;
margin:0px 0px 0px 0px;
border-left:1px solid #E0E0E0;
}
#kundentext{
position:relative; left:0px; top:0px;
margin:0px 0px 0px 0px;
padding:5px 0px 5px 0px;
font:normal small-caps normal 10pt/110% 'Comic sans MS',sans-serif;
color:#000000;
text-align:left;
text-decoration:none;
border:0px solid black;
}
#ku1pfl{
position:absolute; left:0px; top:0px;  z-index:40;
width:20px; height:20px;
margin-top:-10px;
background-color:#FEFEE4;
}
#ku2pfl{
position:absolute; left:0px; top:0px;  z-index:40;
width:40px; height:20px;
margin-top:-10px;
background-color:#FEFEE4;
}
#ku3pfl{
position:absolute; left:0px; bottom:0px;  z-index:40;
width:40px; height:20px;
margin-bottom:-10px;
background-color:#FEFEE4;
}