/********************************************
   AUTHOR:  			ilumydesign / M.Ort 
   WEBSITE:   			http://www.ilumy.de/     	
 *******************************************/
 
 /*********************************************************************************************************************************
   Body
**********************************************************************************************************************************/
body {
	
	background-image: url(images/bg.png);
	background-repeat: repeat-x;
	background-color: #000;
	font-family: Arial, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	margin: 0px 0px 0px 0px;
	padding: 0px; 0px;
}

/*********************************************************************************************************************************
   Center
**********************************************************************************************************************************/
#center {
	position: relative;
	width: 920px;
	margin: auto;
	top: 0px;
	background-color: #999999;

}
/**********************************************************************************************************************************
   News - Player
**********************************************************************************************************************************/
#newsplayer {
	clear: both;
	height: 332px;
	width: 327px;
	position: absolute;
	top: 655px;
	left: 562px;
	z-index: 8;
	background-image: url(images/newsplayer.png);
	background-repeat: no-repeat;

}
/**********************************************************************************************************************************
   Main Content - Boxen
**********************************************************************************************************************************/
#box1 {
	clear: both;
	height: 300px;
	width: 230px;
	position: absolute;
	top: 319px;
	left: 0px;
	z-index: 5;
	background-image: url(images/boxfilm_neu.png);
	background-repeat: no-repeat;

}
			#mehr1 {
				clear: both;
				height: 23px;
				width: 71px;
				position: absolute;
				top: 245px;
				left: 130px;
				z-index: 5;
			}
			#text1 {
				clear: both;
				height: 184px;
				width: 200px;
				position: absolute;
				top: 56px;
				left: 14px;
				z-index: 5;

			}
#box2 {
	clear: both;
	height: 300px;
	width: 230px;
	position: absolute;
	top: 319px;
	left: 230px;
	z-index: 5;
	background-image: url(images/box3d_neu.png);
	background-repeat: no-repeat;
}
			#mehr2 {
				clear: both;
				height: 23px;
				width: 71px;
				position: absolute;
				top: 245px;
				left: 130px;
				z-index: 5;

			}
				#text2 {
				clear: both;
				height: 184px;
				width: 200px;
				position: absolute;
				top: 56px;
				left: 14px;
				z-index: 5;
			}
#box3 {
	clear: both;
	height: 300px;
	width: 230px;
	position: absolute;
	top: 319px;
	left: 460px;
	z-index: 5;
	background-image: url(images/boxweb_neu.png);
	background-repeat: no-repeat;
}
			#mehr3 {
				clear: both;
				height: 23px;
				width: 71px;
				position: absolute;
				top: 245px;
				left: 130px;
				z-index: 5;
			}
				#text3 {
				clear: both;
				height: 184px;
				width: 200px;
				position: absolute;
				top: 56px;
				left: 14px;
				z-index: 5;
			}
#box4 {
	clear: both;
	height: 300px;
	width: 230px;
	position: absolute;
	top: 319px;
	left: 690px;
	z-index: 5;
	background-image: url(images/boxdesign_neu.png);
	background-repeat: no-repeat;
}
			#mehr4 {
				clear: both;
				height: 23px;
				width: 71px;
				position: absolute;
				top: 245px;
				left: 130px;
				z-index: 5;
			}
				#text4 {
				clear: both;
				height: 184px;
				width: 200px;
				position: absolute;
				top: 56px;
				left: 14px;
				z-index: 5;

			}
