/* CSS GreteTurtur Layout	*/
/* --------  EBENE 0  -------- 
HIER SIND DIE HINTERGRUND-ELEMENTE, BODY;P1;P2;back_ie_fucker
P1 UND P2 ZENTRIEREN DIE SEITE
back_ie_fucker bindet das mittlere Hintergrundbild ein und macht 
das PNG IE-Fucker kompatibel
*/
body	{
		width: 100%;

		margin: 0px 0;
		padding: 0px 0;
		text-align: center;
    background-color: #000000;
		font-family: Arial, sans-serif;
		background-image: url(../pics/black_small.jpg); 
    background-repeat: no-repeat;
    background-position: left;
    overflow: hidden;
}
div#p1	{
		width: 800px;
		height: 650px;
		position: relative;
		top: 0px;
		left: 0px;
		padding: 0px 0;
    margin: auto;
		z-index: 1; 
}
div#p2	{
		margin: 0px 0;
		position: relative;
		top: 0px;
		width: 800px;
		height: 650px;   
    z-index: 2; 
	/*	border: 1px solid yellow; */
}
div#back_ie_fucker  {
    background-image: url("../pics/mid.png");
		background-position: right;
		background-repeat: no-repeat;
		position: absolute;
		top: 0px;
		right: 0px;
		float: right;
		width: 700px;
		height: 650px;
	/*	border: 1px solid blue; */
		margin: 0px; 
		padding: 0px;
		z-index: 3;
}
/* produziert ie fehler bei javascript navi?? testweise raus */
* html div#back_ie_fucker {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./pics/mid.png', sizingMethod='scale');
	background:none;
}
a   {
      color: white;
      font-size: 16px;
      font-weight: bold;
      background-color: black;
      
}
/* -------  EBENE 1  -------
HIER BEFINDEN SICH DIE LINKE NAVIGATION, ÜBERSCHRIFT, IMPRESSUM UND DIE 
BILDNAVIGATION: DIV CONTENT MIT DEM HINTERGRUND GALLERIE;  
*/
div#navi	{
        margin: 0px 0;
        padding: 0px 0;
        /*  	border: 1px solid grey; */
        height: 142px;
        width: 104px;
        position: absolute;
        top: 175px;        /*alt 		top: 135px; */
        left: 2px;
        text-align: right;
        z-index: 5;
        overflow: hidden;
        color: #ffffff;
}
div.navpoint	{
		text-align: right;
		margin-bottom: 2px;
		float: right;
		position: relative;
		top: 0px;
		right: 0px;
		z-index: 6;
    	overflow: hidden;
    	border: 0px;
    	text-indent: 9999px;
      cursor: pointer;    	
}
div#start   {
     width: 58px;
     height: 22px;
     background-image: url("../pics/start.jpg");
     background-repeat: no-repeat;
}
div#bilder   {
        background-image: url("../pics/bilder.jpg");
        width: 71px;
        height: 23px;
	     background-repeat: no-repeat;        
}
div#projekte   {
        background-image: url("../pics/projekte.jpg");
        width: 87px;
        height: 22px;
     background-repeat: no-repeat;          
}
div#biographie   {
        background-image: url("../pics/biographie.jpg");
        width: 103px;
        height: 29px;
     background-repeat: no-repeat;
}
div#kontakt   {
     width: 83px;
     height: 26px;
	 background-image: url("../pics/kontakt.jpg");
     background-repeat: no-repeat;	 
}
div#header		{
        position: absolute;
        z-index: 5;
        top: 27px;
        left: 46px;
        margin: 0px 0;
        padding: 0px 0;
        height: 30px;
        font-size: 30px;
        line-height: 30px;
        width: 163px;
        height: 32px;
        background: url(../pics/gretur.jpg) no-repeat;
  /*  	border: 1px solid green;*/
}
div#impressum	{
			position: absolute;
			bottom: 7px;
			right: 12px;
			width: 91px;
			height: 21px;
			text-align: right;
			color: white;
			font-size: 10px;
			background-image: url("../pics/impr.jpg");
			background-repeat: no-repeat;			
			z-index: 6;
}
/* BILDNAVIGATION ---------*/
div.imagenav  {
      display: none;
      position: absolute;
      z-index: 7;
}
div.imagenavt  {
      display: none;
      position: absolute;
      z-index: 8;
      cursor: pointer;
}
div#gal1  {
      right: 0px;
      top: 4px;
      width: 123px;
      height: 294px;
      background-image: url("../pics/gal1_bg.jpg");
}
div#gal1_nav  {
      right: 0px;
      top: 5px;
      width: 100px;
      height: 286px;
      background-image: url("../pics/gal1_nav.png");      
}
div#gal2 {
      right: 100px;
      top: 56px;
      width: 125px;
      height: 208px;
      background-image: url("../pics/gal2_bg.jpg");    
}
div#gal2_nav  {
      right: 112px;
      top: 70px;
      width: 105px;
      height: 180px;
      background-image: url("../pics/gal2_nav.gif");      
}
div#gal3  {
      right: 215px;
      top: 119px;
      width: 59px;
      height: 80px;
      background-image: url("../pics/gal3_bg.jpg");
}
div#gal3_nav  {
      right: 220px;
      top: 120px;
      width: 60px;
      height: 80px;
      background-image: url("../pics/gal3_nav.gif");      
}
div#pro  {
      left: 85px;
      bottom: 0px;
      width: 129px;
      height: 165px;
      background-image: url("../pics/pro_bg.jpg");
}
div#pro_nav  {
      left: 90px;
      bottom: 0px;
      width: 120px;
      height: 155px;
      background-image: url("../pics/gal3_nav.gif");      
}
div#pro_navsmall {
      left: 110px;
      bottom: 0px;
      width: 100px;
      height: 155px;
      background-image: url("../pics/gal3_nav.gif");      
}
div#bio     {
      width: 140px; /* width: 162px; */
      height: 247px; /* height: 286px; */
      background-image: url("../pics/cam1.png");
      left: -30px;
      bottom: -160px;
}
div#bio_nav {
      width: 134px;
      height: 239px;
      left: -26px;
      bottom: -155px;
}
/* CONTENT CONTAINER UND BACKGROUND--------------- */
div#content	{
		margin-left: 0px;
    width: 615px;
		height: 310px;
		position: absolute;
		top: 175px;
		left: 137px;
		padding-left: 0px;
		padding-right: 0px;
		z-index: 6;
  /*  	border: 1px solid green; */ 
}
img#louvre {
      display: none;
      position: relative; /* Standard für z-index */
      z-index: 6;     
}
div.contpoint {
		z-index: 8;
}
p.contpoint   {
    color: white;
    font-size: 13px;
    text-align: left;
  /*  margin: 5px 5px 5px 120px; */
}
div#bilder_d	{
		display: none;
		position: absolute;
		top: 0px;
		left: 0px;
}
div#kontakt_d	{
		display: none;
		position: absolute;
		top: 0px;
		left: 0px;
}
/* ------  EBENE 2 -------
HIER LIEGEN DIE GALLERIEN ODER VORAUSWAHLEN DER GALLERIEN, SOWIE BIOGRAPHIE UND IMPRESSUM
*/
div#black {
      width: 100%;
      height: 100%; /* ie6 wichtig? -nochmal nachschlagen */
      position: absolute;
      top: 0px;
      left: 0px;
   /*   border: 1px solid yellow; */
    /*  background-color: black;
      background-image: url(../pics/black.jpg);   
      opacity: 0.9;             
     -moz-opacity: .9;                
      filter: alpha(opacity=90);   */             
      z-index:  10;
      display: none;
      background-color: #000000; /*rgba( 0, 0, 0, 0.8);*/
}
div#projundbio  {
    display: none;
    border: 0px none;
		position: relative;
		top: 0px;
		width: 800px;
		height: 650px;
		z-index: 13;
		margin: auto; 
    padding-top: 85px;
    z-index: 11;
}
div.contpointblack  {
    z-index: 15;
    text-align: left;
    padding-left: 137px;
    background-color: black;
}
p.contpointblack  {
    color: #ffffff;
    font-size: 12px;
    line-height: 14px;
    font-family: "Gill Sans", Verdana;
}
div#ausstellungen {
    display: none;
    position: absolute;
    left: 0px;
}
div#lebenslauf {
    display: none;
    position: absolute;
    left: 0px;
}
h3.contpointblack_u {
    color: #fff;
	font-family: "Gill Sans", Verdana sans-serif;
	font-size: 11px;
	line-height: 14px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: bold;
	text-decoration: underline;
	cursor: pointer;
}
a#contpointblack {
  color: #fff;
	font-family: "Gill Sans", Verdana sans-serif;
	font-size: 11px;
	line-height: 14px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: bold;
	text-decoration: none;
}    
div.contpointblack  h3, table.bio th  {
  color: #fff;
	font-family: "Gill Sans", Verdana, sans-serif;
	font-size: 11px;
	line-height: 14px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: bold;
}
h3.contpointblack {
      cursor: pointer;
}
div.contpointblack  h2{
  font-family: times, "Times New Roman", times-roman, georgia, serif;
	color: #fff;
	margin: 0;
	padding: 0px 0px 6px 0px;
	font-size: 16px;
	line-height: 44px;
	letter-spacing: -2px;
	font-weight: bold;
}
div#bio_d	{
		display: none;
	/*	border: solid 2px yellow; */
		position: relative;
		background-color: rgba( 0, 0, 0, 0.0) ;
		top: 0px;
		width: 800px;
		height: 565px;
		z-index: 14;
		margin: auto; 
    padding-top: 85px;
}
table.bio {
    width: 630px;
}
table.bio td {
    vertical-align: top;
    padding-bottom: 15px;
    padding-top: 15px;
    padding-left: 2px;
    border-bottom: 1px solid #4f4f4f;
}
td.bio_date {
    text-align: right;
    font-size: 10px;
}
div#projundbio div#projekte_d	{
		display: none; 
		position: relative;
		background-color: #000000;
		top: 0px;
		width: 800px;
		height: 565px;
		z-index: 14;	/* alt 14, ie? */
    left: 0px; 
    padding-top: 85px;
		text-align: left;
}
div#projundbio div#projekte_d div.projcont	{
		margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 20px;
    margin-left: 40px;
		padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
		position: relative;
		left: 0px;
    cursor: pointer; 
	/*	border: 1px solid white; */
		float: left;
		width: 250px;
		height: 220px;
		border: 0px none;
		background-color: rgb( 0,0,0);
		background-color: rgba( 0, 0, 0, 0.0);
    font-size: 12px;
    z-index: 20;
}
table {
    font-size: 12px;
    color: white;
    border-collapse: collapse;
}

