/*
Theme Name: Merleperle
Theme URI: www.merleperle.net
Description: Merles Theme
Author: Liv Merle Theeß
*/

/*
# --- C S S - I N F O ------------------------------------------------------{}*/

/*
   Cascading Stylesheet http://www.merleperle.net
   by Liv Merle Thee§
   last update: 2005-07-01
*/

/*
# --- GENERAL ------------------------------------------------------{}*/

/* Grund-Abstände definieren */



* {padding:0; margin:0;}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address {margin : 1em 0;}

li, dd {margin : 0; padding : 0;}


ul {
    list-style : none; padding : 0;
    margin : 0;
    }


/*
# --- B O D Y --------------------------------------------------------------{}*/
	* html body {
        font-size : x-small; /* für IE5.x/win */
        f\ont-size : small;  /* für andere IE */
		/* Simplified Box Model Hack:
		   http://www.info.com.ph/~etan/w3pantheon/style/modifiedsbmh.html */
	}
	

	body {
		font : small/1.5em Arial, "Helvetica Neue", Helvetica, sans-serif;

		color : #000;

		background : #000 url(pics_global/bg_body_neu.gif) repeat-y 50%;

		text-align : center; /* fŸr IE */
	}
    

/*
# --- L I N K S ------------------------------------------------------------{}*/
        
    a {
        text-decoration : underline;
        color : #000;
    }

    a:hover {
        color : #9a9a9a;
    }
    
    a:active {
        color : #9a9a9a;
     }
    
    a:focus {
        color : #9a9a9a;	    
        text-decoration : underline;
    }

/*
# --- B L O C K S ----------------------------------------------------------{}*/
	
	#head {

		background : url(pics_global/banner_city.jpg) no-repeat top center;
		position : relative;

	    height : 214px;
	}
		
	#main {
        margin-top : 1em;
        padding-top : 5px;
        clear : both;
    }		
    
    #container {
    	margin : 0 auto 0 auto;	
    	width : 800px;
    	text-align : left;	/* fŸr IE */
    	position : relative;    
    	height : 100%;
	}
		
    
    /* #language {
	   position : absolute;
	   right : 0.2em;
	   top : 4px;
    }*/
	   
    #nav_main {

		position : absolute;

		top : 180px;
	    left : 217px;
	}

	
    #nav_sub, #nav_sub_leer {
	    background-color : #fff;
	    width : 800px;
	    border-top : 3px solid #cb570e;
	   	}
	
    #illustrations {
        font-size : 78%;
        line-height : 100%;
        color : #888;
        letter-spacing : 0.1em;
        position : relative;
        width : 150px;
        float : left; 
        padding-left : 10px;
        margin-left : 1px;
    }

    
    #bonbon {
        width : 160px;
        position : relative;
        height : 40px;
        color : #000;
        padding-top : 60px;
        margin-top : 8px;
        float : right;
    }
    
           
    #sidelinks {
        width : 140px;
        text-align : left;
    }
    

    #texts {
        margin : 15px 184px 0 167px;
        padding-bottom : 30px;
		line-height : 120%;
		text-align : justify;
        color : #000;
        text-transform : lowercase;
      }
      
    
    #guests {
        margin : 15px 182px 0 165px;
        text-transform : lowercase;
    }
    
/* workaround gegen italics-Problem des IE \ */ 
* html #texts {
        margin-right : 178px;
        overflow: hidden;
        o\verflow: visible;
        width: 100%;
        w\idth: auto;
        height: 1%;
}
/* */
        

    #footer {

		clear : both;
		position: relative;
		text-align : center;
		width : 800px;
		margin : 1em auto 0 auto;	
		font-size : 88%;
		color : #fff;
		border-top: 1px solid #000;
	}

	

