/**********************************************************************/
/*                   COPYRIGHT by Melanie Auer                        */
/**********************************************************************/



html, body 
{
  padding: 0;
  margin: 0;
  height: 100%;
  width: 100%;
  background-color:#000000;
  font-family:Arial, Helvetica, sans-serif;
  color:#c0bbba;
  text-align:center;
 }
#mainContainer 
{
	position:absolute;
	width:850px;
	height:480px;
	top:45%;
	left:50%;
	margin-left:-387px;
	margin-top:-240px;
}

.container{
	height:480px;
	width:850px;
	margin:0px auto;
}

/*#########################Links,linke Seite##############################*/
#links{
	float:left;
	height:480px;
	width:160px;
}
#home1
{
	margin-top:70px;
	width:138px;
	height:84px;
}

a.home:link, a.home:visited
{
	display:block; 
	width:132px;
	height:84px;
	background-image:url(../images/links/home3.jpg);
}
a.home:hover, a.home:active
{
	display:block; 
	width:132px;
	height:84px;
	background-image:url(../images/hover/home_h.jpg);
}


#events
{
	
}
a.events:link, a.events:visited
{
	display:block; 
	width:134px;
	height:50px;
	background-image:url(../images/links/events.jpg);
}
a.events:hover, a.events:active
{
	display:block; 
	width:134px;
	height:50px;
	background-image:url(../images/hover/events_h.jpg);
}

/*
#aktion
{
	margin-right:30px;

}
a.aktion:link, a.aktion:visited
{
	display:block; 
	width:160px;
	height:46px;
	background-image:url(../images/links/aktionen.jpg);
}
a.aktion:hover, a.aktion:active
{
	display:block; 
	width:152px;
	height:46px;
	background-image:url(../images/hover/aktion_h.jpg);
}*/

#aktion
{
	margin-right:30px;

}
a.aktion:link, a.aktion:visited
{
	display:block; 
	width:160px;
	height:46px;
	background-image:url(../images/links/feedback.jpg);
}
a.aktion:hover, a.aktion:active
{
	display:block; 
	width:152px;
	height:46px;
	background-image:url(../images/hover/feedback_h.jpg);
}
a.kontakt:link, a.kontakt:visited
{
	display:block; 
	width:134px;
	height:48px;
	background-image:url(../images/links/kontakt.jpg);
}
a.kontakt:hover, a.kontakt:active
{
	display:block; 
	width:134px;
	height:48px;
	background-image:url(../images/hover/kontakt_h.jpg);
}a.partner:link, a.partner:visited
{
	display:block; 
	width:152px;
	height:47px;
	background-image:url(../images/links/links.jpg);
}
a.partner:hover, a.partner:active
{
	display:block; 
	width:152px;
	height:47px;
	background-image:url(../images/hover/links_h.jpg);
}
/*########################Links,rechte Seite############################*/
#rechts{
	height:480px;
	float:left;
	width:160px;
}

#pics
{
	margin-top:70px;
}
a.pics:link, a.pics:visited
{
	display:block; 
	width:154px;
	height:84px;
	background-image:url(../images/links/pics.jpg);
}
a.pics:hover, a.pics:active
{
	display:block; 
	width:154px;
	height:84px;
	background-image:url(../images/hover/pics_h.jpg);
}

#anfahrt
{
	margin-left:10px;
}
a.anfahrt:link, a.anfahrt:visited
{
	display:block; 
	width:160px;
	height:50px;
	background-image:url(../images/links/anfahrt.jpg);
}
a.anfahrt:hover, a.anfahr:active
{
	display:block; 
	width:160px;
	height:50px;
	background-image:url(../images/hover/anfahrt_h.jpg);
}
#offen
{
margin-left:20px;
}
a.offen:link, a.offen:visited
{
	display:block; 
	width:160px;
	height:46px;
	background-image:url(../images/links/offen.jpg);
}
a.offen:hover, a.offen:active
{
	display:block; 
	width:160px;
	height:46px;
	background-image:url(../images/hover/offen_h.jpg);
}
#hofgarten
{
margin-left:10px;
}
a.hofgarten:link, a.hofgarten:visited
{
	display:block; 
	width:160px;
	height:48px;
	background-image:url(../images/links/hofgarten.jpg);
}
a.hofgarten:hover, a.hofgarten:active
{
	display:block; 
	width:160px;
	height:48px;
	background-image:url(../images/hover/hofgarten_h.jpg);
}
#pnl
{
	margin-top:10px;
}
a.pnl:link, a.pnl:visited
{
	display:block; 
	width:160px;
	height:47px;
	background-image:url(../images/links/pnl.jpg);
}
a.pnl:hover, a.pnl:active
{
	display:block; 
	width:160px;
	height:47px;
	background-image:url(../images/hover/pnl_h.jpg);
}

/*###########################Kreis mit Inhalt############################*/
#kreis_home
{
	width:480px;
	height:480px;
	background-image:url(../images/chillout_home.jpg);
	float:left;
}
#kreis
{
	
	width:480px;
	height:480px;
	background-image:url(../images/chillout.jpg);
	float:left;
}

#content
{
	width:230px;
	height:230px;
	margin:130px;
	overflow:auto;
	overflow:hidden;
}
#feedback
{
	position:absolute;
	bottom:0;
	left:0;
	width:60px;
	margin-left:150px;
}
#jobs
{
	position:absolute;
	bottom:0;
	right:0;
	width:10px;
	margin-right:480px;
}
#newsletter
{
	position:absolute;
	bottom:0;
	right:0;
	margin-right:250px;
	width:60px;
}
/*#########################################Slideshow###############################*/
#picshow
{
	height:80px;
	background-color:#000000;
	color:#006633;
	font-weight: bold;
}
a img {
border : 0 none;
}

/*##################################normale Links################################*/
a.link:link, a.link:visited
{
	display:block;
	color:#c0bbba;
}
a.link:hover, a.link:active
{
	display:block;
}
a.link_u:link, a.link_u:visited
{
	display:block;
	color:#c0bbba;
}
a.link_u:hover,a.link_u:active
{
	color:#800000;
}

/*#######################################Galerie###############################*/
#thumb_box {
background-color:transparent;
height:100px;
left:25px;
overflow:hidden;
position:relative;
top:25px;
white-space:nowrap;
width:700px;
}
.thumb_img {
margin-left:2px;
margin-right:2px;
opacity:0.6;
}
.thumb_img:hover {
opacity:0.9;
}
#left_move {
left:-403px;
position:relative;
top:-80px;
}
#right_move {
left:310px;
position:relative;
top:-80px;
}
/*#####################################IMAGE PRELOAD#############################*/
.hidepics
{
  width:0px;
  height:0px;
  display:none;
}


/*###########################Einstellungen für IE für die Gallerie##################*/
* html #thumb_box
{
     margin-left: -150px; // für IEs unter 6
     m\argin-left: -150px; // für IEs über 6
}
*+html #thumb_box {margin-left: -150px;}