/* Eigene Definitionen */

h1 {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#555555;}
h2 {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#99b228;}

a:link { text-decoration:none; color:#99b228; }
a:visited { text-decoration:none; color:#99b228; }
a:hover { text-decoration:none; color:#5F5F5F; }
a:active { text-decoration:none; color:#99b228; }
a:focus { text-decoration:none; color:#99b228; }

.side-navi-normal {
font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:30px; color:#666666;
}

.side-navi-active {
font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:30px; color:#666666;
}

.list-head {
font-family: Arial, Helvetica, sans-serif; 
font-size:12px;
color:#444444;
font-weight:bold;
line-height: 18px;
margin-left:20px;
margin-top:0px;
margin-bottom:20px;
}

.list-text {
font-family: Arial, Helvetica, sans-serif; 
font-size:12px;
line-height: 18px;
color:#666666;
margin-left:20px;
}

.list-topic {
font-family: Arial, Helvetica, sans-serif; 
font-size:12px;
line-height: 18px;
color:#666666;
font-weight:bold;
margin-left:20px;
}

.list-link {
font-family: Arial, Helvetica, sans-serif; 
font-size:12px;
color:#666666;
margin-left:20px;
margin-top:20px;
}

#content-container {
width: 985px;
height: 99%;
margin: 0px auto;
background-color:#FFFFFF;
border-color:#DDDDDD;
border-width:0px;
border-style:dotted;
}


#head {
width: 945px;
height: 60px;
margin-top: 20px;
margin-left: 20px;
background-color:#FFFFFF;

/*
border-color:#CCCCCC;
border-width:1px;
border-style:dotted;
*/
}

#side-navigation {
width: 150px;
height: 90%;
margin-top: 0px;
margin-left: 20px;
float:left;



/*
border-color:#CCCCCC;
border-width:1px;
border-style:dotted;
*/
}


/* content im iframe */

#content {
 text-align: left;
 margin-top: 10px;
 margin-left: 0px;
 padding-left: 20px;
 width: 775px;
 height: 90%;
 float: left;
 
 /*
 border-color:#CCCCCC;
 border-width:1px;
 border-style:dotted;
 */
}

.iFrame {
 overflow: auto;
 margin: 0px;
 width: 745px;
 height: 99%;
 padding-right:20px;
 }
 
#foot 
{
 clear:both;
}

.werkjahr
{
margin-top: 40px;
margin-left: 20px;
margin-bottom: 40px;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#666666;
font-weight:bold;
}

#werkuebersicht {
 width:500px;
 list-style-type:none;
 padding-left:50px;
}

   
   #werkuebersicht li{
   /*background-image:url(../deutsch/work/werkuebersicht/weissraum.jpg);*/
   background-repeat:no-repeat;
   padding-left:130px;
   color:#666666;
   font-family:arial;
   font-size:12px;
   line-height:18px;
   margin-bottom:25px;
   height:90px;
   }


.werk1 {background-image:url(../deutsch/work/werkuebersicht/weissraum.jpg);}
.werk2 {background-image:url(../deutsch/work/werkuebersicht/unerreichbar.jpg);}
.werk3 {background-image:url(../deutsch/work/werkuebersicht/buchbaum.jpg);}
.werk4 {background-image:url(../deutsch/work/werkuebersicht/fliegenschwimmen.jpg);}
.werk5 {background-image:url(../deutsch/work/werkuebersicht/tomatensalat-pechakuchanight.jpg);}
.werk6 {background-image:url(../deutsch/work/werkuebersicht/aarelie.jpg);}
.werk7 {background-image:url(../deutsch/work/werkuebersicht/tomatensalat-vol2.jpg);}
.werk8 {background-image:url(../deutsch/work/werkuebersicht/5minuten.jpg);}
.werk9 {background-image:url(../deutsch/work/werkuebersicht/pergament-roboter.jpg);}

.werk11 {background-image:url(../deutsch/work/werkuebersicht/hauthaus.jpg);}

.werk13 {background-image:url(../deutsch/work/werkuebersicht/traumbaum.jpg);}
.werk14 {background-image:url(../deutsch/work/werkuebersicht/tomatensalat-vol1.jpg);}
.werk15 {background-image:url(../deutsch/work/werkuebersicht/vom-vergessen.jpg);}

.werk17 {background-image:url(../deutsch/work/werkuebersicht/vom-erinnern.jpg);}
.werk18 {background-image:url(../deutsch/work/werkuebersicht/bruchstuecke-leben.jpg);}
.werk19 {background-image:url(../deutsch/work/werkuebersicht/synesthesia.jpg);}





.werk25 {background-image:url(../deutsch/work/werkuebersicht/rundumkunst.jpg);}
.werk26 {background-image:url(../deutsch/work/werkuebersicht/tableau-vivant.jpg);}

.werk28 {background-image:url(../deutsch/work/werkuebersicht/zweite-haut.jpg);}

.werk30 {background-image:url(../deutsch/work/werkuebersicht/zweite-haut.jpg);}

.werk32 {background-image:url(../deutsch/work/werkuebersicht/lachrymal.jpg);}