/*
# --- L A N G U A G E --------------------------------------------------------------{}
    
    #language ul {
        margin : 0;
        padding : 0;
    }
    
    #language li {
        padding : 0 .5em 0 0;
        margin : 0;
        float : left;
        display : block;
    }
    
    #language li a {
        padding : 0;
        margin : 0;
        height : 15px;
        width : 25px;
        display : block;
        text-decoration : none;
        white-space : nowrap;
        color : #ececec;
        font-size : 100%;
        float : left;
        border : none;
    }*/


 /*
# --- I L L U S T R A T I O N S -----------------------------------------{}*/

#illustrations ul {
    width : 130px;
    font-size : 85%;
    line-height : 90%;
    }

#illustrations li {
    display : block;
    }

#illustrations li a {
    margin : 10px 0 0 0;
    padding : 0;
    display : block;
    color : #888;
    text-decoration : none;
    }

#illustrations li a:hover {
    color : #000;
    text-decoration : none;
    }


#illustrations li.rssfeed, li.rssfeed a:hover {
	width : 77px;
	height : 14px;
    }
    
#illustrations li.rssfeed {
	background : url(pics_global/rss_orange.gif) no-repeat;
	}
	
#illustrations li.rssfeed a:hover {
	background : url(pics_global/rss_grey.gif) no-repeat;
	}
	
#illustrations li.myspace, li.myspace a:hover {
	width : 77px;
	height : 14px;
    }
    
#illustrations li.myspace {
	background : url(pics_global/myspace_blue.gif) no-repeat;
	}
	
#illustrations li.myspace a:hover {
	background : url(pics_global/myspace_grey.gif) no-repeat;
	}
		
	


 /*
# --- B O N B O N ----------------------------------------------------{}*/
  
    #bonbon ul {
        margin : 0;
        padding : 0;
    }
    
    #bonbon li {
        padding : 0;
        margin : 0;
        display : block;
        
    }
    
    #bonbon li a {
        padding : 0;
        margin : 15px 0 0 0;;
        height : 1.5em;
        display : block;
        text-decoration : none;
        color : #000;
        font-weight : normal;
        border : none;
        }
    
     #bonbon li.nomargin a {
        padding : 0;
        margin : 0;
        height : 1.5em;
        display : block;
        text-decoration : none;
        color : #000;
        font-weight : normal;
        border : none;
        }
    
    #bonbon.archiv li a {
        margin-top : 10px;
        }
    
    #bonbon li a:hover {
        color : #888;
    }
    


/*# --- N A V I G A T I O N // M A I N --------------------------------------------------{}*/
            
    #nav_main ul {
        font-size : 12px; /* fŸr IE, damit MenŸ fest steht */
        color : #fff;
        margin : 0; 
        padding : 0;
        white-space : nowrap;
    }
        



	#nav_main li {
		float: left;  
	}

	#nav_main li a {
		display : block; 
		text-decoration : none;
		white-space : nowrap;
		color : #ececec;

	}
	
	#nav_main li.musizieren, li.musizieren a:hover {
	    width : 110px;
	    height : 30px;
    }
    
    #nav_main li.musizieren {
	    background : url(pics_global/musizieren.gif) no-repeat;
	}
	
	#nav_main li.musizieren a:hover {
	    background : url(pics_global/musizieren_hover.gif) no-repeat;
	}

	
	#nav_main li.schreiben, li.schreiben a:hover {
	    width : 89px;
	    height : 30px;
    }
    
    #nav_main li.schreiben {
	    background : url(pics_global/schreiben.gif) no-repeat;
	}
	
	#nav_main li.schreiben a:hover {
	    background : url(pics_global/schreiben_hover.gif) no-repeat;
	}

	#nav_main li.knipsen, li.knipsen a:hover {
	    width : 79px;
	    height : 30px;
    }
    
    #nav_main li.knipsen {
	    background : url(pics_global/knipsen.gif) no-repeat;
	}
	
	#nav_main li.knipsen a:hover {
	    background : url(pics_global/knipsen_hover.gif) no-repeat;
	}

	#nav_main li.filmen, li.filmen a:hover {
	    width : 73px;
	    height : 30px;
    }
    
    #nav_main li.filmen {
	    background : url(pics_global/filmen.gif) no-repeat;
	}
	
	#nav_main li.filmen a:hover {
	    background : url(pics_global/filmen_hover.gif) no-repeat;
	}

	#nav_main li.gestalten, li.gestalten a:hover {
	    width : 88px;
	    height : 30px;
    }
    
    #nav_main li.gestalten {
	    background : url(pics_global/gestalten.gif) no-repeat;
	}
	
	#nav_main li.gestalten a:hover {
	    background : url(pics_global/gestalten_hover.gif) no-repeat;
	}

	#nav_main li.lernen, li.lernen a:hover {
	    width : 69px;
	    height : 30px;
    }
    
    #nav_main li.lernen {
	    background : url(pics_global/lernen.gif) no-repeat;
	}
	
	#nav_main li.lernen a:hover {
	    background : url(pics_global/lernen_hover.gif) no-repeat;
	}

	#nav_main li.besuchen, li.besuchen a:hover {
	    width : 75px;
	    height : 30px;
    }
    
    #nav_main li.besuchen {
	    background : url(pics_global/besuchen.gif) no-repeat;
	}
	
	#nav_main li.besuchen a:hover {
	    background : url(pics_global/besuchen_hover.gif) no-repeat;
	}
		

