@charset "UTF-8";


/* CSS Document */



			
* {
margin: 0;
padding: 0;
} 
#gallery{
	width:100%;
	height:auto;
}

body{
	width:100%;
	height:100%;
	font-family: Verdana, Arial, sans-serif;
	font-size: 13px;
	color: #000;
	background-color: #FFFFFF;
	border: 0px;
	position:relative;
}
nav, section{display:block;}

#alles{
	width:100%;
	height:100%;
}

#main-content{
	position:absolute;
	top:240px;
	left:0;
	width:100%;
	height:auto;
	
}

#inhalt {
	position:absolute;
	top:0;
	left:0;
	width:100%;
}

#content{
				
				width:100%;
				height:100%;
				overflow:auto;
				
			}
			
			div.color
			{
				width: 24px;
				height: 24px;
				
				cursor: default;
				
				border-width: 1px;
				border-style: solid;
				border-color: gray;
				
				margin: 2px;
			}
			
			div.picker
			{
				
				float: left;
				
				border-radius: 4px;
				border: solid 1px #000;
				
				padding: 3px;
				
				background-color: #FFF;
			}
			
			#sizePicker
			{
				position: absolute;
				left: 50px;
				top: 500px;
				width:136px;
				height:50px;
				float: left;
				border-radius: 4px;
				border: solid 1px #000;
				
				padding: 3px;
				
				background-color: #FFF;
			}
			div.size
			{
				display:block;
				cursor: default;
				margin: 10px;
				border: solid 1px #000;
				float:left;
			}
			
			#clear
			{
				position: absolute;
				left: 6px;
				top: 500px;
				float: left;		
				padding: 4px;
				
			}
			.button{
				float:left;
				clear:left;
				margin:2px;
			}
			
			
			#overflowHidden{
				overflow:hidden;
			}
			
			#drawingContainer{
				position:absolute;
				top:50px;
				left:20px;
				width:3792px;
				height:8376px;
				line-height:0;
				z-index:1;
			}
			
			.canvasHolder{
				display:block;
				float:left;
				width:1264px;
				height:698px;
				overflow:hidden;
				line-height:0;
			}	
			
			
			.drawing{
				display:block;
				float:left;
				width:1264px;
				height:698px;
				border:none;
	
			}
			
			#controls{
				z-index:10;
				position:absolute;
				display:none;
				width:80px;
				height:400px;
				padding:20px;
			}
				
			
#description{
	width:100%;
	height:40px;
	margin-top:120px;
	text-align:center;
	
}
#index{
	width:100%;
	height:50px;
}

#slides{
		width:100%;	
		height:auto;
		overflow:auto;
		text-align:center;	
			
}
#slides p{
	padding-left:30px;
	padding-right:30px;
	margin-top:60px;
}

#slides img{
	display:inline-block;
	width:auto;
	height:300px;
	
}

.malerei{
	text-align:center;
	width:100%;
}

.zeichnung{
	text-align:center;
	width:100%;	
}

#links{
	position:absolute;
	width:500px;
	top:100px;
	left:50%;
	margin-left:-250px;	
}

.eingerueckt{
	margin-left:30px;
}

.gesamt{
	float:left;
	clear:both;
	width:100%;
	margin-bottom:180px;
	text-align:center;
}

.gesamt img{
	display:inline-block;
	width:auto;
	height:150px;
}

.bilder{
	margin:30px;
	padding-top:40px;
	
}

.links .bilder{
	text-align:left;
}
.rechts .bilder{
	text-align:right;
}

.text{
	width:450px;
	text-align:left;
	margin:30px 50px 30px 30px;	
}

.links .text {
    float:right;
	clear:right;
}

.rechts .text{
	float:left;
	clear:right;
	margin-right:10px;
}

.clear{
	clear:both;
	width:100%;
	height:1px;
}
	
.dotholder {
	 display:block;
	 float:left;
	 clear:left;
	 background-color:#3FC;
	 width:10px;
	 height:10px;	
	 border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	 
	margin:4px 10px 0 10px;
 }
 
 #lebenslauf{
	 width:800px;
	 position:absolute;
	 top:120px;
	 left:50%;
	 margin-left:-400px;
 }
 #lebenslauf a {
	text-decoration:underline;
	color: #000;
}
#lebenslauf a:hover{
	font-style:italic;
}
 #links a {
	text-decoration: none;
	color: #000;
}
#links a:hover{
	font-style:italic;
}

#links a:hover .dotholder{
	background-color:#000;
}

#links a:visited .dotholder{
	background-color:#9CC;
}
.kontakt{
	width:500px;
	height:50px;
	position:absolute;
	top:200px;
	left:50%;
	margin-left:-250px;
}

.kontakt a {
	text-decoration: none;
	color: #000;
}
.kontakt a:hover{
	font-style:italic;
}

.Stil4 {
	font-size: 10px;
	text-align:center;
}

.Stil4 a {
	text-decoration: underline;
	color: #000000;
}


.Stil5 {
	font-size: 10px; 
	padding-right: 50px;
}

.Stil5 a {
	text-decoration: underline;
	color: #000000;
}

.Stil5 img {

	margin-top: 10px;
	margin-left: 15px;
	padding: 0px;
}


#video_1{
	position:absolute;
	top:0;
	left:0;
	width:640px;
	height:360px;
}

#orf{
	position:absolute;
	left:50%;
	top:200px;
	margin-left:-340px;
}

#anleitung{
		margin-left:100px;
		margin-right:100px;
}

#material{
	position:absolute;
	top:200px;
	left:50%;
	margin-left:-524px;
}
