/***********************************************************************
 * General Information about this skin: 
 * Date of Creation: 2006-09-16
 * Author/Designer:  Vivien Schreiber
 *
 * Version 1.1: 2008-02-22
 * ---------------------------------------
 * 
 * 
 * 
 * Colors: 
 * ---------------------------------------
 *    BG-Color: #eeeddc
 *		Green:    #7ACD27
 ***********************************************************************/

body 
{
	color: #666;
	margin: 0; padding: 0;
	background-image: url(../images/skin01/img_bg.gif); background-repeat: repeat-y; background-position: center top;
}

#page 
{
	margin: 0 auto 0 auto; padding: 0;
	background-image: url(../images/skin01/img_header.png); background-repeat: no-repeat; background-color: transparent; 
	width: 616px;
	text-align: center;
}

#sitemap 
{
	position: absolute; right: 0; top: 0; padding: 0; margin: 0; width: 82px; height: 82px; 
}
#sitemap a:link, #sitemap a:visited {
	display: block; padding: 0; margin: 0; width: 82px; height: 82px; 
	background-image: url(../images/skin01/img_sitemap_up.png); background-repeat: no-repeat; 
}
#sitemap a:hover, #sitemap a:active {
	display: block; padding: 0; margin: 0; width: 82px; height: 82px; 
	background-image: url(../images/skin01/img_sitemap_ov.png); background-repeat: no-repeat; 
}

#submenu 
{
	text-align: center; font-size: 10px; 
}


/* --------  MENU LEVEL 1 ----------------- */
#menuLVL1 
{
	padding: 35px 0 0 0;
	height:  43px;
	z-index: 30; 
}

#menuLVL1 * 
{
	padding: 0; margin: 0;
}

#menuLVL1 li
{
	display: inline;
	list-style: none;
	overflow: hidden;
}

/* PERSON */
#menuLVL1 .menPerson a:link, #menuLVL1 .menPerson a:visited {
	margin: 0 0 0 60px; /* pseudo-zentrieren */
	display: block; float: left; height: 44px; width: 67px; 
	background-image: url(../images/skin01/img_vmenu_person-up.gif); background-repeat: no-repeat;
}
#menuLVL1 .menPerson a:hover, #menuLVL1 .menPerson a:active, #menuLVL1 .menPerson span {
	margin: 0 0 0 60px; /* pseudo-zentrieren */
	display: block; float: left; height: 44px; width: 67px; 
	background-image: url(../images/skin01/img_vmenu_person-ov.gif); background-repeat: no-repeat;
}

/* PROJECTS */
#menuLVL1 .menProjects a:link, #menuLVL1 .menProjects a:visited {
	display: block; float: left; height: 44px; width: 83px; 
	background-image: url(../images/skin01/img_vmenu_projects-up.gif); background-repeat: no-repeat;
}
#menuLVL1 .menProjects a:hover, #menuLVL1 .menProjects a:active, #menuLVL1 .menProjects span {
	display: block; float: left; height: 44px; width: 83px; 
	background-image: url(../images/skin01/img_vmenu_projects-ov.gif); background-repeat: no-repeat;
}

/* GRAPHICS */
#menuLVL1 .menGraphics a:link, #menuLVL1 .menGraphics a:visited {
	display: block; float: left; height: 44px; width: 84px; 
	background-image: url(../images/skin01/img_vmenu_graphics-up.gif); background-repeat: no-repeat;
}
#menuLVL1 .menGraphics a:hover, #menuLVL1 .menGraphics a:active, #menuLVL1 .menGraphics span {
	display: block; float: left; height: 44px; width: 84px; 
	background-image: url(../images/skin01/img_vmenu_graphics-ov.gif); background-repeat: no-repeat;
}

/* TUTORIALS */
#menuLVL1 .menTutorials a:link, #menuLVL1 .menTutorials a:visited {
	display: block; float: left; height: 44px; width: 89px; 
	background-image: url(../images/skin01/img_vmenu_tutorials-up.gif); background-repeat: no-repeat;
}
#menuLVL1 .menTutorials a:hover, #menuLVL1 .menTutorials a:active, #menuLVL1 .menTutorials span {
	display: block; float: left; height: 44px; width: 89px; 
	background-image: url(../images/skin01/img_vmenu_tutorials-ov.gif); background-repeat: no-repeat;
}

