@charset "utf-8";
/* CSS Document */

	/*--------------------------------------/
	|									   /
	|	Stylesheet for www.TradeOn.de	  /
	|									 /
	|----------------------------------*/



	/* ----| IE Hover |----*/
	/* * html body, * html {
		behavior: 				url(lib/csshover.htc);
	} */


	/* ----| Basis |----*/

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

	html, body {
		background-color:		#e6e6e6;
		color:					#4d4d4d;
		font-family:			Verdana, Arial, Helvetica, sans-serif;
		font-size:				100.01%;
	}
	a {
		text-decoration:		none;
		color:					#B9141B;
	}
	img {
		padding:				5px;
		border:					none;
		margin:					3px;
	}
	.trans {
		width:					900px;
		height:					1px;
	}

	.clear {
		clear:					both;
	}

	/*------------------------------------------
		Basislayout
	-------------------------------------------*/

	#wrapper {
		position:				relative;
		margin:					20px auto;
		min-width:				949px;
	}
	* html #wrapper {
/* 		width:					expression(document.body.clientWidth < 949? "949px": "auto" );
 */	}


	#header {
		position:				relative;
		background:				url(../gfx/layout/head_m.jpg) repeat-x top left;
		height:					177px;
	}
	#head_l {
		position:				absolute;
		background:				url(../gfx/layout/head_l.jpg) no-repeat top left;
		left:					0;
		width:					419px;
		height:					177px;
	}
	#head_r {
		position:				absolute;
		background:				url(../gfx/layout/head_r.jpg) no-repeat top left;
		right:					0;
		width:					528px;
		height:					177px;
	}

	#header h1 {
		text-indent: 			-3000px;
		overflow:				hidden;
		display:				none;
	}
	h2 {
		font-size:				1.3em;
		color:					#7d212e;
		margin-bottom:			20px;
	}
	h3 {
		font-size:				0.8em;
	}
	p, td, #content ul, #footer {
		font-size:				0.8em;
	}

	#contentbox a {
		text-decoration:		none;
	}
	#contentbox a:hover {
		text-decoration:		underline;
	}

	/* ----- NAV --------------------------- */

	#navi {
		position:				absolute;
		top:					150px;
		left:					7px;
		width:					750px;
		font-size:				12px;
		font-weight:			bold;
		overflow:				visible;
		z-index:				500 !important;
	}
	#navi ul li {
		position:				relative;
		display:				block;
		float:					left;
		list-style:				none;
		text-align:				center;
	}
	#navi ul li a, #navi ul li a:hover {
		display:				block;
		/* background:				url(../gfx/layout/header_bg.gif) repeat-x top left; */
		padding:				5px 10px 5px 10px;
		margin:					0 10px 0 10px;
		text-decoration:		none;
		font-style:				normal;
		color:					#B9141B;
	}

   #navi ul li ul li a:hover {
		display:				block;
		padding:				5px 10px 5px 10px;
		margin:					0 10px 0 10px;
		text-decoration:		underline;
	}
   #navi #subactive {
		xcolor:#B9141B !important;
		background: url(../gfx/layout/navi_dot.gif) no-repeat;
		background-position:0px 2px;

	}

	#navi ul li a:hover, #navi ul li:hover a {
		color:					#fff;
	}

	/* submenu */
	#navi ul li ul {
		position:				absolute;
		height:					15px;
		width:					530px;
		top:					25px;
		left:					15px;
		padding:				1px;
		display:				block;
		white-space:			nowrap;
		display:				none;
	}
	#navi ul li ul li {
		padding:				1px 0 3px 0;
		margin:					0;
	}
	#header #navi ul li ul li a {
		float:					left;
		font-size:				10px;
		display:				block;
		color:					#1f0000;
		padding:				4px 10px;
		margin:					0;
		border:					1px solid #000;
		border-width:			0 0 1px 0;
	}
	#header #navi ul li ul li a:hover, #header #navi ul li ul li:hover a {
		color:					#65221c;
		padding:				4px 10px;
		margin:					0;
	}
	#header #navi ul li ul li a.first {
		border-width:			0 0 1px 1px;
	}
	#header #navi ul li ul li a.active {
		color:					#65221c;
		border:					1px solid #000;
		border-width:			0 0 1px 1px;
		cursor:					default;
	}
	#navi ul #active ul {
		display:				block;
	}
	#navi ul li#active a {
		xcolor:					#B9141B;
		color:					#fff;
	}

	/*------------------------------------------
		Pagelayout
	-------------------------------------------*/

	#contentbox {
		position: 				relative;
		background:				#fff url(../gfx/layout/side_bg.gif) repeat-y top right;
		margin:					0 20px 0 20px;
	}
	#contentbox a {
		text-decoration:		none;
		color:					#B9141B;
	}
	#contentbox a:hover {
		text-decoration:		underline;
	}
	#content {
		position:				relative;
		display:				block;
		padding:				40px 25px 54px 25px;
		margin:					0;
		margin-right:			250px;
		min-height: 			536px;
 	}
	#content .box {
		position:				relative;
		margin:					10px 0 10px 0;
		height:					120px;
		margin-right:			0;
	}
	#content .box img {
		position:				absolute;
		margin:					0 3px 0 -2px;
	}
	#content .box p, #content .box h3 {
		padding:				5px 0 0 0;
		margin-left:			150px;
		margin-right:			0;
	}
	#content ul {
		padding-top:			5px;
	}
	#content ul li {
		margin:					1px 23px 3px 15px;
      list-style-image: url(../gfx/layout/dot.gif)
	}
	/* * html #content {
		margin-right:			245px;
	} */


	/* ----| Sidebar |----*/

	#sidebar {
		/* position:				relative; */
		background-color:		#cfcfcf;
		float:					right;
		width:					190px;
		padding:				20px 0 0 18px;
	}
	* html #sidebar {
		position:				absolute;
		right:					20px;
	}
	#sidebar h2 {
		font-weight:			bold;
		font-size:				0.8em;
		margin:					22px 0 10px -18px;
		padding:				   2px 0 2px 18px;
		color:					#676767;
		background:				#bbb;
	}
	* html #sidebar h2 {
		margin-bottom:			25px;
	}
