body 
	{
		margin:0;
		padding: 0;
		color: #4C4C4C;
		min-width: 800px;
		background-color: white;
		background-image: url("../images/seite/hg.jpg");
		font-family: "courier new",courier,monospace;
		font-size: 0.9em;
	}

h1, h2, h3, h4
	{
		font-size: 95%;
	}
	
ol, ul
 {
		margin: 0.2em 0 1em 0;
		padding-left: 20px;
	}
	
ul, ul li
	{
		list-style-image: url("../images/seite/punkt.gif");
	}

li
	{
	 	margin: 0;
		padding-left: 0;
	}

p
	{
		margin: 0 0 1.0em 0;
	}

h2
	{
		margin: 0 0 0.5em 0;
	}

h3
	{
		margin: 0 0 0.3em 0;
	}
        
h4
	{
		margin: 0 0 0.2em 0;
	}

a
	{
		outline: none;
		text-decoration: none;
		color: black;
	}
        
a:active
  {
    text-decoration: none;
  }
        
a:hover
  {
    color: #666666;
    text-decoration: none;
  }

.text a
	{
    color: #339933;
	}
        
.text a:hover
	{
    color: #336633;
	}
        
.text h2 a, .text h3 a
	{
		color: black;
		padding-right: 10px;
		background-image: url("../images/seite/linkpfeil.gif");
		background-position: right;
		background-repeat: no-repeat;
    text-decoration: none;
	}
        
.text h2 a:hover, .text h3 a:hover
	{
    color: #666666;
    text-decoration: none;
	}
        
.edit a
  {
  	width: 20px;
  	height: 20px;
  	background-color: transparent;
  	background-repeat: no-repeat;
  	background-image: url("../images/seite/edit.gif");
  	text-indent: -5000px;
  	overflow: hidden;
  	display: block;
  	float: left;
  }

.de a
  {
  	width: 20px;
  	height: 20px;
  	background-color: transparent;
  	background-repeat: no-repeat;
  	background-image: url("../images/seite/eng.gif");
  	text-indent: -5000px;
  	overflow: hidden;
  	position: absolute;
  	top: 0;
  	right: -25px;
  }

.de a:hover
  {
  	background-image: url("../images/seite/de.gif");
  }

.eng a
  {
  	width: 20px;
  	height: 20px;
  	background-color: transparent;
  	background-repeat: no-repeat;
  	background-image: url("../images/seite/de.gif");
  	text-indent: -5000px;
  	overflow: hidden;
  	position: absolute;
  	top: 0;
  	right: -25px;
  }

.eng a:hover
  {
  	background-image: url("../images/seite/eng.gif");
  }

img
	{
		border: 0;
	}

.floatleft
	{
		float: left;
	}

.clearboth
	{
		clear: both;
		visibility: hidden;
		height: 0;
	}

.hidden
	{
		visibility: hidden;
		height: 0;
		line-height: 0;
		margin: 0;
		padding: 0;
		display: none;
	}

.nolist, .nolist li
	{
		list-style-image: none;
		list-style-type: none;
	}

#hg
	{
		width: 100%;
		min-height: 100%;
		margin: 0;
		padding: 0;
		background-image: url("../images/seite/hg.gif");
		background-repeat: no-repeat;
		background-position: top left;
		position: absolute;
	}

#huelle 
	{
		width: 780px;
		margin-left: -390px;
		position: relative;
		left: 50%;
		padding: 0;
	}

/* ----------- oben ----------- */
#oben *
	{
		margin: 0;
		padding: 0;
	}

#oben
	{
		position: relative;
		height: 25px;
		margin: 10px 0 0 0;
	}

#accessibility
	{
		position: absolute;
		visibility: hidden;
		top: 0;
		left: 0;
		margin: 0;
		width: 200px;
		height: 25px;
	}

#styleswitch
	{
		position: absolute;
		visibility: hidden;
		top: 0;
		left: 220px;
		margin: 0;
		width: 200px;
		height: 25px;
	}

.aus
	{
		display: none;
	}

.an
	{
		display: inline;
	}

#search
	{
		position: absolute;
		top: 0;
		left: 480px;
		margin: 0;
		padding: 0;
		width: 300px;
		height: 25px;
		text-align: right;
	}

#search fieldset
	{
		border: 0;
	}

input, textarea
	{
		font-family: "courier new",courier,monospace;
		}