/* LINKS */
#menuLVL1 .menLinks a:link, #menuLVL1 .menLinks a:visited {
	display: block; float: left; height: 44px; width: 54px; 
	background-image: url(../images/skin01/img_vmenu_links-up.gif); background-repeat: no-repeat;
}
#menuLVL1 .menLinks a:hover, #menuLVL1 .menLinks a:active, #menuLVL1 .menLinks span {
	display: block; float: left; height: 44px; width: 54px; 
	background-image: url(../images/skin01/img_vmenu_links-ov.gif); background-repeat: no-repeat;
}

/* CONTACT */
#menuLVL1 .menContact a:link, #menuLVL1 .menContact a:visited {
	display: block; float: left; height: 44px; width: 100px; 
	background-image: url(../images/skin01/img_vmenu_contact-up.gif); background-repeat: no-repeat;
}
#menuLVL1 .menContact a:hover, #menuLVL1 .menContact a:active, #menuLVL1 .menContact span {
	display: block; float: left; height: 44px; width: 100px; 
	background-image: url(../images/skin01/img_vmenu_contact-ov.gif); background-repeat: no-repeat;
}

/* ELSE */
#menuLVL1 .menElse a:link, #menuLVL1 .menElse a:visited {
	display: block; float: left; height: 44px; width: 19px; 
	background-image: url(../images/skin01/img_vmenu_etc-up.gif); background-repeat: no-repeat;
}
#menuLVL1 .menElse a:hover, #menuLVL1 .menElse a:active, #menuLVL1 .menElse span {
	display: block; float: left; height: 44px; width: 19px; 
	background-image: url(../images/skin01/img_vmenu_etc-ov.gif); background-repeat: no-repeat;
}


/* --------  MENU LEVEL 2 ----------------- */
#menuLVL2 
{
	clear: both;
	text-align: right;
	padding: 0 25px 0 0; margin: 0;
	position: relative; top: -7px; z-index: 20;
	height: 47px;
}
#menuLVL2 ul
{
	padding: 0; margin: 0; 
}
#menuLVL2 li
{
	display: inline;
	list-style: none;
	padding: 0; margin: 0; 
	width: 90px; 
}

/***********************************************************************
 * CONTENTS
 ***********************************************************************/
#content 
{
  padding: 0 30px 15px 30px; margin: 0;
	text-align: left; line-height: 15px;
	font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; 
}


/* --------  Leadin Boxes ----------------- */
#content #webleadin { 		background-image: url(../images/skin01/img_projects-header-web.gif); background-repeat: no-repeat; background-position: top center;
													height: 173px; margin: 0 0 15px 0; padding: 40px 20px 20px 20px; }
#content #webleadin a:link,
#content #webleadin a:visited {	color: #0099FF; style: normal; text-decoration: none; }
#content #webleadin a:hover,
#content #webleadin a:active {	color: #0a80d1; style: normal; text-decoration: underline; }
#content #webleadin ul { 	list-style-image:url(../images/skin01/bullet_blue.gif); }

#content #printleadin { 	background-image: url(../images/skin01/img_projects-header-print.gif); background-repeat: no-repeat; background-position: top center;
													height: 173px; margin: 0 0 15px 0; padding: 40px 20px 20px 20px; }
#content #printleadin a:link,
#content #printleadin a:visited {	color: #FF9900; style: normal; text-decoration: none; }
#content #printleadin a:hover,
#content #printleadin a:active {	color: #cc7a00; style: normal; text-decoration: underline; }
#content #printleadin ul{ list-style-image:url(../images/skin01/bullet_orange.gif); }

#content #filmleadin 	{	background-image: url(../images/skin01/img_projects-header-film.gif); background-repeat: no-repeat; background-position: top center;
												height: 173px; margin: 0 0 15px 0; padding: 40px 20px 20px 20px; }
#content #filmleadin a:link, #content #filmleadin a:visited {	color: #8D329A; style: normal; text-decoration: none; }
#content #filmleadin a:hover, #content #filmleadin a:active {	color: #702c88; style: normal; text-decoration: underline; }
#content #filmleadin ul { list-style-image:url(../images/skin01/bullet_violet.gif); }

/* Simple green leadins */
#content #cvleadin 	{		background-image: url(../images/skin01/img_person-header-cv.gif); background-repeat: no-repeat; background-position: top center;
												height: 70px; margin: 0 0 15px 0; padding: 40px 20px 20px 20px; }
#content #otherleadin {		background-image: url(../images/skin01/img_projects-header-other.gif); background-repeat: no-repeat; background-position: top center;
													height: 173px; margin: 0 0 15px 0; padding: 40px 20px 20px 20px; }
