/* -------------  ALLGEMEIN  -----------------*/

html 	{ width: 100%; height: 100%;}
body 	{ border: 0px; margin: 0px; font-family: Helvetica Neue Ultra Light, Helvetica Neue Light, Helvetica Neue Thin, Helvetica Ultra Light, Helvetica Light, Helvetica Thin, Helvetica, sans-serif; text-transform: uppercase; text-align: center;}
table { border-collapse: collapse; border: 0px; padding: 0px; margin: 0px; }
td    { padding: 0px; border: 0px;}
img	{ border: 0px;}
/* -------------  ALLGEMEIN ENDE -----------------*/




/* -------------  GRUNDAUFBAU  ---------------*/

table.window 			{ height: 100%; width: 100%; border: 0px; vertical-align: top; text-align: center;}
table.content 			{ width: 100%; background-repeat: no-repeat; background-position: 35% 9px;}
#fashion					{ background-image: url(images/FASHION.gif); }
#costumes				{ background-image: url(images/COSTUMES.gif); }
#accessories			{ background-image: url(images/ACCESSORIES.gif); }
#drawings				{ background-image: url(images/DRAWINGS.gif); }
table.content td 		{ border: 0px solid white;}

td.horSpace 			{ width: 21%; border: 0px;}
td.horSpace2 			{ width: 10%; border: 0px; }

a							{ text-decoration: none; text-transform: uppercase; cursor: pointer;}

/* Head */
img.head				{ margin: 40px 0px 20px 0px;}

/* Hauptnavigation */
td.mainnav 			{ height: 20px; background-image: url(images/bg_mainnav.gif); background-repeat: repeat; border: 1px solid white; text-align: center; vertical-align: middle;}

table.mainnav 		{ height: 18px; width: 100%; border: 1px solid white; }
table.mainnav td	{ vertical-align: middle; border: 0px solid green;}

td.leftLink			{ text-align: left; width: 11%;}
td.midLink			{ text-align: center; width: 18%;}
td.rightLink		{ text-align: right; width: 13%;}

