/* = STIHL
$Id: main.css mGieron 14.01.2010 $
----------------------------------------------- */

/*GLOBAL RESET---------------------------------------------------------------*/
address, code, del, dfn, em, img, q, dl, dt, dd, ul, li, fieldset, form, label, legend, button, table, caption,
tbody, tfoot, thead, tr, th, td, p 
{                                                        
   margin: 0;
   padding: 0;
   border: 0;
   font-family: inherit;
   font-weight: inherit;
   font-style: inherit; 
}

/* standard values */
table 
{ 
   border-collapse: collapse; 
   border-spacing: 0; 
   width:100%;
}

a:link, a:active, a:hover, a:visited {
  /* color:#002F5F; */
  text-decoration:none;
  outline:0;
}

a:hover
{
  cursor:pointer;
}

ul li 
{ 
  list-style: none; 
  height: 1%;
}

a
{
  color:#f37a1f;
}

p a
{
  font-weight: bold;
}

em
{
  font-style: normal;
}

body
{
  margin:0;
  padding:0;
  font-family:Arial;
  font-size:12px;
  color:#444444;
  line-height:16px;
}

h1, h2, h3, h4, h5, h6
{
  margin:0;
  padding:0;
}

input, textarea, select
{
  font-family:Arial;
  font-size: 12px;
}


/*ENDE GLOBAL RESET---------------------------------------------------------------*/

.page_content p
{
  margin-bottom:15px;
}

p
{
  line-height:16px;
}

.clear
{
  clear:both !important;
  height:auto !important;
  float:none;
}

html
{
  background-repeat: no-repeat;
  background-position: left top;
  background-color: #f7f7f7;
}

body
{
  float: left;
  width: 100%;  
}

div.hr
{
   height:20px;
}

div.orange_hr                                                                
{
  background-color:#f37a1f;
  height:2px;
  margin: 20px 0;
  font-size: 1px;
}

#topnavigationController
{
  background: #f6f6f6;
  border-top:1px solid #adadad;
  color: #5d5d5d;
  font-size:11px;
  min-width: 990px;
  padding:0;
  width: 100%;
}
	#topnavigationController .topnavigation_wrapper
	{
	  background: #f6f6f6;
	  height:24px;
	  margin:0;
	  padding:0;
	  width:968px;
	}
		#topnavigationController .topnavigation_wrapper p
		{
		  float: left;
		  padding-top:4px;
		  padding-left:10px;
		  text-align:left;
		}
		#topnavigationController .topnavigation_wrapper span
		{
		 font-weight: bold;
		 color: #000000;
		}	
		
		#topnavigationController .topnavigation_wrapper ul.left
		{
		  float:left;
		  padding:0;
		  margin:0;
		  height: 20px;
		}	
		
		#topnavigationController .topnavigation_wrapper ul
		{
		  float:right;
		  padding:0;
		  margin:0;
		  height: 20px;
		}
			#topnavigationController .topnavigation_wrapper ul li
			{
				display:inline;
				float:left;
				padding:5px 0px 0 10px;				
				height:20px;
			}
				#topnavigationController .topnavigation_wrapper ul li a
				{
				  border-right: #5d5d5d solid 1px;
				  line-height: 14px;
				  color:#5d5d5d;
				  float:left;
				  font-weight:normal!important;
				  padding-right: 6px;
				}
					#topnavigationController .topnavigation_wrapper ul li a.last
					{
					  border-right: none;
					}

				/* nachtraeglich eingefuegt dx1obttr 24.05.2011 */
				#topnavigationController .topnavigation_wrapper ul li#startseite {
					padding:5px 0px 0 10px;				  
				}	
				#topnavigationController .topnavigation_wrapper ul li#startseite a {
					background: url(../img_layout/icon-startseite.jpg) no-repeat 0px 0px;
					color: #000000;
					float: left;
					font-weight: normal!important;
					margin-left: -3px;
					padding-left: 22px !important;
				}
					#topnavigationController .topnavigation_wrapper ul li#startseite a.last
					{
					  border-right: none;
					}
				
				#topnavigationController .topnavigation_wrapper ul li#abmelden {
					padding: 5px 0px 0 10px;	
				}
				#topnavigationController .topnavigation_wrapper ul li#abmelden a {
					background: url(../img_layout/icon-abmelden.jpg) no-repeat 0px -1px;
					color: #000000;
					float: left;
					font-weight: normal;
					height: 18px;
					margin-left: -3px;
					margin-right: 0;
					padding-left: 22px !important;
				}
					#topnavigationController .topnavigation_wrapper ul li#abmelden a.last
					{
					  border-right: none;
					}


	

