/****************************************
 ****** ALTE FORMATIERUNGEN AUS NEPPA ***
 ****************************************/
 /*mittige Formulare OHNE angezeigte Wer-ist-Online-Liste--------------------------------------------------------------------------------*/
input.error {
  	background-color: #FFCCCC;
  	border: 1px solid #FF0000;
  	padding: 3px;
}
.form_big,
.form_big_error  {
  	font-family: Tahoma,Arial,Helvetica,sans-serif;
   font-size: 11px;
  	color: #000000;
  	width: 300px;
  	border: 1px solid #C3C3C3;
  	padding: 3px;
  	margin: 0 0 6px 0;
}
.form_big_error {
  	background-color: #FFCCCC;
  	border: 1px solid #FF0000;
  	padding: 3px;
}
/*------------------*/
.form_small,
.form_small_error {
  	font-family: Tahoma,Arial,Helvetica,sans-serif;
   font-size: 11px;
  	color: #000000;
  	width: 160px;
  	border: 1px solid #C3C3C3;
  	padding: 3px;
  	margin: 0 0 6px 0;
}
.form_small_error {
  	background-color: #FFCCCC;
  	border: 1px solid #FF0000;
  	padding: 3px;
}

.form_big,
.form_big_error,
.form_small,
.form_small_error,
input[type~=text],
input[type~=password] {
	padding: 3px;
}
textarea .form_big,
textarea .form_big_error,
textarea .form_small,
textarea .form_small_error {
	padding: 3px;
}
select,
select .form_big,
select .form_big_error,
select .form_small,
select .form_small_error {
    padding: 3px;
}

.label {
    /*Benennung des jeweiligen Punktes*/
    /*td -> Zelle mit der Beschriftung der Eingabefelder von Formularen*/
    color: #555555;
    vertical-align:top;
    width:150px;
    text-align: right;
    font-size:11px;
}
.label strong {
    margin: 5px 0 0 0;
}
.label label{
    color: #555555;
    font-size:11px;
} 
.spacebox {
    /*VERALTET, BITTE NICHT MEHR VERWENDEN!!*/
    padding:5px;
}

/*********************************
 **** TABELLENLOSE FORMULARE *****
 *********************************/
/*"#cssForm" nicht mehr verwenden!!! Kann hier gelöscht werden. Stattdessen nurnoch ".cssForm" verwenden!*/

#cssForm label,
#cssForm input,
#cssForm select,
#cssForm textarea{ /* Alle Labels UND Formularelemente auswählen */
    display: block;
    float: left;
    margin-bottom: 15px;

}
#cssForm label {
    padding-right: 5px;
    padding-top: 2px;
    width:170px;
    text-align:right;
}
#cssForm input.plz {
    width: 50px;
    margin-right: 5px;
}
#cssForm input.city {
    width: 237px;
}
#cssForm #ins_select_wrapper label{
    width:75px;
}
#cssForm label .info {
    /*Infotext zu dem jeweiligen Formularfeld innerhalb der Labels*/
    font-weight: normal;
}
#cssForm .pic_upload {
    /*Bereich mit iFrame zum FotoUpload*/
    background-color: #efefef;
    border-bottom: 1px dotted #c3c3c3;
}
#cssForm br {
    /* Alle Zeilenumbrüche in Formularen auswählen */
    clear: left;
    /* das floating der labels und inputs aufheben */
}
/*Captcha in Formularen*/
#ajax_get_new_key .inputtext,
#ajax_get_new_key .inputtext:focus {
    font-size:16px;
    font-weight:bold;
    float:left;
    width:60px;
    padding: 9px 10px 9px 10px;
    border:1px solid #C3C3C3;
}

#cssForm .extSwitch {
    margin-left:132px;
}
/*******************************************************
 ***BENACHRICHTIGUNGEN (ALT, nicht mehr verwenden!)*****
 *******************************************************/
 