/*
# --- N A V I G A T I O N // S U B --------------------------------------------------{}*/


            
    #nav_sub li, #nav_sub_leer ul {
        border-bottom : 1px solid;
        font-size : 80%;
        margin : 0; 
        padding : 0;
    }
        



	#nav_sub li, #nav_sub_leer li {
		float: left; 
		padding : 0 5px 0 5px;  

	}
	
	#nav_sub li {
	    border-right : 1px solid #000;
    }

	#nav_sub li a, #nav_sub_leer a {
		display : block; 
		height : 2em;
		text-decoration : none;

		float : left;  /* für IE5-Mac und Win */
	}

    #nav_sub_leer a {
    color : #fff;
    }
/*
# --- F O T O S --------------------------------------------------{}*/


            
    #fotos {
        position : relative;
        height : 400px;
        white-space : nowrap;
        }    
    
    
    .foto_left {
        width : 40px;
        height : 48px;
        text-decoration : none;
        display : block;
        background : url(pics_global/polaroid_icon.gif) no-repeat;
        float : left;
        position : absolute;
        margin-right : 15px;
        }
        
    .foto_right {
        width : 40px;
        height : 48px;
        text-decoration : none;
        display : block;
        background : url(pics_global/polaroid_icon.gif) no-repeat;
        float : left;
        left : 220px;
        position : absolute;
        margin-right : 15px;
        }
        
    #row_1 {
        position : absolute;
        }
    
    #row_2 {
        position : absolute;
        top : 90px;
        }
    
    #row_3 {
        position : absolute;
        top : 180px;
        }
        
    #row_4 {
        position : absolute;
        top : 270px;
        }
    
    #row_5 {
        position : absolute;
        top : 360px;
        }

    
    #row_6 {
        position : absolute;
        top : 450px;
        }
    
    .pola_icon {
        width : 40px;
        height : 48px;
        text-decoration : none;
        display : block;
        background : url(pics_global/polaroid_icon.gif) no-repeat;
        }

    .pola_collection {
        width : 40px;
        height : 48px;
        text-decoration : none;
        display : block;
        background : url(pics/fotos/pola_icons/pola_collection.jpg) no-repeat;
        }
        
    .pola_trash {
        width : 40px;
        height : 48px;
        text-decoration : none;
        display : block;
        background : url(pics/fotos/pola_icons/pola_trash.jpg) no-repeat;
        }
        
    .pola_france_sw {
        width : 40px;
        height : 48px;
        text-decoration : none;
        display : block;
        background : url(pics/fotos/pola_icons/pola_france_sw.jpg) no-repeat;
        }
        
    .pola_france_c {
        width : 40px;
        height : 48px;
        text-decoration : none;
        display : block;
        background : url(pics/fotos/pola_icons/pola_france_c.jpg) no-repeat;
        }
    .pola_nz {
        width : 40px;
        height : 48px;
        text-decoration : none;
        display : block;
        background : url(pics/fotos/pola_icons/pola_nz.jpg) no-repeat;
        }
        
    .pola_tv {
        width : 40px;
        height : 48px;
        text-decoration : none;
        display : block;
        background : url(pics/fotos/pola_icons/pola_tv.jpg) no-repeat;
        }
        
    .pola_kirmes {
        width : 40px;
        height : 48px;
        text-decoration : none;
        display : block;
        background : url(pics/fotos/pola_icons/pola_kirmes.jpg) no-repeat;
        }

    .pola_irrlichter {
        width : 40px;
        height : 48px;
        text-decoration : none;
        display : block;
        background : url(pics/fotos/pola_icons/pola_irrlichter.jpg) no-repeat;
        }
        
    .pola_reflexion {
        width : 40px;
        height : 48px;
        text-decoration : none;
        display : block;
        background : url(pics/fotos/pola_icons/pola_reflexion.jpg) no-repeat;
        }

    .pola_bella_italia {
        width : 40px;
        height : 48px;
        text-decoration : none;
        display : block;
        background : url(pics/fotos/pola_icons/pola_bella.jpg) no-repeat;
        }

    .pola_naturlaub {
        width : 40px;
        height : 48px;
        text-decoration : none;
        display : block;
        background : url(pics/fotos/pola_icons/pola_naturlaub.jpg) no-repeat;
        }
        


    
    
