@charset "UTF-8";

/**
 * Technische Werke Delitzsch GmbH CSS.
 *
 * @name		twd
 * @version		0.1
 * @author		Sebastian Prein <sebastian.prein(at)ifabrik(dot)de>
 * @copyright	2009 i-fabrik GmbH
 */

@media print
{
	/*************************************************************************************
	 *	GENERAL
	 **************************************************************************************/
	*
	{
		margin:				0;
		padding:			0;
		outline:			0;
	}

	.right					{ float: right; }
	.right:after			{ clear: right; }
	.left					{ float: left; }
	.left:after				{ clear: left; }
	.clear
	{
		clear:				both !important;
		float:				none !important;
		font-size:			0px !important;
		height:				0px;
		line-height:		0px !important;
		margin:				0 !important;
		overflow:			hidden !important;
		padding:			0 !important;
	}

	img 						{ border: 0; }

	html, body
	{
		width:				100%;
		background:			#fff none;
		color:				#000;
		font:				normal normal normal .9em/1.5em tahoma, arial, helvetica, sans-serif;
	}


	/* -- background image. -- */
	#bg_image, #corners_top, #gradient, #ServiceMenu, #frm_search, #navigation, #foot , #content img.link_img
	{
		display: none;
	}


	/*************************************************************************************
	 *	BASIC LAYOUT
	 **************************************************************************************/
	#container
	{
		width:				100%;
		margin:				50px auto 0px;
		position:			relative;
		background:			#fff none;
		border-bottom:		1px solid #e5e8ea;
	}

	/*************************************************************************************
	 *	HEADER
	 **************************************************************************************/
	#head
	{
		height:				94px;
		margin:				25px 0px;
		background-color:	#fff;
		border-bottom:		2px solid #000;
	}
	#head p
	{
		float:				left;
		margin:				17px 10px;
		font-size:			.85em;
		line-height:		1.5em;
		color:				#000;
	}
	#head #logo
	{
		float:				left;
		margin-left:		40px;
		margin-right:		25px;
	}

	/*************************************************************************************
	 *	CONTENT GENERAL
	 **************************************************************************************/
	#content
	{
		position:			relative;
		margin:				0px 2px;
		color:				#333;
		background:			#fff;
	}
	#content #colleft, #content #colright, #content #onecol
	{
		border:				0;
		background-color:	#fff;
		color:				#000;
	}
	#content .spacer
	{
		padding-top:		20px;
	}
	#content #onecol
	{
		width:				794px;
		padding:			20px;
	}

	#content h1
	{
		margin:				20px 0px 15px;
		padding-bottom:		5px;
		line-height:		1em;
		font-weight:		normal;
		font-size:			1.6em;
		border-bottom:		1px solid #eee;
		color:				#3b4b97;
	}
	#content h2
	{
		margin:				20px 0px;
		padding-bottom:		5px;
		line-height:		1em;
		font-weight:		normal;
		font-size:			1.3em;
	}
	#content h3
	{
		margin:				20px 0px;
		padding-bottom:		5px;
		line-height:		1em;
		font-size:			1em;
	}
	#content a
	{
		color:				#3b4b97;
	}

	#content #teaser
	{
		background:			#fff url('../icons/teaser2.gif') no-repeat 12px 16px;
		border-bottom:		1px dotted #687096;
		padding:			15px 15px 15px 40px;
		margin-bottom:		15px;
		margin-top:			-10px;
	}

	/* blockquote style */
	#content blockquote
	{
		background-color:	#fafafa;
		border:				1px solid #ddd;
		border-width:		1px 0px;
		padding:			15px 15px 15px 30px;
		margin:				15px 0px;
		quotes:				"\201E" "\201C";
		font-style:			italic;
	}
	#content blockquote:before, #content blockquote:after { color: #aaa; font-style: normal; font-weight: bold; }
	#content blockquote:before { content: open-quote; position: relative; left: -10px; margin-right: -5px;}
	#content blockquote:after { content: close-quote; padding-left: 5px; }

	/* lists */
	#content ul ul, #content ol ol, #content ul ol, #content ol ul
	{
		margin:	.5em 0;
	}
	#content ol li 				{ margin-left: 1.7em; }
	#content ul li 				{ margin-left: 1.25em; }

	/* tables */
	#content table td
	{
		vertical-align: 	top;
		text-align:			left;
	}
	#content .tbl_1, #content .tbl_2
	{
		border-collapse:	separate;
		border-spacing:		1px;
		empty-cells:		show;
	}
	#content .tbl_1 td.dark
	{
		background-color:	#fafafa;
	}
	#content .tbl_1 td
	{
		padding:			3px;
		border:				1px solid #ddd;
	}
	#content .tbl_1 td:hover
	{
		border-bottom:		1px dotted #3b4b97;
		background-color:	#fcfcfc;
	}
	#content .tbl_2
	{
		border-bottom:		1px solid #eee;
	}
	#content .tbl_2  td.dark
	{
		background-color:	#3b4b97;
		color:				#fff;
		border-bottom:		1px solid #313d7d;
	}
	#content .tbl_2 td
	{
		padding:			3px;
		background-color:	#fafafa;
	}

	#content .contact		{ margin: 10px 0px; list-style-type: none; border: 5px solid #eee; border-width: 1px 1px 1px 5px; padding: 6px 3px;}
	#content .contact li 		{ margin: 0px 10px; padding: 1px 0px 1px 25px; }
	#content .contact .name	{ background: transparent url('../icons/person.gif') no-repeat center left; }
	#content .contact .tel	{ background: transparent url('../icons/phone.gif') no-repeat center left; }
	#content .contact .mail	{ background: transparent url('../icons/link/email.gif') no-repeat center left; }

	#content img
	{
		max-width:			490px;
		margin:				10px 0px;
		border:				5px solid #eee;
	}
	#content img.link_img
	{
		width:				16px;
		height:				16px;
		vertical-align:		middle;
		margin:				1px 0px;
		border:				0;
	}


	/*************************************************************************************
	 *	CONTENT LEFT ONLY
	 **************************************************************************************/
	#content #colleft
	{
		width:				100%;
	}
	#content #colleft .list_item
	{
		margin:				-10px 0px 10px;
		padding-bottom:		10px;
		border-bottom:		1px dotted #eee;
	}
	#content #colleft .list_item img.left
	{
		margin:				10px 10px 10px 0px;
	}
	#content #colleft .list_item img.right
	{
		margin:				10px 0px 10px 10px;
	}


	/*************************************************************************************
	 *	CONTENT RIGHT ONLY
	 **************************************************************************************/
	#content #colright
	{
		border-top:			2px solid #000;
		width:				100%;
	}
	#content #colright img
	{
		max-width:			215px;
		margin:				10px 0px;
		border:				0;
	}
}

div.form-container #steps li.clearfloat {	list-style: none !important; }