#topLogoContainer
{
  background: #ffffff;
  color: #5d5d5d;
  font-size:11px;
  width:100%;
  padding:0;
  top:80px;
}
	#topLogoContainer .topnavigation_wrapper2
	{
	  background: #ffffff;
	  height:85px;
	  width:980px;
	  padding:0;
	  margin:0;
	}
		#topLogoContainer .topnavigation_wrapper2 div#left
		{
		  background:#ffffff;
		  float:left;
		  padding-top:25px;
		  padding-left:20px;
		  text-align:left;		  
		}
		#topLogoContainer .topnavigation_wrapper2 div#right
		{
		  background:#ffffff;
		  text-align:right;
		  padding-top:33px;
		  padding-right:10px;	  
		}		

#mainnavigation
{
  background: url(../img_layout/top_navi_bg.gif) repeat-x;
  height:35px;
  margin:0;
  padding:0;
  width:100%;
}
	#mainnavigation ul
	{
	  float:left;
	  text-align:left;
	  width:980px;
	  padding:0 0 0 10px;
	  margin:0;
	  background:url(../img_layout/top_navi_bg.gif) repeat-x; 
	}             
		#mainnavigation li
		{
		  float:left;
		  height:35px;    
		  background:url(../img_layout/top_navi_divider.gif) no-repeat right top;                                        
		}

#navigation
{
float:left;
height:35px;
left:0;
margin:0;
padding-left:0;
position:absolute;

}
	#mainnavigation li a
	{
	  font-size: 12px;
	  /*text-transform: uppercase;*/
	  font-weight:bold;
	  color:#ffffff;
	  padding:7px 0px 9px 0px;
	  display:block;
	  margin-right:2px;
	}
		#mainnavigation li a span
		{
		  padding:5px 10px 9px 10px;
		}

		#mainnavigation li a:hover,  #mainnavigation li a:focus, #mainnavigation li.active_hover a 
		{
		  background:url(../img_layout/top_navi_bg_hover.png) repeat-x;
		}

		#mainnavigation li.active a 
		{
		  background:url(../img_layout/top_navi_bg_active.png) repeat-x;
		}

		#mainnavigation li.active a:hover
		{
		  background:url(../img_layout/top_navi_bg_active.png) repeat-x;
		}

a.orange
{
  color:#f37a1f;
}

#underlinedLink
{
  color:#f37a1f;
  text-decoration:underline!important;
}

#topnavigationController ul li a:hover,
#topnavigation ul li a:hover,
#teaser a:hover, #teaser a:focus, #teaser a:active,
#toolbox a:hover,#toolbox a:focus
{
  text-decoration:underline;
}

/* navigation */
#stihl
{
  float: left;
  margin:0;
  padding-top: 0px;
  min-width:990px;
  width:100%;
  background-repeat:repeat-x; 
  background-position:left top;
  background-image:url(../img_layout/backgrounds/background.jpg); 
}

#main_content,
#main_content_support
{
  float:left;
  margin-top:30px;
  margin-bottom:25px;
  margin-left: 20px;
  padding-bottom:10px;
  width:965px;
}
#main_content_support
{
  background:white;
}
  
.content
{
   width:960px;
   float:left;
   margin-top:11px;
}

.content a.orange
{
  font-weight:bold;
}

.content_middle
{
  padding-left:10px;
  padding-top:8px;
  float:left;
  min-height:450px;
  height:auto !important;
  height:450px;
}

