/* CSS http://www.hostessen-meile.com */
/* BASICS */
body,html {
    height:100%;
    width:100%;
    font-family: Arial, Helvetica, sans-serif;
    color:#fff;
    text-align:center;
    background-color:#333;
}

* {
    margin:0;
    padding:0;
    border:0;
    font-size:12px; 
}

a {
    font-weight:bold;
    color:#fff;
    text-decoration:underline;
}

#left a,
#right a {
    font-weight:bold;
    color:#fff;
    text-decoration:underline;
}

a:hover {text-decoration:none;}

h1 a {text-decoration:underline;}   

h1 a:hover {text-decoration:none;}


h3 {
    width:auto;
    text-indent:1px;
    height:18px;
    line-height:18px;
    color:#fff;
    background-color:#333;
/*    border-right:1px solid #990044;*/
}

input, select {
    border: 1px solid #000;
}

/* FORMULARE */
#right .textfeld {
    height:20px;
    line-height:20px;
    width:150px;
    border: 1px solid #333;
}

#center .textfeld {
    height:20px;
    line-height:20px;
    width:150px;
    border: 1px solid #000;
}

#right .textfeld {margin:4px 0 3px 15px;}

#right .button {
    height:22px;
    width:152px;
    margin:0 0 4px 15px;
    background-color:#BF0060;
    color:#fff;
    border: 1px solid #333;
    cursor:pointer;
    cursor:hand;
}

#right .umfrage_text {
    height:110px;
    line-height:20px;
    width:150px;
    border: 1px solid #333;
    margin:4px 0 4px 15px;
}

#center .button ,#center .select{
    height:22px;
    width:152px;
    background-color:#BF0060;
    color:#fff;
    border: 1px solid #000;
    cursor:pointer;
    cursor:hand;
}

.contentbox_innen textarea {
/*    border: 1px solid #333;*/
    width:auto;
    height:90px;
}   

label {
    display:block;
    width:100px;
    height:25px;
    line-height:20px;
    float:left;
    padding-right:4px;
/*    font-weight:bold;*/
}

form br {clear:left;}   
    
/* LINKE SPALTE */
#left {
    float:left;
    width:150px;
    background-color:#990044;
}

#left ul {list-style-type:none;}

#left li {
    width:150px;
    height:19px;
    line-height:19px;
    border-top:1px solid #333;
    text-indent:10px;
}

#left li a {
    width:150px;
    height:19px;
    display:block;
    text-decoration:none;
    font-weight:normal;
}

#left li a:hover {background-color:#BF0060;}

#schnellsuche form {border-bottom:1px solid #000;}

#schnellsuche .textfeld, #schnellsuche .textfeld_klein, #schnellsuche .textfeld_klein2 {
    height:20px;
    line-height:20px;
    border: 1px solid #000;
    margin:3px 0 3px 15px;  
}

#schnellsuche .textfeld {width:130px;}

#schnellsuche .textfeld_klein {width:60px;}

#schnellsuche .textfeld_klein2 {
    width:60px;
    margin:3px 0 3px 10px;
}

/* RECHTE SPALTE */
#panik_button {text-align:center;}

#panik_button ul {
    list-style:none;
    width: 155px;
    height: 45px;
    line-height:22px;
    text-align:center;
    font-weight:bold;
    font-size:13px;
    border: 1px solid #333;
    margin: 10px;
}

#panik_button li {list-style:none;}

#panik_button li a {
    display:block;
    width: 155px;
    height: 45px;
    text-align:center;
    color:#FF6600 !important;  /* Wird damit "überschrieben" */
    text-decoration: none !important;
}
  
#panik_button li a:hover {background-color:#333;}
  
#right {
    float:right;
    width:180px;
    background-color:#990044;
}

.spaltentext {
    color:#fff;
    margin-left:6px;
}

.werbetext {
    margin-left:10px;
}

.werbedetails {
    text-align:right;
    margin:0 10px 5px 0;
}


.werbetext a:link,.werbetext a:visited {
    font-weight:normal;
    text-decoration:none;
}

#news ul {
  list-style-type:none;

}

#news li {
    width:180px;
    height:42px;
    line-height:21px;

}

#news li a {
    width:175px;
    height:42px;
    display:block;
    text-decoration:none;
    border-top:1px solid #333;
    padding-left:5px;
    font-weight:normal;
}

