a
 	{
 	color: #353535;
	}
	
a:visited
	{
	color: #504f64;
	}	
aaa
 	{
 	color: #aaa;
	}
	
#by
	{
	position: absolute;
        left:454px; top:6px; width:150px;
        color: #353535;
	font-family: verdana;
	font-size: 10px;
	font-weight: 500;
	line-height: 140%;
        text-align: right;
	}

#icons
	{
	position: absolute;
        left:524px; top:10px; width:81px; height:27px;
	}

#cover
	{
	position: absolute;
        left:69; top:364px; width:200px; width:240px; height:600px;
	}

#name
	{
	position: absolute;
        left:0px; top:-1px; width:150px;
        color: #353535;
	font-family: verdana;
	font-size: 10px;
	font-weight: 600;
        text-align: left;
	}

#kontakt
	{
	position: absolute;
        left:0px; top:36px; width:400px;
	color: #353535;
	line-height: 14px;
	font-family: verdana;
	font-size: 9px;
	font-weight: 500;
        text-align: left;
	}
	
#eigenschaften
	{
	position: absolute;
        left:0px; top:166px; width:400px;
	color: #353535;
	line-height: 14px;
	font-family: verdana;
	font-size: 9px;
	font-weight: 500;
        text-align: left;
	}
	
#eigenschaften_links
	{
	position: absolute;
        left:0px; top:26px; width:200px;
	color: #353535;
	line-height: 14px;
	font-family: verdana;
	font-size: 9px;
	font-weight: 500;
        text-align: left;
	}
	
#eigenschaften_rechts
	{
	position: absolute;
        left:102px; top:26px; width:200px;
	color: #353535;
	line-height: 14px;
	font-family: verdana;
	font-size: 9px;
	font-weight: 500;
        text-align: left;
	}

#arbeiten
	{
	position: absolute;
        left:340; top:363px; width:0px;
	}
	
	
/* Offline Arbeiten - Anfang */

#semester_arbeiten
	{
	position: absolute;
        left:340px; top:531px; width:150px;
        color: #353535;
	font-family: verdana;
	font-size: 10px;
	font-weight: 600;
        text-align: left;
	}
		
.titel
	{
	position: absolute;
        left:0px; top:0px; width:150px;
        color: #353535;
	font-family: verdana;
	font-size: 10px;
	font-weight: 600;
        text-align: left;
	}
		
.zeit
	{
	position: absolute;
        left:0; top:27px; width:64px;
	color: #aaaaaa;
	line-height: 14px;
	font-family: verdana;
	font-size: 9px;
	font-weight: 500;
        text-align: right;
	}

.url
	{
	position: absolute;
        left:77; top:27px; width:200px;
	color: #353535;
	line-height: 14px;
	font-family: verdana;
	font-size: 9px;
	font-weight: 500;
        text-align: left;
	}
	
.light
        {
        color: #aaaaaa;
       	}

/* Offline Arbeiten - Ende */	
	
	
/* Vorschau - Anfang */	

.url #arbeit:hover #arbeitsvorschau
        {
	display: block;
	}
.url #schrift:hover #vorschau
        {
	display: block;
	}
.url #gebra:hover #vorschau
        {
	display: block;
	}
.url #mixed_pixels:hover #vorschau
        {
	display: block;
	}
.url #deins_wird_meins:hover #vorschau
        {
	display: block;
	}
.url #antivirus:hover #vorschau
        {
	display: block;
	}
	
#vorschau
	{
	position: absolute;
        left:-348; top:-194px; width:200px; width:240px; height:600px;
	background-color: #fff;
	z-index:6;
	display: none; 
	}
	
#arbeitsvorschau
	{
	position: absolute;
        left:-348; top:-26px; width:200px; width:240px; height:600px;
	background-color: #fff;
	z-index:6;
	display: none; 
	}

.name
	{
	position: absolute;
        left:0px; top:-2px; width:220px;
        color: #353535;
	font-family: verdana;
	font-size: 10px;
	font-weight: 600;
        text-align: left;
	}
	
.slim
     	{
	font-weight: 500;     
        }
	
#mini_rahmen
	{
	position: absolute;
        left:36; top:-97px; width:0px; height:0px;
	}