#content #cvleadin a:link,    #content #cvleadin a:visited,
#content #otherleadin a:link, #content #otherleadin a:visited
											{	color: #7ACD27; style: normal; text-decoration: none; }
#content #cvleadin a:hover,    #content #cvleadin a:active,
#content #otherleadin a:hover, #content #otherleadin a:active
											{	color: #61a41f; style: normal; text-decoration: underline; }
#content #cvleadin ul { list-style-image:url(../images/skin01/bullet_green.gif); margin: 0; }
#content #otherleadin ul { list-style-image:url(../images/skin01/bullet_green.gif); }

#content #personleadin { 	background-image: url(../images/skin01/img_person-header_sm.gif); background-repeat: no-repeat; background-position: top center;
													height: 173px; margin: 0 0 15px 0; padding: 40px 20px 20px 20px; }

#content #illusleadin  { 	background-image: url(../images/skin01/illus_header/header6.gif); background-repeat: no-repeat; background-position: top center;
													height: 173px; margin: 0 0 15px 0; padding: 40px 20px 20px 20px; }
													
#content #threedleadin { 	background-image: url(../images/skin01/3d_header/header1.gif); background-repeat: no-repeat; background-position: top center;
													height: 173px; margin: 0 0 15px 0; padding: 40px 20px 20px 20px; }
													
#content #photoleadin  { 	background-image: url(../images/skin01/photo_header/header04.png); background-repeat: no-repeat; background-position: top center;
													height: 173px; margin: 0 0 15px 0; padding: 40px 20px 20px 20px; }

#content #tutsleadin  { 	background-image: url(../images/skin01/img_tutorials-header-web.gif); background-repeat: no-repeat; background-position: top center;
													height: 173px; margin: 0 0 15px 0; padding: 40px 20px 20px 20px; }


/* --------  Content Styles ----------------- */
#content .backTop
{
	text-align: right; 
}


/* --------  Portfolio ----------------- */
#content .topic { 
	padding: 0; margin: 0 0 10px 0;
	border-bottom: #9de05c 1px dotted;
}

#content .topic .topicThumb { 
	width: 210px; margin: 0; padding: 0; float: left; text-align: center; 
}

#content .topic .topicBody { 
	width: 336px; margin: 0; padding: 5px; float: right;
}

/* Details Left */
#content .topic .topicDetailsL 		{ width: 200px; margin: 0 0 10px; padding: 0; float: left;
	background-image: url(../images/skin01/img_topicsDetailsL_film_bgt.gif); background-position: left top; background-repeat: no-repeat; background-color: #e0ccdc; }
#content .topic .topicDetailsL * 	{ padding: 0; margin: 0; }
#content .topic .topicDetailsL dl {	padding: 10px 10px 0; }
#content .topic .topicDetailsL dt {	width: 60px; float: left; font-size: 8px; text-transform: uppercase; }
#content .topic .topicDetailsL dd { padding: 0 0 0 60px; font-size: 10px; }
#content .topic .topicDetailsL .closer { height: 8px; clear: both;
																		background-image: url(../images/skin01/img_topicsDetailsL_film_bgb.gif); background-position: bottom left; background-repeat: no-repeat; }
#content .topic .topicDetailsL p 	{ padding: 20px 20px 10px; }

/* Details Right */
#content .topic .topicDetailsR 		{ margin: 0; padding: 0;
																		background: #e0ccdc url(../images/skin01/img_topicsDetailsR_film_bgt.gif) left top no-repeat; }
#content .topic .topicDetailsR * 	{ padding: 0; margin: 0; }
#content .topic .topicDetailsR dl { padding: 10px 10px 0; }
#content .topic .topicDetailsR dt {	width: 80px; float: left;	font-size: 9px; text-transform: uppercase; }
#content .topic .topicDetailsR dd { padding: 0 0 0 80px; }
#content .topic .topicDetailsR .closer { height: 8px; clear: both;
																		background-image: url(../images/skin01/img_topicsDetailsR_film_bgb.gif); background-position: bottom left; background-repeat: no-repeat; }
#content .topic .topicDetailsR p 	{ padding: 10px 10px 0; }

/* Details Center */
#content .topic .topicDetailsC	  { margin: 10px 0; padding: 0; 
																		background: #e0ccdc url(../images/skin01/img_topicsDetailsC_film_bgt.gif) left top no-repeat; }