#LSResult
	{
		position: absolute;
		background-color: transparent;
		background-image: url("../images/seite/transparent.png");
		width: 350px;
		left: -50px;
		z-index: 100;
		border: 1px solid #C4C4C4;
	}

#LSShadow
	{
		padding: 5px;
	}

#LSRes
	{
		background-color: transparent;
	}
	
.LSRow
	{
		padding: 0 5px;
	}

#LSHighlight
	{
		background-color: transparent;
		background-image: url("../images/seite/transparent_dunkel.png");
	}

#LSHeader
	{
		padding: 2px 2px 8px;
	}

.lsDate
	{
		display: block;
		color: #555;
	}
/* ---------------------------- */

/* ----------- kopf ----------- */
#kopf
	{
		position: relative;
		left: -100px;
		width: 900px;
		height: 200px;
		margin: 0;
		padding: 0;
		background-image: url("../images/seite/kopf_hg.gif");
		background-repeat: no-repeat;
		background-color: transparent;
		background-position: bottom right;
	}

#logo
	{
		position: absolute;
		top: 15px;
		left: 5px;
		width: 120px;
		height: 200px;
	}

#logo a
	{
		width: 120px;
		height: 200px;
		display: block;
		text-indent: -5000px;
		overflow: hidden;
		background-image: url("../images/seite/logo.gif");
		background-position: -120px 0;
		background-repeat: no-repeat;
		background-color: transparent;
	}

#logo a:hover
	{
		background-position: 0 0;
	}

#logo a.home
	{
		background-position: 0 0;
	}

#kopf>#logo a
	{
		background-image: url("../images/seite/logo.png");
	}

#titel
	{
		position: absolute;
		left: 300px;
		margin: 0;
		padding: 0;
		width: 580px;
		height: 200px;
		background-repeat: no-repeat;
		background-position: center;
		background-color: transparent;
		text-align: center;
	}

#titel_static
	{
		position: absolute;
		left: 300px;
		margin: 0;
		padding: 0;
		width: 580px;
		height: 200px;
		background-repeat: no-repeat;
		background-position: center;
		background-color: transparent;
		background-image: url("../images/seite/titel_static_gruen.gif");
		text-align: center;
	}

#easteregg
	{
		display: block;
		text-indent: -5000px;
		overflow: hidden;
		position: absolute;
		left: 430px;
		top: 130px;
		width: 20px;
		height: 20px;
		margin: 0;
		padding: 0;
		background-color: transparent;
	}

#titel img
	{
		margin: 0;
		padding: 0;
	}

#hauptnav
	{
		position: absolute;
		bottom: 20px;
		left: 140px;
		width: 120px;
		height: 170px;
		margin: 0;
		padding: 0;
	}

#hauptnav ul
	{
		list-style-type: none;
		list-style-image: none;	
		margin: 0;
		padding: 0;
	}

#hauptnav ul li
	{
		list-style-image: none;	
		height: 170px;
		width: 20px;
		float: left;
		overflow: hidden;
		margin: 0;
		padding: 0;
	}

#hauptnav ul li a
	{
		height: 170px;
		width: 20px;
		display: block;
		text-indent: -5000px;
		background-image: url("../images/seite/nav.gif");
		overflow: hidden;
	}

#hn1
	{
		background-position: 0 0;
	}

#hn1:hover
	{
		background-position: -120px 0;
	}
	
#hn2
	{
		background-position: -20px 0;
	}

#hn2:hover
	{
		background-position: -140px 0;
	}
	
#hn3
	{
		background-position: -40px 0;
	}

#hn3:hover
	{
		background-position: -160px 0;
	}
	
#hn4
	{
		background-position: -60px 0;
	}

#hn4:hover
	{
		background-position: -180px 0;
	}
	
#hn5
	{
		background-position: -80px 0;
	}

#hn5:hover
	{
		background-position: -200px 0;
	}
	
#hn6
	{
		background-position: -100px 0;
	}

#hn6:hover
	{
		background-position: -220px 0;
	}
	
#kontakt
	{
		position: absolute;
		z-index: 10;
		left: 300px;
		width: 580px;
		height: 180px;
		background: #ffffff;
		color: #000000;
		overflow: auto;
	}

#kontakt div
	{
		margin: 20px 10px;
		text-align: center;
	}

#kopf > #kontakt
	{
		background: url("../images/seite/transparent.png");
	}


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

