

* {

   margin: 0;
   padding: 0;

   }
   
html		{
		height: 100%;

		}


body {
        font-family: Times New Roman, Garamond, Georgia;
		color: #cecdc9;
	   
		height: 100%;
	   
        margin: 0px;
        padding: 0px;

        background: #cecdc9 ;

        }


	
h1         {
        font-size: 22pt;
        text-align: center;
        font-weight: normal;
		margin-bottom: 20px

	

        }

		
		
		
h2		{ 

		font-size: 18pt;
		text-align: center;
		margin-top: 30px;
		margin-bottom: 10px; 
		
		font-weight: normal;
		
		
		border-width: 0px;
        border-style: solid;
        border-color: green;
		
	
		
		}

h2.left	{
			text-align: left;
			margin: 20px 0 10px 0;
	
			
			}
			
h2.normal_italic {
				
				font-size: 14pt;
				margin-top: 5px;

				}
			
 span.normal_size  {

					 font-size: 14pt;
					
					
					}
		

		
p {
		

        padding: 5px;
		margin: 10px 0 0 0;
        font-size: 14pt;

		border-width: 0px;
        border-style: solid;
        border-color: green;
		
        }	
		
		
/*Anmerkungen f�r Papa*/
	
.Anmerkung  {

		
		color: red;


		}
		
/* Preload der gro�en Zoom Bilder */

#preload {
display: none
}

#preload img {
height: 0; width: 0; border: none;
position: absolute;
bottom: 0;
left: 0;
z-index: -30;

}

		


 a {
		
		color: #cecdc9;
	   
		text-decoration: underline;
        font-weight: normal;
        font-size: 14pt;

        }
		

a img		{
			border: 0px;
			
			}
			


    a:hover {
					
               /* color: #191919;*/			
				text-decoration: none;
				
				
				}
							
			
.Aufbau		{
			border: 0px solid red;

			margin: 0px;
			padding: 0px;

			
			position: absolute;
			
			z-index:5;

			opacity: 0.9;

			width: 95%;
			height: 95%;

			
			background-color: #52504e; 

			}
			
.Aufbau p	{
			position: relative;
			display: block;
			top: 60px;
			
			font-size: 16pt;
			text-align: center;
			
			width: 80%;
			height: 40%;
			
			margin: auto;
			
			
			}
.Aufbau a	{ font-size: 16pt; }			
			
			
#page 		{
			position: relative;
			margin: auto;
		
			
			width: 1250px;
			height: 800px;


			 border-width: 0px;
             border-style: solid;
             border-color: green;



			
			}

#kopf        {

                position: relative;
                margin: auto;

                overflow: hidden;
				
				top: 20px;
				

                height: 70px;
                width: 800px;

                border-width: 0px;
                border-style: solid;
                border-color: green;

                color: #52504e;
			
                }
				
#kopf #header	{
					position: relative;
					display: block;
					top: 15px;
					text-align: center;
					
					font-size: 20pt;
					font-weight: normal;
					
					opacity: 0.6;
				
					color: #52504e;
					
					border: dotted black 0px;
				
				
				}
				
#kopf #header a:hover {
					text-decoration: none;
					
					}

				
/* Intro */

				
				
#mitte_intro {

                position: relative;
				top: 50px;
				margin: auto;

                height: 566px;
                width: 800px;
				
				
                border-width: 0px;
                border-style: solid;
                border-color: white;

                background: #cecdc9;

                }
				
#mitte_intro img	{

				position: relative;
				margin: auto;
				display: block;
				
	
				

				
				}
				