/*
# --- D E S I G N --------------------------------------------------{}*/


            
    #malen {
        position : relative;
        height : 90px;
        white-space : nowrap;
        }    
    
    .design_left a, .design_right a, .daily_left a, .daily_midleft a, .daily_mid a, .daily_midright a, .daily_right a {
        width : 80px;
        height : 80px;
        text-decoration : none;
        display : block;
    }
        
    .daily_01 {
        background : url(pics/daily/daily_01_thumb.jpg) no-repeat;
    }

    .daily_02 {
        background : url(pics/daily/daily_02_thumb.jpg) no-repeat;
    }

    .daily_03 {
        background : url(pics/daily/daily_03_thumb.jpg) no-repeat;
    }

    .daily_04 {
        background : url(pics/daily/daily_04_thumb.jpg) no-repeat;
    }

    .daily_05 {
        background : url(pics/daily/daily_05_thumb.jpg) no-repeat;
    }
    
    .schiff {  
	    background : url(pics/malen/schiff_thumb.jpg) no-repeat;
	}
    
    .street {
	    background : url(pics/malen/street_thumb.jpg) no-repeat;
	}
    
	.regina {
	    background : url(pics/grafik/regina_thumb.jpg) no-repeat;
	}
	
	.tricolore {
	    background : url(pics/grafik/tricolore_thumb.jpg) no-repeat;
	}
	
	.berlin {
	    background : url(pics/grafik/berlin_thumb.jpg) no-repeat;
	}
	
	.airplane {
	    background : url(pics/grafik/airplane_thumb.jpg) no-repeat;
	}

	.paybillboy {
	    background : url(pics/grafik/paybillboy_thumb.jpg) no-repeat;
	}
	
	.liebtmichnicht {
	    background : url(pics/grafik/liebtmichnicht_thumb.jpg) no-repeat;
	}
	
    .klammernweb {  
	    background : url(pics/grafik/klammernweb_thumb.jpg) no-repeat;
	}

    .klammerncover {  
	    background : url(pics/grafik/klammerncover_thumb.jpg) no-repeat;
	}

    .ringplak {  
	    background : url(pics/grafik/ringplak_thumb.jpg) no-repeat;
	}

    .vulkan {  
	    background : url(pics/grafik/vulkan_thumb.jpg) no-repeat;
	}

    .birne {  
	    background : url(pics/grafik/birne_thumb.jpg) no-repeat;
	}

    .ringo_01 {  
	    background : url(pics/grafik/ringo_01_thumb.jpg) no-repeat;
	}

    .discopferd {  
	    background : url(pics/grafik/discopferd_thumb.jpg) no-repeat;
	}
		           
    #klamdesign, #daily_pics {
        position : relative;
        height : 100px;
        white-space : nowrap;
        }    

    #collagen {
        position : relative;
        height : 210px;
        white-space : nowrap;
        }        
            
    .daily_left, .daily_midleft, .daily_mid, .daily_midright, .daily_right {
        width : 80px;
        height : 80px;
        position : absolute;
        }

    .daily_left {
        left : 0px;
        }
    
    .daily_midleft {
        left : 92px;
        }

    .daily_mid {
        left : 184px;
        }

    .daily_midright {
        left : 276px;
        }

    .daily_right {
        left : 368px;
        }
        
    .design_left {
        width : 80px;
        height : 80px;
        position : absolute;
        margin-right : 15px;
        }
        
    .design_right {
        width : 80px;
        height : 80px;
        display : block;
        left : 220px;
        position : absolute;
        margin-right : 15px;
        }
        
    #row_des_1 {
        position : absolute;
        }
    
    #row_des_2 {
        position : absolute;
        top : 120px;
        }

    #row_des_3 {
        position : absolute;
        top : 240px;
        }

    #row_des_4 {
        position : absolute;
        top : 360px;
        }

    #row_des_5 {
        position : absolute;
        top : 480px;
        }

    #row_des_6 {
        position : absolute;
        top : 600px;
        }

    .description_left {
        position : absolute;
        left : 55px;
    }
        
    .description_right {
        position : absolute;
        left : 275px;
    }
    
    .des_description_left {
        position : absolute;
        left : 95px;
    }
        
    .des_description_right {
        position : absolute;
        left : 315px;
    }

   