.cool_border {
    background-color: #EFEFEF;
    border-width: 1px;
    border-style: solid;
    border-color: #c3c3c3;
    margin: 5px;
    padding: 5px;
}
.yellow_border,
.note_border,
.note_border_right {
    background-color: #fffbe2;
    padding: 5px;
    border-left: 1px solid #ffe222;
    border-top: 1px solid #ffe222;
    border-bottom: 1px solid #ffe222;
    margin: 2px 0 6px 10px;
}
.alert_border {
    background-color: #FFBFBF;
    padding: 5px;
    border-left: 1px solid #FF8080;
    border-top: 1px solid #FF8080;
    border-bottom: 1px solid #FF8080;
    margin: 2px 0 6px 10px;
}
.confirm_border, .green_border {
    background-color: #DBFBC4;
    padding: 5px;
    border-left: 1px solid #82DE3F;
    border-top: 1px solid #82DE3F;
    border-bottom: 1px solid #82DE3F;
    margin: 2px 0 6px 10px;
}
.note_border_right {
    /*Note-Border mit Rahmen rechts*/
    border: 1px solid #ffe222;
    margin: 5px;
    padding: 5px;
}
.note_border_right .info {
    font-weight: normal;
    color: #000000;
}
.error_border, .red_border {
    /*bitte nicht mehr verwenden*/
	background-color: #FFBFBF;
	border: 1px solid #FF8080;
	margin: 5px;
	padding: 5px;
	text-align: center;
}
.error_border a, .red_border a {
    /*bitte nicht mehr verwenden*/
    color: #CF0C0C;
}
.error_border a strong, .red_border a strong {
    /*bitte nicht mehr verwenden*/
    font-weight: bold;
}
/*Fehlermeldungen (Textfarbe: rot)----------------------------------------------------------------------*/
.red,
.red a,
.red a:hover {
  	color: #FF0000;
  	font-weight: bold;
}
.red a {
    text-decoration: underline;
}
/*Bestätigungen (Textfarbe: grün)--------------------------------------------------------------------------------*/
.green{
  	color: #00BB00;
  	font-weight: bold;
}
/*Hintergrundfarbe abwechselnd gefärbte Zeilen*/
.one {
    background-color: #EFEFEF;
}
.two {
    background-color: #FFFFFF;
}
/**************************
 **HORIZONTALES SPLITTING**
 *************************/
 /*z.B. neue GalleryFotos**
 auf der Startseite*******/
#content-m .contentbox-left {
    margin: 10px 0 10px 10px !important;
}
#content-m .contentbox-right {
    margin: 10px 0 10px 10px !important;
}
/**************************
 **** REGISTRIERUNG *******
 *************************/
#register {
}
#register table {
  /*background-color: blue;*/
  /*width: 100%;*/
}
#register table td {
  padding: 2px;
}
#register .label {
  color: #555555;
  width: 110px;
  text-align: right;
  /*background-color: yellow;*/
}
#register label {
  /*offizielle Labels*/
	color: #555555;
	font-size:11px;
	font-weight: bold;
}
#register label a,
#register label a:hover {
  font-weight: bold;
}
#register .hl-label {
  background-color: #EF5F00;
  color: #FFFFFF;
  font-weight: bold;
  padding: 3px;
}
#register .label-info {
  background: #FFFFFF url(/images/layout/content-graybox-top-new.gif) repeat-x top;
  color: #555555;
  font-size: 11px;
  padding: 2px;
  border: 1px solid #C3C3C3;
  width: 235px;
  position:absolute;
  float:left;
  margin-left:330px;
}
#register .red {
    position:relative;
    text-align:center;
    margin-bottom:3px;
}
#register .form_big,
#register .form_big_error {
  /*width: 160px;*/
}
#register .align-right {
  text-align: right;
}
#register .infotd {
  /*Tabellenspalte in der sich die versteckten Infoboxen befinden*/
  width: 250px;
}

#article_write #cssForm label {
    width: 200px;
}
#article_write #cssForm select.form_big,
#article_write #cssForm select.form_big_error {
    width: 360px;
}
#article_write #cssForm input.form_big,
#article_write #cssForm input.form_big_error {
    width: 360px;
}
#article_write #cssForm textarea.form_big,
#article_write #cssForm textarea.form_big_error {
    width: 360px;
}

/**************************
 ***** ABUSE-SYSTEM *******
 **************************/
#report_milky_layer {
    position:absolute;
    width:300px;
    height:240px;
    background-color:#FFFFFF;
    filter:alpha(opacity=98);
    -moz-opacity:0.98;
    border:5px solid #EF5F00;
    Z-INDEX: 30;
    FLOAT: left;
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px;
    PADDING-LEFT: 5px;
    PADDING-RIGHT: 5px;
}
#report_content {
    margin:auto;
    color:#000;
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px;
    PADDING-LEFT: 5px;
    PADDING-RIGHT: 5px;
}
#report_close {
    text-align:right;
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 2px;
    PADDING-RIGHT: 2px;
}
#report_message {
    color:#f33;
}
/*Ende: Abuse-Form-----------------------------------------------------*/

