/***************************************************************************
 * style.css
 * Author: exsportance - www.exsportance.de - copyright 2006, 2007
 * Version: 1.0
 ***************************************************************************/


/***************************************************************************
 * base html tags
 ***************************************************************************/

BODY
{
   background-color:	#292929;
   text-align:		center;
   vertical-align:	top;
   height:		100%;
   margin:		0px;
   padding:		0px;
}

HTML
{
   height:		100%;
   margin:		0px;
   padding:		0px;
}

IMG, DIV, P, A
{
   margin:		0px;
   padding:		0px;
}

IMG 
{
   border:		0px;
}

A
{
   text-decoration:	none;
   color:		#E9E9E9;
}

A:hover
{
   text-decoration:	underline;
}


/***************************************************************************
 * main site elements
 ***************************************************************************/ 

.main
{
   background-color:	#292929;
   width:		745px; 
   margin:		0px auto 0px auto; 
   padding:		0px; 
   font-family:		Arial; 
   font-size:		11px;
   text-align:		left;
   position:		relative;
}

.important
{
  /* color:		#79C37B; */
  color:		#F97316;
}

.detail
{
   font-size:		14px;
   color:		#F97316;
   line-height:		17px;
}

/*--------------------------------------------------------------------------
  head
  -------------------------------------------------------------------------*/

.headline
{
   background:		#292929; 
   height:		100px; 
   width:		100%;
   margin:		0px;
   padding:		0px; 
   float:		left;
   position:		relative;
}

.logo 
{
   height:		31px;
   width:		190px;
   padding:		0px;
   margin:		50px 0px 0px 0px;
   /* background:		url(../images/logo.gif) no-repeat; */
}

.logo_addon
{
   height:		18px; 
   width:		300px;
   padding:		0px;
   margin:		-22px 0px 0px 83px;
   font-size:		11px;
   font-weight:		bold;
   color:		#F97316;
   text-align:		right;
   float:		left;
}

.logo_addon A
{
   font-size:		11px;
   font-weight:		bold;
   color:		#F97316;
}

html>body .logo_addon
{
   margin:		-20px 0px 0px 165px;
}

/*--------------------------------------------------------------------------
  body
  -------------------------------------------------------------------------*/
  
.container
{
   margin:		0px;
   width:		100%;
}

.left_column
{
   width:		468px;
   padding:		0px;
   margin:		0px;
   float:		left;
}


.left_menue 
{
  /* Deklaration fuer IE 5.x */
  height:		300px;      
  width:		470px;
  padding:		175px 0px 0px 0px;
  margin:		0px;
  /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
  voice-family:"\"}\"";  
  voice-family:inherit;
  /* Korrektur fuer andere Browser */
  height:		125px;
}


.left_menue_intro
{
   background:		url(../images/intro.jpg) no-repeat;
}

.left_menue_privat
{
   background:		url(../images/privatanwender.jpg) no-repeat;
}

.left_menue_intro_small
{
   height:		85px;
   padding:		0px 0px 0px 0px;
}

.left_menue_privat_small
{
   height:		85px;
   padding:		0px 0px 0px 0px;
}

.left_menue_geschaeft
{
   background:		url(../images/geschaeftskunden.jpg) no-repeat;
}

.left_menue_geschaeft_small
{
   height:		85px;
   padding:		0px 0px 0px 0px;
}

.left_menue_verein
{
   background:		url(../images/vereine.jpg) no-repeat;
}

.left_menue_verein_small
{
   height:		85px;
   padding:		0px 0px 0px 0px;
}

.left_menue_service
{
   background:		url(../images/service.jpg) no-repeat;
}

.left_menue_service_small
{
   height:		85px;
   padding:		0px 0px 0px 0px;
}

/* all browsers */
.left_menue_button
{
   margin:		0px 2px 0px 0px;
   background:		url(../images/menue_button.png) repeat;
   float:		left;
}

/* png patch for ie */
* html .left_menue_button
{
   background-image: 	none;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="fileadmin/site_design/images/menue_button.png", sizingMethod="scale");
}

/* all browsers */
.left_menue_button_dark
{
   margin:		0px 2px 0px 0px;
   background:		url(../images/menue_button_dark.png) repeat;
   float:		left;
}

/* png patch for ie */
* html .left_menue_button_dark
{
   background-image: 	none;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="fileadmin/site_design/images/menue_button_dark.png", sizingMethod="scale");
}

.left_content
{
   /* Deklaration fuer IE 5.x */
   width:		468px;
   height:		100px;
   padding:		10px;
   margin:		10px 0px 0px 0px;
   background-color:	#E9E9E9;
   position:		relative;
   float:		left;
   /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
   voice-family:"\"}\"";
   voice-family:inherit;
   /* Korrektur fuer andere Browser */
   width:		448px;
}

.left_content .csc-firstHeader
{
   color:		#F97316;
   font-size:		16px;
   font-weight:		bold;
   letter-spacing:	3px;
}

.left_content a
{
   font-family:		Arial; 
   font-size:		11px;
   color:		#F97316;
}

.internal-link
{
   color:		#F97316;
}

.external-link-new-window
{
   color:		#F97316;
}

html>body .left_content
{
   height:		auto;
   min-height:		100px;
}

.left_footer
{
   height:		15px;
   width:		468px;
   padding:		0px;
   margin:		8px 0px 0px 0px;
   color:		#E9E9E9;
   text-align:		right;
   float:		left;
}


.right_column
{
   width:		220px;
   padding:		0px;
   margin:		0px 0px 0px 50px;
   position:		relative;
   float:		left;
}

.right_submenue
{
   width:		220px;
   padding:		0px;
   margin:		0px;
   margin:		0px 0px 10px 0px;
}

.right_addon
{
   width:		180px;
   padding:		0px;
   margin:		0px;
   margin:		0px 40px 0px 0px;
   font-family:		Arial; 
   font-size:		11px;
   line-height:		14px;
   color:		#FFFFFF;
}

.right_addon HR
{
   color:		#F97316;
   background-color:	#F97316;
   border:		0px;
   width:		180px;
}

.right_contact
{
   top:			196px;
   width:		220px;
   height:		70px;
   padding:		0px;
   margin:		0px;
   font-family:		Arial; 
   font-size:		11px;
   line-height:		14px;
   color:		#FFFFFF;
   vertical-align:	bottom;
   z-index:		2;
   position:		absolute;
}

.csc-sitemap a
{
   font-family:		Arial; 
   font-size:		11px;
   color:		#F97316;
}

.csc-sitemap li
{
   list-style-image:	url(../images/bullet.gif);
}