/*
Stylesheet Name: Mister Beat
Theme URI: Mister Beat
Description: Grundlegende Stildefinition
Version: 0.01

	Inhaltsverzeichnis:
	---
	0. ........ Grundlegende Deklarationen
	1. ........ Allgemeingültige Element-Formatierungen
	2. ........ Allgemeingültige Klassen-Angaben
	3. ........ IDs (von oben nach unten)
	4. ........ Spezielle Angaben
		4.1 ... News Archiv
		4.2 ... Start Teaser
		4.1 ... Kontaktformular

*/

/*
* 0. Grundlegende Deklarationen 
*/
	
body {
  background: url(../img/Header.jpg) top center no-repeat;
	background-color: #FFFFFF;
	color: #000;
	font: 12px Lucida Sans Unicode,monospace;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

body#start {
  background: url(../img/Header-start.jpg) top center no-repeat;
}

body#chat {
  background: none;
  margin-left: 5px;
}


input {
	font: 12px Lucida Sans Unicode,monospace;
}
/*
* 1. Allgemeingültige Element-Formatierungen
*/
a {
	text-decoration: none;
	color:#cb061d;
}

a:hover {
	text-decoration: underline;
}

img {
	border: 0px;
}

h1 {
  color: #58585a;
  font: 33px Lucida Sans Unicode,monospace;
  margin-bottom: 8px;
  margin-top: 14px;
}

#start h1 b{
  font-weight: normal !important;
}

h2 {
  color: #cc071e;
  font: 21px Lucida Sans Unicode,monospace;
  margin: 0;
  padding: 0;
}

#start h2 {
    font: 16px Lucida Sans Unicode,monospace;
}

p {
  font-size: 12px;
  margin-top: 0;
}

/*
* 3. IDs (von oben nach unten)
*/
  #wrapper {
	margin: auto;
	position: relative;
	text-align: left;
	width: 960px;
	min-height: 560px;

	
}

/*
* 3.1 Header
*/

#Header {
  display: none;
}


#start #Header {
  height: 215px;
}

#Header #Logo {
  display: block;
  height: 125px;
  left: 2px;
  position: absolute;
  top: 48px;
  width: 240px; 
}

#Header #language {
  color: #cb061d;
  position: absolute;
  left: 297px;
  top: 7px;
}

#Header #language a:hover{
  color: #FFF;
  text-decoration: none;
}

#Header #navigation {
   background: url(../img/navi-top-bottom.jpg) left bottom no-repeat;
   position: absolute;
   left: 282px;
   top: 125px;
   width: 676px;
}

#start #Header #navigation {
     background: url(../img/navi-top-bottom-start.jpg) left bottom no-repeat;
}

#Header #mainnavi { 
 list-style: none;
 margin: 0;
 padding: 0;
}

#Header #mainnavi li {
  float: left;
  margin-right: 0px;
}

#Header #mainnavi li a {
  font-family: Lucida Sans Unicode,monospace;
  font-size: 12px;
 
  color:#FFF;
  font-weight: bold;
  text-transform: uppercase;
}

#Header li a:hover {
  color: #cb061d;
  text-decoration: none;
}

#Header #mainnavi li .middle{
  height: 23px;
  padding-left:5px;
  padding-top: 4px;
  padding-right:5px;
  float: left;
}

#Header #mainnavi li .left, #Header ul li .right {
  float: left;
  width: 2px;
  height: 27px;
}

#Header #mainnavi .aktiv a {
  color:#cb061d;
}

#Header #mainnavi .aktiv .JQFEOutline {
  display: none;
}

#Header #mainnavi .aktiv .left{
  background: url(../img/nav-akt-l.gif) left top no-repeat;
}

#Header #mainnavi .aktiv .middle{
  background: url(../img/nav-akt-m.gif);
}

#Header #mainnavi .aktiv .right{
  background: url(../img/nav-akt-r.gif) right top no-repeat;
}


#Header #subnavi {
  background: url(../img/subnavi-bottom.jpg) left bottom no-repeat;
  background-color: #D5D5D5;
  left: 282px;
  position: absolute;
  top: 152px;
}

#Header #subnavi ul {
  background: url(../img/subnavi.jpg) 0 0 no-repeat;
  list-style: none;
  margin: 0;
  min-height: 22px;
  padding: 0;
  padding-top: 5px;
  width: 676px;
}

#Header #subnavi ul li{
  float: left;
  padding-bottom: 5px;
}

