/* CSS Document */


/* Kalibierung der Abstände */

* { padding: 0; margin: 0;}



/*  body und schrift definitionen */

html { 
  padding: 0px;
  margin: 0px;
  }
 
body {
	background-image: url(bilder/grauweiss_hg.jpg);
	background-repeat: repeat-y;
	background-color: #CCCCCC;
	padding: 0px;
	margin: 0px;
}
  

/* schriften */

h1 {
  font-size: 18px;
  font-family : "Myraid Pro", "Trebuchet", "Trebuchet MS", Arial, Verdana, sans-serif;  
  color: #666666;
  text-align: left;
  } 
  
h2 {
  font-size: 13px;
  font-weight: bold;
  font-family : "Myraid Pro", "Trebuchet", "Trebuchet MS", Arial, Verdana, sans-serif;  
  color: #666666;
  text-align: left;
  }
  
h3 {
  font-size: 14px;
  font-weight: bold;
  font-family : "Myraid Pro", "Trebuchet", "Trebuchet MS", Arial, Verdana, sans-serif;    
  color: #CC3300;
  text-align: left;
  } 
  
h4 {
  font-size: 12px;
  font-weight: bold;
  font-family : "Myraid Pro", "Trebuchet", "Trebuchet MS", Arial, Verdana, sans-serif;    
  color: #666666;
  text-align: left;
  }
  
h5 {
   font-size: 12px;
   font-family : "Myraid Pro", "Trebuchet", "Trebuchet MS", Arial, Verdana, sans-serif;  
   color: #666666;
   text-align: center;
}

h6 {
  font-size: 14px;
  font-weight: bold;
  font-family : "Myraid Pro", "Trebuchet", "Trebuchet MS", Arial, Verdana, sans-serif;    
  color: #666666;
  text-align: left;
  }
  
p {
  font-size: 13px;
  font-family : "Myraid Pro", "Trebuchet", "Trebuchet MS", Arial, Verdana, sans-serif;    
  color: #666666;
  text-align: left;
  vertical-align: top;
  } 
  
  
/* classes */

.copyright {
   font-size: 11px;
   font-family : "Myraid Pro", "Trebuchet", "Trebuchet MS", Arial, Verdana, sans-serif;  
   color: #999999;
   text-align: left;
}

.fett {
   font-size: 12px;
	font-weight: bold;
   font-family : "Myraid Pro", "Trebuchet", "Trebuchet MS", Arial, Verdana, sans-serif;  
   color: #666666;
}

.matt {
   font-size: 12px;
   font-family : "Myraid Pro", "Trebuchet", "Trebuchet MS", Arial, Verdana, sans-serif;  
   color: #999999;
}
    
.einzug {
  text-align: left;
  padding: 0px;
  margin-left: 30px;
}  


/* links */

a {
  text-decoration: none;
}

a:link {
  color: #000066;
}

a:visited {
  color: #333399;
}


  
/* div definitionen */

#kopf {
  background-image: url(bilder/ilona_logo.jpg);
  background-repeat: no-repeat;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 985px;
  height: 68px;
}

#naviaktuell {
  position: absolute;
  left: 0px;
  top: 85px;
  width: 20px;
  }
  
#navimalerei {
  position: absolute;
  left: 0px;
  top: 165px;
  width: 20px;
  }
  
#navifotografie {
  position: absolute;
  left: 0px;
  top: 260px;
  width: 20px;
  }
    
#naviobjekte {
  position: absolute;
  left: 0px;
  top: 380px;
  width: 20px;
  }

#naviinstallationen {
  position: absolute;
  left: 0px;
  top: 480px;
  width: 20px;
  }
    
#naviprojekte {
  position: absolute;
  left: 0px;
  top: 635px;
  width: 20px;
  }
    
#navivita {
  position: absolute;
  left: 0px;
  top: 735px;
  width: 20px;
  }
  
#inhalt {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1000px;
  height: 50px;
}

#fliesstext {
  position: absolute;
  left: 135px;
  top: 160px;
  width: 680px;
  height: 400px;
}

#fliesstextvita {
  position: absolute;
  left: 285px;
  top: 160px;
  width: 530px;
  height: 400px;
}

#aktuelltext {
	background-color: none;
	position: absolute;
	width: 270px;
	height: 500px;
	left: 235px;
	top: 260px;	
}

