* {
	margin: 0;
	padding: 0;
	border: none;
	}
body {
	font-family: Courier, monospace;
	}
body#white_bg, body#white_bg_gallery {
	background-color: white;
	color: black;
	}
body#white_bg div#main_thin {
    border-top: 1px solid black;
    }
body#black_bg, body#black_bg_gallery, body#index_bg {
	background-color: black;
	color: white;
	}
body#black_bg a, black_bg_gallery a {
	color: white;
	}
body#white_bg a, white_bg_gallery a {
	color: black;
	}
a { cursor: pointer; z-index: 5; }
body#black_bg div.white a, 
body#black_bg_gallery div.white a, 
body#black_bg #pixcontainer div p a,
body#black_bg_gallery #pixcontainer div p a,
body#black_bg_gallery #pixcontainer div p.menu a.back,
body#black_bg #pixcontainer div p.menu a.back,
body#black_bg_gallery #pixcontainer div p.menu a.rwd,
body#black_bg #pixcontainer div p.menu a.rwd,
body#black_bg_gallery #pixcontainer div p.menu a.fwd,
body#black_bg #pixcontainer div p.menu a.fwd,
body#black_bg #pixcontainer div p.menu a#en_index,
body#black_bg_gallery #pixcontainer div p.menu a#en_index,
body#black_bg a#en,
body#black_bg_gallery a#en,
body#black_bg div a#home,
body#black_bg_gallery a#home {
    color:black;
	font-weight: bold;
	font-size: 10px;
	}
body#white_bg div.black a, 
body#white_bg_gallery div.black a, 
body#white_bg #pixcontainer div p a,
body#white_bg_gallery #pixcontainer div p a,
body#white_bg #pixcontainer div p.menu a#en,
body#white_bg_gallery #pixcontainer div p.menu a#en,
body#white_bg_gallery #pixcontainer div p.menu a.back,
body#white_bg #pixcontainer div p.menu a.back,
body#white_bg_gallery #pixcontainer div p.menu a.rwd,
body#white_bg #pixcontainer div p.menu a.rwd,
body#white_bg_gallery #pixcontainer div p.menu a.fwd,
body#white_bg #pixcontainer div p.menu a.fwd,
body#white_bg #pixcontainer div p.menu a#en_index,
body#white_bg_gallery #pixcontainer div p.menu a#en_index,
body#white_bg #pixcontainer div p.menu a#home,
body#white_bg_gallery #pixcontainer div p.menu a#home {
    color:white;
	font-weight: bold;
	font-size: 10px;
	}
div#all {
	width: 1024px; 
	}
div#header { 
	height: 150px;
	width: 958px;
	}
	div#header-index { 
	height: 450px;
	width: 100%;
	background-color: rgb(0,0,0);
	}
		body#black_bg div#main_thin a#i-design { display: block; width: 257px; height: 28px; background: url(../pics_index/a_design.gif) no-repeat; position: absolute; top: 160px; left: 129px;}
		body#black_bg div#main_thin a#i-buehne { display: block; width: 257px; height: 28px; background: url(../pics_index/a_buehne.gif) no-repeat; position: absolute; top: 189px; left: 129px;}
		body#black_bg div#main_thin a#i-werkstatt { display: block; width: 257px; height: 29px; background: url(../pics_index/a_werkstatt.gif) no-repeat; position: absolute; top: 213px; left: 129px;}
		body#black_bg div#main_thin a#i-lehre { display: block; width: 257px; height: 29px; background: url(../pics_index/a_forschung.gif) no-repeat; position: absolute; top: 245px; left: 129px;}
		body#black_bg div#main_thin a#i-kontakt { display: block; width: 257px; height: 29px; background: url(../pics_index/a_kontakt.gif) no-repeat; position: absolute; top: 274px; left: 129px;}
div#header p {
	text-align: right;
	}
	div#header-index p {
	width: 958px;
	text-align: right;
	}
ul#menu {
	padding: 0 0 20px 60px;
	font-size: 12px;
	position: relative;
	left: 7px;
	}