#Header #subnavi ul li span{
  padding-left: 10px;
  padding-right: 10px;
}

#Header #subnavi ul li a{
  font-family: Lucida Sans Unicode,monospace;
  font-size: 12px;
  color:#58585a;
  font-weight: bold;
}

#Header #subnavi ul li a:hover{
 color: #cb061d;
 border-bottom: 2px solid #cb061d;
}

#Header #subnavi ul li.aktiv a{
 color: #cb061d;
 border-bottom: 2px solid #cb061d;
}


/*
* 3.2 Content
*/

#content .col1 {
  float: left;
  padding-bottom: 15px;
  min-height: 300px;
  width: 100%;
}

#start #content .col1 {
  width: 632px;
}

#content .col1 b,#content .col1 strong {
  font-weight: bold;
}

#content .col1 ul{
  list-style: none;
  margin: 0;
  padding: 0;
}
#content .col1 li{
  background: url(../img/listenelement.gif) 0 2px no-repeat;
	padding-left: 15px;
	margin-bottom: 3px;
}

/*
* 3.2.1 Content-Right
*/

#content .col2 {
  float: left;
  margin-left: 18px;
  padding-top: 11px;
  width: 220px;
  display: none;
}

#start #content .col2 {
  margin-left: 27px;
  margin-top: 102px;
  width: 300px;
}

/*
* 3.2.1.1 Searchform
*/

#Search {
  background: url(../img/search-f.gif) 0 0 no-repeat;
  position: relative;
  height: 43px;
  width: 220px;
  margin-bottom: 15px;
}

#start #Search {
  left: 80px;
}

#Search .text{
  background-color: #DDDEDF;
  border: 0;
  height: 21px;
  padding-top: 3px;
  position: absolute;
  left:2px;
  top: 7px;
  width: 174px !important;
}

#Search .submit{
  background: url(../img/search-b.gif) 0 0 no-repeat;
  border: 0;
  cursor: pointer;
  height: 43px;
  position: absolute;
  right:0px;
  top: 0px;
  width: 43px !important;
}

/*
* 3.3 Footer
*/

#footer{
  background: url(../img/footer.jpg) center top no-repeat;
  color: #58585a;
  height: 150px;
  display: none;
}
#footer h3 {
  color: #FFF;
  font-size: 16px;
  font-style: italic;
  font-weight: normal;
  margin-top: 0;
  margin-bottom: 8px;
}

#footer p {
    margin-bottom: 5px;
}

#footer .center-wrap {
	margin: auto;
	padding-bottom: 5px;
	position: relative;
	text-align: left;
	height: 170px;
	width: 960px;
}

#footer #fkontakt {
  position: absolute;
  left: 14px;
  top: 10px;
}

#footer #fthemen {
  position: absolute;
  left: 344px;
  top: 10px;
  width:286px;
}

#footer #fthemen h4{
  float: left;
  font-size: 12px;
  margin: 0;
  margin-right: 2px;
  padding: 0;
  display: block;
}

#footer #fthemen h4 a{
  color:#58585a;
}

#footer #fthemen h5{
  float: left;
  font-size: 9px;
  margin: 0;
  margin-right: 3px;
  padding: 0; 
}

#footer #fthemen h5, #footer #fthemen h4{
  display: block;
  height: 20px;
}

#footer #fthemen h5 a{
  color:#87888a;
}


#footer #fconnect {
  position: absolute;
  left: 672px;
  top: 10px;
  width:286px;
}

#footer #fconnect ul { 
  list-style: none;
  margin: 0px;
  padding: 0px;
}

#footer #fconnect ul li{
  float: left;
  margin-right: 13px;
} 

#footer #fcopyright {
   bottom: 5px;
   left: 0px;
   position: absolute;
}

#footer #fnavi {
    bottom: 5px;
    position: absolute;
    right: 0px;
}

#footer #fnavi a{
  	 color: #58585a;
}

/*
* 4.0 Bilderrahmen
*/

.imageborder1 img {
  float:left;
}

.imageborder1 .top{
  background: url(../img/rahmen/border-1-t.gif) left top no-repeat;
  height: 35px;
}

.imageborder1 .left{
  background: url(../img/rahmen/border-1-l.gif) left top no-repeat;
  width: 39px;
  float: left;
}

.imageborder1 .right{
  background: url(../img/rahmen/border-1-r.gif) left bottom no-repeat;
  width: 39px;
  float: left;
}

.imageborder1 .bottom{
  clear: both;
  background: url(../img/rahmen/border-1-b.gif) right top no-repeat;
  height: 35px;
}

