/* 	----------------------------------------
	Restaurant inside im CityPalais Duisburg
   	Author: unternehmen.online GmbH & Co. KG
	Media: Screen 
	Start: 23.06.2009							
    ----------------------------------------  */




.clr {clear:both;}
.lt {float:left;}
.rt {float: right;}
.bold { font-weight:bold; }






    
/***** BASIS *****/    
    
.error_form {
    color: #ff0000;
    font-size:11px;
    padding: 3px 0 3px 0;
    }
	
.box_form_wrapper {
    background:#202020;
    }


    
.box_form_wrapper .formular {
    width:508px; 
	padding:20px 0 40px 50px;
  }


	
    

    
.box_form_wrapper h3 {
    clear: both;
    padding: 10px 0 10px 0;
    font-size: 18px;
	font-weight:bold;
	color:#cccccc;
    }
    


.box_form_wrapper a:link, .box_form_wrapper a:visited {
color: #ffffff; text-decoration: underline; font-weight: normal; padding: 0; margin: 0; } 
.box_form_wrapper a:hover, .box_form_wrapper a:active, a:focus {
color: #cccccc; text-decoration: underline; font-weight: normal; padding: 0; margin: 0; }

    
.box_form_wrapper input {
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    padding: 2px;
    display: block;
    margin-top: 3px;
    
    }
    
.box_form_wrapper select {
    float: left;
    display: block;
    width: 180px;
    border: 1px solid #8595a4;
    margin-top: 3px;
    padding: 1px 0 1px 0;
    }

.box_form_wrapper select.short {
    float: left;
    display: block;
    width: 178px;
    border: 1px solid #8595a4;
    margin-top: 3px;
    padding: 1px 0 1px 0;
    }
    
.box_form_wrapper textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    border: 1px solid #8595a4;
    padding: 2px;
    display: block;
    margin-top: 3px;
    }
    
.box_form_wrapper form {
    text-align: left;
    }
.box_form_wrapper fieldset {
    margin: 0;
    border: 0;
    padding: 0;
    }
	

  

.box_form_wrapper label {
    display: block;
    /*width: 318px;*/
    font-size: 12px;
    line-height: 14px;
    padding: 0 0 6px 0;
	color:#cccccc;
    }
    
  
    

/***** BASIC  *****/    

.box_form_wrapper label.field-long {
    clear: left;
    }
	
	
.box_form_wrapper label.field-first {
    float: left;
	display:inline;
    margin: 0 20px 0 0;
    width: 217px;
    }   
.box_form_wrapper label.field-first input {
    float: left;
	display:inline;
    width: 209px;
    }
.box_form_wrapper label.field-last {
    float: left;
	display:inline;
    margin: 0 0 0 0;
    width: 217px;
    }
.box_form_wrapper label.field-last input {
    float: left;
	display:inline;
    width: 209px;
    }
    

    

.box_form_wrapper label.field-long   {
    float: left;
	display:inline;
    width: 490px;
    margin: 0;
    }

.box_form_wrapper label.field-long input {
    float: left;
	display:inline;
    width: 482px;
    margin-right:5px;
    }

.box_form_wrapper label.field-short   {
    float: left;
	display:inline;
   /* width: 300px;*/
    margin: 0;
    }

.box_form_wrapper label.field-short input {
    float: left;
	display:inline;
    width: 170px;
    margin-right:5px;
    }

.box_form_wrapper label.field-small   {
    float: left;
	display:inline;
    /*width: 300px;*/
    margin: 0;
    }

.box_form_wrapper label.field-small input{
    float: left;
	display:inline;
    width: 60px;
    margin-right:5px;
    }
    
  
.box_form_wrapper label.field-comment textarea {
    width: 448px;
    margin-bottom:5px;
    }

    
	
	
	
	

/***** RADIOBUTTONS *****/    

.box_form_wrapper label.field-salutation {
    padding: 0 0 4px 0;
    margin: 0 10px 0 0;
    }
.box_form_wrapper label.field-check {
    float: left;
	display:inline;
    padding: 0 0 0 0;
    margin: 0 20px 10px 5px;
    }

.box_form_wrapper input.radiobutton_herr,
.box_form_wrapper input.radiobutton_frau,
.box_form_wrapper input.radiobutton_global {
    float: left;
    padding: 0;
    margin: 1px 0 0 0;
    border:none;
    }

* html .box_form_wrapper input.radiobutton_herr,
* html .box_form_wrapper input.radiobutton_frau,
* html .box_form_wrapper input.radiobutton_global {
    margin: -3px 0 0 0;
    }

*+html .box_form_wrapper input.radiobutton_herr,
*+html .box_form_wrapper input.radiobutton_frau,
*+html .box_form_wrapper input.radiobutton_global {
    margin: -3px 0 0 0;
    }

    
    

	
	

    
	
	
	
	
	
	
	
	
	
/***** CHECKBOXES *****/    

.box_form_wrapper input.checkbox {
    float: left;
    padding: 0;
    margin: 1px 0 0 0;
    border:none;
    }
* html .box_form_wrapper input.checkbox {
    float: left;
    padding: 0;
    margin: -2px 0 0 0;
    border:none;
    }      
*+html .box_form_wrapper input.checkbox {
    float: left;
    padding: 0;
    margin: -2px 0 0 0;
    border:none;
    }    
	
	


/***** CHECKBOXES *****/    

.box_form_wrapper input.checkbox {
    float: left;
    padding: 0;
    margin: 1px 0 0 0;
    border:none;
    }
* html .box_form_wrapper input.checkbox {
    float: left;
    padding: 0;
    margin: -2px 0 0 0;
    border:none;
    }      
*+html .box_form_wrapper input.checkbox {
    float: left;
    padding: 0;
    margin: -2px 0 0 0;
    border:none;
    }    
	
.box_form_wrapper label.field-checkbox {
    float:left;
    width: 460px;
    margin: 0 0 0 5px;
    padding: 0 0 0 0;
    display: block;
	line-height:17px;
    }
	



div.formbutton-container {
float:left;
display:inline;
width:454px;
margin:0 0 0 0;
padding:0;}

div.formbutton-container div.formbutton {
float:right;
display:inline;
text-align:right;
margin:0;
padding:0;
}


div.formbutton-container span {
font-size:12px; font-weight:bold; text-decoration:none; float:left; display:inline; margin:5px 0 0 0;
}

div.formbutton-container div.formbutton input.formbutton-abschicken {
float:left; display:inline; font-size:12px; line-height:12px; color:#4C4C4C; font-weight:normal; width:100px;  margin:0px 0 0 10px; padding:2px 24px 3px 12px; text-align:left; border:0px solid #ffffff; background:url(../images/button_abschicken_off.gif) right no-repeat; cursor:pointer;}
div.formbutton-container div.formbutton input.formbutton-abschicken:hover {
float:left; display:inline; font-size:12px; line-height:12px; color:#000000; font-weight:normal; width:100px;  margin:0px 0 0 10px; padding:2px 24px 3px 12px; text-align:left; border:0px solid #ffffff; background:url(../images/button_abschicken_over.gif) right no-repeat; cursor:pointer;}

* html div.formbutton-container div.formbutton input.formbutton-abschicken {
float:left; display:inline; font-size:12px; line-height:12px; color:#4C4C4C; font-weight:normal; width:100px;  margin:1px 0 0 10px; padding:4px 24px 2px 12px; text-align:left; border:0px solid #ffffff; background:url(../images/button_abschicken_off.gif) right no-repeat; cursor:pointer;}
* html div.formbutton-container div.formbutton input.formbutton-abschicken:hover {
float:left; display:inline; font-size:12px; line-height:12px; color:#000000; font-weight:normal; width:100px;  margin:1px 0 0 10px; padding:4px 24px 2px 12px; text-align:left; border:0px solid #ffffff; background:url(../images/button_abschicken_over.gif) right no-repeat; cursor:pointer;}

*+html div.formbutton-container div.formbutton input.formbutton-abschicken {
float:left; display:inline; font-size:12px; line-height:12px; color:#4C4C4C; font-weight:normal; width:100px;  margin:1px 0 0 10px; padding:4px 24px 2px 12px; text-align:left; border:0px solid #ffffff; background:url(../images/button_abschicken_off.gif) right no-repeat; cursor:pointer;}
*+html div.formbutton-container div.formbutton input.formbutton-abschicken:hover {
float:left; display:inline; font-size:12px; line-height:12px; color:#000000; font-weight:normal; width:100px;  margin:1px 0 0 10px; padding:4px 24px 2px 12px; text-align:left; border:0px solid #ffffff; background:url(../images/button_abschicken_over.gif) right no-repeat; cursor:pointer;}





span.infobutton {
float:left;
display:inline;
margin:23px 0 0 0;
font-size:12px; 
font-weight:normal; 
text-decoration:none;
}

span.infobutton2 {
float:left;
display:inline;
margin:37px 0 0 0;
font-size:12px; 
font-weight:normal; 
text-decoration:none;
}