#content .topic .topicDetailsC * 	{ padding: 0; margin: 0; }
#content .topic .topicDetailsC dl { padding: 10px 10px 0; }
#content .topic .topicDetailsC dt {	width: 80px; float: left;	font-size: 9px; text-transform: uppercase; }
#content .topic .topicDetailsC dd { padding: 0 0 0 80px; }
#content .topic .topicDetailsC .closer { height: 8px; clear: both;
																		background: url(../images/skin01/img_topicsDetailsC_film_bgb.gif) bottom left no-repeat; }
#content .topic .topicDetailsC p 	{ padding: 12px 12px 0; }
											

/* Details Right & Left & Center */
 
/* Details Right & Left, Various Colors */
#content #cat_3D .topic .topicDetailsR,
#content #cat_3D .topic .topicDetailsL, 
#content #cat_illustration .topic .topicDetailsC { background-color: #dfdeba; }
#content #cat_other .topic .topicDetailsR 			 { background-color: #d2e5be; }

#content .topic .showMovie 					 { padding: 0; margin: 10px 0; }
#content .topic .showMovie a:link,
#content .topic .showMovie a:visited { display: block; height: 34px; background: url(../images/skin01/but_watchMovie_up3.png) top left no-repeat; }
#content .topic .showMovie a:hover,
#content .topic .showMovie a:active { display: block; height: 34px; background: url(../images/skin01/but_watchMovie_ov3.png) top left no-repeat; }


/* --------  Content ----------------- */
#content td { vertical-align: top; }

h1 {
	font-size: 14px; color: #7ACD27; font-weight: normal; font-style: italic;
	margin-top: 10px;
}
h2 {
	font-size: 12px; text-transform: uppercase; color: #7ACD27;
	margin-top: 10px;
} 
h3 {
	font-size: 12px; color: #666666; font-style: italic; font-weight: normal; 
	margin-top: 10px;
}
p {
	margin-top: 0px; margin-bottom: 10px;
}
acronym{
	border-bottom: 1px dotted;
}
pre {
	font-size: 14px; color: #999999;
}
hr 
{
	background-image: url(../images/skin01/hr.gif);
	height: 6px; 
	border: 1px solid #FFFFFF;
	margin: 0; padding: 0;
}
a:link, a:visited
{
	font-style: normal;
	color: #7ACD27; 
	border: none;
}
a:hover 
{
	color: #009900; text-decoration: underline;
	border: none;
}
a:active 
{
	border: #999999; 
	font-style: normal; color: #7ACD27; text-decoration: none;
	border: none;
}


.green 
{
	color: #7ACD59;
}
.term
{
	white-space: nowrap;
}
.ruler 
{
	background-image: url(../images/skin01/hr.gif); background-repeat: repeat-x;
	height: 5px;
	font-size: 3px;
	padding: 0px; margin-top: 10px; margin-bottom: 10px;
	clear: both;
}
.smallruler
{
	margin-bottom: 10px;
	border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #9DE05C;
}

/***********************************************************************
 * TWO COLUMNS LAYOUT
 ***********************************************************************/

#content .left 
{
	float: left;
	width: 45%;
}
#content .right
{
	float: right;
	width: 45%;
	background-image: none;
}
#content .english
{
	float: right;
	width: 45%;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-style: italic; 
	background-image: none;
}
#content .germantxt
{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-style: italic; 
}
#content .nocol 
{
	clear: both;
}

.hidden {
	position:absolute; left:0px;	top:-500px;
	width:1px; height:1px;
	overflow:hidden;
}
/* ILLSUTRATIONS GALLERY */
 
#content .gallery a:link span,
#content .gallery a:visited span
{
	display: none;
}
#content .gallery a:hover span,
#content .gallery a:active span
{
	/*visibility: visible;*/
	background-color: #7ACD27; color: #fff;
	position: absolute; right: auto; z-index: 40;
	display: block; width: 150px; 
	padding: 15px; margin: 0;
}

/* CURRICULUM VITAE */
#content .cv 
{
  line-height: 15px; margin: 10px;
}
#content .cv th 
{
	text-align: right; width: 120px; padding: 3px 10px 3px 3px; vertical-align: top; font-size: 10px; 
	/*border-right: #dbd9bd 4px solid;*/
}
#content .cv td
{
	padding: 3px 3px 3px 10px;
}
#content .cv ul
{
	margin: 0;
}
#content .cv li
{
	margin: 0; padding: 3px;
}

/***********************************************************************
 * Various Styles
 ***********************************************************************/