.imageborder2 img {
  float:left;
}

.imageborder2 .top{
  background: url(../img/rahmen/border-2-t.gif) right top no-repeat;
  height: 35px;
}

.imageborder2 .left{
  background: url(../img/rahmen/border-2-l.gif) left bottom no-repeat;
  width: 39px;
  float: left;
}

.imageborder2 .right{
  background: url(../img/rahmen/border-2-r.gif) left top no-repeat;
  width: 39px;
  float: left;
}

.imageborder2 .bottom{
  clear: both;
  background: url(../img/rahmen/border-2-b.gif) left top no-repeat;
  height: 35px;
}

.imageborder3 img {
  float:left;
}

.imageborder3 .top{
  background: url(../img/rahmen/border-3-t.gif) right top no-repeat;
  height: 59px;
}

.imageborder3 .left{
  background: url(../img/rahmen/border-3-l.gif) left top no-repeat;
  width: 11px;
  float: left;
}

.imageborder3 .right{
  background: url(../img/rahmen/border-3-r.gif) left top no-repeat;
  width: 46px;
  float: left;
}

.imageborder3 .bottom{
  clear: both;
  height: 5px;
}

/*
* 4.1 Überschriftrahmen
*/

.header_border {
  background: url(../img/h-one-bg.jpg) 0 0 no-repeat;
  height: 41px;
  margin-bottom: -25px;
}

.sp_hide_headerbg .header_border{
  display: none;
}

/*
* 4.2 Image Slider
*/

.Imageslider {
  margin-top: 5px;
  margin-bottom: 15px;
  overflow: hidden;
  width: 632px;
}

.Imageslider-img ul {
  list-style: none;
  margin: 0;
  margin: 0;
  padding: 0;
}
.Imageslider-img img {
  border: 3px solid #D9DADB;
}


.Imageslider-img ul li{
  background: none !important;
  margin-right: 10px;
  padding: 0px !important;
}

.Imageslider-nav {
  background: url(../img/bildergalerie.jpg) no-repeat;
  height: 36px;
  width: 630px;
}

.Imageslider-nav .prev{
  cursor: pointer;
  float: left;
  height: 36px;
  width: 36px;
}

.Imageslider-nav .text{
  color : #58585a;
  float: left;
  padding-top: 11px;
  text-align: center;
  width: 557px;
}

.Imageslider-nav .next{
  cursor: pointer;
  float: left;
  height: 36px;
  width: 36px;
}

/*
* 4.3 Start Teaser Big
*/

#start_teaser_big {

}

#start_teaser_big h1{
  color: #FFF;
}

#start_teaser_big .teaser .multimedia {
  background-color: #FFF;
  border: 2px solid #DADADC;
  float: left;
  height: 237px;
  padding: 7px;
  position: relative;
  width: 462px;
}

#start_teaser_big .teaser .multimedia .headline {
  background: url(../img/teaser_bg.jpg);
  color: #FFF;
  padding: 4px 14px;
  position: absolute;
  left: -2px;
  top: 14px;
  text-transform: uppercase;

}

#start_teaser_big .teaser .links {
  float: left;
  padding-top: 9px;
  width: 152px;
}

#start_teaser_big .teaser .links img{
  margin-bottom: 4px;
}

#start_teaser_big .text {
  margin-bottom: 20px;
  margin-top: 5px;
  width: 480px;
}

#start_teaser_big .text b, #start_teaser_big .text strong {
  color: #cb061d;
  font-size: 16px;
  font-weight: normal;
}

/*
* 4.4 Teaser Element
*/

.sp_teaser {
  float: left;
  margin-bottom: 20px;
  width: 300px;
}

.col1 .sp_teaser {
  margin-right: 30px;
}

.col1 .sp_teaser_right .sp_teaser {
    margin-right: 0px ;
}

.sp_teaser .image {
  background-color: #FFF;
  border: 2px solid #DADADC;
  float: left;
  height: 152px;
  padding: 7px;
  position: relative;
  width: 282px;
}

.sp_teaser .image .headline {
  background: url(../img/teaser_bg.jpg);
  color: #FFF;
  padding: 4px 14px;
  position: absolute;
  right: -2px;
  top: 14px;
  text-transform: uppercase;
}
.sp_teaser .text {
  clear: both;
  padding-top: 2px;
}

.sp_teaser .text h2 {
  margin-bottom: 2px;
}

/*
* 4.5 Eventteaser
*/