#mitte {
				position: relative;
				top: 50px;
				
				margin: auto;
				

				height: 536px;         
                width: 740px;	          
			
				overflow: hidden;
			
				padding-top: 30px;
				padding-left:30px;
				padding-right:30px;

                border-width: 0px;
                border-style: solid;
                border-color: white;
				background-color: #52504e;
				
				
				-moz-box-shadow: 2px 2px 4px #888;
				-webkit-box-shadow: 2px 2px 3px #888;
         
               

				/*
				
				-moz-border-radius:10px;
				-webkit-border-radius:10px;
				-khtml-border-radius:10px;
				
				-moz-box-shadow: 0 1px 3px #888;
				-webkit-box-shadow: 0 1px 3px #888;
				
				*/

                }
						
/* Illusionsmalerei Index */	

#rahmen			{
				position: relative;	
				top: 30px;
			
				padding: 34px 36px 37px 36px;
				margin: 0px 30px 30px 0;
				
				width: 204px;
				height:207px;
					
				
				background-image: url("../Bilder/Illusionsmalerei/Rahmen/Rahmen.png");

				}

.caption_rahmen		{
				position: relative;
				display: block;
				width: 300px;
				margin-top: 40px;
				left: -10px;
				
				text-align: center;
				font-size: 12pt;
				font-style: italic;
				
				border-width: 0px;
                border-style: solid;
                border-color: red;
			
				
				

				}

								
				
				
				
/* �bersicht Gem�lde */				




				
.Galerie {	
			
			position: relative;
			
			width: 600px;
			height: 340px;
			
			top: 25px;
			left: 90px;
			
			overflow: hidden;
			
			border-width: 0px;
            border-style: dotted;
            border-color: black;
		}	
		

			
.Galerie  a {

		color: #cecdc9;
		text-align: center;
		
		
		border-width: 0px;
        border-style: solid;
        border-color: red;
		
		}

		
			
.Galerie  img {

			float: left;
				
			width: 100px;
			height: 100px;	
				
			margin: 0 6px 12px 6px;
		
			border-width: 0px;
			border-style: solid;
			border-color: red;
	
			}
			
p#Galerietext   {
			position: relative;	
			overflow: hidden;	
			
			width: 80%;
			
			text-align: center;
			
			margin: auto;
			
		
			border-width: 0px;
            border-style: solid;
            border-color: white;


			}	
			

/* Wandmalerei */


				
.projekte {	
			
			position: relative;
			
			width: 360px;
			height: 250px;
			
			top: 40px;
		
			margin: auto;
		
			
			
			
			overflow: hidden;
			
			border-width: 0px;
            border-style: dotted;
            border-color: black;
		}	
			
.projekte  a {

		color: #cecdc9;
		text-align: center;
		
		
		border-width: 0px;
        border-style: solid;
        border-color: white;
		
		}

		
			
.projekte  img {

			float: left;
				
			width: 100px;
			height: 100px;	
				
			margin: 0 10px 20px 10px;
		
			border-width: 0px;
			border-style: solid;
			border-color: red;
	
			}
			
p#projekttext   {
			position: relative;	
			overflow: hidden;	
			margin: auto 10px 0 0 0;
		
			border-width: 0px;
            border-style: solid;
            border-color: white;


			}	

			
/* Galerie Wandmalerei */

 #text_galerie  {
				display: block;
				width: 230px;
				position: relative;
				top: -10px;
				border: 0px solid white;
				margin-left: -17px;
				text-align: left;
				z-index: 1;
 
				}

#galerie_wandmalerei_ueber {
						
						left: 0px;
						top: 20px;
						position: absolute;
						border: 0px solid yellow;



						}
			
	
						

/* Portraitmalerei */

div#Portraitmalerei_cont {
						position: relative;
						margin: auto;
						width: 85%;
						border: 0px solid grey;

						}

img#Portraitmalerei {
					position: relative;
					float: right;
					margin: 0 0 15px 15px;

				}
				
#link_portraits	{
					position: relative;
					top: 25px;
					display: block;
					float: right;
					
					
					}



/* Trompe l oeil */		
	
/* klasse f�r alle drei boxen */	


p#trompe_text {
			
			border: 0px solid green;
			width: 90%;
			margin: auto;

			}

