﻿.Formular{
        font-family:Arial;
        font-size:12px;
        color: #666666;
        line-height:16px;
        width: 460px;
     }
     
     /* zaehler.inc */
     .contenttable{
        font-family:Arial;
        font-size:12px;
        color: #666666;
        text-align: left;
     }
     
     .contenttable a, .formItemFullWidthInfo a
     {
     	position:relative;
     	float:left;
        font-family:Arial;
        font-size:12px;
        color: #666666;
        background-image:url(../images/pfeil.gif);
        background-repeat:no-repeat;
        background-position:0px 2px;
        padding-left:14px;
        clear
     }   
     
/*-------------------------------------------------------Ummelden / Anmelden / Neukunde-------------------------------------------------------------------------*/
    
     .form, .checkOrder
    {
        position: relative;
        float: left;
        font-family: Arial;
        font-size: 12px;
        color: #666666;
        line-height: 16px;
        width: 100%;
    }
    
    .form a img
    {
        border:0px;
        border:none;
    }
    .checkOrder
    {
        clear: left;
    }
    .checkOrderItemTextbox
    {
        float: left;
        padding-bottom: 20px;
        width: 100%;
        
    }
    
    .checkOrderItemTextbox span
    {
        position:relative;
        float:left;
        top:3px;
        margin-bottom:10px;
        margin-right:10px;
        width:50px;
    }
    
    .longWidth span
    {
		width: 100px;
    }
    
    .tariffInfos
    {
        margin-top: 20px;
        float: left;
        width: 100%;
    }

    .tariffInfos .tariffInfo
    {
        float: left;
    }
    
    .tariffInfos .tariffInfo .tariffInfoHeadline,
    .tariffInfos .tariffInfoRight .tariffInfoHeadline
    {
        font-weight: bold; 
    }
    
    .tariffInfos .tariffInfoRight
    {
        float: right;
    }
    
    .tariffInfos .tariffInfoLarge
    {
        float: left;
        width: 100%;
        margin-top:10px;
    }

    .checkOrderItem span input
    {
		float: left !important;
    }
    
    .checkOrderItem
    {
        float: left;
        padding-bottom: 20px;
        width: 100%;
        
    }
    
    .checkOrderItem .oderItemDocument
    {
        width: 50%;
        float: left;
    } 
    
    .checkOrderItem .oderItemDocument a
    {
        position: relative;
        top: 10px;
    }
    
    .checkOrderItemTextbox .formfield
    {
		border:1px solid #A5ACB2;
		height:17px;
		padding-top:2px;
		text-indent:2px;
    }
    
    .checkOrderItem .formfieldCheckbox
    {
        position:relative;
        float:left;
        top:10px;
        margin-bottom:10px;
        margin-right:10px;
        width: 100%;
    }
    
    .checkOrderItem .checkOrderValidation{
		position: relative;
		top: 5px;
		float: left;
    }
    
    .checkOrderText
    {
        float: left;
        height: auto;
        width: 100%;
    }
    
    .checkOrderHeadline .headline{
        color:#FF6633;
        font-family:Myriad Pro !important;
        font-size:16px;
        position:relative;
        margin-top:0;
        font-weight: bold;
    }
    
    .checkOrderList{
		width: 100%;
		margin-top: 20px;
    }
    
    .checkOrderList, .checkOrderList li
    {
		float: left;
		width: 100%;
    }
    
    .checkOrderList li
    {
		list-style: none;
    }
    
    .autocomplete
    {
		border:1px solid #EB8022 !important;
		color:#333333 !important;
		font-family:arial !important;
		max-height:250px !important;
		overflow:hidden;
		position:absolute !important;
		width: auto !important;
    }
    
    .autocomplete li {
		border-bottom:1px solid #CCCCCC !important;
		padding:2px 0 2px 2px !important;
		width: auto !important;
	}
    
    /* ------------ Ummelden / Anmelden / Neukunde ENDE ------------- */
    
    .formFrameset
    {
        float: left;
        width: 100%;
        padding-bottom: 20px;
    }
    
    .fieldset
    {
		margin: 0px;
		padding: 0px;
	}    
    
    .fieldSetBorder
    {
    	position:relative;
    	float:left;
    	clear:both;
    	margin-bottom:20px;
    	width:100%;
    }
    
    .formFieldset{
		padding: 5px 0px;
    }
    
    .formLegend{
		color:#666666;
		font-family:Arial;
		font-size:12px;
    }
    
    .formRow{
		float: left;
		margin-bottom: 5px;
		position: relative;
		left: 13px;
		width: 100%;
    }
    
    .formItem
    {
        float: left;
        min-height: 55px;
        width: 215px;
        margin-right: 5px;
        word-wrap: break-word;
    }
    
    .formItem span{
		word-wrap:break-word;
    }
    
    .half
    {
		width: 105px;
		float:left;
		margin-right:5px;
    }
    
    .large{
		width: 315px;
    }
    
    .formItemFullWidth, .formItemFullWidthInfo
    {
        float: left;
        width: 430px;
        word-wrap: break-word;
    }
    
    .formItemFullWidth span{
		word-wrap:break-word;
    }
    
    .formItemThreeQuarterWidth
    {
        float: left;
        min-height: 60px;
        width: 70%;
    }
    
    .formItemOneQuarterWidth
    {
        float: left;
        min-height: 60px;
        width: 25%;
    }
    .formfield
    {
        font-family:Arial;
        font-size:12px;
        color:#666666;
    }
    
    .formfieldShort
    {
        width: 100px;
        font-family:Arial;
        font-size:12px;
        color:#666666;
    }
    
    .formfieldLong
    {
        width: 305px;
        font-family:Arial;
        font-size:12px;
        color:#666666;
    }
    
    .formfieldFull
    {
        width: 418px;
        font-family:Arial;
        font-size:12px;
        color:#666666;
    }
    
    .formfieldDay
    {
        width: 25px;
        font-family:Arial;
        font-size:12px;
        color:#666666;
    }
    
    .formfieldMonth
    {
        width: 25px;
        font-family:Arial;
        font-size:12px;
        color:#666666;
    }
    .formfieldYear
    {
        width: 50px;
        font-family:Arial;
        font-size:12px;
        color:#666666;
    }
   
    .formbutton
    {
        color:#FF6600;
        font-family:Arial;
        font-size:12px;
    }    
    
    h1
    {
        font-family: Myriad Pro!important;
        font-size: 16px;
        color: #ff6633;
        margin-top: 0px;
    }
    h2
    {
        font-family: Myriad Pro!important;
        font-size: 16px;
        color: #9a9a9a;
        margin-top: 0px;
        margin-bottom: 10px;
    }
    
    .mainHeadline
    {
    	position:relative;
    	font-family:Arial;
    	font-size:12px;
    	color:#666666;
    	top:-1px;
    }
    .pageHeadline
    {
        position: relative;
        float: left;
    }
    .pageNumberContainer
    {
        position: relative;
        float: right;
    }

    .formItemName, .formItemValueIn, .formItemValueOut
    {
        position: relative;
        float: left;
        width: 100%;
        margin-bottom:5px;
    }
    
    .formItemName
    {
        font-weight: bold;
    }
    
    .formItemValueOut{
		float: none;
    }
    
    .formItemValueIn{
		float: none;
    }
    
    .noborder
    {
        border: 0px;
    }
    
    .autoWidth{
		width: auto;
    }
    
    .formItemName input, .formItemValueIn input, .formItemValueOut input, .formItemValueInDate input, .formItemValueIn textarea, .contenttable input
    {
		border: 0px;
		width: 99%;
    }
    
    .formItemName .formItemInfoImage
    {
		width: auto;
    }
    
    .formItemValueIn input{
		border: 1px solid #A5ACB2;
		height: 17px;
		text-indent:2px;
		padding-top: 2px;
    }
    
    .noborder input{
		border: 0px;
    }
    
    .formItemValueIn textarea{
		color:#666666;
		font-family:Arial;
		font-size:12px;
		border: 1px solid #A5ACB2;
	}
    
    .formfieldCheckbox
    {
        position: relative;
        float: left;
    }
    
    .formfieldCheckbox input
    {
        position: relative;
        float: none;
        margin-right: 5px;
        top: 1px;
        width: 30px;
        height: auto;
    }
    
    .longText label{
		width: 423px;
		position: relative;
		float: left;
    }
    
    .longTextCheckbox input
    {
        float: left;
    }
    
    .half .formItemValueIn input{
		width: 103px;
    }
    
    .large .formItemValueIn input{
		width: 323px;
    }
        
    .formItemValueInDate
    {
    	position:relative;
    	float:left;
    	margin-right:5px;
    }
    .formPageNumber
    {
    	padding-left: 6px;	
    }
    
    .formButtonCancel
{
	position:relative;
	float:right;
	width:70px;
	height:18px;
	background-image:url(../images/abbrechen.jpg);
	margin-top:10px;
	font-size:0px;
}
    