/**********************************************************************************************************************************
   Main Content
**********************************************************************************************************************************/
#maincontent {
	clear: both;
	width: 920px;
	position: absolute;
	top: 618px;
	left: 0px;
	z-index: 6;
	background-image: url(images/bg_main.png);

}
	#maintext {
					clear: both;
					width: 430px;
					margin: 50px 15px 10px 30px;
					top: 65px;
					left: 19px;
				}
				#maintext2 {
					clear: both;
					width: 820px;
					margin: 50px 15px 10px 30px;
					top: 65px;
					left: 19px;
				}
		#wissenswertes {
			clear: both;
			width: 180px;
			height: 235px;
			position: absolute;
			top: 50px;
			left: 485px;
			background-image: url(images/wissenswertes.png);
			background-repeat: no-repeat;
		}
				#wissentext {
					clear: both;
					width: 157px;
					height: 230px;
					position: absolute;
					top: 0px;
					left: 11px;
				}
		#tips {
			clear: both;
			width: 180px;
			height: 235px;
			position: absolute;
			top: 50px;
			left: 715px;
			background-image: url(images/wissenswertes.png);
			background-repeat: no-repeat;
		}
		#tipstext {
					clear: both;
					width: 157px;
					height: 230px;
					position: absolute;
					top: -1px;
					left: 10px;
				}
/**********************************************************************************************************************************
   Logo - Background
**********************************************************************************************************************************/
#logobg {
	clear: both;
	height: 320px;
	width: 920px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
}
/**********************************************************************************************************************************
   Footer
**********************************************************************************************************************************/
#footer {
	clear: both;
	height: 18px;
	width: 920px;
	bottom: 0px;
	left: 1px;
	z-index: 10;
	background-image: url(images/footer.png);
	background-repeat: no-repeat;
}
			#footertext {
				clear: both;
				height: 16px;
				width: 900px;
				padding: 2px 0px 0px 5px;
				z-index: 11;
				}

/**********************************************************************************************************************************
   Navigation 
**********************************************************************************************************************************/
#nav {
	clear: both;
	float: left;
	height: 47px;
	width: 920px;
	position: absolute;
	z-index: 3;
	left: 0px;
	top: 0px;


}

ul#navigation {
    list-style-type: none;
    width: 920px;
    padding: 0;
	margin: 0;
}
 
ul#navigation li {
    height: 27px;
	top: 0px;
    display: block;
    float:left;
}

ul#navigation li a.home {
    display: block;
	width: 115px;
	height: 47px;
	float: left;
    background: url(images/home.png) no-repeat top left;
}

ul#navigation li a.news {
    display: block;
	width: 115px;
	height: 47px;
	float: left;
    background: url(images/news.png) no-repeat top left;
}

ul#navigation li a.portfolio {
    display: block;
	width: 115px;
	height: 47px;
	float: left;
    background: url(images/portfolio.png) no-repeat top left;
}

ul#navigation li a.kunden {
    display: block;
	width: 115px;
	height: 47px;
	float: left;
    background: url(images/kunden.png) no-repeat top left;
}

ul#navigation li a.galerie {
    display: block;
	width: 115px;
	height: 47px;
	float: left;
    background: url(images/galerie.png) no-repeat top left;
}

ul#navigation li a.service {
    display: block;
	width: 115px;
	height: 47px;
	float: left;
    background: url(images/service.png) no-repeat top left;
}

ul#navigation li a.kontakt {
    display: block;
	width: 115px;
	height: 47px;
	float: left;
    background: url(images/kontakt.png) no-repeat top left;
}
ul#navigation li a.impressum {
    display: block;
	width: 115px;
	height: 47px;
	float: left;
    background: url(images/impressum.png) no-repeat top left;
}

ul#navigation li a.home:hover {
      background-position: top right; 
  }  
ul#navigation li a.news:hover {
      background-position: top right; 
  }
ul#navigation li a.portfolio:hover {
      background-position: top right; 
  }
ul#navigation li a.kunden:hover {
      background-position: top right; 
  }
ul#navigation li a.galerie:hover {
      background-position: top right; 
  }
ul#navigation li a.service:hover {
      background-position: top right; 
  }
ul#navigation li a.kontakt:hover {
      background-position: top right; 
  }
ul#navigation li a.impressum:hover {
      background-position: top right; 
  }