p.proj_head	{
		color: #ffffff;
		font-family: Tahoma; 
		font-weight: bold;
		text-align: left;
		position: absolute; 
		bottom: 0px;
		left: 20px;
}
div#desc    {
        display: none;
        position: absolute;
        left: 80px;
        bottom: 140px;
        width: 100px;
        height: 20px;
        font-size: 20px;
        font-weight: bold;
        color: black;
        background-color: white;
        line-height: 20px;
        display: none;
}
div#cam {
      /* border: 1px solid red; */
      width: 263px;
      height: 466px;
      position: absolute;
      left: -70px;
}
/* GALLERIEN */
div.thumbcontainer  {
      width: 100%;
      min-height: 700px;
      position: absolute;
      top: 0px;
      left: 0px;
      display: none;
      z-index: 10;
      margin: 0px;
      padding: 0px;
      z-index: 12;
  /*  border: 2px solid red;*/ 
    /* background-color: black;
      background-image: url(../pics/black.jpg);   
       opacity: 0.5;
     -moz-opacity: .5;
      filter: alpha(opacity=50);             
      z-index: 11;                              */
}
div.imagebox  {
      position: relative;
      margin: auto;
      top: 70px;
      display: none;
    /*  border: 1px solid green; */
      z-index: 9;
      width: 800px;
      height: 580px;
      background: rgba( 0, 0, 0, 0.8);
      z-index: 11;
      /*  background-color: black;
    background-image: url(../pics/black.jpg);   
      opacity: 0.9;
      -moz-opacity: .8;
      filter: alpha(opacity=50);              */
}
div.thmb_b  {
       float: left;
       width: 150px;
       height: 107px;
       z-index: 12; 
       position: relative;
       background-repeat: no-repeat;
       background-position: center;
       margin-left: 8px;
       margin-top: 8px;
       opacity: 0.8;
}
div#imagecontainer,div#imagecontainer2,div#imagecontainer3  {
      width: 800px;
      height: 650px;
      z-index: 13;
   /*   border: 1px solid red; */
      display: none;
      position: relative;
      margin: auto;
      top: 0px;
      background-repeat: no-repeat;
      background-position: center;
}
div#imagecontainerblackback,div#imagecontainerblackback2,div#imagecontainerblackback3 {
      width: 800px;
      height: 650px;
      z-index: 13;
  /*    border: 1px solid red; */
      display: none;
      position: relative;
      margin: auto;
      top: 0px;
      background-repeat: no-repeat;
      background-position: center;
      background: rgba( 0, 0, 0, 0.9);
}
div#buttons,div#buttons2,div#buttons3 {
      position: relative; 
      height: 10px;
      width: 40px;
      left: 810px;
      z-index: 12;
      display: none;
}
div#buttonthmbcont,div#buttonthmbcont2,div#buttonthmbcont3  {
      width: 10px;
      height: 10px;
      background-color: red;

}
div#buttonimagcont,div#buttonimagcont2,div#buttonimagcont3 {
      width: 10px;
      height: 10px;
      background-color: red;
      position: relative; /* IE-TEst sTandard für z-index */
      float: right;
      z-index: 14;
}
div#buttonnext,div#buttonnext2,div#buttonnext3  {
      width: 10px;
      height: 10px;
      background-color: blue;
      display: none;
      float: right;
      position: relative;   /* IE-TEst sTandard für z-index */
            z-index: 14;
}
div#buttonprev,div#buttonprev2,div#buttonprev3{
      width: 10px;
      height: 10px;
      background-color: yellow;
      display: none;
      float: right;
      position: relative;             /* IE-TEst sTandard für z-index */
            z-index: 14;
}
div.gallerieinfo  {
      color: #ffffff;
      z-index: 12;
}
div#closeproncv, div#closediv, div#closegallerie, div#closegalleriepro {
        font-size: 8px;
  line-height: 8px;
  overflow: hidden;
  cursor: pointer;
}
div#closeproncv	{
	border: 1px solid yellow;
	background-color: red;
	width: 10px;
	height: 10px;
	position: absolute;
	z-index: 17;
	top: 85px;
  right: -40px;
	display: none;
}
div#closediv	{
	border: 1px solid yellow;
	background-color: red;
	width: 10px;
	height: 10px;
	position: absolute;
	z-index: 17;
	top: 85px;
  right: -40px;
	display: none;
}
div#closegallerie	{
	border: 1px solid yellow;
	background-color: red;
	width: 10px;
	height: 10px;
	position: absolute;
	z-index: 17;
	top: 85px;
  right: -20px;
	display: none;
}
div#closegalleriepro	{
	border: 1px solid yellow;
	background-color: red;
	width: 10px;
	height: 10px;
	position: absolute;
	z-index: 17;
	top: 85px;
  right: -20px;
	display: none;
}