.formButtonBack
{
	position:relative;
	float:left;
	width:70px;
	height:18px;
	background-image:url(../images/zurueck.jpg);
	margin-top:10px;
	font-size:0px;
}

.formButtonNext
{
	position:relative;
	float:right;
	width:auto;
	min-width: 70px;
	height:18px;
	background-image:url(../images/weiter.jpg);
	margin-top:10px;
	font-size:0px;
}

.formButtonSend
{
	position:relative;
	float:right;
	width:68px;
	height:18px;
	background-image:url(../images/senden.jpg);
	margin-top:10px;
	font-size:0px;
}

.formButtonPrint
{
	position:relative;
	float:left;
	clear:both;
	margin-top:10px;
	font-family:Arial;
	font-size:12px;
	color:#FF6633;

}
    .infoText
    {
			background-color: #FFFFFF;
		border: 1px solid #fd672c !important;	
		position: relative;
		float: left;
		width: 170px;	
		font-size: 12px;
		color: #333333;
		padding: 5px;
		font-family: arial;
    }
    
    .infoText a{
		color:#FF6633;
		position:relative;
    }

.obligationField
{
    position:relative;
    float:left;
    clear:both;
    margin-top:10px;
    margin-bottom:10px;
}

/* Ajax Combo Box */
.ajax__combobox_inputcontainer
    {
        position: relative !important;
        float: left !important;
        left: -1px;
        top: -1px !important;
    }
    .ajax__combobox_itemlist
    {
        background-color: #b0b0b0;
        color: White;
        height: auto !important;
    }
    .ajax__combobox_itemlist li
    {
		background-color: #b0b0b0 !important;
    }
    .ajax__combobox_itemlist li:hover
    {
		background-color: #999999 !important;
    }
    .ajax__combobox_textboxcontainer input
    {
		background-image: url(../images/listField1.jpg) !important;
        border: none !important;
        border-color: White;
        width: 181px;
        color: White;
        padding-left: 5px;
        height: auto;
        background-repeat:no-repeat;
        padding-top: 0px;
    }
    .ajax__combobox_buttoncontainer button
    {
        background-image: url(../images/listField2.jpg) !important;
        border: none !important;
        margin-left: -2px;
        width: 17px !Important;
        cursor: pointer;
    }
    
    .LargeComboBox .ajax__combobox_textboxcontainer input{
		background-image: url(../images/listFieldLarge.jpg) !important;
		width: 435px !important;
    }
    
    /* Ajax ComboBox End */