ul#menu li {
	margin: 0 5px 5px 0;
	float: right;
	list-style: none;
	}
ul#menu li a {
	text-decoration: none;
	}
li#current {
	background-color: white;
	color: black;
	}
li#current_w {
	background-color: black;
	color: white;
	}
li#current a {
	color: black;
	}
li#current_w a {
	color: white;
	}

body#black_bg div#main_thin {
	border-top: 1px solid white;
	width: 958px;
	}
body#white_bg div#main_thin {
	border-top: 1px solid black;
	width: 958px;
	}
div#main_thin_index {
	width: 1024px;
	}
div#main_thick {
    width: 958px;
    }
body#black_bg_gallery div#main_thick,
body#white_bg_gallery div#main_thick {
	width: 958px; /*859px;*/
	}
a#index_bl {
    float: left;
	display: block;
	width: 536px;
	height: 148px;
	background: url(../pics_index/schwarz.gif) no-repeat;
    }
a#index_wht {
    float: left;
	display: block;
	width: 475px;
	height: 148px;
	background: url(../pics_index/weiss.gif) no-repeat;
    margin: 0 0 0 13px;
    }
div.white {
	position: relative;
	background-color: white;
	color: black;
	clear: left;
	font-size: 11px;
	}
	div.white p {
		padding: 0 22px 0 0;
		text-align: right;
		/*font-size: 0.85em;*/
		}
		div.white p a {
			text-decoration:none;
			font-weight: bold;
			}
	div.white p#no_right {
		padding: 0 30px 0 0;
		text-align:left;
		/*font-size: 0.85em;*/
		}
div.black {
	position: relative;
	background-color: black;
	color: white;
	clear: left;
	font-size: 11px;
	}
	div.black p {
		padding: 0 22px 0 0;
		text-align: right;
		/*font-size: 0.85em;*/
		}
		div.black p a {
			text-decoration:none;
			font-weight: bold;
			}
	div.black p#no_right {
		padding: 0 30px 0 0;
		text-align:left;
		/*font-size: 0.85em;*/
		}
div#main_thin div#left {
	padding: 10px 0 20px 30px;
	width: 355px;
	float: left;
	text-align: right;
	}
div#main_thin div#left_w {
	padding: 32px 0 20px 30px;
	width: 355px;
	float: left;
	text-align: right;
	}
div#main_thin div#right {
	padding: 265px 0 20px 72px;
	width: 501px;
	float: left;
    }

div#main_thin div#right img.home11 {
    position: absolute;
    margin: -180px 0 0 390px;
    }
div#main_thin div#right img.home22 {
    position: absolute;
    margin: -235px 0 0 550px;
    }
div#main_thin div#right img.home33 {
    position: absolute;
    margin: -20px 0 0 450px;
    }
div#main_thin div#right img.home44 {
    position: absolute;
    margin: -240px 0 0 160px;
    }
div#main_thin div#right img.home55 {
    position: absolute;
    margin: -210px 0 0 -20px;
    }
div#main_thin div#right img.home66 {
    position: absolute;
    margin: -80px 0 0 120px;
    }