#news li a:hover {
    background-color:#BF0060;
    text-decoration:none;
}

/* PLATIN_VORSCHAU */
.platin_vorschau {
    width:180px;
    height:44px;
    margin:1px 0 1px 0;
}

.platin_vorschau img {
    float:left;
    padding:2px;
    width:40px;
    height:40px;
    display:block;
}

.platin_vorschau a {
    display:block;
    width:180px;
    height:44px;
    font-weight:normal;
    text-decoration:none;
    background-color:#333;
}

.platin_vorschau a:hover {
    background-color:#BF0060;
    text-decoration:none;   
}

.platin_under {
    font-weight:bold;
    text-decoration:underline;
}

/* gold_VORSCHAU */
.gold_vorschau {
    width:180px;
    height:64px;
    margin:1px 0 1px 0;
}

.gold_vorschau img {
    float:left;
    padding:2px;
    width:60px;
    height:60px;
    display:block;
}

.gold_vorschau a {
    display:block;
    width:180px;
    height:64px;
    font-weight:normal;
    text-decoration:none;
    background-color:#333;
}

.gold_vorschau a:hover {
    background-color:#BF0060;
    text-decoration:none;   
}

.gold_under {
    font-weight:bold;
    text-decoration:underline;
}

/* Silber_VORSCHAU */
.silber_vorschau {
    width:180px;
    height:30px;
    margin:1px 0 1px 0;
}


.silber_vorschau a {
    display:block;
    width:180px;
    height:30px;
    font-weight:normal;
    text-decoration:none;
    background-color:#333;
    padding: 0 0 0 2px;
  }


.silber_vorschau a:hover {
    background-color:#BF0060;
    text-decoration:none;   
}

/* top10_VORSCHAU */
.top10_vorschau {
    width:180px;
    height:44px;
    margin:1px 0 1px 0;
}

.top10_vorschau img {
    float:left;
    padding:2px;
    width:40px;
    height:40px;
    display:block;
}

.top10_vorschau a {
    display:block;
    width:180px;
    height:44px;
    font-weight:normal;
    text-decoration:none;
    background-color:#333;
}

.top10_vorschau a:hover {
    background-color:#BF0060;
    text-decoration:none;   
}

.leistentitel_left {
    width:150px;
    display: block; 
    height:21px;
    line-height:21px;
    color:#FF6600;
    font-weight:bold;
    text-indent:10px;
    background-color:#333;
}

.leistentitel {
    width:180px;
    display: block; 
    height:21px;
    line-height:21px;
    color:#FF6600;
    font-weight:bold;
    text-indent:10px;
    background-color:#333;
}

.leistentext {
    font-size:10px;
    color:#333;
    text-indent:10px;
}

.werbeblock_leiste img {
    display:block;
    margin:4px auto;
}

#pulldownbox {
    background-image:url(http://www.hostessen-meile.com/bilder/bilder_v5/pulldownbox_bg.jpg);
    height:39px;
    width:664px;
}

#brotkrummen {
    line-height:39px;
    padding-left:5px;
    list-style-type:none;    
    font-weight:bold;   
}

#brotkrummen a {
    color:#fff;
}

#footer {
    clear:both;
    background-image:url(http://www.hostessen-meile.com/bilder/bilder_v5/pulldownbox_bg.jpg);
    height:39px;
    line-height:39px;
    text-align:center;
    width:664pxpx;
    margin-top:6px;
}

.meldung,
.meldung_fehler,
.meldung_hinweis,
.strassen  {
    width:647px;
    line-height:25px;
    padding-left:5px;
    margin:6px 6px 0 0;
    background-color:#6E0023;  
    list-style-type:none;    
    font-weight:bold;   
}

