@charset "UTF-8";
/* CSS Document */


/* Resets */

*				{ margin: 0; padding: 0; }
html, body		{ height: 100%; }
body			{ 
				font-size: 75%; font-family: Georgia, sans-serif; 
				color: #000000;
				}
img				{ align: center; vertical-align: middle; border: none;}

.clear			{ clear: both; }
.clear_left		{ clear: left; }


p	 		{
			font-size: 1.0em;
			line-height: 1.5em;
			}

a			{
			color: #000000; text-decoration: none;
			}

/* Page Wrap: Alles wird mittig ausgerichtet */			
			
div#pagewrap {
	width: 950px; 
	margin: 0 auto; 
	}

div#nav_wrap {
	width: 100%;
	padding: 50px 0 50px 0;
	}

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

ul li {
	float: left;
	position: relative;
	}

li ul {
	display: none;	/* Wird im normalen Modus nicht angezeigt */
	position: absolute;
	margin: 50px 0 0 0;
	top: 1em;		/* Fix für IE */
	left: 0;		/* Fix für IE */
	}
	
li > ul {			/* Fix für Opera */
	top: auto;		/* Fix für Opera */
	left: auto;		/* Fix für Opera */
	}

li:hover ul, li.over ul { /* Fix für IE */
	display: block;	/* Wird angezeigt, wenn gehovert wird*/
	}

	ul#nav li a {
		display: block; 
		float: left; 
		text-decoration: none;
		text-align: center;
		}

		ul#nav li a.illustration {
			background: url('buttons/illustration.png') no-repeat #FFFFFF; 
			width: 163px;
			height: 50px;
			display: block;
			}

			ul#nav li a.buecher {
				background: url('buttons/buecher.png') no-repeat #FFFFFF; 
				width: 100px;
				height: 20px;
				display: block;
				}
				
			ul#nav li a.diverses {
				background: url('buttons/diverses.png') no-repeat #FFFFFF; 
				width: 100px;
				height: 20px;
				display: block;
			}
			
            ul#nav li a.zeichnungen {
				background: url('buttons/diverses_1.png') no-repeat #FFFFFF; 
				width: 100px;
				height: 20px;
				display: block;
			}

		ul#nav li a.grafik {
			background: url('buttons/grafik.png') no-repeat #FFFFFF; 
			width: 121px;
			height: 50px;
			display: block;
			}		

		ul#nav li a.skizzen {
			background: url('buttons/skizzen.png') no-repeat #FFFFFF; 
			width: 146px;
			height: 50px;
			display: block;
			}

		ul#nav li a.vita {
			background: url('buttons/vita.png') no-repeat #FFFFFF; 
			width: 107px;
			height: 50px;
			display: block;
			}		

		ul#nav li a.portfolio {
			background: url('buttons/portfolio.png') no-repeat #FFFFFF; 
			width: 101px;
			height: 50px;
			display: block;
			}		

				ul#nav li a.portfolio_illu {
					background: url('buttons/portfolio_illu.png') no-repeat #FFFFFF; 
					width: 120px;
					height: 20px;
					display: block;
					}		
					
				ul#nav li a.portfolio_grafik {
					background: url('buttons/portfolio_grafik.png') no-repeat #FFFFFF; 
					width: 100px;
					height: 20px;
					display: block;
					}		

		ul#nav li a.info {
			background: url('buttons/info.png') no-repeat #FFFFFF; 
			width: 78px;
			height: 50px;
			display: block;
			}		

		ul#nav li a.links {
			background: url('buttons/links.png') no-repeat #FFFFFF; 
			width: 78px;
			height: 50px;
			display: block;
			}		

		ul#nav li a.kontakt {
			background: url('buttons/kontakt.png') no-repeat #FFFFFF; 
			width: 139px;
			height: 50px;
			display: block;
			}		

div#content {
	width: 100%;
	height: 100%;
	}

div#footer {
	float: left;
	width: 100%;
	}
	
		div#footer a {
			background: url('buttons/julia.png') no-repeat #FFFFFF; 
			width: 104px;
			height: 40px;
			display: block;
			}
			
div#col_info {
	float: left;
	width: 20%;
	height: 450px;
	}
	
		div#col_info a.vita {
			background: url('buttons/vita.png') no-repeat #FFFFFF; 
			width: 107px;
			height: 50px;
			display: block;
			}		

		div#col_info a.links {
			background: url('buttons/links.png') no-repeat #FFFFFF; 
			width: 78px;
			height: 50px;
			display: block;
			}		

div#col_page {
	float: right;
	width: 80%;
	}
	
/* DAS WAR MAL DER STREIFEN AM RAND
div#col_info_gallery {
	float: right;
	width: 20%;
	}

*/

div#col_page_gallery {
	float: left;
	width: 100%;
	}
	
table {
	width: 80%;
	border: none;
	}

	td.title {
		padding: 0 0 20px 0;
		}
		
		td.title p {
			font-size: 2em;
			}
		
	td.text {
		padding: 20px 0 0 0;
		}			
		
		td.text p, a {
			font-size: 1em;
			line-height: 1.5em;
			}
		
		td.text a {
			color: #333333
			}
		td.text a:hover {
			color: #000000
			}