/*
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.3 ... Kontaktformular

*/

/*
* 0. Grundlegende Deklarationen 
*/
html {
    height: 100.1%;
    background-color: #FFFFFF;
}

body {
    background: url(../img/Header.jpg) top center no-repeat;
    background-color: #FFFFFF;
    color: #58585A;
    font: 13px Lucida Sans Unicode, arial, helvetica, verdana, monospace;
    height: 100.1%;
    margin: 0px;
    padding: 0px;
    text-align: center;
}

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

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

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



input {
    font: 12px Lucida Sans Unicode, arial, helvetica, verdana, monospace;
}

/*
* 1. Allgemeingültige Element-Formatierungen
*/
a {
    text-decoration: none;
    color: #cc071e;
}

a:hover {
    text-decoration: underline;
}

a.chat {
	background: url(../img/chat.gif) top left no-repeat;
	color: #FFFFFF;
	display: block;
	width: 250px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	text-decoration:none;
}
a.chat:hover {
	background: url(../img/chat_h.gif) top left no-repeat;
	color: #FFFFFF;
	display: block;
	width: 250px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	text-decoration:none;
}

img {
    border: 0px;
}

h1 {
    color: #58585a;
    font: 33px Lucida Sans Unicode, arial, helvetica, verdana, monospace;
    margin-bottom: 8px;
    margin-top: 14px;
    line-height: 40px;
}

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

h2 {
    color: #cc071e;
    font: 16px Lucida Sans Unicode, arial, helvetica, verdana, monospace;
    margin: 0;
    padding: 0;
    line-height: 20px;
}

#start div.text h2, #normal div.text h2 {
    font: 16px Lucida Sans Unicode, arial, helvetica, verdana, monospace;
}

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

.csc-textpic-caption {
    font-size: 10px;
}

/*
* 2. Allgemeingültige Klassen
*/
div.clear {
    clear: both;
    font-size: 0px;
    line-height: 0px;
    margin: 0px;
    padding: 0px;
}

.important, .powermail_mandatory_js {
    color: #cc071e;
}


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

.ch #wrapper {
    background: url(../img/back_ch.jpg) bottom center no-repeat;
}

/*
* 3.1 Header
*/

#Header {
    height: 257px;
}

#start #Header {
    height: 189px;
}

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

#Header #language {
    color: #FFFFFF;
    position: absolute;
    left: 297px;
    top: 20px;
    font-size: 11px;
}

#Header #language .divider {
    color: #d9dadb;    
}

.at #language .vienna, #Header #language a {
    color: #d9dadb;
}

#Header #language a:hover {
    color: #d9dadb;
    text-decoration: underline;
}

#header-wrap-nav {
    left: 0px;
    position: absolute;
    top: 162px;
    width: 960px;
    z-index: 10;
}

#header-wrap-nav div.left {
    float: left;
    background: url(../img/b.ul.left.gif);
    width: 7px;
    height: 40px;
}

#header-wrap-nav div.right {
    float: left;
    background: url(../img/b.ul.right.gif);
    width: 7px;
    height: 40px;
}

#header-wrap-nav ul {
    float: left;
    list-style-type: none;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}

/*
* 3.2 Content
*/

#content .col1 {
    float: left;
    padding-bottom: 15px;
    min-height: 300px;
    width: 632px;
    overflow: hidden;
}

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

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

#content .col1 ul {
    list-style: none;
    margin: 0;
    padding: 0px 0px 13px 0px;
}

#content .col1 li {
    background: url(../img/listenelement.gif) 0 2px no-repeat;
    padding-left: 22px;
    line-height: 22px;
}

/*
* 3.2.1 Content-Right
*/

#content .col2 {
    float: left;
    margin-left: 27px;
    padding-top: 13px;
    width: 300px;
    overflow: hidden;
}

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

#start #content .col2 h3 {
    color: #58585a;
    font: 20px Lucida Sans Unicode, arial, helvetica, verdana, monospace;
    margin: 0;
    padding: 0;
    line-height: 23px;
}

#start #content .col2 ul {
    list-style: none;
    margin-top: 8px !important;
    padding: 0;
}

#start #content .col2 ul li {
    background: url(../img/listenelement.gif) 0 2px no-repeat;
    padding-left: 22px;
    line-height: 22px;
}

#content .col2 ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#content .col2 li {
    background: url(../img/listenelement.gif) 0 2px no-repeat;
    padding-left: 22px;
    line-height: 22px;
}