.meldung {background-color:#009900;}

.meldung_fehler {background-color:#ff0000;}

.meldung_hinweis {background-color:#ff6600;}

.strassen {
    display:block;
    float:left;
    background-color:#6E0023;
}

#center {margin:0 181px 0 151px;}

#center_border {
    width:664px;
    float:right;
    height:100%;
    border-right:1px solid #990044;
    border-left:1px solid #990044;
}




.content {padding-left:6px;}

.contentbox_aussen {
    float:left;
    width:622px;
    margin:6px 6px 0 0;
}

.contentbox_aussen select {
    margin-right:8px;
    float:left;
    height:20px;
    width:50px;
    line-height:20px;
    border: 1px solid #333;
    text-indent:0;  
}

.contentbox_aussen_klein {
    float:left;
    width:255px;
    margin:6px 6px 6px 0;
}

.contentbox_aussen h2 {
    float:left;
    width:605px;
    border-bottom:1px solid #333;
    height:15px;
    line-height:10px;
    text-indent:5px;
    background-color:#990044;   
}

.contentbox_innen {
    background-color:#333;
    color:#fff;
}

.contentbox_innen p,
.contentbox_innen2 p {
    margin-left:6px;
}

.contentbox_innen_div {
    float:left;
    width:200px;
    margin-left:2px;
    margin-top:7px;
}

.anschrift ul li {
    float:left;
    line-height:16px;
    text-indent:5px;
    list-style-type:none;
    width:195px;
}

.anschrift li {
    line-height:16px;
    text-indent:5px;
    list-style-type:none;
    width:195px;
}

.uhrzeiten ul {
    line-height:16px;
    list-style-type:none;
    width:195px;
}

.uhrzeiten li {
    float:left;
    line-height:16px;
    list-style-type:none;
    width:90px;
}

.faq li {
    margin-left:6px;
    height:20px;
    line-height:20px;
    list-style-type:none;
}

#container {
    display:block;
    float:none;
    position:relative;
    width:998px;
    margin:0 auto;
    padding-left:1px;
    padding-right:1px;  
    text-align:left;
    min-height:100%;
    background-image:url(http://www.hostessen-meile.com/bilder/bilder_v5/main_bg4_grau.jpg);
    overflow:hidden;
    z-index:1;
    border-left:1px solid #990044;
    border-right:1px solid #990044;
}

/* RUNDBOX */
.rundbox {display:block;}

.rundbox * {
    display:block;
    height:1px;
    overflow:hidden;
    font-size:.01em;
    background:#990044;
}

.rundbox1 {
    margin:0 3px 0 3px;
    padding:0 1px 0 1px;    
    border-left:1px solid #67001d;
    border-right:1px solid #67001d;
    background:#830033;
}

.rundbox2 {
    margin:0 1px 0 1px;
    padding:0 1px 0 1px;
    border-left:1px solid #4a0006;
    border-right:1px solid #4a0006;
    background:#880037;
}

.rundbox3 {
    margin:0 1px 0 1px;
    border-left:1px solid #880037;
    border-right:1px solid #880037;
}

.rundbox4 {
    border-left:1px solid #67001d;
    border-right:1px solid #67001d;
}

.rundbox5 {
    border-left:1px solid #830033;
    border-right:1px solid #830033;
}

.rundbox_col2 {display:block;}

.rundbox_col2 * {
    display:block;
    height:1px;
    overflow:hidden;
    font-size:.01em;
    background:#ff6600;
}

.rundbox1_col2 {
    margin:0 3px 0 3px;
    padding:0 1px 0 1px;    
    border-left:1px solid #67001d;
    border-right:1px solid #67001d;
    background:#830033;
}

.rundbox2_col2 {
    margin:0 1px 0 1px;
    padding:0 1px 0 1px;
    border-left:1px solid #4a0006;
    border-right:1px solid #4a0006;
    background:#880037;
}

.rundbox3_col2 {
    margin:0 1px 0 1px;
    border-left:1px solid #880037;
    border-right:1px solid #880037;
}

.rundbox4_col2 {
    border-left:1px solid #67001d;
    border-right:1px solid #67001d;
}

.rundbox5_col2 {
    border-left:1px solid #830033;
    border-right:1px solid #830033;
}

.rundbox_fest {
    background:#990044;
    height:139px;
}
  
.navicontainer {
    float: left;
    height:75px;
    width:9px;
    border: none;
    background-color:#333;
    background-repeat:no-repeat;
    background-position:center center;
    margin-top:5px;
  }

.bildcontainer,
.bildcontainer_thumb,
.bildcontainer_aktuell {
    float: left;
    width:67px;
    height:67px;
    border: none;
    background-color: #990044;
    background-repeat:no-repeat;
    background-position:center center;
    margin:5px 7px 0 6px;
    padding:1px;
  }

.bildcontainer_aktuell {
    background-color:#FF6600;
}

.bildcontainer a {
    text-align:center;
  }

.bildcontainer_thumb a {
    width: 65px;
    height: 65px;
    display: block;
    text-align:center;
  }
  
#aktuell_gross {
    text-align:center;
    width:490px;
    height:580px;
}
  
#aktuell_gross img {
    float:none;
/*    border: 1px solid #990044;*/
}