.content_middle .page_content
{
  padding:0px 0 0px 10px;
  float:left;
}
	.content_middle .page_content div.whitebackground
	{
	  background-color:#ffffff;
	  border:#f1f1f1 solid 10px;
	  float:left; 
	  height:auto;
	  margin-top: 5px;
	  margin-left:50px;
	  padding:0;
	  width:690px;
	}	
	.content_middle .page_content div.content_container
	{
	  background:url(../img/stihl-portal-startseite.jpg) no-repeat 0 0;
	  float:left;
	  margin:-10px 0 0 -10px;
	  min-height:291px;
	  width:711px;
	}
		.content_middle .page_content div.content_container p#welcome_phrase
		{
		  float:right;
		  padding-top: 70px;
		  padding-right:20px;
		  margin-right:10px; 
		  width:280px;
		}	
		.content_middle .page_content div.content_container p#error_phrase
		{
		 /* color:red;*/
		 font-weight: bold;
		 float:right;
		 height:auto;
		 padding-top:0px;
		 padding-left:400px;
		 padding-right:10px; 
		 margin-right:10px;
		 width:290px;		 
		}
		.content_middle .page_content div.content_container form
		{
			float:right;
			margin-right:20px;
			width:321px;
		}
		.content_middle .page_content div.content_container form fieldset#anmeldung
		{
		  float:right;
		  padding-bottom:10px;
		  width:290px;
		}
			fieldset#anmeldung label
			{
			  float:left;
			  font-weight:bold;
			  width:100px;
			}
			fieldset#anmeldung label,
			fieldset#anmeldung input
			{
			  margin-bottom:3px;	
			}
				fieldset#anmeldung input
				{
				  width:178px;
				  border: #d2d2d2 solid 1px;
				}
			.content_middle .page_content div.content_container p a.orange_arrow
			{ 
			  float:left;
			  margin-left:0;
			  margin-top:5px;
			  width:270px;
			}
			.content_middle .page_content div.content_container p a.first
			{ 
			  margin-top:15px;
			}
			
			#identify_button
			{ 
			  float:right;
			  position:relative;
			  right:30px;
			  top:60px;
			}
			p.backbutton a
 			{
			  margin-left:0;
			}
			#logonbutton
			{
				float: right;
				margin-right:10px;			
			}
			

.content_middle .page_content div.content_container_nobackground
{
  float:left;
  margin-left:0px;
  width:911px;
}
	.content_middle .page_content div.content_container_nobackground p
	{
	  float: left;
	  width: 290px;
	}
		.content_middle .page_content div.content_container_nobackground p a.orange_arrow
		{ 
		  float: left;
		  margin-left: 0;
		  margin-top: 5px;
		  width: 270px;
		}
		.content_middle .page_content div.content_container_nobackground p a.first
		{ 
		  margin-top:15px;
		}	

		table.anwendungen
		{
		  float:right;
		  width:400px;
		}
			table.anwendungen tr
			{
				background:#ffffff;
			}
			table.anwendungen thead tr
			{
				background:#d9d9d9;
				font-weight:bold;
			}
			
			table.anwendungen tr.even
			{
				background:#f1f1f1;
			}
				table.anwendungen td
				{
					padding:2px 0 2px 5px;
				}

#content_1_column .page_content
{
  width:940px;
  margin-top: 10px;
} 

/* Outbox Styles */

div#outboxContent
{
  width:680px;
}

ol.outboxData
{
  font-weight:bold;
  margin: 0px;
  padding-left: 25px;
  width:655px;
}

ol.outboxData li
{ 
  width:auto;
  margin-bottom:13px; 
}

ol.outboxData li span,
ol.outboxData li label
{
  font-weight:normal;
}
	
	ol.outboxData li label
	{
	  display:block;
	  padding-top:1px;
	  padding-bottom:8px;
	}
	*+html ol.outboxData li label
	{
	  display:block;
	  padding-top: 2px;
	  padding-bottom:6px;
	}

ol.outboxData li input
{
  float:left;
}

ol.outboxData li#empfaengerEingabe input
{
   margin-top:-2px; 		
}

ol.outboxData li#empfaengerEingabe a
{
  margin-top:2px;
}

ol.outboxData li#last
{
  width:auto;
  margin-top: 5px;  
}
ol.outboxData li#last div {
  font-weight:normal;
  margin:0;
  padding:9px 0 5px 0;	
}	
ol.outboxData li#last ul#outboxDataDateiliste
{
  border:#c3c3c3 solid 1px;
  float:left;
  margin:0;
  padding:7px 0 6px 0;
  width:450px;
}