div.entry {}
	div.title {
		width: 230px;
		float: left;
		padding: 10px 25px 78px 0;
		}
		div.title_mass {
			width: 360px;
			float: left;
			padding: 12px 0 50px 0;
			}
		div.title_mass a {
			text-decoration: underline;
			}
			div.title_mass a.mass {
				text-decoration: none;
				}
		div.title p {
			font-size: 11px;
			line-height: 160%;
			padding: 0;
			}
	div.description {
		width: 245px;
		float: left;
		padding: 10px 0 78px 0;
		}
		div.description p {
			font-size: 11px;
			line-height: 160%;
			padding: 0;
			}
		span.empty { padding: 0 22px 0 0; }

	/* Kontaktformular */

	form { font-size: 11px;}		
	form.kontakt div.black { padding: 0 0 0 185px; margin: 0 0 25px 0;font-size: 11px;}
	form.kontakt div.black p { text-align: left; display: inline;  }
	form.kontakt div.title_form { width: 160px; float: left; padding: 10px 25px 78px 0; }
	form.kontakt div.description_form { width: 315px; float: left; padding: 10px 0 78px 0;} 
		form.kontakt div.description_form p { padding: 0;}
	form.kontakt label { line-height: 14px; background-color: black; color: white; display: block; text-align: right; float: right; clear:right; width:135px; height: 14px; margin: 0 0 15px 0; padding: 1px 25px 0 0; }
	form.kontakt label.sm { width: 95px; }
	form.kontakt input, form.kontakt textarea { width: 315px; border: 1px solid black;}
	form.kontakt textarea { margin: 0 0 15px 0;}
	form.kontakt input { height: 13px; margin: 0 0 15px 0; display: block; }
	form.kontakt input.radio { width: auto; display: inline; height: auto; margin: 0; }
	form.kontakt input.button { font-family: "Courier New", Courier, monospace; cursor: pointer; width: auto; background-color: black; color: white; display: inline; margin: 0 30px 0 0; padding: 1px 10px 0 10px; height: 15px; text-align: center; }
		
	.hidden { visibility: hidden; height: 0; display: none;}
	/* Massblatt */
	
	.xl input { /*width: auto; */border: 1px solid black; text-align: right;}
	.form_xl_black { text-align: center; clear: both; background-color: black; width: 688px; float: right; padding: 5px 0 5px 9px; margin: 0 165px 10px 0; }
	div#form_xl_black_bottom { text-align: center; clear: both; background-color: black; width: 697px; float: right; padding: 5px 0 5px 0; margin: 0 165px 10px 0; line-height: 180%;}
	.form_xl_black label, div#form_left label, div#form_right label { display: inline; float: none; clear: right; width: auto; height: auto; margin: 0; }
	.form_xl_black input { display: inline; width: 150px; border: none; margin: 0 10px 0 0;}
	div#form_left, div#form_middle_right { width: 118px; padding: 0 20px 0 0px; float: left; text-align: left; }
	div#form_middle_left { width: 90px; padding: 0 120px 0 20px;  float: left; text-align: right; }
	div#form_right { width: 90px; padding: 0 80px 0 20px;  float: left; text-align: right; }
	div#form_left { padding: 0 20px 0 40px; }
	div#form_right { padding: 0 20px 0 20px; }
	.form_xl_black label, div#form_left label, div#form_right label, div#form_middle_right label { color: white;}
	div#form_middle_left input, div#form_right input { width: 90px; border: none;}
	p.buttons { clear: right; float: right; width: 697px; margin: 0 165px 0 0; }
	.buttons input.button { font-family: "Courier New", Courier, monospace; cursor: pointer; width: auto; background-color: black; color: white; display: inline; margin: 0 0 0 30px; padding: 0px 10px 0 10px; height: 15px; line-height: 15px; text-align: left; }
	div#form_left p, div#form_middle_left p, div#form_middle_right p, div#form_right p { padding: 5px 0 7px 0;}
		
p.image {
	text-align: right;
	}
h1 {
	font-family: Helvetica, Arial, sans-serif;
	letter-spacing: 0.05em;
	font-size: 24px;
	padding: 0 0 17px 0;
	}
h1 a {
	text-decoration: none;
	}
p {
	padding: 0 0 20px 0;
	}
address {
    font-style: normal;
    font-size: 10px;
	line-height: 130%;
	text-align: right;
	padding: 0 0 5px 0;
	}
address a { text-decoration: none;}
div#left p {
	text-align: right;
	padding: 50px 0 60px 0;
	font-family: Helvetica, Arial, sans-serif;
	}
div#left_w p {
	text-align: right;
	padding: 50px 0 60px 0;
	font-family: Helvetica, Arial, sans-serif;
	}
div#left p a {
	text-decoration: none;
	}
div#left_w p a {
	text-decoration: none;
	}
	