/* VALIDATOR CALLOUT */
.validatorCallout .ajax__validatorcallout_popup_table
{
	color: #333333;
}
.ajax__validatorcallout_callout_arrow_cell div
{
	border: 1px solid #fd672c !important;
	background-color: #FFFFFF;
}
.ajax__validatorcallout_error_message_cell, .ajax__validatorcallout_icon_cell, .ajax__validatorcallout_close_button_cell
{
	background-color: #FFFFFF;
	border: 1px solid #fd672c;
}
.ajax__validatorcallout td {
	border: 1px solid #fd672c;
	background-color: #FFFFFF !important;
	border-color: #fd672c !important;
}

.ajax__validatorcallout div
{
	background-color: #FFFFFF !important;
}

/* VALIDATOR CALLOUT END */

/* Contact Form Kontakt.ascx */

.mailFormWithoutFieldset .formRow 
{
	left: 0px;	
}

.mailFormWithoutFieldset .formItemLargerWidth
{
	width: 225px;
}

.mailFormWithoutFieldset .half
{
	width: 110px;
}

.mailFormWithoutFieldset .plz
{
	width: 81px;
}

.mailFormWithoutFieldset .NeukundenPlz
{
	width: 95px;
}

.mailFormWithoutFieldset .ort 
{
	width: 362px;
}