ol.outboxData li#last ul#outboxDataDateiliste li {
  display:block;
  float:left;
  margin:0;
  padding:0 0 0 5px;
  width:210px;	
}
#ListeAktualisieren
{
  display:inline;
  float:right;
  margin-top:-15px;
  margin-left:450px;
  width:200px;
}
		
#main_content h1,
#main_content_support h1
{
  color:#f37a1f;
  font-size: 18px;
  font-weight: normal;
  padding-bottom:13px;
}
#main_content h1#startpage
{
  color:#f37a1f;
  font-size: 18px;
  font-weight: normal;
  padding-bottom:5px;
}

#main_content h2,
#main_content_support h2
{
  color:#444444;
  font-size: 18px;
  font-weight: normal;
  padding-bottom:0px;

}

#content_2_column_left
{
  width: 490px;
  float:left;
  padding-right:20px;
  border-right:1px solid #f1f1f1;
  margin-top: 10px;
  margin-bottom: 10px;
}

.content_middle h3
{
   padding-top:10px;
   color:#444444;
   font-weight: bold;
   font-size: 14px;
   /*float:left;*/
   width: 100%;
}

.content_middle h3.teaser
{
  padding-top:0px;
  padding-bottom:20px;
}

.content_middle h4
{
  font-size: 12px;
  font-weight: bold;
}

.content_middle ul
{
    margin:15px;   
}

.content_middle ul li
{
    margin:10px 0;
    background: url(../img_layout/li_orange.png) no-repeat 0 5px;
    padding-left: 15px;
}    

.content_image_big
{
  padding-top:5px;
  padding-bottom:15px;
}


div.grey_hr
{
   border-top: 1px solid #b4b4b4;
   margin-top: 10px;
   margin-bottom: 8px;
   width: 100px;
}   

#content_1_column
{
  width:100%;
  position: relative;
}

.content_middle a:hover,
.content_middle a:focus
{
  text-decoration: underline;
}

img.tooltip
{
  margin-bottom:-5px;
  margin-left:5px;
  cursor: help;
}

span.top
{
  font-size:7px;
  vertical-align:super;
  padding-right:2px;
}

.right
{
  float:right;
}

.sub_info
{
  margin-right: 20px;
}

ul.product_link_list
{

}

.wrapper_content
{
  float:left;
  width:100%;
}

img.detail_image
{
  float:left;
  margin-bottom: 15px;
}

.left_align
{
  text-align: left !important;
}

ul.vertical_list li
{
  float: none;
  margin:10px 0 0 0;
  padding: 0px;
}

ul.vertical_list li a
{
  background: url(../img_layout/arrow_orange.png) no-repeat;
  padding-left:12px;
  color: #444444;
  font-weight: bold;
}

ul.arrowlist
{
  margin-left: 0px;
}

ul.arrowlist li
{
  background:url("../img_layout/arrow_orange.png") no-repeat scroll 0 0 #FFFFFF;
  margin-bottom: 0px;
  margin-top: 5px;
  font-weight: bold;
}

img
{
  margin-bottom: 20px;
}

select
{
  border: 1px solid #B4B4B4;
  
}


ul.orange_arrow
{
  margin: 30px 0px 10px 0;
  
}

ul.orange_arrow li
{
  background: none;
  padding-left: 0px;
  margin-top: 5px;
}


ul.orange_arrow li a
{
  background: url(../img_layout/arrow_orange.png) no-repeat;
  padding-left:12px;
  display:block; 
}


/*  */
a.orange_arrow
{
  background:url("../img_layout/arrow_orange.png") no-repeat scroll 0 0 transparent;
  font-weight: bold;
  padding-left:12px;
  margin-left:10px;
}

a.orange_arrow span
{
  font-weight: normal;
  color:#444444;
}

.error
{
  color: #db0000;
}

.orange_button_small
{
  background: #b4b4b4 url(../img_layout/orange_button_small.png) no-repeat;
  padding-bottom:5px;
  padding-left:25px;
  padding-top:3px;
  text-align:left;
  border: none;
  border-right: 1px solid #b4b4b4;
  height: 25px;
  width: auto;
  border-right: none !important;
}


*+html .orange_button_small, *+html .cancel_button
{
  padding-top:5px;
  padding-left:26px;
  height:25px;
  border-spacing: none;  
  border-right: 0px solid transparent !important;
}

.content_middle img
{
  margin-bottom: 0;
}

