/*#################################################################
###################################################################
#####  OnyxiaIT Controls Formular css #############################
###################################################################
#################################################################*/

/* Div um komplette Form */
.oc_form_box
{
    color: #000000;  
    width: 664px; 
    float: left;
}

/*############################################
##### Linien in die Inhalt eingefügt wird ####
############################################*/


/* Div Line um die Überschirft */
.oc_form_line_headline
{
    height: 25px;
    width: 660px;
    float: left;
}

/* Div Line normal */
.oc_form_line
{
    padding-bottom: 3px;
    width: 660px;
    float: left;
}

/* Div Line CuteSoft */
.oc_form_line_cutesoft
{
    width: 660px;
    float: left;
}

/* Div Line in der sich eine mehrzeilge Textfeld befindet */
.oc_form_line_multibleline
{
    padding-bottom: 3px;
    height: 140px;
    width: 660px;  
    float: left;
}

/*###############################################################################
##### Paging Menü, dass erscheint, wenn zuviele Elemente auf der Seite sind #####
###############################################################################*/

/* Div um Menü links */
.oc_form_menu_left_div
{
    padding-right: 10px;
    padding-top: 6px;
    float: left;
    font-weight: bolder;
    font-size: 13px;
}

.oc_form_menu_left_div a
{
    font-size: 13px;
}

.oc_form_menu_left_div a:visited
{
    font-size: 13px;
}

.oc_form_menu_left_div a:active
{
    font-size: 13px;
}

.oc_form_menu_left_div a:hover
{
    font-size: 13px;
}

/* Div um Menü mitte */
.oc_form_menu_middle_div
{ 
    padding-top: 6px;
    padding-bottom: 5px;
    float: left;
}

/* Div um Menü rechts */
.oc_form_menu_right_div
{
    padding-left: 10px;
    padding-top: 6px;
    float: left;
    font-weight: bolder;
    font-size: 13px;
}

.oc_form_menu_right_div a
{
    font-size: 13px;
}

.oc_form_menu_right_div a:visited
{
    font-size: 13px;
}

.oc_form_menu_right_div a:active
{
    font-size: 13px;
}

.oc_form_menu_right_div a:hover
{
    font-size: 13px;
}

/*#################################################################
##### Verschiedene Div um Texte, die dann in die Linien kommen#####
#################################################################*/


/* Div um den Text vor einem Formularelement */
.oc_form_text_div
{
    width: 150px;
    float: left;
}


/* Div um den kurzen Text vor einem Formularelement */
.oc_form_text_mini_div
{
    width: 80px;
    float: left;
}

/* Div um den Text vor einem Formularelement ohne Breitenangabe */
.oc_form_text_div_without_width
{
    float: left;
}

/* Div um den Text vor einem Formularelement ohne Breitenangabe */
.oc_form_text_div_without_width_padding
{
    float: left;
    padding-left: 3px;
    padding-right: 3px;
}

/* Div um den Text vor einem Formularelement ohne Breitenangabe */
.oc_form_text_div_without_width_padding_left
{
    float: left;
    padding-left: 3px;
}

/* Div um den Text vor einem Formularelement ohne Breitenangabe */
.oc_form_text_div_without_width_padding_right
{
    float: left;
    padding-right: 3px;
}

/*###############################################################################
##### Div, für Texte die direkt in einen der Div im vorigen Abschnitt kommen#####
###############################################################################*/

/* Div für Text in einem undefiniertem Formularelement */
.oc_form_text
{
    padding-top: 3px;
    float: left;
}

/* Div für fett geschriebenen Text in einem undefiniertem Formularelement */
.oc_form_text_bold
{
    font-weight: bold;
    padding-top: 3px;
    float: left;
}

/*#####################################################################
##### Verschiedene Div, für Texte die direkt in die Linien kommen #####
#####################################################################*/

/* Div für Text der Überschirft */
.oc_form_headline_text
{       
    height: 20px;
    font-size: 15px; 
    color: #6c6c6c;
    font-weight: bold;
}

/* Div für fett geschriebenen Text innerhalb einer ganzen Linie*/ 
.oc_form_line_text_bold
{
    font-weight: bold;
    padding-top: 3px;
    float: left;
}

/* Div für normalen Text innerhalb einer ganzen Linie*/ 
.oc_form_line_text
{
    padding-top: 3px;
    float: left;
}

/*#####################################################################
##### Div, die eine Linie aufteilt (z.B. für Gästebuch/News/etc.# #####
#####################################################################*/

/* Div für einen Text linke Seite (steht im Verhältnis zur rechten Seite -> in einer normalen Linie) */
.oc_form_line_text_left_div
{
    width: 150px;
    float: left;
}