.mini_rahmen
	{
	position: absolute;
        left:0; top:125px; width:147px; height:105px;
	}
	
.mini_bild
	{
	position: absolute;
        left:2; top:2px; width:141px; height:99px;
	}

#mini_v_rahmen
	{
	position: absolute;
        left:36; top:-198px; width:0px; height:0px;
	}
	
.mini_v_rahmen
	{
	position: absolute;
        left:0; top:226px; width:147px; height:206px;
	}
	
.mini_v_bild
	{
	position: absolute;
        left:2; top:2px; width:141px; height:200px;
	}
	
#big_rahmen
	{
	position: absolute;
        left:-76; top:28px; width:0px; height:0px;
	}
	
.big_rahmen
	{
	position: absolute;
        left:0; top:300px; width:147px; height:105px;
	}
	
.big_bild img
	{
	position: absolute;
        left:3; top:2px; width:300px; height:150px;
	}

/* Vorschau - Ende */
	
/*
353535
aaaaaa
504f64

175-200 0 25 vl
200-231 25 56 - 31 bw
231-503 56 328 - 272 wort
245 70 kontakt
503 328 titel
566 391 datum
579 404 url
680-780 505 605 - 100 by
795-825 620 650 - 30 vr

15 by
140-187 47 wort
207-216 9
216-322 106
322-331 9
363 text
*/

/* design */

body
	{
	background-color:#fff;
	}

img     
	{
	border: none;
	}  

#i_u 
	{
        background-image:url(http://zenlufer.de/images/i_u.gif);
        position: absolute; left: 0px;
	width:27px; height:27px;
	}
	
#i_u:hover
        { 
        background-image:url(http://zenlufer.de/images/i_u_h.gif);
	}

#i_z 
	{
        background-image:url(http://zenlufer.de/images/i_z.gif);
        position: absolute; left: 27px;
	width:27px; height:27px;
	}

#i_y 
	{
        background-image:url(http://zenlufer.de/images/i_y.gif);
        position: absolute; left: 54px;
	width:27px; height:27px;
	}
	
#i_y:hover
        { 
        background-image:url(http://zenlufer.de/images/i_y_h.gif);
	}

#center
	{
	position: absolute;
        left:50%; top:0px; width:0px; height: 100%px;
	}

#content
	{
	position: absolute;
        left:-322px; top:0px; width:650px; height: 100%px;
	}

#wortmarke
	{
	position: absolute;
        /* left:68px; top:140px; width:272px; height:47px;
	/* background-image: url(http://zenlufer.de/images/wortmarke.png); */
        left:68px; top:140px; width:245px; height:47px;
	background-image: url(http://zenlufer.de/images/portfolio.png);
	}

#banner
	{
	position: absolute;
        left:-497px; top:216px; width:995px; height:106px;
	background-image: url(http://zenlufer.de/images/banner.png);		
	}

#h_balken_l
	{
	position: absolute;
        left:-506px; top:207px; width:9px; height:124px;
	background-image: url(http://zenlufer.de/images/h_balken_l.gif);
	background-repeat:no-repeat;
	}
	
#h_balken_r
	{
	position: absolute;
        left:498px; top:207px; width:9px; height:124px;
	background-image: url(http://zenlufer.de/images/h_balken_r.gif);
	background-repeat:no-repeat;
	}

#h_balken_tb
	{
	position: absolute;
        left:-497px; top:207px; width:995px; height:9px;
	background-image: url(http://zenlufer.de/images/h_balken_tb.gif);
	background-repeat:repeat-x;
	}

#h_balken_bb
	{
	position: absolute;
        left:-497px; top:322px; width:995px; height:9px;
	background-image: url(http://zenlufer.de/images/h_balken_bb.gif);
	background-repeat:repeat-x;
	}

#v_balken_l
	{
	position: absolute;
        left:0px; top:0px; width:25px; height:963px;
	background-image: url(http://zenlufer.de/images/v_balken_l.gif);
	background-repeat:repeat-y;
	}

#v_balken_r
	{
	position: absolute;
        left:620px; top:0px; width:30px; height:963px;
	background-image: url(http://zenlufer.de/images/v_balken_r.gif);
	background-repeat:repeat-y;
	}