.content_middle h1
{
  margin:0;
  width:425px;
  line-height: 20px;
}


/* FORMULAR-GENERATOR */

.xe_form
{

}

.xe_form_select, .xe_form_input, .xe_content_text, .xe_form_check, .xe_form_textarea, .xe_form_radio
{
  margin: 5px 0;
  float: left;
  width: 100%;
}

.xe_content_text p
{
  margin-bottom: 0;
  font-weight: bold;
}

.xe_form_input input, .xe_form_textarea textarea
{
  border: 1px solid #b4b4b4;
  width: 100%;
}

.xe_form_input.xe_form_alert input 
{
  border: 1px solid #fe0002;
}

.form_small
{
  width: 450px;
}

.form_small .xe_form_input
{
  width: 205px;
  margin-right: 20px;
}

.form_small .xe_form_input label
{
  float: left;
  width: 200px;
}

.xe_form_item label a
{
  float: none !important;
}

.xe_form_item, .xe_form_item *
{
  float: left;
}

*+ html .xe_form_item input
{
  margin-top: -2px;
}

.xe_form_item input
{
  margin-left:0; 
  margin-top: 2px; 
  margin-right: 10px;
}

.xe_form_item span.xe_form_error
{
  width: 420px;
}

span.xe_form_error
{
  margin-bottom: 15px;
}

.xe_form label, .xe_form_radio span
{
  font-weight: bold;
  padding-right: 10px;
  padding-bottom: 5px;
}

.xe_form_select
{
  
}

.xe_form_radio span
{
  float: left;
  margin-right: 20px;
}

.xe_form_submit
{
  float: right;
  background: #b4b4b4 url(../img_layout/orange_button_small.png) no-repeat;
  padding-bottom:5px;
  padding-left:25px;
  padding-top:3px;
  text-align:left;
  border: none;
  border-right: 1px solid #b4b4b4;
  height: 25px;
  width: auto;
  border-right: none !important;
  color: #ffffff;
  font-weight: bold;
  margin-right: 20px;
}

span.xe_form_error
{
  float: left;
  color:#fe0002;
  font-weight: normal;
}

.xe_form_radio span.xe_form_error
{
  width: 100%;
} 

.xe_form_radio input
{
  border: 0px;
  
}

.xe_form_textarea label, .xe_form_textarea textarea
{
  width: 430px; 
  float: left;
}

.xe_form_check .xe_form_item
{
  width: 430px;
  float: left;
}

ul.configuration_list table
{
  width: auto;
  margin-top: 5px;
}

ul.configuration_list table th, ul.configuration_list table td
{
  text-align: left;
}

.border_bottom
{
  border-bottom: 1px dotted #444444;
  padding-bottom: 8px;
  margin-bottom: 20px;
}

div.clear.hr
{
   height:20px !important;
}

.hidden
{
  display: none;
}

/* nachtraeglich eingefuegt dx1obttr 23.05.2011 */
/* Sliding Button */
a.button {
    /* Sliding right image */
    background: transparent url(../img_layout/button-right.gif) no-repeat scroll top right; 
	display: block;
	float: right;
	height: 29px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	margin-top: 0px;
	padding-right: 2px; /* CHANGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
	/* FONT PROPERTIES */
	/*color: #000000;*/
	/*font-family: Arial, Helvetica, sans-serif;*/
	/*font-size: 12px;*/
	font-weight: bold;
	text-decoration: none;
}

a.button span {
	/* Background left image */ 
	background: transparent url(../img_layout/button-left-2.gif) no-repeat; 
	color: #ffffff;
	display: block;
	line-height: 16px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
	padding: 7px 15px 7px 28px;
}

a.button:hover span {
	text-decoration: none;
}

/* --- */

p.warning{
        /* color: #FF0000;*/
	font-weight: bold;
	 
}

#textonly {
	padding:20px;
}
	#textonly  h1 {
		color:#000000;
		font-family:Arial;
		font-size:12px;
		padding-bottom: 10px;
	}

	/* MOZILLA Hack*/
	*:not(hr) #textonly ol {
		margin-left:-20px;
	}
	#textonly ol {
		color:#444444;
		font-weight: normal;
		font-family:Arial;
		font-size:12px;
		margin-left:20px;
	}