/*
* 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: 285px;
}

.ch #footer {
    background: url(../img/footer_ch.jpg) center top no-repeat;
    color: #58585a;
    height: 285px;
}

#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: 285px;
    width: 960px;
}

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

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

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

#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: 110px;
    width: 286px;
}

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

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

#footer #fcopyright {
    font-size: 11px;
    bottom: 5px;
    left: 0px;
    position: absolute;
}

#footer #fnavi {
    font-size: 11px;
    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;
}


div.border4_t {
    background: url(../img/rahmen/border-4-text.gif) top left no-repeat;
    width: 632px;
    margin: 0px 0px 20px 0px;
}

div.border4_text {
    padding: 40px 20px 40px 20px;
    min-height: 100px;
    width: 592px;
}

div.border4_text p {
    margin: 0px;
    padding: 0px;

}
div.border4_b {
    background: url(../img/rahmen/border-4-b.gif) left bottom no-repeat;
    width: 632px;
}

/*
* 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 {
    height: 124px;
}

.Imageslider-img ul {
    list-style: none;
    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 {
    height: 243px;
    width: 632px;
    padding: 41px 0px 0px 12px;
    position: relative;
    overflow: hidden;
}

#start_teaser_big h1 {
    color: #FFF;
}

#start_teaser_big .teaser .multimedia {

}

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

#start_teaser_big #headline {
    height: 17px;
    left: 481px;
    top: 89px;
    position: absolute;
    width: 151px;
    text-transform: uppercase;
    color: #cc071e;
    font-size: 13px;
}

#start_teaser_big #button1 {
    height: 49px;
    left: 469px;
    top: 111px;
    position: absolute;
    width: 163px;
}

#start_teaser_big #button1 h2, #start_teaser_big #button2 h2, #start_teaser_big #button3 h2 {
    line-height: 13px;
}

#start_teaser_big #button1 a {
    background: url(../img/sp_start_a.png) no-repeat;
    display: block;
    height: 33px;
    width: 136px;
    color: #FFFFFF;
    text-decoration: none;
    padding: 16px 0px 0px 27px;
    font-size: 13px;
}

.de #start_teaser_big #button1 a {
    background: url(../img/sp_start_a.png) no-repeat;
    display: block;
    height: 33px;
    width: 136px;
    color: #FFFFFF;
    text-decoration: none;
    padding: 11px 0px 5px 27px;
    font-size: 13px;
}

#start_teaser_big #button1 a:hover {
    background: url(../img/sp_start_a_h.png) no-repeat;
    display: block;
    height: 33px;
    width: 136px;
}

#start_teaser_big #button2 {
    height: 49px;
    left: 469px;
    top: 160px;
    position: absolute;
    width: 163px;
}

#start_teaser_big #button2 a {
    background: url(../img/sp_start_a.png) no-repeat;
    display: block;
    height: 33px;
    width: 136px;
    color: #FFFFFF;
    text-decoration: none;
    padding: 16px 0px 0px 27px;
    font-size: 13px;
}

#start_teaser_big #button2 a:hover {
    background: url(../img/sp_start_a_h.png) no-repeat;
    display: block;
    height: 33px;
    width: 136px;
}

#start_teaser_big #button3 {
    height: 49px;
    left: 469px;
    top: 209px;
    position: absolute;
    width: 163px;

}

#start_teaser_big #button3 a {
    background: url(../img/sp_start_a.png) no-repeat;
    display: block;
    height: 41px;
    width: 136px;
    color: #FFFFFF;
    text-decoration: none;
    padding: 11px 0px 0px 27px;
     font-size: 13px;
}

.de #start_teaser_big #button3 a {
    background: url(../img/sp_start_a.png) no-repeat;
    display: block;
    height: 35px;
    width: 136px;
    color: #FFFFFF;
    text-decoration: none;
    padding: 16px 0px 0px 27px;
     font-size: 13px;
}

#start_teaser_big #button3 a:hover {
    background: url(../img/sp_start_a_h.png) no-repeat;
    display: block;
    height: 41px;
    width: 136px;
}

/*
* 4.4 Teaser Element
*/

.sp_teaser {
    float: left;
    margin-bottom: 20px;
    width: 300px;
    background: url(../img/teaser_border.jpg) no-repeat;
    position: relative;
}

.text {
    background: none;
    line-height: 16px;
}

.text h2 {
    margin: 0px;
    padding: 0px;
    line-height: 20px;
}

.text p {
    margin: 0px 0px 15px 0px;
    padding: 0px;
}

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

#start .col2 .sp_teaser {
    margin-bottom: 24px;
    height: 222px;
}

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