body#black_bg a#design { display: block; width: 413px; height: 116px; background: url(../pics_index/a_index_design.gif) no-repeat; margin: 20px 0 0 0; padding: 0 0 60px 0; position: relative; left: -26px;}
body#black_bg a#buehne { display: block; width: 413px; height: 116px; background: url(../pics_index/a_index_buehne.gif) no-repeat; margin: 20px 0 0 0; padding: 0 0 60px 0; position: relative; left: -26px;}
body#black_bg a#forschung { display: block; width: 413px; height: 116px; background: url(../pics_index/a_index_forschung.gif) no-repeat; margin: 20px 0 0 0; padding: 0 0 60px 0; position: relative; left: -26px;}
body#black_bg a#kontakt { display: block; width: 413px; height: 116px; background: url(../pics_index/a_index_kontakt.gif) no-repeat; margin: 20px 0 0 0; padding: 0 0 60px 0; position: relative; left: -26px;}
body#white_bg a#index { display: block; width: 330px; height: 107px; background: url(../pics_werkstatt/a_index.gif) no-repeat; margin: 20px 0 0 33px; padding: 0 0 60px 0;}
/*a#en_index { text-decoration: none; font-size: 11px; font-weight: normal; position: absolute; left: 91px; top: 330px;}*/
a#en_index { text-decoration: none; font-size: 12px; font-weight: normal; position: absolute; left: 78px; top: 615px;}
a#en { position: relative; left: 140px; z-index: 100;}
a#home { position: relative; left: 452px; z-index: 100;}

	
	
/* GALLERY */
#pixcontainer {position: absolute; top: 150px; left: 99px; width: 479px; height: 300px; padding: 0 0 0 380px;  } /* neu: left */
body#white_bg_gallery #all #pixcontainer {position: absolute; top: 150px; float: right; width: 1024px; padding: 0; }
p.menu { position: absolute; top: -19px; left: 0; z-index: 40; }
div.thumbs { /* auf der jeweiligen Seite */}
div.thumbs p { text-align: right; float: right; padding: 0 0 28px 37px; }
div.row { /* auf der jeweiligen Seite  */}
div.row { margin: 50px 0 0 0; clear: right; }
div.row p { text-align: left; float: right; border-top: 1px solid black; font-size: 10px; } /*evtl wieder auf 9px */ 
div.row p.sample { padding: 5px 37px 45px 0;}
div.row p.sample_right { padding: 5px 165px 45px 0; }
p.sample_xl { text-align: left; float: right; padding: 0 165px 0 0; font-size: 10px;}
div.xl { text-align: right; }
body#black_bg p.menu a {color: black; text-decoration: none;}
body#white_bg p.menu a {color: white; text-decoration: none;}

a.back {position: absolute; left: 736px; top: -1px; width: 45px; text-decoration: none;}
a.fwd {position: absolute; left: 841px; top: -1px;}
a.rwd {position: absolute; left: 818px; top: -1px;}

#pix1 { position: absolute; top: 20px; left: 0; display: block; }
#pix2, #pix3, #pix4, #pix5, #pix6, #pix7, #pix8, #pix9, #pix10, #pix11, #pix12, #pix13, #pix14, #pix15, #pix16, #pix17, #pix18, #pix19, #pix20, #pix21, #pix22, #pix23, #pix24, #pix25, #pix26, #pix27, #pix28, #pix29, #pix30, #pix31, #pix32, #pix33, #pix34, #pix35, #pix36, #pix37, #pix38, #pix39, #pix40, #pix41, #pix42, #pix43, #pix44, #pix45, #pix46, #pix47, #pix48, #pix49, #pix50, #pix51, #pix52, #pix53, #pix54, #pix55, #pix56, #pix57, #pix58, #pix59, #pix60, #pix61, #pix62, #pix63, #pix64, #pix65, #pix66, #pix67, #pix68, #pix69, #pix70, #pix71, #pix72, #pix73, #pix74, #pix75
{ position: absolute; top: 20px; left: 0; display:none; }