#aktuellbild {
	position: absolute;
	width: 300px;
	height: 500px;
	left: 535px;
	top: 160px;	
}

#baustelle {
	position: absolute;
	left: 200px;
	top: 350px;	
}

#vorzurueck {
	position: absolute;
	width: 40px;
	height: 40px;
	left: 840px;
	top: 728px;	
}

#zurueck {
	position: absolute;
	width: 40px;
	height: 40px;
	left: 840px;
	top: 658px;	
}




/* Seitenbausteine */

#s_malerei {
	position: absolute;
	width: 60px;
	height: 250px;
	left: 150px;
	top: 120px;	
}

#s_fotografie {
	position: absolute;
	width: 60px;
	height: 250px;
	left: 150px;
	top: 120px;	
}

#s_objekte {
	position: absolute;
	width: 60px;
	height: 250px;
	left: 150px;
	top: 120px;	
}

#s_installationen {
	position: absolute;
	width: 60px;
	height: 250px;
	left: 150px;
	top: 120px;	
}

#s_projekte {
	position: absolute;
	width: 60px;
	height: 250px;
	left: 150px;
	top: 120px;	
}

#s_vita {
	position: absolute;
	width: 60px;
	height: 250px;
	left: 150px;
	top: 120px;	
}


/* quadrate */

#quadrat01 {
	position: absolute;
	width: 85px;
	height: 85px;
	left: 135px;
	top: 160px;	
}

#quadrat02 {
	background-color: none;
	position: absolute;
	width: 85px;
	height: 85px;
	left: 235px;
	top: 160px;	
}

#quadrat03 {
	position: absolute;
	width: 85px;
	height: 85px;
	left: 335px;
	top: 160px;	
}

#quadrat04 {
	position: absolute;
	width: 85px;
	height: 85px;
	left: 435px;
	top: 160px;
}

#quadrat05 {
	position: absolute;
	width: 85px;
	height: 85px;
	left: 535px;
	top: 160px;	
}

#quadrat06 {
	position: absolute;
	width: 85px;
	height: 85px;
	left: 635px;
	top: 160px;	
}

#quadrat07 {
	position: absolute;
	width: 85px;
	height: 85px;
	left: 735px;
	top: 160px;	
}

#quadrat08 {
	background-color: none;
	position: absolute;
	width: 85px;
	height: 85px;
	left: 135px;
	top: 260px;	
}

#quadrat09 {
	position: absolute;
	width: 85px;
	height: 85px;
	left: 235px;
	top: 260px;	
}

#quadrat10 {
	position: absolute;
	width: 85px;
	height: 85px;
	left: 335px;
	top: 260px;
}

#quadrat11 {
	position: absolute;
	width: 85px;
	height: 85px;
	left: 435px;
	top: 260px;	
}

#quadrat12 {
	position: absolute;
	width: 85px;
	height: 85px;
	left: 535px;
	top: 260px;	
}

#quadrat13 {
	position: absolute;
	width: 85px;
	height: 85px;
	left: 635px;
	top: 260px;	
}

#quadrat14 {
	position: absolute;
	width: 85px;
	height: 85px;
	left: 735px;
	top: 260px;	
}

#quadrat15 {
	position: absolute;
	width: 85px;
	height: 85px;
	left: 135px;
	top: 360px;	
}

#quadrat16 {
	position: absolute;
	width: 85px;
	height: 85px;
	left: 235px;
	top: 360px;	
}

#quadrat17 {
	position: absolute;
	width: 85px;
	height: 85px;
	left: 335px;
	top: 360px;	
}

#quadrat18 {
	position: absolute;
	width: 85px;
	height: 85px;
	left: 435px;
	top: 360px;	
}

#quadrat19 {
	position: absolute;
	width: 85px;
	height: 85px;
	left: 535px;
	top: 360px;	
}

#quadrat20 {
	position: absolute;
	width: 85px;
	height: 85px;
	left: 635px;
	top: 360px;	
}

#quadrat21 {
	position: absolute;
	width: 85px;
	height: 85px;
	left: 735px;
	top: 360px;	
}

#quadrat22 {
	position: absolute;
	width: 85px;
	height: 85px;
	left: 135px;
	top: 460px;	
}

#quadrat23 {
	position: absolute;
	width: 85px;
	height: 85px;
	left: 235px;
	top: 460px;	
}

