/* Kommentar:
in externer css Datei oder innerhalb der style-tags kann
man auf DIESE Art und Weise einen Kommentar schreiben. Kommentarende folgt. */



body {
	font:10pt arial; 
	line-height:1.5;
	background:#fff url(bilder/BG_Verlauf_3.jpg) repeat fixed top left; 
	height:100%;
	widht:100%;	
	margin:0px;
	color:#000;
	}

b {	color:#333;
	}



h1    {	color:#336633;
     	font-size:14px;
	font-style:normal;
     	/*font-family:Garamond;*/
     	line-height:2;
	margin:0px;
	letter-spacing:0.1em;
     	word-spacing:0.3em;
	/*border-bottom:solid thin red;*/
	}



table {	font:10pt arial;
	letter-spacing:1;
	line-height:1.3;	
	width:100%;
	padding:0px;
	margin:0px;
	border:0px solid #000;
	}

.projects table {
	font:10pt arial;
	letter-spacing:1;
	line-height:1.5;	
	width:25%;
	padding:0px;
	margin:0px;
	border:0px solid #000;
	}

tr {	padding:0px;
	margin:0px;
	border:0px solid #000;
	}

td {	padding:0px;
	margin:0px;
	border:0px solid #000;
	vertical-align:top;
	overflow:hidden;
	}


.tableft {	text-align:right;
		color:#999999;
		}

.tabjust {	text-align:justify;
		}


.gallery ul {	position:relative;
		top:-2px;
		left:-55px;
		list-style:none outside;
		width:330;
		}

.gallery li {	display:inline;
		float:left;
		width:96px; 
  		height:66px; 
  		padding:7px 6px 8px 6px;
		border:1px dashed white;
		}

.gallery li:hover {	border:1px dashed #3b3;
			}


.projects ul {	position:relative;
		left:-52px;
		list-style:none outside;
		width:800;
		}

.projects li {	display:inline;
		float:left;
		width:122px; 
  		height:92px; 
  		padding:5px;
		margin:8px;
		margin-top:8px;
		margin-left:8px;
		margin-right:8px;
		margin-bottom:0px;
		border:1px dashed white;
		}


.projects li:hover {	border:1px dashed #393;
			}


.iframepos {	position:absolute;
		width:416px;
		height:412px;
		right:-12px;
		top:0px;
		}

.iframepos2 {	position:absolute;
		width:416px;
		height:412px;
		left:-12px;
		top:300px;
		}

.iframepospromenu
		{
		position:absolute;
		width:766px;
		height:412px;
		left:0px;
		top:60px;
		}



.download2 ul {	position:relative;
		float:left;
		left:0px;
		list-style:none outside;
		width:543;
		padding:0px;
		margin:0px;
		border:0px solid red;
		}

.download2 li {	display:inline;
		float:left;
		width:175px; 
  		height:72px;
		text-align:left;
		line-height:1.3;
  		padding:0px 0px 0px 0px;
		margin:0px 0px 15px 0px;
		border:0px dashed white;
		}






ul {	list-style-image:url(bilder/dotccc.gif);
	list-style-position:outside;
	}



img {	border:0px;
	}



.largespace { word-spacing:18; }




/* ---------------- neues Menu ------------------ */


.neumenu {
	letter-spacing:1;
	/*word-spacing:3;*/
	}



.neumenu a:link, .neumenu a:visited {
			text-decoration:none;
			padding:5px 24px;
			color:black;
			/*background-color:#6c6;*/	
			border:0px solid #000000;
			margin:0px -3px;
			text-align:center;
			vertical-align:-5px;
			}


.neumenu a:hover, .neumenu a:active, .neumenu a:focus {
			/*text-decoration:underline;*/
			color:black;

			padding:4px 21px 5px 23px;

		     	border:0px 0px 0px 0px solid red;

			margin:0px 0px 0px -2px;

			/*background-color:#88F188;*/
			background:url(bilder/menuhell.gif);
			
			}