.sp_teaser .image {
    float: left;
    height: 149px;
    padding: 12px;
    position: relative;
    width: 276px;
    z-index: 3;
}

.sp_teaser .image2 {
    background: url(../img/teaser_maske.png) no-repeat;
    height: 153px;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 300px;
    z-index: 4;
}

.sp_teaser .image2 a {
    display: block;
    height: 153px;
    width: 300px;
}

.sp_teaser .headline {
    background: url(../img/teaser_bg.gif) no-repeat;
    color: #FFF;
    padding: 4px 10px 4px 10px;
    position: absolute;
    right: 5px;
    top: 23px;
    text-transform: uppercase;
    text-align: right;
    z-index: 4;
}

.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: 318px;
    position: relative;
    width: 290px;
    padding: 0px 5px;
}

#eventteaser .bg h2 {
    margin: 0px;
    padding: 25px 0px 15px 20px;
}

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

#eventteaser .teaser .date {
    background: url(../img/event_teaser_bg.jpg);
    color: #FFF;
    float: left;
    font-size: 12px;
    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;
    line-height: 13px;
    font-size: 12px;
    margin-left: 7px;
    width: 154px;
}

/*
* 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.gif);
    color: #FFF;
    padding: 4px 14px;
    position: absolute;
    right: 0px;
    top: 22px;
    text-transform: uppercase;
    display: none;
}

.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: 384px;
}

.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: #cc071e;
    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;
}

.tx_powermail_pi1_fieldwrap_html {
    clear: both;
}

/**
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;
}

/**FEEDBACKBOGEN**/
table.feedbackbogen {
    margin-bottom: 15px;
    text-align: center;
}

table.feedbackbogen td {
    padding-bottom: 5px;
}

table.feedbackbogen .left {
    text-align: left;
}


/*
* 4. Spezielle Elemente
* ---
* 4.9 Kontakt
*/
div.sp_kontakt {
    background: url(../img/sp_kontakt_back.jpg) top center no-repeat;
    height: 191px;
    font-size: 0px;
    width: 300px;
    line-height: 0px;
    overflow: hidden;
}

div.sp_kontakt h1 {
    color: #cc071e;
    font: 22px Lucida Sans Unicode, arial, helvetica, verdana, monospace;
    line-height: 22px;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    text-transform: uppercase;
}

div.sp_kontakt h2 {
    color: #cc071e;
    font: 15px Lucida Sans Unicode, arial, helvetica, verdana, monospace;
    margin: 17px 0px 0px 0px;
    padding: 0px 0px 0px 64px;
    line-height: 15px;
}

div.sp_kontakt h3 {
    color: #cc071e;
    font: 22px Lucida Sans Unicode, arial, helvetica, verdana, monospace;
    margin: 0;
    padding: 0px 0px 3px 64px;
    line-height: 22px;
}

div.sp_kontakt a, div.sp_kontakt a.link-arrow, div.sp_kontakt a.link-mail {
    background: url(../img/sp_kontakt_a.png) no-repeat;
    color: #FFFFFF;
    height: 33px;
    font: 13px Lucida Sans Unicode, arial, helvetica, verdana, monospace;
    line-height: 30px;
    margin: 0px 4px 0px 64px;
    padding: 0px 10px 0px 10px;
    width: 212px;
    display: block;
    overflow: hidden;
}

div.sp_kontakt a:hover, div.sp_kontakt a:hover.link-arrow, div.sp_kontakt a:hover.link-mail {
    background: url(../img/sp_kontakt_a_h.png) no-repeat;
    color: #FFFFFF;
    height: 33px;
    font: 13px Lucida Sans Unicode, arial, helvetica, verdana, monospace;
    line-height: 30px;
    margin: 0px 4px 0px 64px;
    padding: 0px 10px 0px 10px;
    width: 212px;
    display: block;
    overflow: hidden;
    text-decoration: none;
}

div.bottom {
    clear: both;
}

/*
* 4. Spezielle Elemente
* ---
* 4.10 Mobildisco Tabelle
*/
#mobildisco {
    border-collapse: collapse;
    border-spacing: 0px;
    border-width: 0px;
    line-height: 100%;
}

#mobildisco tr td {
    border-bottom: 1px dotted #9f9f9f;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    border-spacing: 0px;
}

#mobildisco tr {
    padding: 0px;
    margin: 0px;
}

#mobildisco tr td p.bodytext{
    margin: 0px !important;
    padding: 3px 0px 3px 0px !important;
}

#mobildisco tr td h2{
    padding: 3px 0px 3px 0px !important;
}