.mailFormWithoutFieldset .half .formItemValueIn input
{
	width: 108px;
}

.mailFormWithoutFieldset .large .formItemValueIn input
{
	width: 367px;
}

.mailFormWithoutFieldset .formItemFullWidth
{
	width:460px;
	min-height: 55px;
}

.mailFormWithoutFieldset .mailFormTextbox input
{
	width: 223px;
}

.mailFormWithoutFieldset .formButtons
{
	position: relative; 
	top: 0px; 
	float: left; 
	width: 100%;
}

.mailFormWithoutFieldset .formButtons .formButtonPrint
{
	background-image:url(../images/listPoint.jpg) !important;
	background-position: left center !important;
	background-repeat:no-repeat !important;
	margin-bottom:10px !important;
	padding-left:15px !important;
	position:relative !important;
	font-weight: bold;
}

.mailFormWithoutFieldset .printHeadline{
    color:#FF6633;
	font-family:Myriad Pro !important;
	font-size:16px;
	font-weight:bold;
	margin-top:20px;
	position:relative;
}

.mailFormWithoutFieldset .smallHeadline
{
	font-size:14px;
	margin-bottom:20px;
}

/* DELIVERYDATE */

.tbDeliveryDateDummy
{
    position: absolute !Important;
    width: 0px;
    height: 0px;
    border: none !important;
    background-color: Transparent;
}

.ceDeliveryDate
{
    float: left;
    position: relative;
    top: 4px;
}

.ceDeliveryDate
{
    background-color: #FFFFFF;
    border: 1px solid #FD672C;    
}

.ceDeliveryDate .ajax__calendar_dayname 
{
    background-color: #DDDDDD;
}

.ceDeliveryDate .ajax__calendar_footer
{
    background-color: #FD672C;
}

.btnCalendar
{
	position: relative;
	top: -3px;
	background-color: #F8B980 !Important;
}

/* DELIVERYDATE END */

.smallWidth
 {
  width:203px;
  height:17px;
  float:left;
  left: 20px;
  position: relative;
}

.smallWidth table {
  clear:both;
}


.RbFloat
{
  float:left;
}

.formItemFullWidthNoMinHeight 
{
  width:460px;
}

.formItemNoMinHeight
{
    float: left;
    margin-right: 5px;
    width: 460px;
    word-wrap: break-word;
}

.padBot
{
   padding-bottom:10px;
}

.formRowTop
{
    top:15px;
    position:relative;
}

.deliveryDateItemTextbox
{
  margin-left:30px;
  
}

.deliveryDateItem input
{
    width:auto;
}

.deliveryDateItem input[type="radio"]
{
    position:relative;
    top:5px;
    border:0px;
    margin-right: 5px;
}

.deliveryDateItem
{
    float:left;
    width:100%;
}

.formItemFullWidthNoMinHeight input[type="image"]
{
    margin-left: 4px;
    position: relative;
    top: 2px;
}

.printVertragspartner
{
    float: left;
}