/* COMMENTS */
.comment {
    width:auto;
    padding:5px;
    margin:0 0 5px 0;
    background-color:#333;
    border:1px solid #BF0060;
}

/* CHAT */
#chat_content {
    overflow:auto;
    height:250px;
    margin:0 10px 10px 10px;
    background-color:#333;
    border:1px solid #BF0060;
}

/* MITGLIEDERLISTE */
.mitgliederliste {
    height:40px;
    padding:5px;
    border-top:1px solid #fff;
    line-height:20px;
}

.mitgliederliste img {
    margin-right:5px;
    float:left;
}

#profilinfos {
    float:left;
    width:425px;
}

#profilinfos li {
    clear:both;
    height:20px;
    line-height:20px;
    list-style-type:none;
}

#profilinfos label {
    font-weight:bold;
    width:100px;
}   

.socialbookmark {
  /* add-links wong deli.cio.us etc*/
  float:left;
  padding: 5px 5px 0 0;
}
.socialbookmark img {
  /* add-links wong deli.cio.us etc*/
  width:16px;
  height:16px;
}


.box_1_1, .box_1_1_anzeige {
    float:left;
    width:652px;
    margin:6px 6px 0 0;
}

.box_1_2 {
    float:left;
    width:323px;
    margin:6px 6px 0 0;
}

.box_1_3 {
    float:left;
    width:213px;
    margin:6px 6px 0 0;
}

.box_2_3 {
    float:left;
    width:432px;
    margin:6px 6px 0 0;
}

.box_1_4 {
    float:left;
    width:159px;
    margin:6px 5px 0 0;
}

.box_2_4 {
    float:left;
    width:324px;
    margin:6px 5px 0 0;
}

.box_3_4 {
    float:left;
    width:487px;
    margin:6px 5px 0 0;
}

.box_1_5 {
    float:left;
    width:127px;
    margin:6px 4px 0 0;
}
.box_2_5,
.box_2_5_anzeige {
    float:left;
    width:258px;
    margin:6px 4px 0 0;
    background-color:#333;
    color:#fff;
}

.box_3_5,
.box_3_5_anzeige {
    float:left;
    width:389px;
    margin:6px 4px 0 0;
    background-color:#333;
    color:#fff;
}

.box_4_5 {
    float:left;
    width:520px;
    margin:6px 4px 0 0;
}

h2.box_h2 {
/*    float:left;*/
    border-bottom:1px solid #333;
    height:18px;
    padding-top:4px;
    line-height:10px;
    text-indent:5px;
    background-color:#990044; 
    color:#fff;
}

h2.box_h2 a {
    color:#fff;
}

.box_1_1 h2, .box_1_1_anzeige h2 {
   /* width:636px;*/
   width:652px;
}

.box_1_2 h2 {
    width:323px;
}

.box_1_3 h2 {
    width:213px;
}

.box_2_3 h2 {
    width:432px;
}

.box_1_2 ul,
.box_1_3 ul {
  list-style-type:none;
  margin-left:10px;
}

.box_1_4 h2 {
    width:159px;
}

.box_3_4 h2 {
    width:487px;
}



.box_1_5 h2 {
    width:127px;
}

.box_2_5 h2 {
    width:258px;
}

.box_3_5 h2,
.box_3_5_anzeige h2 {
    width:389px;
}

.box_4_5 h2 {
    width:520px;
}

.box_3_5_anzeige p {
    margin: 0 0 0 0px;
    height:54px;
}
.box_3_5_anzeige p img {
    float:left;
    margin-right:2px;
}

.box_3_5_anzeige h3 {
    margin:0px;
    padding-left:4px;
    background-color:#333;
    color:#fff;
}

/*
.box_3_5_anzeige li {
    list-style-type:none;
    width:80px;
    height:19px;
    line-height:19px;
    border-right:1px solid #fff;
    border-bottom:1px solid #fff;
    background-color:#990044;
    color:#fff;
}

.box_3_5_anzeige li a {
    display:block;
    list-style-type:none;
    width:80px;
    height:19px;
    line-height:19px;
    text-decoration:none;
    font-weight:normal;
    color:#fff;
}

.box_3_5_anzeige li img {float:left;}

.box_3_5_anzeige li a:hover {
    background-color:#BF0060;
}

.box_3_5_anzeige p {

    margin: 0 0 0 80px;
    height:102px;
}

.box_3_5_anzeige p img {
    float:left;
    margin-right:2px;
}

.box_3_5_anzeige h3 {

    margin:0px;
    padding-left:4px;
    background-color:#fff;
    color:#fff;
}
 */

