@charset "UTF-8";
/**
* CSS-Datei fr alle Style-Definitionen fr Formularelemente
*/

@media all
{

/** 
  * Container zur aufnahme von Formularen 
**/

/*Container für das gesamtformular: contentgrau und spezieller Innenabstand. */
.grey_formblock     { 
                    background-color:#CCCCCC;
                    margin-bottom:10px;
                    overflow:hidden;
                    padding:20px 10px 30px 10px;
                    color:#000000;
                    }
                
.lightgray_tabblock {
                    background-color:#E9E9E9;
                    }
                    
.lightgray_tabblock iframe {
	                       background-color:#E9E9E9;
                           }

/*Container für den Inhalt eines Tabs*/
.tabbedpane     {

                padding-top:10px;
                padding-bottom:20px;
                background-color:#E9E9E9;
                }
*+html .iefix {height:100%;}

.formtab        {
                display:block;width:145px;height:22px; margin-right:5px;float:left;
                padding:8px 0 0 10px;
                font-weight:bold;
                background-color:white; color:#898989;
	            }
			 
.formtab.active { background-color:#E9E9E9; color:#3F3F3F; }

.formnav        {
	            margin-left:10px;
	            margin-bottom:20px;
	            border-bottom:dotted 1px #797979;
				height:20px;
                }
* html .formnav {
	            border:none;
	            background-image: url(../img/ie6hacks/dotted.gif);
    			background-repeat: repeat-x;
				background-position: bottom;
                }
                
.formnav a      {
	            display:block;
	            width:148px; float:left;
	            line-height:100%;
	            background-position: 0 0;
                }
                
.formnav a.last {
	            width:138px;
                }

/*Klasse die die Formatierung fehlerhafter Felder umsetzt.*/
.error          {
		        background:#EED2A3 url(../img/formerror.gif) no-repeat 455px 10px;
                }
.EditingFormControlNestedControl{
				float:left;
				margin: 5px 0;
}
.EditingFormErrorLabel {  
				color: #FF3300;
				float: left;
				height: 30px;
				margin: 0 5px;
				width: auto;
}


/* Bereich mit Eingabefeldern:*/
/* Zweispaltiger Bereich: Links die Labels und rechts die Felder.*/
.fieldblock         {
					clear:both;
					background-color:#E9E9E9;
					margin-bottom:10px;
					padding:10px 0;
                    }
.blockhead {
	background-color: #545454;
    color: #FFFFFF;
    height: 25px;
    padding-left: 10px;
    padding-top: 5px;
    width: 710px;
		
}
.blockhead  h5 {
	color:#FFF !important;
}

input.phone { width:187px;}

/* Spalte eines "fieldblocks". Besteht blicherweise aus einem Label und einem Eingabefeld*/
.fieldblock .column {
		            padding-top:5px;
		            padding-bottom:5px;
					height:30px;
		            }
			    
.fieldblock label,
.fieldblock .label , 
.fieldblock .column > span:first-child       {
					      display:block;
					      float:left;
					      /* width:195px; old*/
						  width:170px;
					      margin-left:20px;
					      margin-right:5px;
  					      padding-top:4px;
						  color:#000;
					      }
* html .fieldblock label
* html .fieldblock .label {
                          margin-left:10px;
                          }
                          
.fieldblock .radioboxselection 
{
    padding-top:4px;
    display:block;
    float:left;
}

.fieldblock .radioboxselection label 
{
    display:inline;
    float:none;
    margin-left:5px;
    margin-right:20px;
}

CheckBoxField { margin: 5px 0;}

/*Einspaltiger Bereich innerhalb des Formulars:*/
/*Belegt nur die Rechte Spalte, steht also unterhalb der Eingabefelder nicht aber unterhalb der Labels.*/
.grey_formblock h3       {
	                     font-size:109%;
	                     text-transform:uppercase;	                     
	                     }

.grey_formblock h4       {
	                     font-size:125%;
	                     margin-bottom:15px;
                         }

.grey_formblock p        {
	                     margin-top:15px;
	                     margin-bottom:0;
                         }

.textblock               {
		                 margin-left:220px;
		                 padding-right:15px;
		                 }

.textblock.lined         { 
                         border-bottom:dotted 1px #797979; 
                         margin-bottom:20px;
                         padding-bottom:20px;                         
                         }
* html .lined            {
	                     border:none;
	                     background-image: url(../img/ie6hacks/dotted.gif);
    			 	     background-repeat: repeat-x;
				         background-position: bottom;
                         }

                         
.textblock .address      {
	                     border-left:solid 5px #9B9B9B;
	                     padding-left:15px;
                         }


		                 
.legal                   {
                         font-size:92%;
                         }

.legal .textblock        {
	                     padding-left:160px;
	                     margin-left:0px;
                         }

.legal label             {
                         font-weight:bold;
                         }

   
/*Bereich mit den Formularbuttons */
.buttonblock         {
	                 margin-left:160px;
                     border-top:dotted 1px #797979;
                     margin-top:15px;
                     padding-top:10px;
	                 }
	         
.lined.buttonblock   {
	                 border-top:dotted 1px #797979;
                     }

* html .buttonblock  {
	                 border:none;
	                 background-image: url(../img/ie6hacks/dotted.gif);
    			 	 background-repeat: repeat-x;
				     background-position:top;
                     }


.buttonblock .reset  {
                     float:left;
                     }
                          
.buttonblock .submit {
                     float:right;
                     }

/**/
.legal div.column {
                  padding-bottom:11px;
                  padding-top: 11px;
                  }

/* Anmerkung am Ende des Formulars. */
.grey_formblock .footnote {
                          margin-top:50px;
                          margin-bottom:10px;
                          }
          
/*Eingabefelder stylen*/
input[type=text],
input[type=password],
        textarea,
           select {
                  border-style:solid; 
                  border-width:1px;
                  border-bottom-color:#A09798;
		          border-right-color:#A09798;
		          border-top-color:#6D6C68;
                  border-left-color:#6D6C68;
                  width:238px;   
                  padding:5px 10px;
				  font-family: Helvetica;
                  }
* html .textbox,
* html  textarea,
* html  select    {
		          border-style:solid; 
                  border-width:1px;
		          border-bottom-color:#A09798;
		          border-right-color:#A09798;
		          border-top-color:#6D6C68;
                  border-left-color:#6D6C68;
                  width:238px;   
                  padding:5px 10px;
                  }

* html textarea   {  overflow:auto; }
* html input      {  overflow:hidden; }
			 

/*Dropdowns brauchen eine extra Behandlung*/
select            {
                  padding-right:0;
                  padding-left:6px;
                  width:260px;
                  }

optgroup          {
                  color:Black;
                  background-color:White;
                  font-weight:bold;
                  font-style:italic;
                  }


/*Die "Buttons in den Formularen bestehen aus 5 ineinander geschachtelten Div's und einem input-Tag. Dies ist ntig um die
  runden Ecken zu erzeugen. Das usserste Dif hat die klasse "button"*/
.button input        { border:none; min-width:85px !important; max-width:140px; padding:0 0 0 15px; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; background:#191919 url(../img/links/link.gif) no-repeat 5px 50%; color:#FFFFFF;  }
*+html .button input { padding-left:10px; }
* html .button input { padding-right:10px; }

.button .bl          { background: url(../img/ul_s.gif) 0 100% no-repeat #191919;min-width:85px !important; max-width:140px;  float:left}
.button .br          { background: url(../img/ur_s.gif) 100% 100% no-repeat}
.button .tl          { background: url(../img/ol_s.gif) 0 0 no-repeat}
.button .tr          { background: url(../img/or_s.gif) 100% 0 no-repeat; padding:2px 0 2px 0;}
.button .clear       { font-size: 1px; height: 1px}


/*Suchformular*/
#lblSuchbegriff, #query
{
	 float: left;
}

 #query
 {
	
	margin-top: 6px;
	/*font-size: 125%;*/
	width: 245px;
	/*padding: 2px !important;*/
 }
 
 *+html #query
 {
	
	/*width: 250px;
	margin-top: 7px;*/
 }
 
 * html #query
 {
	
	/*width: 230px;*/
	height:auto;
 }
 

#lblSuchbegriff
{
 margin-right: 20px;
}

#cmdSearch
{
	float: left;
	margin-top: 7px;
	margin-left: 10px;
}

.result_header
{
	 margin-top: 20px;
	 width: 470px;
}

.result_header p
{ 
	float: left;
 }

.result_header a
{ 
	float: right;
}

.search_nav_button
{
	display: block;
	background-color: #E9E9E9;
	width: 70px;
	height: 25px;
	margin-bottom: 1px;
	margin-left: 5px;
	padding: 5px 0 0 30px;
	color: #BC6400;
}

.lnkPrev
{
 background: #E9E9E9 url(../img/links/link_prev.gif) 10px 7px no-repeat;
}

.lnkNext
{
 background: #E9E9E9 url(../img/links/link_next.gif) 60px 7px no-repeat;
}

#result_area
{
	 padding: 10px 20px 10px 20px;
}

#result_area p
{
  width: 450px;
}

#result_area .link_intern, #result_area .link_download
{
	 font-size: 125%;
	 font-weight: bold;
}

.search_result
{
 border-bottom: dotted 1px #999;
 margin-bottom: 10px;
}

* html .search_result    {
	                     border:none;
	                     background-image: url(../img/ie6hacks/dotted.gif);
    			 	     background-repeat: repeat-x;
				         background-position: bottom;
                         }


.search_result .bildunterschrift
{
	 margin-bottom: 10px;
}

.last_entry
{
	 border-bottom: none !important;
}

.header_bottom
{
	 margin-top: 1px !important;
}

* html #frmSearch_result {
	height:50px;
}
/*WEBSHOP MY PROFILE*/
.MyAddresses, .MyOrders {
    background-color: #E9E9E9;
    padding: 10px;
}
.UniGridSortLabel , .ContentBody .MyOrders .UniGridHead a {
	color:white;
}

}/*end media Angabe*/