a.main				{ color: #767575; font-size: 0.72em; /*font-weight: bold;*/ letter-spacing: 0.16em; text-transform: uppercase;  padding: 0px 17px 0px 17px;}
a.main:visited		{ color: #767575;}
a.main:hover		{ color: #9C9A9A;}
a.active				{ color: #000000; font-size:  0.9em; /*font-weight: bold;*/ letter-spacing:  0.1em; text-transform: uppercase;  padding: 0px 17px 0px 17px; background-image: url(images/active_icon.gif); background-repeat: no-repeat; background-position: 0px 0px;}
a.active:hover		{ color: #333333;  background-image: url(images/active_icon.gif); background-repeat: no-repeat; background-position: 0px -7px;}
a.main2				{ color: #767575; font-size:  0.7em; font-weight: normal; letter-spacing: 0.16em; text-transform: uppercase;  padding: 0px 17px 0px 17px;}
a.main2:visited	{ color: #767575;}
a.main2:hover		{ color: #9C9A9A;}
a.active2			{ color: #000000; font-size: 0.72em; font-weight: normal; letter-spacing: 0.08em; text-transform: uppercase;  padding: 0px 17px 0px 17px; /*font-weight: bold;*/ background-image: url(images/active_icon.gif); background-repeat: no-repeat; background-position: 0px 0px;}
a.active2:hover	{ color: #333333;  background-image: url(images/active_icon.gif); background-repeat: no-repeat; background-position: 0px -7px;}


/* CONTENT */

td.mainContent 			{ width: 100%; border-left: 1px solid White; border-right: 1px solid white; vertical-align: top; text-align: center;}
table.mainContent			{ width: 100%; height: 380px; text-align: center; vertical-align: top; }
table.project				{ height: 100%; width: 889px; }
table.projectpreview		{ height: 100%;}
table.project td        { border: 0px solid darkred;}
table.information			{ height: 100%;}

a.text						{ color: #767575; text-decoration: underline;}
a.text:hover            { color: #9c9a9a;}
a.text:visited				{ color: #767575;}


/* Previewnavigation */
td.projectgroup		{ vertical-align: top; padding: 10px 10px 0px 15px; text-align: right; width: 100px;}
td.previewtable 		{ text-align: left;}
td.preview				{ padding: 0px 10px 10px 10px; vertical-align: top; text-align: center; width: 150px; color: #333333; font-size: 0.7em; font-weight: normal; letter-spacing: 0.1em; text-transform: uppercase; line-height: 1.1em;}
img.preview		    	{ width: 150px; height: 100px; border: 2px solid White; margin-bottom: 4px; cursor: pointer;}

/* Bildernavigation */
td.bildnav     { text-align: right; vertical-align: top; padding-top: 20px;}
table.bildnav	{ width: 85px; float: right; }
td.thumb			{ padding-bottom: 10px; padding-left: 20px; }
img.thumb		{ width: 83px; height: 60px; border: 1px solid White; cursor: pointer;}

/* Bildteil */
img.project			{ border: 2px solid White;}
td.projectimage	{ padding: 20px; vertical-align: top; text-align: center; width: 544px;}
td.bioimage	      { padding: 20px; vertical-align: top; text-align: center; }

/* Textteil */
td.description   	{ vertical-align: top; text-align: left; padding-bottom: 20px; padding-top: 8px;}
td.margin        	{ width: 20px; }
img.textwidth	 	{ width: 15em; height: 1px;}
h1 					{ color: #000000; font-size: 0.9em; /*font-weight: bold;*/ font-weight: normal; letter-spacing: 0.1em; text-transform: uppercase; line-height: 1.0em;}
h2 					{ color: #111111; font-size: 0.75em; font-weight: normal; letter-spacing: 0.1em; text-transform: uppercase; line-height: 1.2em;}
h3 					{ color: #212121; font-size: 0.75em; /*font-weight: bold;*/ font-weight: normal; letter-spacing: 0.1em; text-transform: uppercase; line-height: 1.1em;}
span.descript		{ color: #212121; font-size: 0.7em; font-weight: normal; letter-spacing: 0.1em; text-transform: uppercase; line-height: 1.3em;}
span.names			{ color: #212121; font-size: 0.7em; font-weight: lighter; font-style: italic; letter-spacing: 0.1em; text-transform: uppercase; line-height: 1.3em;}
table.bio      	{ width: 100%;}
table.bio td      { color: #555555; font-size: 0.7em; font-weight: normal; letter-spacing: 0.1em; text-transform: uppercase; line-height: 1.4em; vertical-align: top; text-align: left; padding: 0.37em 0px 0px 15px;  }
table.bio th		{ color: #000000; font-size: 0.75em; font-weight: normal; letter-spacing: 0.1em; text-transform: uppercase; line-height: 1.3em; vertical-align: top; text-align: right; white-space:nowrap; padding: 0.35em 0px 0px 0px; }
table.bio th.subject { color: #000000; border-bottom: 1px dotted #555555;}
table.bio ul		{ margin: 0; padding: 0.5em 0px 0px 0px; list-style-type: none;}
table.bio li		{ margin: 0; padding: 0px 0px 0px 10px; background-image: url(images/blaetter_ul.gif); background-repeat: no-repeat; background-position: left 0.4em; }
div.scroll			{ height: 445px; margin-top: 12px; overflow: auto; padding: 0px 15px 0px 15px; }

/* Subnavigation */
td.subnav 				{ height: 1.05em; vertical-align: top; font-size: 110%;}
div.subnav 				{ height: 1.05em; padding-top: 0.05em; vertical-align: middle; border-bottom: 1px solid White; border-right: 1px solid White; border-left: 1px solid White; float: left; margin-left: 20px; background-color: #c3c3c3;}

a.sub 					{ color: #ffffff; font-size: 0.7em; font-weight: normal; letter-spacing: 0.1em; margin-left: 1em; padding: 0px 15px 0px 15px; text-transform: uppercase;}
a.sub:visited			{ color: #ffffff; }
a.sub:hover 			{ color: #767575;}
a.subactive			   { color: #000000; font-size: 0.7em; /*font-weight: bold;*/ letter-spacing: 0.1em; margin-left: 1em; padding: 0px 15px 0px 15px; text-transform: uppercase;}
a.subactive:hover    { color: #535353;}
span.sub 				{ color: #010101; font-size: 0.7em; /*font-weight: bold;*/ letter-spacing: 0.1em; margin-left: 0.5em; cursor: default; text-transform: uppercase;}


/* Foot */
div.foot { border: none; padding-top: 20px;}

/* -------------  GRUNDAUFBAU ENDE ---------------*/



/* ------------- FORMULARE ---------------------*/

input.text				{ margin-bottom: 10px; padding: 2px 3px 0px 3px; width: 300px; height: 18px; color: #444444; font-weight: normal; font-family: Helvetica Neue Ultra Light, Helvetica Neue Light, Helvetica Neue Thin, Helvetica Ultra Light, Helvetica Light, Helvetica Thin, Helvetica, sans-serif; }
textarea					{ padding: 2px 3px 0px 3px; margin-bottom: 10px; width: 300px; height: 150px; color: #444444; font-size: 0.9em; font-weight: normal; line-height: 1.2em; font-family: Helvetica Neue Ultra Light, Helvetica Neue Light, Helvetica Neue Thin, Helvetica Ultra Light, Helvetica Light, Helvetica Thin, Helvetica, sans-serif;}
label						{ color: #111111; font-size: 0.75em; font-weight: normal; letter-spacing: 0.1em; text-transform: uppercase; line-height: 1.2em; margin-right: 5px;}		
td.label					{ text-align: right; vertical-align: top; padding-top: 4px; white-space: nowrap;}
td.input					{ vertical-align: top; text-align: left;}
input.button			{ color: #111111; font-size: 0.75em; font-weight: normal; letter-spacing: 0.1em; text-transform: uppercase; padding: 3px 4px 3px 4px;}
select					{ margin-bottom: 10px; width: 80px; color: #444444; font-size: 0.75em; font-weight: normal; font-family: Helvetica Neue Ultra Light, Helvetica Neue Light, Helvetica Neue Thin, Helvetica Ultra Light, Helvetica Light, Helvetica Thin, Helvetica, sans-serif; }


/* ------------- FORMULARE ENDE ---------------------*/




/* ------------- PROJEKTE --------------- */

/* Andere Seiten (keine Projekte) */
body.index 				{ background-color: #fcf3dc;} 
#index 	            { background-image: url(images/bg_index.jpg); background-repeat: repeat-x; text-align: center; background-position: top left;} /* Hintergrund Content */
td.index					{ height: 478px; }
table.index				{ width:100%;}

body.other 				{ background-color: #fcf3dc; }
body.bio					{ background-color: #fcf3dc;}
#other 	            { background-image: url(images/bg_other.gif); background-repeat: repeat; text-align: center;} /* Hintergrund Content */

/* Der Mann der vom Himmel fiel */
body.mann 				{ background-color: #faefde; background-image: url(images/fig_mann.gif); background-repeat: no-repeat; background-position: 90% 135px;}
#mann 	            { background-image: url(images/bg_mann.gif); background-repeat: repeat; text-align: center;} /* Hintergrund Content */

/* umanesimo Nuovo */
body.umanesimo 		{ background-color: #f0f0d6; background-image: url(images/fig_umanesimo.gif); background-repeat: no-repeat; background-position: 75% 90px;}
#umanesimo 				{ background-image: url(images/bg_umanesimo.gif); background-repeat: repeat; text-align: center;} /* Hintergrund Content */

/* PadmE */
body.padme 				{ background-color: #f8e8e4; background-image: url(images/fig_padme.gif); background-repeat: no-repeat; background-position: 80% 80px;}
#padme 					{ background-image: url(images/bg_padme.gif); background-repeat: repeat; text-align: center;} /* Hintergrund Content */

/* By Accident */
body.accident 			{ background-color: #ececec; background-image: url(images/fig_accident.gif); background-repeat: no-repeat; background-position: 80% 95px;}
#accident 				{ background-image: url(images/bg_accident.gif); background-repeat: repeat; text-align: center;} /* Hintergrund Content */

/* Shoes */
body.shoes 				{ background-color: #f5eefa; background-image: url(images/fig_shoes.gif); background-repeat: no-repeat; background-position: 85% 140px;}
#shoes 					{ background-image: url(images/bg_shoes.gif); background-repeat: repeat; text-align: center;} /* Hintergrund Content */

/* Jewellery */
body.jewellery 		{ background-color: #dfeff9; background-image: url(images/fig_jewellery.gif); background-repeat: no-repeat; background-position: 95% 80px;}
#jewellery				{ background-image: url(images/bg_jewellery.gif); background-repeat: repeat; text-align: center;} /* Hintergrund Content */

/* Bags */
body.bags 				{ background-color: #f8e8e4; background-image: url(images/fig_bags.gif); background-repeat: no-repeat; background-position: 85% 150px;}
#bags						{ background-image: url(images/bg_padme.gif); background-repeat: repeat; text-align: center;} /* Hintergrund Content */

/* 30 Paar Haende */
body.haende 			{ background-color: #e7ebf6; background-image: url(images/fig_haende.gif); background-repeat: no-repeat; background-position: 95% 125px;}
#haende 					{ background-image: url(images/bg_haende.gif); background-repeat: repeat; text-align: center;} /* Hintergrund Content */

/* Diplomarbeit */
body.degree 			{ background-color: #f8eeda; background-image: url(images/fig_degree.gif); background-repeat: no-repeat; background-position: 80% 80px;}
#degree 					{ background-image: url(images/bg_degree.gif); background-repeat: repeat; text-align: center;} /* Hintergrund Content */

/* Goodbye Saturn */
body.saturn 			{ background-color: #f3eefe; background-image: url(images/fig_saturn.gif); background-repeat: no-repeat; background-position: 85% 80px;}
#saturn 					{ background-image: url(images/bg_saturn.gif); background-repeat: repeat; text-align: center;} /* Hintergrund Content */

/* Days are never ... */
body.days 				{ background-color: #f2f2f3; background-image: url(images/fig_days.gif); background-repeat: no-repeat; background-position: 90% 80px;}
#days 					{ background-image: url(images/bg_days.gif); background-repeat: repeat; text-align: center;} /* Hintergrund Content */

/* Overheard, Underseen */
body.overheard 		{ background-color: #e1f1ee; background-image: url(images/fig_overheard.gif); background-repeat: no-repeat; background-position: 90% 130px;}
#overheard				{ background-image: url(images/bg_overheard.gif); background-repeat: repeat; text-align: center;} /* Hintergrund Content */

/* Tanzprojekte */
body.tanz 				{ background-color: #f9efdb; background-image: url(images/fig_tanz.gif); background-repeat: no-repeat; background-position: 85% 85px;}
#tanz 					{ background-image: url(images/bg_tanz.gif); background-repeat: repeat; text-align: center;} /* Hintergrund Content */

/* Kurzfilm */
body.schneider 		{ background-color: #f8e8e4; background-image: url(images/fig_schneider.gif); background-repeat: no-repeat; background-position: 85% 130px;}
#schneider 				{ background-image: url(images/bg_schneider.gif); background-repeat: repeat; text-align: center;} /* Hintergrund Content */

/* Zeichnungen */
body.draw 				{ background-color: #fceddf; background-image: url(images/fig_draw.gif); background-repeat: no-repeat; background-position: 85% 85px;}
#draw						{ background-image: url(images/bg_draw.gif); background-repeat: repeat; text-align: center;} /* Hintergrund Content */

/* Designs */
body.designs 			{ background-color: #faecec; background-image: url(images/fig_designs.gif); background-repeat: no-repeat; background-position: 80% 75px;}
#designs					{ background-image: url(images/bg_designs.gif); background-repeat: repeat; text-align: center;} /* Hintergrund Content */

/* ------------- PROJEKTE ENDE --------------- */