/*   #sidebar p {
      margin-bottom:       5px;
      padding:             2px 4px 2px 0;
   }
   */
	#sidebar a {
		font-size:				0.75em;
		display:				block;
		margin-bottom:			-12px;
		padding:				0;
		font-style:				normal;
		color:					#B9141B;
	}
	/* *+html #sidebar a {
		margin-bottom:			-12px;
	}
	* html #sidebar a {
		margin:					-13px 0 0 0;
	} */
	#sidebar a:hover {
		text-decoration:		underline;
	}

	/* ----| Footer |----*/

	#footer {
		position:				relative;
		background:				#6a0c0c;
		height: 				17px;
		color:					#d4d4d4;
		white-space:			nowrap;
		padding:				3px 30px 0 27px;
		text-align:				center;

	}
	* html #footer {
/* 		width:					expression(document.body.clientWidth < 949? "949px": "auto" );
 */		margin:					0;
		padding:				0;
	}
	#footer p {
		cursor:					default;
	}
	#footer a {
		margin:					0 5px;
		text-decoration:		none;
		color:					#fff;
		font-style:				normal;
		text-decoration:		none;
	}
	#footer a:hover {
		color:					#aaa;
		text-decoration:		none;
	}

	/* ----| Formulare |----*/
/*
	form {
		position:				absolute;
		display:				block;
		margin:					20px 0;
		width:					auto;
	}*/
	form label {
		font-size:				0.75em;
		display:				block;
		float:					left;
	}
/*
	form label span {
		display:				block;
		width:					100px;
		padding-top:			5px;
		float:					left;
		cursor:					default;
	}
	* html form label span {
		padding-top:			10px;
	}
	*+html form label span {
		padding-top:			5px;
		padding-bottom:			8px;
	}
	form div {
		position:				relative;
		display:				block;
		clear: 					both;
	}
	form input {
		border:					1px solid #ccc;
		font-size:				1.2em;
		padding:				2px;
		width:					190px;
		margin:					1px 15px 3px 5px;
		float:					left;
		display:				block;
	}
	* html form input {
		margin-top:				5px;
		margin-bottom:			5px;
	}
	form label.check input {
		width:					auto;
		margin:					5px 10px 0 106px;
		display:				block;
		border:					none;
	}
	* html form label.check input {
		margin-left:			51px;
	}
	*+html form .check input {
		margin-left:			102px;
	}
*/
/*---formulare---*/
#formular form
{
	margin: 0px auto 10px auto;
}

#formular img
{
	padding: 4px 4px 0 4px;
}

#formular h2
{
	font-size:12px;
	font-weight:bold;
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#7D212E;
	letter-spacing:1px;
	line-height:20px;
	xborder-top:1px solid #B5B5B5;
	xborder-right:1px solid #B5B5B5;
	xborder-bottom:none;
	xborder-left:1px solid #B5B5B5;
	xbackground-color:#BBB;
}

#formular fieldset
{
	margin: 0px 0 0px 0;
	padding:0px;
	xborder:1px solid #B5B5B5;
	xbackground-color:#EFEFEF;
}

#formular label.left
{
	float:left;
	text-align:left;
/*die naechsten zwei sind beliebig anpassbar,
um in das jeweilige Gestaltungsraster
zu passen. Bei Aenderungen aber nicht
vergessen, die margins bei input.right
entsprechend anzupassen: */
	width:12em;
	margin-right:.3em;
	margin-left:0px;
	padding-top:4px;
}

#formular label.left2zeilen
{
	float:left;
	text-align:left;
	width:12em;
	margin-right:.3em;
	margin-left:49px;
   margin-top:-2px;
}

/*  positioniert die Text- und
Auswahlboxen rechts daneben: */

#formular input, select, textarea, selectbox
{
	float:left;
	width:200px;
	border:1px solid #B5B5B5;
	padding:0px 0px 0px 4px;
	margin:0px 0px 8px 0px;

}

#formular .right_small
{
	width:20px;
	height:20px;
	margin:2px 0 8px 0;
	border:none;
	background-color:#EFEFEF;
}

/* positioniert text rechts neben checkboxen */
#formular label.right
{
	line-height:20px;
	text-align:left;
	padding:0 5px 0 5px;
   margin:0px;
   cursor:pointer;
}

#formular textarea
{
	height:150px;
   overflow:auto; /* IE no scrollbar */
}

/*Extrawurst fuer Mozilla, keine Ahnung,
warum das so ist. Feedback und
Loesungsvorschlaege willkommen */

#formular input[type=checkbox],
#formular input[type=radio]
{
	width:15px;
	height:15px;
	padding:0px;
	margin-buttom:8px;
}

#formular input[type=text]
{
	padding:2px 0px 0px 4px;
   height:17px;
}

#formular input[type=submit]
{
	padding:-2px 0px 0px 0px;
}
/* material-abforderung */
#formular input.small-input
{
   margin-left:1em;
   width:20px;
}
#formular .multi
{
   height:auto;
}
#formular br
{
	clear:both;
}

#formular .btn
{
	width:204px;
	border:auto;
	cursor:hand;
	cursor:pointer;
}