/* NICHT LÖSCHEN! DAS IST DER AKTIVIERTE! */
.neumenu #active {
			text-decoration:none;
			padding:4px 25px 5px 25px;
			color:#000;
			background-color:#fff;
			border-top:1px solid #363;
			border-right:1px solid #363;
			border-left:0px solid #363;
			margin:0px -4px 0px -5px;
			text-align:center;
			vertical-align:-5px;
			}








/* -------------- neues SUB-Menu ---------------- */


#subzero {	position:relative;
		top:0px;
		left:0px;
		width:100%;
		height:10px;
		padding:0px;
		margin:0px;
		color:#3333333;
		overflow:hidden;
		border:0px solid #333300;
		background-color:#ffffff;
		}

#subone {	position:relative;
		top:0px;
		left:0px;
		width:100%;
		height:82px;
		padding:0px;
		margin:0px;
		color:#333333;
		overflow:hidden;
		border:0px solid #333300;
		background: #fff url(bilder/lk_foto_1.gif) no-repeat right;
		}

#subtwo {	position:relative;
		top:0px;
		left:0px;
		width:100%;
		height:58px;
		padding:0px;
		margin:0px;
		color:#333333;
		overflow:hidden;
		border:0px solid #333300;
		background-color:#ffffff;
		}

#subtwo2 {	position:relative;
		top:0px;
		left:0px;
		width:100%;
		height:95px;
		padding:0px;
		margin:0px;
		color:#333333;
		overflow:hidden;
		border:0px solid #333300;
		background-color:#ffffff;
		}

#subthree {	position:relative;
		top:0px;
		left:0px;
		width:100%;
		height:23px;
		padding:0px;
		margin:0px;
		color:#333333;
		overflow:hidden;
		border:0px solid #333300;
		background-color:#ffffff;
		}



.neusubmenu {
	position:absolute;
	top:2px;
	letter-spacing:1;
	/*word-spacing:3;*/
	}


#subone .neusubmenu {
	left:84px;
	}

#subtwo .neusubmenu {
	left:193px;
	}

#subtwo2 .neusubmenu {
	left:193px;
	}

#subthree .neusubmenu {
	left:300px;
	}




.neusubmenu a:link, .neusubmenu a:visited {
			line-height:1.9;
			text-decoration:none;
			padding:0px 24px;
			color:#3b3;
			margin:0px -3px;
			text-align:center;
			}



.neusubmenu a:hover, .neusubmenu a:active, .neusubmenu a:focus {
			text-decoration:underline;
			color:#333333;
			}

/* NICHT LÖSCHEN! DAS IST DER AKTIVIERTE! */
.neusubmenu #active {	
			line-height:1.9;
			text-decoration:none;
			font-weight:bold;
			padding:0px 24px;
			color:#3b3;
			margin:0px -3px;
			text-align:center;

			}

/*										*/
/*	.neusubmenu #active:after {	content:url(bilder/dotccc2.gif); }	*/
/*					}					*/







/* ---------------------------------------------- */



/* ##### Klassen: ##### */


.home {		position:relative;
		top:0px;
		left:0px;
		height:415px;
		width:723px;	
		padding:0px;
		margin:0px;
		overflow:hidden;
		/* background:url(bilder/picto_giantlizard.gif) no-repeat scroll bottom left; */
		}

.newscontainer {	height:390px;
			padding:0px;
		margin:0px;
		/* border:1px dashed #00c; */
		}

.news {		color:#666;	
		padding:0px;
		margin:0px;
		}
		
.news b	{	color:#999;
		}

.newsbottom {	width:100%;
		color:#666;
		padding:0px;
		margin:0px;
		text-align:right;
		/* border:1px dashed #fcc; */
		}

.newsbottom b {	color:#999;
		}

.redsmall {	font-size:9px;
		color:#c03;
		}

.impressum {	font-size:9px;
		line-height:1.5;
		}

