html { height: 100% } 
body {
	min-height:101%;
	color:#4A4957;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-position: 0 0;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-repeat: repeat;
	background-color: #ededed;
}
.clear{clear:both;}
* {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#container {
	text-align: left;
	width: 820px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(./images/content_bg.png);
	background-repeat: repeat-y;
	background-position: center top;
	background-attachment: scroll;
	clear: both;
}
a{
	font-size:12px;
	color: #4A4957;
	text-decoration: none;
}
a:hover{
	color:#0099cc;
	text-decoration: underline;
	}
p{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
/********************** Header ***************************/
#header {
	margin: 0px 0px 0px 0px;
	width:820px;
	height:300px;
	position:relative;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(./images/header.gif);
}

#header ul{
	width:820px;
	display:block;
	top:280px;
	position:absolute;
	margin: 0px;
	height:22px;
	text-align:center;
	left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/********************** logowechsler ***************************/
a#logo{
	background-image: url(./images/dancehall_logo2.png);
	background-repeat: no-repeat;
	height: 60px;
	width: 250px;
	display: block;
	position: absolute;
	background-position: center;
	left: 512px;
	top: 46px;
}
a:hover#logo{
	background-image: url(./images/dancehall_logo1.png);
	background-repeat: no-repeat;

	display:block:
}
/********************** topnavi ***************************/
ul.menu {
	padding-right: 15px; 
	padding-left: 15px; 
	left: 20px; 
	padding-bottom: 6px; 
	margin: 0px; 
	width: 90%; 
	bottom: 0px; 
	padding-top: 5px; 
	position: absolute;
}
ul.menu li {
	display: inline; 
	margin: 0px;
}
ul.menu li a {
	font: 1em Verdana, Helvetica, Arial, Sans-Serif;
	color: #FFF;
	margin: 0px;
	padding-right: 15px; 
	padding-left: 15px; 
	padding-bottom: 6px; 
	padding-top: 5px;
}
ul.menu li a:hover {
	background: #333; 
	color: #FFF! important; 
	text-decoration: none;
}
ul.menu li.current_page_item a {
	background: #FFF;
	color: #144579! important;
	text-decoration: none;
}
ul.menu li.current_page_item a:hover {
	background: #FFF;
	color: #144579! important;
	text-decoration: none;
}

/********************** Content ***************************/
#content {
	width:780px;
	background-repeat: repeat-y;
	background-position: center top;
	margin-left: 20px;
}

h1,h2,h3,h4,h5,h6 {
	color:#195D98;
	font-weight: bold;
	}
h1{
	font-size:14px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

h2{
	font-size:12px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
h3{
	font-size: 11x;
	padding-top: 10px;
}
h4{
	font-size: 10px;
}
h5{
	font-size: 9px;
}
h6{
	font-size: 8px;
	}
#left {
	float:left;
	width:480px;
	margin-left:10px;
	display:inline;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#left a{
	color:#195D98;
	
}
#left a:hover{
	color:#0099cc;
}
#left ul {

}
#left li{
	padding-left:10px;
	list-style-type: square;
	list-style-position: inside;
}
#photos a{
	margin: 0px;
}
#right {
	float:right;
	width:240px;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 15px;

}
#right a{
	color: #FF3769;
}
#right a:link{
	color: #0099cc;
	text-decoration: underline;
	font-weight: bold;
}
#right a:hover{
	color:#FFF;
	text-decoration: underline;
}
#right a:active{
	color:#000;
	text-decoration: underline;
}
#right a:visited{
	text-decoration: underline;
}
#imgright {
	float:right;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
}
img{
	padding: 2px;
	margin-right: 10px;
	
}
/********************** Footer ***************************/
#footerline {
	clear:both;
	font-size:1px;
	height:6px;
}
#footer {
	width:820px;
	font-size: 10px;
	text-align:center;
	padding-top: 6px;
	color: #D6D6D6;
	height: 30px;
	background-image: url(./images/footer.png);
	background-position: center top;
	margin-right: auto;
	margin-left: auto;
}
#footer a:link{
	color:#FFF;
}
#footer a:hover{
	color:#999;
	text-decoration: underline;
}

/********************** suchformular ***************************/

.sb-links UL LI {
	MARGIN-TOP: 0px
}
.sb-links UL UL LI {
	MARGIN-TOP: 0px
}
.sb-search {
	MARGIN-TOP: 0px
}
.sb-search H2 {
	DISPLAY: none
}

.newsletter {   
  width:240px;   
  margin:0px 0px 0px 0px;   
  padding: 82px 0px 20px 5px;
 color:#195D98;
  font-size: 10px; 

  background-repeat: no-repeat;
  background-position: left top;
  background-image: url(./images/newslett_07.png);  
  } 
.newsletter input[type=text], 
.newsletter input[type=submit] {   
  width: 89%; 
  font-weight: bold;  
  color:#195D98; 
  background-color: #FFF;   
  border: 1px solid #fff;   
  } 
.newsletter input:hover {   
  color: #FF3769;   
  background-color: #fff;   
  } 
.newsletter input:focus {   
  color: #000;   
  background-color: #fff;   
  }