/* deux pièces intro CSS *//**/
html { height: 100%}
*{
	padding: 0;
	margin: 0;
}

body{
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 11px;
	height: 101%;
	background-image: url(bilder/hg.gif);
	background-attachment: fixed;
	color: #ffd594;
	line-height: 17px;
}

#container{
	width: 900px;
	min-height: 600px;
	border-left: 3px solid #1e1e1e;
	border-right: 3px solid #1e1e1e;
	margin: 30px auto 0 auto;

}
h1 {
	font-size: 14px;
	font-weight:lighter;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #ffd594;
}
h2 {
	font-size: 11px;
	font-weight:bold;
}
td {
padding: 0 10px 5px 0;
}
.clear {clear:both;}
/***************************/
/********Content************/
/***************************/
/*Spaltenaufteilung Bild und Text*/
.bild { 
  	float: left;
	width: 230px;
}
.text {
  	float: left;
	width: 300px;
}
/*Spaltenaufteilung Text*/
.spalte { 
  	float: left;
	width: 230px;
}
#blau {
	margin-top: 90px;
	margin-left: 310px;
	padding: 0 15px;
	width: 530px;
	border-left: 10px solid #4b92bc;
}
/*#blau h1{
	margin-top: -3px;
}*/
#gelb {
	margin-top: 90px;
	margin-left: 310px;
	padding: 0 15px; 
	width: 530px;
	max-height:265px;/*firefox! automatisch hoehe von spalte links*/
	border-left: 10px solid #ffbe41;
}
#rot {
	margin-top: 90px;
	margin-left: 310px;
	padding: 0 15px;
	width: 530px;
	border-left: 10px solid #fa5a78;
}
#gruen {
	margin-top: 90px;
	margin-left: 310px;
	padding: 0 15px; 
	width: 530px;
	max-height:285px; /*firefox! automatisch hoehe von spalte links*/
	border-left: 10px solid #acab4b;
}

#orange {
	margin-left: 310px;
	padding: 0 15px;
	width: 530px;
	border-left: 10px solid #ff8b24;
}
/**********Ende Content*********/
#banner {
	width: 861px;
	height: 165px;
	padding-left: 39px;
	margin-bottom:90px;
}
#logo {
	margin-left: 20px;
	float: left;
	width: 360px;
	height: 165px;
}
img {
border: 0;
}
/***************************/
/********Linke Spalte*******/
/***************************/
#links {
	float: left;
	width: 310px;
}
#links2 {
	width: 3px;
	height: 285px;
}
#home{
	float: left;
	width: 95px;
	height: 15px;
	margin-left: 10px;
	margin-top: -17px;
	padding: 60px 0 0 10px;
	background-image: url(bilder/navigation/megafon.gif);
	background-repeat: no-repeat;
}
#home:hover {
	background-image: url(bilder/navigation/megafon2.gif);
	background-repeat: no-repeat;
}
/*******************************************************/
/***************Hauptnavigation*************************/
/*******************************************************/
/*--button musik--*/
.blau{
	float: left;
	width: 95px;
	height: 15px;
	margin: 30px 0 0 0;
	padding: 62px 0 0 10px;
	background-image: url(bilder/navigation/blau.gif);
	background-repeat: no-repeat;
}
.blau:hover {
	background-image: url(bilder/navigation/blau2.gif);
	background-repeat: no-repeat;
}
.blauon{
	float: left;
	width: 95px;
	height: 15px;
	margin: 30px 0 0 0;
	padding: 62px 0 0 10px;
	background-image: url(bilder/navigation/blau3.gif);
	background-repeat: no-repeat;
	color: #ffd594;
}
/*--button über uns--*/
.gelb{
	float: left;
	width: 55px;
	height: 15px;
	margin: 12px 0 0 3px;
	padding: 62px 0 0 10px;
	background-image: url(bilder/navigation/gelb.gif);
	background-repeat: no-repeat;
}
.gelb:hover {
	background-image: url(bilder/navigation/gelb2.gif);
	background-repeat: no-repeat;
}
.gelbon{
	float: left;
	width: 55px;
	height: 15px;
	margin: 12px 0 0 3px;
	padding: 62px 0 0 10px;
	color: #ffd594;
	background-image: url(bilder/navigation/gelb3.gif);
	background-repeat: no-repeat;
}
/*--button bilder--*/
.rot{
	float: left;
	width: 55px;
	height: 15px;
	margin: 59px 0 0 10px;
	padding: 62px 0 0 10px;
	background-image: url(bilder/navigation/rot.gif);
	background-repeat: no-repeat;
}
.rot:hover {
	background-image: url(bilder/navigation/rot2.gif);
	background-repeat: no-repeat;
}
.roton{
	float: left;
	width: 55px;
	height: 15px;
	margin: 59px 0 0 10px;
	padding: 62px 0 0 10px;
	background-image: url(bilder/navigation/rot3.gif);
	background-repeat: no-repeat;
	color: #ffd594;
}
/*--button freunde--*/
.gruen{
	float: left;
	width: 55px;
	height: 15px;
	margin: 65px 0 0 20px;
	padding: 62px 0 0 10px;
	background-image: url(bilder/navigation/gruen.gif);
	background-repeat: no-repeat;
}
.gruen:hover {
	background-image: url(bilder/navigation/gruen2.gif);
	background-repeat: no-repeat;
}
.gruenon{
	float: left;
	width: 55px;
	height: 15px;
	margin: 65px 0 0 20px;
	padding: 62px 0 0 10px;
	background-image: url(bilder/navigation/gruen3.gif);
	background-repeat: no-repeat;
	color: #ffd594;
}
/*--button kontakt--*/
.orange{
	float: left;
	width: 55px;
	height: 15px;
	margin: 30px 0 0 39px;
	padding: 62px 0 0 10px;
	background-image: url(bilder/navigation/orange.gif);
	background-repeat: no-repeat;
}
.orange:hover {
	background-image: url(bilder/navigation/orange2.gif);
	background-repeat: no-repeat;
}
.orangeon{
	float: left;
	width: 55px;
	height: 15px;
	margin: 30px 0 0 39px;
	padding: 62px 0 0 10px;
	background-image: url(bilder/navigation/orange3.gif);
	background-repeat: no-repeat;
	color: #ffe294;
}
/*************texthovering navigation*************/
#container a, a:link, a:visited {
	text-decoration: none;
	color: #757679;
}
#container a:hover {
	color: #ffd594;
}
#on {
	color: #ffd594;
}/*****ende hovering****/

/****************Ende Hauptnavi**********************/

/******************************************/
/**************lightbox*******************/
/******************************************/
.thumb {
	  margin: 3px 9px 5px 0;
	  border: 2px solid white;
	  }
/**************ende lightbox*******************/


#footer {
	width: 895px;
	height: 20px;
	padding-right: 5px;
	border-bottom: 15px dotted #1e1e1e;
	border-left: 3px solid #1e1e1e;
	border-right: 3px solid #1e1e1e;
	margin: -20px auto 30px auto;		
}
#webmaster {
	float: right;
	width: 160px;
	font-size: 9px;
	color: #5a5146;}	
#webmaster a, a:link, a:visited {
	text-decoration: none;
	color: #5a5146;
}
#webmaster a:hover {
	color: #ffd594;
}