.linkssmall {	color:#666;
		font-size:9px;
		}

.vita {		position:relative;
		top:0px;
		left:83px;
		height:100%;
		width:640px;
		padding:0px;
		margin:0px;
		border:0px dashed #ccc;
		text-align:left;
		background:url(bilder/picto_vita.gif) no-repeat scroll bottom right;
		}

.skills {	position:relative;
		top:0px;
		left:0px;
		height:350px;
		width:723px;
		padding:0px;
		margin:0px;
		border:0px dashed #ccc;
		text-align:left;
		/*background:url(bilder/picto_skills.gif) no-repeat scroll bottom right;*/
		}




.contact {	position:relative;
		top:0px;
		left:0px;
		height:343px;
		width:723px;
		padding:0px;
		margin:0px;
		border:0px dashed #ccc;
		text-align:left;
		background:url(bilder/picto_giantlizard.gif) no-repeat scroll bottom left;
		}

.showreel {	position:absolute;
		top:80px;
		left:17px;
		height:315px;
		width:731px;
		padding:0px;
		margin:0px;
		border:0px dashed #ccc;
		/* background:url(bilder/download.jpg) no-repeat center; */
		}

.download1 {	position:relative;
		top:235px;
		left:0px;
		height:230px;
		width:170px;
		line-height:1.0em;
		text-align:center;
		border:0px solid red;
		}

.download1 b {	line-height:1.4em;
		}

.download2 {	position:relative;
		top:65px;
		left:0px;
		height:230px;
		width:355px;
		line-height:1.2em;
		text-align:center;
		border:0px solid red;
		}


.projects {	position:relative;
		top:-20px;
		left:0px;
		height:425px;
		width:723px;
		padding:0px;
		margin:0px;
		line-height:1.5;
		/*border:0px dashed #ccc;*/
		/*text-align:left;*/
		/* background:url(bilder/picto_projects.gif) no-repeat scroll bottom right; */
		}

.gallery {	position:relative;
		top:-10px;
		left:0px;
		height:400px;
		width:723px;
		padding:0px;
		margin:0px;
		border:0px;
		/*background:url(bilder/picto_gallery.gif) no-repeat scroll bottom right; */
		}


.tef {		position:relative;
		top:0px;
		left:0px;
		height:400px;
		width:723px;
		padding:0px;
		margin:0px;
		}

.tef2 {		position:relative;
		top:-20px;
		left:0px;
		height:400px;
		width:723px;
		padding:0px;
		margin:0px;
		line-height:1.5;
		}





/* ----- Individualformate: (???) (div id=...) ------ */











#positioner   {	position:relative;
   		top:20px;
   		left:50%;
   		width:765px;
		max-width:765px;
		height:700px;
		z-index:2;
   		padding:0px;
		margin-top:0px;
		margin-left:-382px;
   		border:0px;
		overflow:hidden;
		}

#positioner2 {	position:relative;
   		top:20px;
   		left:50%;
   		width:765px;
		max-width:765px;
		height:1900px;
		z-index:2;
   		padding:0px;
		margin-top:0px;
		margin-left:-382px;
   		border:0px;
		overflow:hidden;
		}

#positioner3 {	position:relative;
   		top:20px;
   		left:50%;
   		width:765px;
		max-width:765px;
		height:1000px;
		z-index:2;
   		padding:0px;
		margin-top:0px;
		margin-left:-382px;
   		border:0px;
		overflow:hidden;
		}

#block550     {	position:relative;
   		top:0px;
   		left:0px;
   		width:100%;
		height:550px;
		z-index:3;
   		padding:0px;
		margin:0px;
		background-color:white;
		border-bottom:1px dashed #ccc;
		overflow:hidden;
		}

#blocklinks   {	position:relative;
   		top:0px;
   		left:0px;
   		width:100%;
		height:900px;
		z-index:3;
   		padding:0px;
		margin:0px;
		background-color:white;
		border-bottom:1px dashed #ccc;
		overflow:hidden;
		}