/*
# --- C A L E N D A R ----------------------------------------------------{}*/

    
#calendar {
	empty-cells: show;
	font-size: 95%;
	padding : 0;
	margin: 0;
    }

#calendar #next a {
    color : #000;
	text-align: right;
}

#calendar #prev a {
    color : #000;
	text-align: left;
}

#calendar a {
    color : #888;
	display: block;
	text-decoration: none;
}

#calendar a:hover {
	color: #888;
}

#calendar caption {
	color: #888;
	font-size: 100%;
	text-align: center;
}

#calendar td {
	color: #000;
	font-style : Arial, "Helvetica Neue", Helvetica, sans-serif;	
	letter-spacing: normal;
	padding: 0 0 0 0;
	text-align: right;
}

#calendar td.pad:hover {
	background: #fff;
}

#calendar #today {
	color: #888;
}

#calendar th {
    text-align : right;
    font-size : 118%;
    padding : 0 0 0 1px;
	font-style: normal;
	text-transform: capitalize;
}

	

/*
# --- H E A D L I N E S ----------------------------------------------------{}*/

    h1 {

		position : absolute;
		float : left;

		top : 0px; 
		left : 0px;

    	margin : 0; 
    	padding : 0;

    	font-size : 0.1em; 
    	color : #fff;
    	z-index : 0;

    }
       
        
    h2 {
        margin : 0 0 -.5em 0;
        padding : 0;
        font-size : 110%;
        font-weight : bold;
        color : #000;
    }
    
    h3 {
        margin : 0;
        padding : 0;
        font-size : 140%;
        font-weight : bold;
        color : #000;
        }
        
    h4 {
        margin : .2em 0 0 0; 
        padding : 0;
        color : #000;
        font-size : 120%;
        font-weight : normal;
        }

        

