HTML,BODY
{
	height: 100%;
	width: 100%;
}

body
{
	font-family: "Lucida Grande","Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
	line-height: 14px;
	background: white;
	margin: 0px;
	padding: 0px;
}

h1
{
	text-transform: uppercase;
	font-weight: normal;
	font-size: 20px;
}

span h1
{
	display: none;
}

h2
{
	text-transform: uppercase;
	font-weight: normal;
	font-size: 14px;
}

p, li
{
	font-size: 10px;
	line-height: 14px;
	color: #666;
}

a{
    color:#666;
}
#navigation
{
	font-size: 12px;
	position: fixed;
	_position: absolute;
	width: 880px;
	top: 0px;
	_top: expression(eval(document.body.scrollTop));
	z-index: 2;
	left: 0px;
	padding: 30px 20px 60px 20px;
	background-image: url(gfx/bg.png);
	background-repeat: repeat-x;
	_background-image: none;
	_background: #ffffff;
	_padding-bottom: 20px;
}

#leftColumn
{
	float: left;
	width: 260px;
	border-right: 1px solid #0f0;
}

#rightColumn
{
	padding-left: 260px;
	margin: 0px;
}

#content
{
	margin: 130px 25px 20px 25px;
}

#rightColumn .item
{
	margin: 20px 10px 10px 5px;
	padding: 0px 0px 0px 40px;
	border-bottom: 1px solid #0f0;
	width: 530px;
}

#rightColumn p
{
	margin: 10px ;
	max-width: 500px;
	color: #333;
}

#leftColumn .item
{
	margin: 0px;
	padding: 0px 40px 0px 5px;
}

/* einfache Navigation */
#navigation span
{
	display: block;
	width: 810px;
	height: 30px;
	background-image: url(gfx/head.gif);
}

#navigation ul
{
	margin: 0px;
	padding: 10px 0px 0px 0px;
	list-style: none;
}

#navigation li
{
	display: inline;
	font-size: 12px;
	padding: 0px 5px 0px 5px;
}

#navigation a
{
	color: #999;
	text-decoration: none;
}

#navigation a:hover
{
	color: #333;
}

.jump
{
	display: block;
}

/* headlines */


#home .bio
{
	display: block;
	width: 180px;
	height: 20px;
	background-image: url(gfx/head_facts.gif);
	margin: 20px 0px 20px 0px;
}

#home .kontakt
{
	display: block;
	width: 180px;
	height: 20px;
	background-image: url(gfx/kontakt.gif);
	margin: 50px 0px 20px 0px;
}

#home .impressum
{
	display: block;
	width: 180px;
	height: 20px;
	background-image: url(gfx/impressum.gif);
	margin: 20px 0px 20px 0px;
}

#illustration .illustration
{
	display: block;
	width: 180px;
	height: 20px;
	background-image: url(gfx/head_illustration.gif);
	margin: 60px 0px 40px 0px;
}

#illustration .animation
{
	display: block;
	width: 180px;
	height: 20px;
	background-image: url(gfx/head_animation.gif);
	margin: 60px 0px 40px 0px;
}

#illustration .pdf
{
	display: block;
	width: 180px;
	height: 20px;
	background-image: url(gfx/head_pdf.gif);
	margin: 60px 0px 40px 0px;
}

#illustration .exhibit
{
	display: block;
	width: 180px;
	height: 20px;
	background-image: url(gfx/head_exhibit.gif);
	margin: 60px 0px 40px 0px;
}

#illustration .freedownload
{
    clear:left;
	display: block;
	width: 180px;
	height: 20px;
	background-image: url(gfx/head_wallpaper.gif);
	margin: 60px 0px 40px 0px;
}

#projekt .filme
{
	display: block;
	width: 180px;
	height: 20px;
	background-image: url(gfx/head_film.gif);
}

#projekt .bilder
{
	display: block;
	width: 180px;
	height: 20px;
	background-image: url(gfx/head_bilder.gif);
}

/* homepage */ 

#home #rightColumn img.first
{
	padding: 0px 0px 60px 0px;
}

#home #rightColumn img.second
{
	padding: 20px 0px 40px 0px;
}

#home #rightColumn .lastItem
{
	padding-left: 20px;
	padding-bottom: 600px;
}
#home #rightColumn form
{
       margin:40px 0px;
}

#home #neuigkeiten {
	padding: 0px 40px 0px 5px;
}

#home #neuigkeiten .neuigkeit{

}

#home #neuigkeiten .neuigkeit p
{
	margin:0px 0px 20px 0px;
	padding:0px;
}

#home #neuigkeiten .neuigkeit p.date
{
	margin:20px 0px 0px 0px;
	padding:0px;
	color:#999;
}
#home #leftColumn {
    padding-bottom:600px;
}

#home #leftColumn ul
{
	margin: 0px;
	padding: 0px 0px 20px 20px;
	list-style: url(gfx/bullet.gif);
}

#home #contactOut
{
	color: red;
	margin: 20px 0px 0px 0px;
    font-weight:bold;
}

/* illustraion */
#illustration img
{
	height: 100px;
	width: 100px;
	margin: 0px 50px 50px 0px;
}

a img
{
	border: 1px solid #fff;
}

 a:hover img
{
	border: 1px solid #060;
}

 p a
{
    text-decoration:none;
	border-bottom: 1px solid #0F0;
}
 p a:hover
{
	border-bottom: 1px solid #060;
}

#illustration #content
{
	padding-bottom: 600px;
}

#illustration .itemDisplay
{
    float:left;
}


#illustration .itemDisplay img
{
	float: left;
	margin: 0px 0px 0px 0px;
}

#illustration .itemDisplay p
{
	width: 100px;
	height: 100px;
	padding: 10px 20px 0px 110px;
}

/* projekt */

#projekt #leftColumn {
    padding-bottom:300px;
}

#projekt .item 
{
    border:none;
}

#projekt .item img
{
	margin: 5px;
	border: 1px solid #fff;
}

#projekt .bilderNav img
{
	margin: 5px 0px 0px 5px;
	border: 0px;
}

#projekt .video
{
	float: left;
}

#projekt h1
{
	margin: 50px;
}

#projekt .item
{
	margin-bottom: 20px;
}

#projekt #leftColumn p
{
	margin: 5px;
}

#projekt h2
{
	display: none;
}