@charset "UTF-8";
/* CSS Document */


/* ++++++++++++++++++++++++++++++++++++++ */
/* generelle formate */
/* ++++++++++++++++++++++++++++++++++++++ */

*{
	font-family:Courier New, Courier, monospace;
	font-size:12px;	
}


body, html {
  margin-top:0;
overflow-y:scroll;
}
form {
	background-color: #ffffff;
}

body {
  color:#b5b392;
  background:url(dj-hamburg/hg2.gif) #ffffff fixed;
  background-position:left top;
  background-repeat:repeat;
  font-size:13px;
  line-height:16px;
  text-indent:13px;
 }

abbr, acronym {
  border-bottom:dotted thin;
}

p  {
  font-size:12px;
  line-height:15px;
/*  text-indent:13px;*/
}

h1, h2, h3, h4, h5 {
  font-family:Arial, Helvetica, sans-serif;
  color:#9933FF;
  
}
h1 {
	font-size: 18px;
}
h2 {
	font-size: 14px;
}

h3, h5 {
  font-size:12px;  
}


img {
  font-size:11px; /* this is for the alt ! */
}

hr {
  width:95%;
  height:1px;
  border:dotted #CC0066 1px;
  
}
/* ++++++++++++++++++++++++++++++++++++++ */
/*content und subnav*/
/* ++++++++++++++++++++++++++++++++++++++ */


#content {
   width:880px;
   margin-top:85px; /* navigation egalisieren */
   
   /*padding-left:0px;
   padding-right:10px;
   
  /* margin-left:350px;*/
}

#subnav {
	width:auto;
	heigth:200px;
	margin-right:18px;

}
#subnav span {
	font-family:Arial, Helvetica, sans-serif;
  	color:#9933FF;
	font-size: 17px;
	background-color:#ebe9ea;
	
}

 #subnav a  {
	font-family:Arial, Helvetica, sans-serif;
  	color:#9933FF;
	font-size: 17px;
	
}


#subnav a:hover   /* Aussehen der Subnav bei "MouseOver"  + "angeklickt" */
  {
	font-family:Arial, Helvetica, sans-serif;
  	color:#74675a;
	font-size: 17px;
	background-color:#2effcd;

}

/* ++++++++++++++++++++++++++++++++++++++ */
/*ID formatierungen)*/
/* ++++++++++++++++++++++++++++++++++++++ */
#start table {
background:url(images/start2.gif) #ffffff fixed;

}
#outline, #header, #footer {
  width:890px; 
  background-color:#FFFFFF;
  }
 
 
/* ++++++++++++++++++++++++++++++++++++++ */
/*header samt inhalt*/
/* ++++++++++++++++++++++++++++++++++++++ */
#header {
 height: 101px;	  
}

#logo {
  width:227px;
  position:absolute; top:0px; /*float:left;*/
 }
 
#janina {
	width:200px;
	height:356;
	position:absolute;
	top:110px;
	margin-left:40px;
	padding:0;
	z-index:3;
}
 
  
/* ++++++++++++++++++++++++++++++++++++++ */
/*Musikbutton)*/
/* +++++++++++++++++++++++++++++++++++++*/

#musikbutton {
	ist-style: none;
	padding: 0;
	width: 83px;
	height: 30px;
    width:83px;
	position: absolute;
    margin-left:765px;
   /*float:right;*/	
}
/*#musikbutton span {
	display: none;
	position: absolute;
}
#musikbutton a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
}
#musikbutton a:hover {
	background-position: left bottom;
}
#musikbutton a:hover span{
	display: block;
}
#musikbutton .musik {
	width: 83px;
	height: 30px;
	background: url("dj-hamburg/electro-button.gif") no-repeat;
	/*left: 200px;
	top: 0px;*//*
}
#musikbutton .home span {
	width: 53px;
	height: 37px;
	background: url("dj-hamburg/pfeil.gif") no-repeat;
	left: 50px;
	top: 50px;
}*/


/* ++++++++++++++++++++++++++++++++++++++ */
/*gerissenes papierer (hauptmenue)*/
/* ++++++++++++++++++++++++++++++++++++++ */