.container_tromp {

			position: relative;
			
			top: 20px;
			
			width: 710px;
			height: 430px;
			
			overflow: hidden;
			
			
			border-width: 0px;
			border-style: solid;
			border-color: yellow;
			
			}		
	
.trompe_box	{
			position: relative;
			float: left;
			
			width: 233px;
			height: 430px;	

			overflow: hidden;
			
			border-width: 0px;
			border-style: solid;
			border-color: white;
			

			}
			
.trompe_box p.caption {
			
			position: relative;
			
			margin: auto;
			
			padding-top: 20px;
			
			clear: both;
	
			text-align: left;
			
			margin-left: 10px;
		
			border: solid black 0px;
	
		}

		
			
/* Alle drei Bilder */

.container_tromp img {

			display: block;
						
			position: relative;
			margin: auto;
						
			

				}			
			
		
#trompe_1 {
			
			
			width: 160px;
			height: 202px;				
		}
		
#trompe_2 {
		
			width: 162px;
			height: 205px;				
		}

#trompe_3 {
		
			width: 180px;
			height: 223px;				
		}		
		
		
		
.trompe_3_button { 
			
			opacity: 0.4;
			
			position: relative;
			display: block;
			
			z-index: 1;
			
			top: -5px;
			right: -2px;
			
			margin-bottom: -25px;
			
			width: 30px;
			height: 30px;
		
			float: right;
			
			border-width: 0px;
			border-style: solid;
			border-color: red;
			
			
}	
	
		
		
		
		
			
			
	
/* Fu�zeile */			
			
#fusszeile         {

				position: relative;
				
				top: 100px;
				
				margin: auto;

				width: 800px;
                height: 100;

				padding: 0px;
				
                color: #52504e;
                font-size: 8pt;

                border-width: 0px;
                border-style: solid;
                border-color: red;

               

                }
				
/* Erste Footer Zeile */			
				
#fusszeile ul#main {

				position: relative;
				
				height: 20px;
				width: 700px;
				
				left: 30px;
				
				margin: auto;
				padding: 0px;
	
				
				border-width: 0px;
				border-style: solid;
				border-color: black;
			
				display: block;
				text-transform: uppercase;
				
			}
			
#fusszeile ul#main li {

			list-style: none;
			float: left;
			margin: 0 5px 0 5px;

			border-width: 0px;
			border-style: solid;
			border-color: yellow;

			}
			
/* Zweite Footer Zeilte */			
			
#fusszeile ul#sec {

			
				
				position: relative;
				
				height: 20px;
				width: 300px;
				
				top: 52px;
				left: 191px;
				
		
				
				padding: 0px;
	
				
				border-width: 0px;
				border-style: solid;
				border-color: blue;
			
				display: block;
				
				font-size: 10pt;
				
					z-index: 1;
		
			}
			
			
			
			
#fusszeile ul#sec li {

			list-style: none;
			float: left;
			margin: 0 5px 0 5px;

			border-width: 0px;
			border-style: solid;
			border-color: yellow;
			
		
					
			}	

#fusszeile ul#sec li a {

			font-size: �15pt;

			
			
			}
			
			
			
			
#bottom {
		position: relative;
		
		top: -15px;
		
		clear: left;
		
		width: 500px;
		height: 5px;
		
		z-index: 0;
		
		margin: auto;
		padding: 30px;
		
		border-width: 0px;
		border-style: solid;
		border-color: black;



		}
			
#copyright {

		position: relative;


		width: 255px;
		height: 25px;
		
		float: left;
		left: 45px;
		border-width: 0px;
		border-style: solid;
		border-color: yellow;

		
		}
		

			
#copyright p {
			
		position: relative;
		padding:0px;
		margin: 3px 5px 0 0;
		
		
		
		float: right;
	
		font-size: 8pt;
			

			}