/*
.box_2_5_anzeige p {
    margin: 0 0 0 0px;
    height:102px;
}
.box_2_5_anzeige p img {
    float:left;
    margin-right:2px;
}

.box_2_5_anzeige h3 {
    margin:0px;
    padding-left:4px;
    background-color:#333;
    color:#fff;
}
*/


/*
.box_1_1_anzeige p {
    border-right:1px solid #990044;
    margin: 0 0 0 80px;
    height:102px;
}
.box_1_1_anzeige h3 {
    border-left:1px solid #990044;
    margin:0px;
    padding-left:4px;
}
*/
.box_1_1_anzeige p img {
    float:right;
    margin-right:4px;
    border: 1px solid #990044;
}

.box_1_1_anzeige li {
    list-style-type:none;
    width:125px;
    height:19px;
    line-height:19px;
    border-right:1px solid #333;
    border-bottom:1px solid #333;
    background-color:#990044;
}

.box_1_1_anzeige li img {float:left;}

.box_1_1_anzeige li a {
    display:block;
    text-decoration:none;
    font-weight:normal;
    color:#fff;
}

.box_1_1_anzeige li a:hover {
    background-color:#BF0060;
}

.anzeige_rand {
    background-image:url(http://www.hostessen-meile.com/bilder/bilder_v5/anzeige_bg4_grau.jpg);
/*    border-right:1px solid #990044;*/
/*    border-left:1px solid #990044;*/
}

.anzeige_rand div.text_bild {
    float:right;
    width:510px;
    padding-right:5px;
    color:#fff;
}


/**/

.premium1 {
    height:10px;
    margin: 0px;
    padding: 0 16px 10px 16px;
    text-align:center;
    backgroud-color:#333;
}

.premium2  {
    padding: 1px 0 10px 0;
    margin: 0px;
    text-align:center;
    backgroud-color:#333;

}

.werbung_1_1 {
    float:left;
    width:651px;
    height:68px;
    margin:6px 6px 0 0;
    background-color:#6E0023;
    text-align:center;
}

.werbung_1_3 {
    float:left;
    width:213px;
    height:68px;
    margin:6px 6px 0 0;
    background-color:#6E0023;
    text-align:center;
}

.werbung_1_5 {
    float:left;
    width:127px;
    height:68px;
    margin:6px 4px 0 0;
    background-color:#6E0023;
    text-align:center;
}

.werbung_2_5 {
    float:left;
    width:258px;
    height:68px;
    margin:6px 4px 0 0;
    background-color:#6E0023;
    text-align:center;
}

.werbung_3_5 {
    float:left;
    width:389px;
    height:68px;
    margin:6px 4px 0 0;
    background-color:#6E0023;
    text-align:center;
}

.werbung_4_5 {
    float:left;
    width:520px;
    height:68px;
    margin:6px 4px 0 0;
    background-color:#6E0023;
    text-align:center;
}

.werbung_1_1 img,
.werbung_1_3 img,
.werbung_1_5 img,
.werbung_2_5 img,
.werbung_3_5 img,
.werbung_4_5 img  {
    display:block;
    margin: 4px auto;
}

.seitenzahl_zahl {
  font-weight:normal;
  width:24px;
  float:left;
  text-align:center;
  float:left;
}


div.box_1_1 ul.rahmen {
    margin-left:10px;
}

div.box_1_1 ul li {
    list-style:none;
}

div.box_1_1 ul li.rahmen {
    float:left;
    margin-right:10px;
    width:180px;
}

div.gb_thread,
div.guestbook form {
    border-bottom: solid 1px #420000;
    margin-bottom:10px;
    padding: 2px 0 2px 0;
}

div.gb_thread p.header {
    font-weight:bold;
}

#ass4f_secure_code2 {
    background-color:#00FFFF;
    padding:3px;
    font-weight:bold;
    text-align:center;
}

div.guestbook {
    padding:5px;
}

a.banner_ausfahrt {
    margin-left:20px;
    clear:both;
    display:block;
    width:120px;
    height:60px;
}