/* ----------- nav ----------- */
#nav
	{
		position: relative;
		padding: 0 0 0 185px;
		margin: 5px 0 20px 0;
	}

#nav a
	{
		padding-left: 15px;
	}

#nav a:hover, #nav a.active, #nav li.active
	{
		background-image: url("../images/seite/pfeil.gif");
		background-position: left center;
		background-repeat: no-repeat;
	}

#nav ul
	{
		list-style-type: none;
		list-style-image: none;
		padding: 0 15px 0 0;
		margin: 0;
		float: left;
	}

#nav ul li
	{
		padding: 0;
		margin: 0;
		list-style-image: none;
		list-style-type: none;
	}

#subnav
	{
	}
		
#subsubnav
	{
	}
/* ----------------------------- */

/* ----------- mitte ----------- */
#mitte
	{
		position: relative;
		margin: 0;
		padding: 0;
	}

#inhalt
	{
		position: relative;
		margin: 0;
		padding: 0;
	}

.reihe
	{
		padding: 0 0 20px 0;
		clear: both;
	}

.text
	{
		width: 580px;
		margin: 0;
		padding: 0;
		float: right;
		position: relative;
	}

.seite
	{
		margin: 0 580px	0	0;
		padding: 0;
	}

.layouts
	{
		width: 388px;
		margin: 0;
		padding: 0;
		float: right;
		position: relative;
	}

.storyboards
	{
		margin: 0 392px	0	0;
		padding: 0;
	}

.portfolio
	{
		margin: 0;
		padding: 0;
		position: relative;
	}

.portfolio_artikel
	{
		margin: 0;
		padding: 5px 0;
		width: 255px;
		float: left;
		visibility: visible;
	}

.portfolio_artikel img
	{
		margin: 0 5px;
		float: left;
	}

.portfolio_artikel ul
	{
		margin-left: 55px;
		padding-left: 20px;
	}

.news
	{
		margin: 0	0	30px 0;
	}

.newsnavi
	{
		text-align: right;
		margin: 10px 0;
	}

.newsnavi a
	{
		padding-right: 0;
		background-image: none;
	}

.news img
	{
		margin: 5px;
		float: right;
	}

.seitentext
	{
		margin: 0;
		padding: 0 10px 10px 0;
		text-align: left;
	}

.bilderblock
	{
		list-style-type: none;
		list-style-image: none;
		min-height: 200px;
		margin: 0;
		padding: 25px 5px 10px 5px;
		text-align: center;
	}

.text .bilderblock
	{
		background-image: none;
	}

.bilderblock li
	{
		margin: 0;
		display: inline;
		list-style-type: none;
		list-style-image: none;
	}

.bilderblock li a
	{
		padding-right: 0;
		background-image: none;
	}

.bilderblock li img
	{
		margin: 0 0 3px 0;
	}

.zufallsblock
	{
		list-style-type: none;
		list-style-image: none;
		margin: 0;
		padding: 0 5px 10px 0;
	}

.zufallsblock li
	{
		margin: 0;
		display: inline;
		list-style-type: none;
		list-style-image: none;
	}

.zufallsblock li img
	{
		margin: 0 0 3px 0;
	}

#zufall
	{
		margin: 0 0 10px 0;
	}

.shop_zeile
	{
		background: #EEEEEE;
	}
/* ----------------------------- */

/* ----------- unten ----------- */
#unten
	{
		position: relative;
		text-align: center;
		margin: 5px 0 0 0;
		padding: 0 0 30px 0;
	}
/* ----------------------------- */

/* ----------- bilderseite ----------- */
#bildernav
	{
		position: relative;
		width: 200px;
		float: left;
		text-align: center;
	}

#bild
	{
		position: relative;
		margin: 0 0 0 200px;
	}

#bildernav #hauptnav
	{
		position: relative;
		left: 40px;
		top: 0;
		width: 120px;
		height: 170px;
		margin: 0 0 10px 0;
		padding: 0;
	}

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

/* ----------- lightbox ----------- */

#lightbox {
	background-color: #aaa;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
}
#lightboxCaption {
	color: #000;
	background-color: #aaa;
	font-size: 95%;
	text-align: center;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
}
#overlay img{ border: none; }
#overlay{ background-image: url(../images/seite/overlay.png); }
* html #overlay{background-color: #333;	back\ground-color: transparent;background-image: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/seite/overlay.png", sizingMethod="scale");}

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