/*
# --- G U E S T B O O K ----------------------------------------------------{}*/
    
    #comments {
        margin-left : 0px;
        height : 1%;
        }
    
    /* workaround gegen gŠstebuchproblem des ie \ */
    *html #ie_indent {
        margin-left: 3px;
        }
    .pixel {
        height : 1%;
        }
    /* */
        
    
    .comment-header {
        margin-top : 15px;
        border : 1px solid #000;
        border-bottom-width : 0;
        background : #d7d7d7;
        font-size : 80%;
        }
    
    .comment-content {
        padding: 2px;
        margin-bottom : 0px;
        border : 1px solid #000;
        border-width : 1px 1px 0 1px;
        }

    .comment-footer {
        padding-left : 2px;
        border: 1px solid #000;
        border-top-style : dashed;
        margin : 0 0 30px 0;
        font-size : 80%;
        }
        
    .comment-number {
        padding-left : 2px;
        display : block;
        float : left;
        }
    
    .comment-date {
        padding-right : 2px;
        display : block;
        text-align : right;
        }
    
    #comment-pages {
        margin : 2em 0 0 0;
        }
        
    #commentform #author, #commentform #email, #commentform #url, #commentform textarea, #commentform #mcspvalue {
	    background: #fff;
	    border: 1px solid #000;
    }

    #commentform textarea {
	   width: 455px;
    }


 
    