#eventteaser .bg {
  background: url(../img/event_bg.jpg) no-repeat;
  height: 260px;
  position: relative;
  width: 300px;
}
#eventteaser h2 {
  margin-bottom: 27px;
  margin-top: 3px;
}

#eventteaser h3 {
  color: #58585a;
  font: 20px Lucida Sans Unicode,monospace;
  left: 13px;
  height: 67px;
  margin: 0;
  position: relative;
  top: 18px;
  padding: 0;
}

#eventteaser h3 b{
  color: #cc071e;
  font-weight: normal !important;
}

#eventteaser .teaser {
  clear: both;
  height: 62px;
}

#eventteaser .teaser .date {
  background: url(../img/event_teaser_bg.jpg);
  color: #FFF;
  float: left;
  font-size: 14px;
  font-weight: bold;
  height: 53px;
  text-align: center;
  width: 64px;
}

#eventteaser .teaser .date a {
  color: #FFF;
}

#eventteaser .teaser img {
  float: left;
  margin-left: 1px;
}

#eventteaser .teaser .text {
  float: left;
  margin-left: 7px;
  width: 164px;
}


/*
* 4.6 DJ-Profile
*/

.djprofile {
  background: url(../img/h-one-bg.jpg) 0 0 no-repeat;
  clear: both;
  margin-bottom: 20px;
  padding-top: 22px;
  position: relative;
  width:  100%;
}

.djprofile .headline {
  background: url(../img/teaser_bg.jpg);
  color: #FFF;
  padding: 4px 14px;
  position: absolute;
  right: 0px;
  top: 22px;
  text-transform: uppercase;
}

.djprofile .headline a{ 
  color: #FFF;
}
.djprofile .picture {
  float: left;
  width: 228px;
  overflow:hidden;
  margin-right:20px;
}

.djprofile .text { 
  float: left;
  line-height: 105%;
  margin-top: -4px;
  width: 460px;
}
.djprofile .text b{ 
  color:#58585a;
  font-size: 10px;
  text-transform: uppercase;
}

.djprofile .text h2 {
  margin-bottom: 8px;
  margin-left: -2px;
} 


/*
* 4.7 Chat
*/

#chat_body {
  text-align: left;
  width: 600px;
}




/*
* 4.8 Formulare
*/
legend {
	background-color:#FFF;
	color: #cb061d;
	padding: 2px 4px;
	text-transform: uppercase;
}

fieldset {
	border: 1px dotted #58585a;
	margin-bottom: 10px;
	padding: 5px;
}

fieldset textarea {
	width: 400px; 
}

fieldset input {
	margin: 3px 0;
	width: 396px; 
}


label {
   display: block;
   float: left;
   width: 95px;
}

textarea  { 
	margin: 3px 0;
}

.radio{
	vertical-align: bottom;
	width: auto;
}

.form_error {
	border: 1px dotted;
	margin-bottom: 10px;
	padding: 5px;
}

.form_error ul {
	list-style: none;
	color: red;
}

.powermail_submit, .indent {
 margin-top: 12px;
 width: auto;
}

/**
Fragebogen
**/

.fb-table1 label {
  width: auto;
}

.fb-table1 input {
  width: auto;
}
.fb-checkbox-field {
  width: auto;
  float: left;
  margin-right: 5px;
}

.tm-table2 {
  width:710px;
}
.tm-table2 .tm-td-head1 {
  width: 230px;
}

.tm-table2 .tm-td-head2 {
  width: 300px;
}

.tm-table2 .alt {
  background-color: #cb061d;
  color: #FFF;
}

/*
* 4. Spezielle Elemente
* ---
* 4.8 Newsarchiv
*/
.newsarchiv_teaser {
	height: 80px;
	padding-bottom: 5px;
}

.newsarchiv_teaser .pic{
	float: left;
	width: 100px;
}

.newsarchiv_teaser .Text{
	float: left;
}

.newsarchiv_teaser .pic .border {
	height: 80px;
}

.pagenav .act {
	font-weight: bold;
}


/**GÄSTEBUCH**/
.veguestbook-posting{
padding-top:0px;
padding-left: 5px;
padding-bottom: 10px;
margin-bottom: 10px;
border:1px solid #CCC;

}

.veguestbook-posting dl {
margin-top:0 !important;
}
.veguestbook-user {
background-color:#cb061d;
color: #FFF;
margin-left: -5px;
padding-left: 5px;
}

.veguestbook-user .label {
float: left;
}