#menu {
    list-style: none;
	padding: 0;
	margin: 0;
	width: 880px;
	height: 100px;
	position: absolute;
	top:75px
	
	}
#menu span {
	display: none;
	position: absolute;
}
#menu a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
}
#menu a:hover, #menu .home_a, #menu .profil_a, #menu .musik_a, #menu .booking_a, #menu .galerie_a  {
	background-position: left bottom;
}

#menu a:hover span {
  display: block;
}

#menu .home,#menu .home_a {
	width: 118px;
	height: 95px;
	background: url("dj-hamburg/start_but.gif") no-repeat;
	left: 242px;
	top: 0px;
}
#menu .home span {
	width: 92px;
	height: 19px;
	background: url("dj-hamburg/home-o.gif") no-repeat;
	left: 0px;
	top: 5px;
}
 
#menu .profil, #menu .profil_a {
	width: 127px;
	height: 95px;
	background: url("dj-hamburg/profil_but.gif") no-repeat;
	left: 363px;
	top: 0px;
}
#menu .profil span {
	width: 78px;
	height: 37px;
	background: url("dj-hamburg/profil-o.gif") no-repeat;
	left: 20px;
	top: -12px;
	
}
#menu .musik, #menu .musik_a {
	width: 118px;
	height: 95px;
	background: url("dj-hamburg/musik_but.gif") no-repeat;
	left: 492px;
	top: 0px;
}

#menu .musik span {
	width: 81px;
	height: 29px;
	background: url("dj-hamburg/musik-o.gif") no-repeat;
	left: 20px;
	top: -7px;
}

#menu .booking, #menu .booking_a {
	width: 130px;
	height: 95px;
	background: url("dj-hamburg/booking_but.gif") no-repeat;
	left: 608px;
	top: 0px;
}
#menu .booking span {
	width: 87px;
	height: 31px;
	background: url("dj-hamburg/bookingo.gif") no-repeat;
	left: 25px;
	top: -10px;
}
#menu .galerie, #menu .galerie_a {
	width: 128px;
	height: 95px;
	background: url(dj-hamburg/galerie_but.gif) no-repeat;
	left: 733px;
	top: 0px;
}
#menu .galerie span {
	width: 42px;
	height: 34px;
	background: url(dj-hamburg/galerie_o.gif) no-repeat;
	left: 60px;
	top: -12px;
}
#menu a:hover, #menu .home_a, #menu .profil_a, #menu .musik_a, #menu .booking_a, #menu .galerie_a  {
	background-position: left bottom;
}

/*#navcontainer li#active*/


/* ++++++++++++++++++++++++++++++++++++++ */
/* footer unten*/
/* ++++++++++++++++++++++++++++++++++++++ */

#footer {
  /*background:#9933FF;*/
  height:25px;
}

#footer p , #footer a {
  font-size:12px;
  text-align:right;
  padding-top:7px;
  color:#8a79692;
  padding-right:10px;
 
}
#footer link, #footer a:link {
	color:#8a7969;
}

/* ++++++++++++++++++++++++++++++++++++++ */
/* newsbox*/
/* ++++++++++++++++++++++++++++++++++++++ */


.newsbox			{
			
			width:280px;
			font-size:11px;
			margin-bottom:20px;
			}


.newsbox_set_off		{
            font-weight:bold;
			font-size:11;
			color:#645343;
			background-color:#66FFCC;
			}

.newsbox_topic		{
            font-weight:bold;
			font-stretch:wider;
			}

.newsbox_date		{
            font-size:9;
			}


.subnavi			{
                         font-size:9;
			}
a			{
                         font-size:9;
			}

.form_editbox		{
                         width:100%;
                         font-size:11px;
                         color:#000000;
                         border:1px solid #FFCC99;
                         font-family:Arial;
			}

.form_button		{
                         width:100%;
                         font-size:11px;
                         background-color:#66FFCC;
                         color:#ffffff;
                         border:1px solid #FFCC99;
			}

.meldung			{
                         background-color:#eeeeee;
                         width:492px;
                         padding:4px;
			}