/*
# --- K L A S S E N / R E P L A C E ---------------------------------------{}*/

    
    /* zugänglichere Variante vom Fahrner Image Replacement:

    http://levin.grundeis.net/files/20030809/alternatefir.html*/



	.replace {

		position : relative;	      

		margin : 0; padding : 0;	      

		/* verstecke overflow : hidden vor IE5-Mac \*/	      

		overflow : hidden;	      

		/* */	

	}	

	

	.replace span {

		display : block;

		position : absolute;	      

		top : 0; left : 0;	      

		z-index : 1; /* fŸr Opera 5 und 6 */	

	}
	
    .logo, .logo a:hover {
        position : absolute;
        width : 60px; height : 24px;
        top : 0px;
        left : 0px;
	}
	
	.logo {
		background : url(pics_global/home_neu.gif) no-repeat top left;

	}
	
	.logo a:hover {
	    background : url(pics_global/home_neu_hover.gif) no-repeat top left;
	}

	
    .contact {
        position : absolute;
        width : 800px; 
        height : 40px;
		background : url(pics_global/contact.gif) no-repeat;

	}
		
   /* .english {
        position : relative;
		float : left;

		top : 0px; 
		left : 0px;
		width : 25px; height : 15px;

		background : url(pics_global/english.gif);

    }

    .german {
        position : relative;
		float : left;

		top : 0px; 
		left : 0px;
		width : 25px; height : 15px;

		background : url(pics_global/german.gif); 

    }*/
     
    .extras {
        background : url(pics_global/extra.gif) no-repeat;
    }
    
    .archiv {
        background : url(pics_global/archiv.gif) no-repeat;
    }
    
    .links {
        background : url(pics_global/links.gif) no-repeat;
    }    
    

    .illu_pedro {
        background : url(pics/illustration/illu_pedro.jpg) no-repeat;
        height : 350px;
    }

    .illu_guanto {
        background : url(pics/illustration/illu_guanto.jpg) no-repeat;
        height : 350px;
 }

    .illu_europa {
        background : url(pics/illustration/illu_europa.jpg) no-repeat;              
        height : 350px;
    }

    .illu_etranger {
        background : url(pics/illustration/illu_etranger.jpg) no-repeat;
        height : 350px;
    }

    .illu_candy {
        background : url(pics/illustration/illu_candy.jpg) no-repeat;
        height : 350px;
    }
    
    .illu_dgd {
        background : url(pics/illustration/illu_dgd.jpg) no-repeat;
        height : 350px;
    }
    
    .illu_damals {
        background : url(pics/illustration/illu_damals.jpg) no-repeat;
        height : 240px;
    }

    .illu_mylady {
        background : url(pics/illustration/illu_mylady.jpg) no-repeat;
        height : 250px;
    }

    .illu_gtk {
        background : url(pics/illustration/illu_gtk.jpg) no-repeat;
        height : 240px;
    }
    
    .illu_tvja {
        background : url(pics/illustration/illu_tvja.jpg) no-repeat;
        height : 268px;
    }
    
     .illu_klammern {
        background : url(pics/illustration/illu_klammern.jpg) no-repeat;
        height : 240px;
    }
    
     .illu_knipsen {
        background : url(pics/illustration/illu_knipsen.jpg) no-repeat;
        height : 240px;
    }
    
     .illu_ringo {
        background : url(pics/illustration/illu_ringo.jpg) no-repeat;
        height : 290px;
    }

    .illu_tagebuch {
        background : url(pics/illustration/illu_tagebuch.jpg) no-repeat;
        height : 900px; 
        padding-top : 240px;
    }

    .illu_besuchen {
        background : url(pics/illustration/illu_besuchen.jpg) no-repeat;
        padding-top : 255px;
    }

    .illu_gestalten {
        background : url(pics/illustration/illu_gestalten.jpg) no-repeat;
        height : 320px;
    }

    .illu_punkrock {
        background : url(pics/illustration/illu_punkrock.jpg) no-repeat;
        height : 240px;
    }

    .illu_familienurlaub {
        background : url(pics/illustration/illu_familienurlaub.jpg) no-repeat;
        height : 210px;
    }

    .illu_arcade {
        background : url(pics/illustration/illu_arcade.jpg) no-repeat;
        height : 190px;
    }

    .illu_fussball {
        background : url(pics/illustration/illu_fussball.jpg) no-repeat;
        height : 240px;
    }

    .illu_cursive {
        background : url(pics/illustration/illu_cursive.jpg) no-repeat;
        height : 430px;
    }
    
    .illu_reisebegleiter {
        background : url(pics/illustration/illu_reisebegleiter.jpg) no-repeat;
        height : 185px;
    }

    .illu_studium {
        background : url(pics/illustration/illu_studium.jpg) no-repeat;
        height : 220px;
    }

    .illu_praktika {
        background : url(pics/illustration/illu_praktikum.jpg) no-repeat;
        height : 335px;
    }
    
    .illu_ausland {
        background : url(pics/illustration/illu_ausland.jpg) no-repeat;
        height : 380px;
    }

    .illu_ausbildung {
        background : url(pics/illustration/illu_ausbildung.jpg) no-repeat;
        height : 182px;
    }
    
    .illu_nickelback {
        background : url(pics/illustration/illu_nickelback.jpg) no-repeat;
        height : 270px;
    }


    .illu_merz {
        background : url(pics/illustration/illu_merz.jpg) no-repeat;
        height : 150px;
    }

    .illu_geigenspieler {
        background : url(pics/illustration/illu_geigenspieler.jpg) no-repeat;
        height : 110px;
    }
    
    .topsongs {
        background: url(pics/illustration/topsongs_web.jpg) no-repeat;
        height : 30px;   
    }

    .topmovies {
        background: url(pics/illustration/topmovies_web.jpg) no-repeat;
        height : 30px;    
        margin-top: 60px;    
    }



/*
# --- K L A S S E N / S O N S T I G E ---------------------------------------{}*/

    
    .hidden {
        display : none;
    }
    
    .nonvisible {
        visibility : hidden;
    }

       

    .entry {
        margin : -.5em 0 -.7em 0;
    }
    
    .date {
        font-size : 75%;
        color : #888;

    }
    
    .italic {
        font-style : italic;
    }
    
    .grey {
        color : #888;
        font-size : 95%;
    }
    
    .hilfsabstand_collagen {
        margin-top : 550px;
    }
    
    .hilfsabstand_malen {
        margin-top : 400px;
    }
    
    .hilfsabstand_knipsen {
        margin-top : 300px;
    }
    
    .small {
        font-size : 88%;
    }
    
    
    .tech {
        font-size : 70%;
        color : #888;
        line-height : 80%;
        text-transform : none;
    }

    .dashed {
        border : 1px dashed #000;
        border-width : 0 0 1px 0;
    }
        
    .clear {
        clear : both;
        padding : 10px 0 0 0;
    }
    
    .normalcase {
        text-transform : none;
    }
    
    .normal_text {
        color : #000;
        text-transform : lowercase;
        font : small/1.5em Arial, "Helvetica Neue", Helvetica, sans-serif;


    }