#blockimp     {	position:relative;
   		top:0px;
   		left:0px;
   		width:100%;
		height:1800px;
		z-index:3;
   		padding:0px;
		margin:0px;
		background-color:white;
		border-bottom:1px dashed #ccc;
		overflow:hidden;
		}

#kopf	{	position:relative;
		top:0px;
		left:0px;
		width:100%;
		height:55px;
		padding:0px;
		margin:0px;
		overflow:hidden;
		border:0px solid #090;
		background:url(bilder/titelbild.jpg);
		}



#menucontainer { position:relative;
		top:0px;
		left:0px;
		width:100%;
		height:25px;
		padding:0px;
		margin:0px;
		overflow:visible;
		border:0px solid #300;
		background:url(bilder/titelbild.jpg) bottom;
		}


#promenu {	letter-spacing:1;
		text-align:center;
		position:relative;
		top:60px;
		left:0px;
		}


#gallerymenu {	line-height:1.3;
		letter-spacing:1;
		z-index:3;
		border:0px dashed red;
		position:absolute;
		width:312px;
		height:10px;
		left:195px;
		top:7px;
		}





#inhalt	{	position:relative;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		padding:20px 20px;
		font:10pt arial;
		line-height:1.3;
		margin-top:0px;
		margin-left:0px;
		margin-right:0px
		text-align:justify;
		letter-spacing:1;
/*		word-spacing:3;		*/
		overflow:hidden;
		border-top:1px dashed #ccc;
		}




#foot	 {	position:relative;
		top:0px;
		left:0px;
		width:100%;
		height:30px;
		padding:0px;
		margin:0px;
		color:#666666;
		letter-spacing:1;
		word-spacing:3;
		text-align:center;
		overflow:hidden;
		border:0px solid #000;
		}


#foot a:link,  #foot a:visited
	{	color:#666666;
		text-decoration:none;
		padding:0px;
		}


#foot a:focus, #foot a:hover, #foot a:active
	{	color:#333333;
		text-decoration:underline;
		padding:0px;
		}



.switch {	color:#666;
		font-size:9px;
		text-align:center;
		}

.switch b {	color:#333;
		/*font-size:10pt;*/
		/*font-weight:normal;*/
		text-decoration:none;
		font-weight:normal;
		}

.switchdark {	color:#333;
		font-size:9px;
		text-align:center;
		}


/* ++++++++++++ Pseudoelemente und Pseudoklassen ++++++++++++ */
/* +++++++++++++++++++++++ (links usw) ++++++++++++++++++++++ */





a:link, a:visited {
		color:#3b3;
		text-decoration:none;
		}

a:focus, a:hover, a:active {
		color:#333333;
		text-decoration:underline;
		}




.home a:link, .home a:visited
	{	color:#000;
		text-decoration:none;
		}



.home a:focus, .home a:hover, .home a:active
	{	color:#333333;
		text-decoration:underline;
		}

.news a:link, .news a:visited
	{	color:#3b3;
		text-decoration:none;
		}



.news a:focus, .news a:hover, .news a:active
	{	color:#333333;
		text-decoration:underline;
		}

.newsbottom a:link, .newsbottom a:visited
	{	color:#3b3;
		text-decoration:none;
		}



.newsbottom a:focus, .newsbottom a:hover, .newsbottom a:active
	{	color:#333333;
		text-decoration:underline;
		}


/* 
.download a:link, .download a:visited
	{	color:#3b3;
		font-weight:normal;
		text-decoration:none;
		}



.download a:focus, .download a:hover, .download a:active
	{	color:#333333;
		font-weight:normal;
		text-decoration:underline;
		}
*/






.switch a:link	{
		color:#3b3;
		text-decoration:none;
		}

.switch a:visited {
		color:#3b3;
		text-decoration:none;
		}

.switch a:focus, .switch a:hover, .switch a:active {
		color:#333333;
		text-decoration:underline;
		}