/*************************************
 ****** THUMB-OVERVIEW (VERALTET)*****
 *************************************/
/* thumbOverview  / Listen in denen Thumbs/Useravatare nebeneinanderstehen ------------*/
ul.thumbOverview,
ul.friendOverview {
    text-align: center;
    overflow: auto;
    padding: 0;
    margin: 0;
    list-style: none;
    list-style-position: inside;
}
ul.thumbOverview li,
ul.friendOverview li {
    height: auto;
    width: 92px;
    overflow: hidden;
    float: left;
    margin: 0;
    padding: 5px 10px 5px 10px;
}
ul.friendOverview li {
    width: 122px;
}

ul.thumbOverview img,.friendOverview img {
    text-align: center;
    width: auto;
}

/*Userauflistungen mit Foto im Profil (freunde etc.)*/
#profile ul.thumbOverview li {
  	margin: 0;
  	padding: 3px 5px 3px 5px;
}

#profile #profilefriends ul.thumbOverview li {
  	margin: 0;
  	padding: 5px 11px 5px 11px;
}
/**************************************************************************
 ****** THUMBNAILS (VERALTET!! Bitte nurnoch grid verwenden!! ********
 *************************************************************************/
.thumb-box {
    /*beinhaltet das Thumbnail und den Infotext*/
  	height: auto;
  	width: 92px;
  	float: left;
  	margin: 0;
  	padding: 0;
}
ul.friendOverview .thumb-box{
    width: 122px;
    background-color: #EFEFEF;
}
.thumb-box-name {
    /*formatiert den Namen im persönlichen Freundemenü*/
    height: 27px;
    overflow: hidden;
}
.thumb-box-info {
    /*formatiert den Infotext unter dem Thumbnail*/
    height: 27px;
    overflow: hidden;
}
ul.friendOverview .thumb-box-info{
    height: 40px;
}
.thumb-box-img {
    /*beinhaltet nur das Bild*/
    width:90px;
    height:72px;
    overflow: hidden;
}
ul.friendOverview .thumb-box-img{
    width: 120px;
    height: 80px;
}
#event-wrapper .content-right .avatar_box .thumbOverview li{
    /*veraltet??*/
    width: 100px;
    padding: 5px 0;
}
#event-wrapper .content-right .avatar_box .thumb-box,
#event-wrapper .content-right .avatar_box .thumb-box-img,
#event-wrapper .content-right .avatar_box .thumb-box-info {
    /*veraltet??*/
    width: 100px;
}
/*Beginn: ALTE Box zum Wechseln des Kreises bzw. der Stadt-----------------------*/
    #region_select_layer_box {
        position: absolute;
        font-size: 11px;
        color: #000;
        font-weight: normal;
        z-index: 5000;
        background: transparent url(/images/layout/region_select_layer_bg.png);
        background-repeat: no-repeat;
        width: 300px;
        height: 200px;
        margin: 0;
        padding: 0 20px 0 20px;
        text-align: left;
        left:-9px;
        top:19px;
    }
    #region_select_layer_box .text1 {
        margin: 5px 0 5px 0;
    }
    #region_select_layer_box .text2 {
        margin: 3px 0 0 0;
    }
    #region_select_layer_box #sectorselector_bl {
        width: auto !important;
    }
    #region_select_layer_box .inputsubmit {
        width: 40px !important;
        padding:3px !important;
        margin: 0 5px 0 5px;
    }
    #region_select_layer_box input.kfz{
        margin: 8px 0pt 2px 33px;
        font-size: 38px;
        width: 93px;
        height: 43px;
    }
    #region_select_layer_box select.form_small{
        width:220px;
    }
    /*Region-Auswahl-Box in der region_auswahl.php*/
    #sectorselector_bl select.form_small {
        width:184px;
    }
/*Ende: Box zum Wechseln des Kreises bzw. der Stadt-----------------------*/

/*NEPPA STARTSEITE:*/
#newsbox {
    line-height: 1.4;
    border-right: 1px solid #c3c3c3;
    margin-bottom: 10px;
}
/*ENDE NEPPA STARTSEITE*/