#pix1 a, #pix2 a, #pix3 a, #pix4 a, #pix5 a, #pix6 a, #pix7 a, #pix8 a, #pix9 a, #pix10 a, #pix11 a, #pix12 a, #pix13 a, #pix14 a, #pix15 a, #pix16 a, #pix17 a, #pix18 a, #pix19 a, #pix20 a, #pix21 a, #pix22 a, #pix23 a, #pix24 a, #pix25 a, #pix26 a, #pix27 a, #pix28 a, #pix29 a, #pix30 a, #pix31 a, #pix32 a, #pix33 a, #pix34 a, #pix35 a, #pix36 a, #pix37 a, #pix38 a, #pix39 a, #pix40 a, #pix41 a, #pix42 a, #pix43 a, #pix44 a, #pix45 a, #pix46 a, #pix47 a, #pix48 a, #pix49 a, #pix50 a, #pix51 a, #pix52 a, #pix53 a, #pix54 a, #pix55 a, #pix56 a, #pix57 a, #pix58 a, #pix59 a, #pix60 a, #pix61 a, #pix62 a, #pix63 a, #pix64 a, #pix65 a, #pix66 a, #pix67 a, #pix68 a, #pix69 a, #pix70 a, #pix71 a, #pix72 a, #pix73 a, #pix74 a, #pix75 a { cursor: pointer; }

body#white_bg_gallery #pix1 { position: absolute; top: 20px; right: 0; display: block; }
body#white_bg_gallery #pix2, body#white_bg_gallery #pix3, body#white_bg_gallery #pix4, body#white_bg_gallery #pix5, body#white_bg_gallery #pix6, body#white_bg_gallery #pix7, body#white_bg_gallery #pix8, body#white_bg_gallery #pix9, body#white_bg_gallery #pix10, body#white_bg_gallery #pix11, body#white_bg_gallery #pix12, body#white_bg_gallery #pix13, body#white_bg_gallery #pix14, body#white_bg_gallery #pix15, body#white_bg_gallery #pix16, body#white_bg_gallery #pix17, body#white_bg_gallery #pix18, body#white_bg_gallery #pix19, body#white_bg_gallery #pix20, body#white_bg_gallery #pix21, body#white_bg_gallery #pix22, body#white_bg_gallery #pix23, body#white_bg_gallery #pix24, body#white_bg_gallery #pix25, body#white_bg_gallery #pix26, body#white_bg_gallery #pix27, body#white_bg_gallery #pix28, body#white_bg_gallery #pix29, body#white_bg_gallery #pix30, body#white_bg_gallery #pix31, body#white_bg_gallery #pix32, body#white_bg_gallery #pix33, body#white_bg_gallery #pix34, body#white_bg_gallery #pix35, body#white_bg_gallery #pix36, body#white_bg_gallery #pix37, body#white_bg_gallery #pix38, body#white_bg_gallery #pix39, body#white_bg_gallery #pix40, body#white_bg_gallery #pix41, body#white_bg_gallery #pix42, body#white_bg_gallery #pix43, body#white_bg_gallery #pix44, body#white_bg_gallery #pix45, body#white_bg_gallery #pix46, body#white_bg_gallery #pix47, body#white_bg_gallery #pix48, body#white_bg_gallery #pix49, body#white_bg_gallery #pix50, body#white_bg_gallery #pix51, body#white_bg_gallery #pix52, body#white_bg_gallery #pix53, body#white_bg_gallery #pix54, body#white_bg_gallery #pix55, body#white_bg_gallery #pix56, body#white_bg_gallery #pix57, body#white_bg_gallery #pix58
{ position: absolute; top: 20px; right: 0; display:none;}

	
/* object stuff here */

/* hides the second object from all versions of IE */
* html object.mov {
	display: none;
}

/* displays the second object in all versions of IE apart from 5 on PC */
* html object.mov/**/ {
	display: inline;
}

/* hides the second object from all versions of IE >= 5.5 */
* html object.mov,
* html object.mp4 {
	display/**/: none;
}
object, param { background-color: black;}


* html object.mp4 {
	display: none;
}

/* displays the second object in all versions of IE apart from 5 on PC */
* html object.mp4/**/ {
	display: inline;
}