#quadrat24 {
	position: absolute;
	width: 85px;
	height: 85px;
	left: 335px;
	top: 460px;	
}

#quadrat25 {
	position: absolute;
	width: 85px;
	height: 85px;
	left: 435px;
	top: 460px;	
}

#quadrat26 {
	position: absolute;
	width: 85px;
	height: 85px;
	left: 535px;
	top: 460px;	
}

#quadrat27 {
	position: absolute;
	width: 85px;
	height: 85px;
	left: 635px;
	top: 460px;	
}

#quadrat28 {
	position: absolute;
	width: 85px;
	height: 85px;
	left: 735px;
	top: 460px;	
}

#quadrat29 {
	position: absolute;
	width: 85px;
	height: 85px;
	left: 135px;
	top: 560px;	
}

#quadrat30 {
	position: absolute;
	width: 85px;
	height: 85px;
	left: 235px;
	top: 560px;	
}

#quadrat31 {
	position: absolute;
	width: 85px;
	height: 85px;
	left: 335px;
	top: 560px;	
}

#quadrat32 {
	position: absolute;
	width: 85px;
	height: 85px;
	left: 435px;
	top: 560px;	
}

#quadrat33 {
	position: absolute;
	width: 85px;
	height: 85px;
	left: 535px;
	top: 560px;	
}

#quadrat34 {
	position: absolute;
	width: 85px;
	height: 85px;
	left: 635px;
	top: 560px;	
}

#quadrat35 {
	position: absolute;
	width: 85px;
	height: 85px;
	left: 735px;
	top: 560px;	
}

#quadrat36 {
	position: absolute;
	width: 85px;
	height: 85px;
	left: 135px;
	top: 660px;	
}

#quadrat37 {
	position: absolute;
	width: 85px;
	height: 85px;
	left: 237px;
	top: 660px;	
}

#quadrat38 {
	position: absolute;
	width: 85px;
	height: 85px;
	left: 335px;
	top: 660px;	
}

#quadrat39 {
	position: absolute;
	width: 85px;
	height: 85px;
	left: 435px;
	top: 660px;	
}

#quadrat40 {
	position: absolute;
	width: 85px;
	height: 85px;
	left: 535px;
	top: 660px;	
}

#quadrat41 {
	position: absolute;
	width: 85px;
	height: 85px;
	left: 635px;
	top: 660px;	
}

#quadrat42 {
	position: absolute;
	width: 85px;
	height: 85px;
	left: 736px;
	top: 660px;	
}



/* Mainnavigation */

#mainaktuell {
	position: absolute;
	width: 60px;
	height: 250px;
	left: 150px;
	top: 120px;	
}

#mainmalerei {
	position: absolute;
	width: 60px;
	height: 250px;
	left: 250px;
	top: 120px;	
}

#mainfotografie {
	position: absolute;
	width: 60px;
	height: 250px;
	left: 350px;
	top: 120px;	
}

#mainobjekte {
	position: absolute;
	width: 60px;
	height: 250px;
	left: 450px;
	top: 120px;	
}

#maininstallationen {
	position: absolute;
	width: 60px;
	height: 250px;
	left: 550px;
	top: 120px;	
}

#mainprojekte {
	position: absolute;
	width: 60px;
	height: 250px;
	left: 650px;
	top: 120px;	
}

#mainvita {
	position: absolute;
	width: 60px;
	height: 250px;
	left: 750px;
	top: 120px;	
}

#mainkontakt {
	position: absolute;
	width: 40px;
	height: 100px;
	left: 864px;
	top: 80px;	
}

#mainimpressum {
	position: absolute;
	width: 40px;
	height: 140px;
	left: 864px;
	top: 180px;	
}


/* mainquadrate */






/* Links */

a:link, a:hover, a:visited, a:focus {
	list-style-type: none;
	text-decoration: none;
	font-size: 12px;
   font-family : "Myriad Pro", "Trebuchet", "Trebuchet MS", Arial, Verdana, sans-serif;    
   color: #4f4f4f;
}

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

#navi a { display: block; color: #4f4f4f; text-decoration: none;}

#navi a:hover { color: #4e5eaa; background-color: #F0F0F0; }





/* spezielle textauszeichnungen */

.hoch {
  margin-bottom: 15px 0 0 0;
  }
  
.kursiv {
	font-style: italic;
 }