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


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

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

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

*
{
   margin:		0px;
   padding:		0px;
}

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

/*
A:hover
{
   text-decoration:	underline;
}
*/


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

/* farbverlauf grau-> weiß */
.background
{
   top:			0;
   left:		0;
   width:		100%;
   height:		420px;
   background:		url(../images/Hintergrundverlauf_Grau.gif) repeat-x;
   position:		fixed;
   z-index:		1;
}

/* weißes fenster mit abgerundeten ecken */
.main
{
   top:			30px;
   background-color:	#ffffff;
   width:		850px; 
   height:		475px;
   margin:		0px auto 0px auto; 
   padding:		0px; 
   font-family:		Arial; 
   font-size:		12px;
   text-align:		left;
   position:		relative;
   z-index:		2;
}

/* spalte für logo und menü */
.left_column
{
   background-color:	#ffffff;
   width:		250px;
   height:		475px;
   margin:		0px;
   padding:		0px;
   float:		left;
}

/* logo */
.logo
{
   width:		210px;
   height:		100px;
   margin:		20px 0px 0px 0px;
   padding:		0px;
   text-align:		right;
}

/* vertikaler schriftzug */
.logo_addon
{
   background:		url(../images/Logo_Addon.gif) repeat-y;
   width:		55px;
   height:		355px;
   margin:		0px 0px 0px 15px;
   padding:		0px;
   float:		left;
}

/* menüleiste */
.menue
{
   background-color:	#ffffff;
   width:		155px;
   height:		355px;
   margin:		-25px 0px 0px 0px;
   padding:		0px;
   float:		left;
}

/* container für content */
.right_column
{
   background-color:	#ffffff;
   width:		600px;
   height:		475px;
   margin:		0px;
   padding:		0px;
   float:		left;
}

/* abgerundete ecken oben */
.ecken_oben
{
   top:			0px;
   width:		850px;
   height:		11px;
   margin:		0px auto 0px auto;
   padding:		0px;
   background:		url(../images/Rand_oben.gif) no-repeat;
   position:		relative;
   z-index:		3;
}

/* abgerundete ecken unten */
.ecken_unten
{
   bottom:		11px;
   width:		850px;
   height:		11px;
   margin:		0px auto 0px auto;
   padding:		0px;
   background:		url(../images/Rand_unten.gif) no-repeat;
   position:		relative;
   z-index:		3;
   float:		left;
}

/* schatten des "main" fensters */
.shadow
{
   top:			65px;
   background:		url(../images/Schatten.gif) no-repeat;
   width:		865px; 
   height:		70px;
   margin:		0px auto 0px auto; 
   padding:		0px; 
   position:		relative;
   z-index:		2;
}

/* diverse farblich hervorgehobene textelemente */
.colored
{
   color:		#AA0000;
}


/***************************************************************************
 * content style elements
 ***************************************************************************/ 

/* menü */
/* 1. ebene */
.menue_layer1
{
   padding:		25px 0px 10px 0px;
   font-family:		Arial; 
   font-size:		13px;
   font-weight:		bold;
   text-align:		left;
}

/* 2.ebene */
.menue_layer2
{
   width:		155px;
   padding:		0px 0px 4px 0px;
   font-family:		Arial; 
   font-size:		12px;
   font-weight:		normal;
   text-align:		left;
   color:		#000000;
}

/* 2. ebene links */
.menue_layer2 a
{
   color:		#000000;
}

/* 2. ebene aufzählungszeichen */
.menue_layer2 li
{
   margin:		0px 0px 0px 20px;
   padding:		0px 0px 0px 3px;
   list-style:		url(../images/Pfeil.gif) outside;
}


/* content */
/* header */
.header
{
   height:		142px;
   background:		url(../images/Bild.gif) no-repeat;
   margin:		20px 0px 0px 0px;
   padding:		0px;
   
}

/* rote überlagerung */
.header_overlay
{
   width:		580px;
   height:		53px;
   background:		url(../images/Header_Overlay_Rot.png) no-repeat;
   padding:		0px;
   margin:		0px;
}


/* header menü (kontakt, impressum) */
.header_menue
{
   top:			40px;
   right:		30px;
   padding:		0px 0px 5px 0px;
   text-align:		right;
   position:		absolute;
   
}

/* header menü links */
.header_menue a
{
   color:		#bbbbbb;
}

/* aktuelle seite */
.current_page
{
   top:			60px;
   right:		30px;
   font-family:		Arial; 
   font-size:		16px;
   font-weight:		bold;
   text-align:		right;
   color:		#bbbbbb;
   position:		absolute;
}


/* main content */
.content
{
   width:		425px;
   height:		252px;
   margin:		20px 0px 0px 0px;
   padding:		0px 150px 0px 5px;
   overflow:		auto;
   overflow-x:		none;
   scrollbar-3dlight-color:	#ffffff;
   scrollbar-arrow-color:	#CCCCCC;
   scrollbar-base-color:	#FFFFFF;
   scrollbar-darkshadow-color:	#DDDDDD;
   scrollbar-face-color:	#FFFFFF;
   scrollbar-highlight-color:	#DDDDDD;
   scrollbar-shadow-color:	#DDDDDD;
}

.content h1
{
   padding:		0px 0px 10px 0px;
   font-family:		Arial; 
   font-size:		12px;
   font-weight:		bold;
   text-align:		left;
   color:		#AA0000;
}

.content td
{
   width:		100px;
}


/* footer */
.footer
{
}

.dealer
{
  bottom:		18px;
  position:		absolute;
}

.footerbalken
{
   bottom:		10px;
   position:		absolute;
}



/***************************************************************************
 * plugin elements
 ***************************************************************************/
 
.contact_td1
{
   margin:		0px;
   padding:		0px 20px 4px 0px;
   vertical-align:	top;
}
 
.contact_td2
{
   width:		350px;
   margin:		0px;
   padding:		0px 0px 4px 0px;
   vertical-align:	middle;
   white-space:		nowrap;
}

.contact_td2 input
{
   width:		200px;
}

.contact_td2 select
{
   width:		322px;
}

.contact_td2 textarea
{
   width:		320px;
   height:		60px;
}

.contact_submit
{
   width:		320px;
   padding:		5px 7px 0px 0px;
   font-weight:		bold;
}

.contact_error
{
   width:		320px;
   color:		#AA0000;
}



div.csc-mailform .csc-form-element
{
	margin:		0px 0px 5px 0px;
}

div.csc-mailform .csc-form-element-textblock
{
	margin:		0px 0px 10px 0px;
}
	
div.csc-mailform .csc-form-element label
{
	width:		100px;
}

div.csc-mailform .csc-form-element em
{
   color:		#AA0000;
   float:		right;
}

div.csc-mailform .csc-form-element input
{
   width:		200px;
}

div.csc-mailform .csc-form-element select
{
   width:		280px;
}

div.csc-mailform .csc-form-element textarea
{
   width:		280px;
   height:		60px;
}

div.csc-mailform .csc-form-element-submit input
{
   width:		100px;
   margin:		10px 0px 0px 330px;
   padding:		0px;
   font-weight:		bold;
   color:		#AA0000;
   background-color: #ffffff;
   border:		0px;
}