/* Div für einen Text rechte Seite (steht im Verhältnis zur linken Seite -> in einer normalen Linie) */
.oc_form_line_text_right_div
{
    width: 506px;
    float: left;
}

/*#################################
##### Eine einzeilige Textbox #####
#################################*/

/* Div um eine einzeilige Texteingabefeld */
.oc_form_textfield_oneline_div
{
    float: left;
}

/* Div für ein ID Texteingabefeldfeld*/ 
.oc_form_textfield_oneline_id
{
    border: 1px solid #6c6c6c; 
    font-size: 12px;
    color: #6c6c6c; 
    background: #ebebeb;
    width: 50px;
}

/* Div für ein sehr kurzes Texteingabefeldfeld*/ 
.oc_form_textfield_oneline_mini
{
    border: 1px solid #6c6c6c; 
    font-size: 12px;
    color: #6c6c6c; 
    background: #ebebeb;
    width: 80px;
}

/* Div für ein kurzes einzeileges Texteingabefeldfeld*/ 
.oc_form_textfield_oneline_short
{
    border: 1px solid #6c6c6c; 
    font-size: 12px;
    color: #6c6c6c; 
    background: #ebebeb;
    width: 150px;
}

/* Div für ein middleres einzeileges Texteingabefeld*/ 
.oc_form_textfield_oneline_medium
{
    width: 225px;
    border: 1px solid #6c6c6c; 
    font-size: 12px; 
    color: #6c6c6c; 
    background: #ebebeb;      
}

/* Div für ein langes einzeileges Texteingabefeld*/ 
.oc_form_textfield_oneline_long
{
    width: 350px;
    padding: 2px;
    border: 1px solid #6c6c6c; 
    font-size: 12px; 
    color: #6c6c6c; 
    background: #ebebeb;      
}

/*##################################
##### Eine mehrzeilige Textbox #####
##################################*/

/* Div um eine mehrzeilige Texteingabefeld */
.oc_form_textfield_multibleline_div
{
    height: 127px;
    float: left;
}

/* Div für ein kurzes mehrzeiliges Texteingabefeldfeld*/ 
.oc_form_textbox_multibleline_short
{
    font-family: Verdana, Arial, Times New Roman;
    height: 127px;
    width: 200px;
    padding: 2px;
    border: 1px solid #6c6c6c; 
    font-size: 12px; 
    color: #6c6c6c; 
    background: #ebebeb;
}

/* Div für ein mittleres mehrzeiliges Texteingabefeldfeld*/ 
.oc_form_textbox_multibleline_medium
{
    font-family: Verdana, Arial, Times New Roman;
    height: 127px;
    width: 300px;
    padding: 2px;
    border: 1px solid #6c6c6c; 
    font-size: 12px; 
    color: #6c6c6c; 
    background: #ebebeb;
}

/* Div für ein langes mehrzeiliges Texteingabefeldfeld*/ 
.oc_form_textbox_multibleline_long
{
    font-family: Verdana, Arial, Times New Roman;
    width: 400px;
    height: 120px;
    padding: 2px;
    border: 1px solid #6c6c6c; 
    font-size: 12px; 
    color: #6c6c6c; 
    background: #ebebeb;
}

/*##############################################################################
##### Fehlermeldungen auf der Seite, die nicht per Pop up angezeigt werden #####
##############################################################################*/

/* Div um den Text einer Fehlermeldung*/ 
.oc_form_errormessage_div
{
}

/* Div für den Text einer Fehlermeldung*/ 
.oc_form_errormessage
{
    color: #ff0000;
    font-weight: bolder;
}

/*###########################################################
##### Diverse Formularelemente, die man einsetzten kann #####
###########################################################*/

/* Div um einen Button*/ 
.oc_form_button_div
{
}

/* Div für ein Button*/ 
.oc_form_button
{
    border: 1px solid #6c6c6c; 
    font-size: 12px;
    color: #6c6c6c; 
    background: #ebebeb;
}




/* Div um ein Dropdown*/ 
.oc_form_dropdown_div
{
    float: left;
}

/* Div für ein Dropdown*/ 
.oc_form_dropdown
{
    border: 1px solid #6c6c6c; 
    font-size: 12px;
    color: #6c6c6c; 
    background: #ebebeb;
}




/* Div um eine Checkbox */
.oc_form_checkbox_div
{
    float: left;
    padding-right: 5px;
}

/* Div für eine Checkbox */
.oc_form_checkbox
{
    float: left;
}




/* Div um eine Radiobutton */
.oc_form_radiobutton_div
{
}

/* Div für eine Radiobutton */
.oc_form_radiobutton
{
}




/* Div um eine List Box */
.oc_form_listbox_div
{
}

/* Div für eine List Box */
.oc_form_listbox
{
}