#fusszeile a {

		color: #52504e;
		text-decoration: none;
		font-weight: normal;
		font-size: 8pt;

		}
		
	#fusszeile a:hover {
						text-decoration: underline;

						}
			
	#fusszeile a:active {
						text-decoration: underline;

					}			
			
			
			
.addthis {
		
		position: relative;
		
		float: left;
		
		width: 180px;
		height: 20px;
		margin-left: 55px;	
	

		border-width: 0px;
		border-style: solid;
		border-color: white;
		
		}
			
.addthis a {
		
		float: left;	
		margin: 2px;
		

		}
			
		
			
/* Kontaktseite */

#mitte_kontakt {
				position: relative;
				top: 50px;
				margin: auto;

				height: 536px;         
                width: 740px;	          
			
				overflow: hidden;
			
				padding-top: 30px;
				padding-left:30px;
				padding-right:30px;

                border-width: 0px;
                border-style: solid;
                border-color: white;

				-moz-box-shadow: 2px 2px 4px #888;
				-webkit-box-shadow: 2px 2px 3px #888;
			  
                background-color: #000000;
				
		
				

			}
			
			
			
#zettel 		{
			position: relative;
			display: block;
			top: 0px;
			left: 130px;
			float: left;
			
		         
			
			
			
			border-width: 0px;
            border-style: solid;
            border-color: white;
		
			}
			
#adresse	{

			position: relative;
					
			top: 290px;
			left: -15px;
			
			
			border-width: 0px;
            border-style: solid;
            border-color: red;
		

			}
			
#adresse p {
				text-align: center ;
			}


#email		{
			position: absolute;
					
			bottom: 15px;
			left: 70px;
			margin: auto;
			
			clear: both;
			
			
			border-width: 0px;
            border-style: solid;
            border-color: green;
		

			}

	
			
			
/* Referenzen */

#thumbnail_container {
			
			position: relative;
			
			top: 20px;
			left: 30px;

			width: 180px;
			height: 280px;
			
			overflow: ;
			
			border-width: 0px;
            border-style: solid;
            border-color: black;


			}


					
#bereiche  {
				position: relative;
						
				display: block;
					
				top: 15px;
				left: 15px;
									
				width: 200px;
				height: 100px;
						
				margin-top: 10px;	
				text-align: center;
				font-size: 12pt;
					
				border-width: 0px;
				border-style: solid;
				border-color: green;
					}	

#bereiche a {

			font-size: 12pt;
			color: #cecdc9;
			
			}

#bereiche a:hover {


			}

		
/* Vita */

#selbstportrait {
				position: relative;

				top: 20px;
				left: 0px;
				
				float: left;
				margin: 0 50px 0 20px ;

				width: 270px;
				height: 400px;

				border-width: 0px;
				border-style: solid;
				border-color: green;
				
				}

#selbstportrait img {

			
				
				width: 260px;
				height: 317px;
		

				

				}
				
#selbstportrait p {

				text-align: center;
				font-size: 12pt;
		
						
				}

	
#liste_vita		{
				
	
				}
				
				
/* Landingpages */

/*Wandmalerein in M�nchen */


#muc1		{

					float: right;
					position: relative;
					top: 10px;
					width: 180px;
					height: 113px;
					margin-left: 25px;
					margin-bottom: 25px;
					
					}
					
#sub_mc1		{
				position: relative;
				clear: right;
				float: right;
				display: block;
				width: 180px;
				height: 20px;
				border: 0px solid red;
				top: -10px;
				margin-bottom: 0px;
				
				

				}
					
					
					
#muc2		{

					float: right;
					position: relative;
					top: 20px;
					width: 180px;
					height: 113px;
					margin-left: 15px;
					margin-bottom: 15px;
					
					
					}
					
#sub_mc2		{
					position: relative;
				clear: right;
				float: right;
				display: block;
				width: 180px;
				height: 20px;
				border: 0px solid red;
				top: 8px;
			

				}


					
					

					




