/* 
	greve Maschinenbau // greve.de
	-----------------------------------------------------------------------------------------------------------------------------
	Author: Lars Brinkmann | http://rlwa.de
	v 19/02/2010
	-----------------------------------------------------------------------------------------------------------------------------
*/

	body	{	margin: 0; padding: 0; background: #ffffff; }
	img		{	border: none; }

/* 	Reset CSS 
	-----------------------------------------------------------------------------------------------------------------------------*/
	h1, h2, h3, h4, h5, h6, p, ul, ol, blockquote 		{ margin-top: 0; }	
	.clearer			{	clear: both; }

/* 	Layout
	-----------------------------------------------------------------------------------------------------------------------------*/
	.wrap				{ 	width: 900px; background: url(../images/bodyBackground.gif) repeat-y; min-height: 600px; position: relative; padding-bottom: 50px; margin-left: auto; margin-right: auto; }
	
	.wrapBody			{	margin-left: 200px;	width: 700px; }
	
	.wrapHeader			{	background: #ffffff; }
	
	.wrapHeadline		{	background: #d5e2ef; height: 40px; border-bottom: 1px solid #ffffff; line-height: 100%; }
	.wrapHeadline		{	font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; color: #007ab9; }
	.wrapHeadlineInner	{	padding: 10px 0 0 20px; }
	
	.wrapCnt			{	padding: 20px; background: #007ab9; }
	
	
	.wrapCntColumn			{ 	float: right; width: 300px; margin-left: 20px; padding: 10px; background: #d5e2ef; color: #007ab9; }
	.wrapCntColumn ul,
		.wrapCntColumn p	{	padding-right: 0; }
	
/* 	Typographie
	-----------------------------------------------------------------------------------------------------------------------------*/
	.wrapCnt			{	font-family: Lucida Sans Unicode, Arial, Helvetica, sans-serif; color: #ffffff; }
	h1					{	font-size: 16px; font-weight: bold; }
	
	p, ul, dl			{	font-size: 13px; line-height: 18px; }
	dt					{	font-weight: bold; }
	dd					{	padding-bottom: 10px; margin-bottom: 10px; }
	ul					{	list-style-type: square; }	
	
	a					{	color: #d5e2ef; text-decoration: none; }
	a:hover				{	color: #000000; }
	
	.wrapCntColumn a		{	color: #007ab9; }
	.wrapCntColumn a:hover	{	color: #000000; }	
	
	.noMrgBtm			{	margin-bottom: 2px; }
	.smallMrgBtm		{	margin-bottom: 7px; }	
	.smalltxt			{	font-size: 11px; }
	.imgbrd				{	border: 1px solid #007ab9; }
	
	p, ul				{	padding-right: 120px; }
	

/* 	Bilder
	-----------------------------------------------------------------------------------------------------------------------------*/
	.wrapImageRight		{	float: right; padding-bottom: 10px; margin-left: 30px; }
	.wrapImage			{	width: 256px; margin-bottom: 20px; }
	.wrapImage	img		{	border: 3px solid #ffffff; }
	.wrapCaption		{	font-size: 12px; color: #d0d0d0; text-align: center; }
	.wrapCaption2		{	font-size: 12px; text-align: left; width: 252px; display: block; }
	
/* 	Navigation
	-----------------------------------------------------------------------------------------------------------------------------*/
	.wrapNav			{	position: absolute; top: 120px; left: 10px; width: 185px; 
							font-family: Lucida Sans Unicode; Arial, Helvetica, sans-serif; }
	.wrapNav ul			{	list-style-type: none; margin: 0; padding: 0; }
	.wrapNav .root		{	line-height: 16px; font-size: 14px; font-weight: bold; }
	.wrapNav .root	li	{	padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #007ab9; }
	
	.wrapNav a			{	color: #007ab9; text-decoration: none; }
	.wrapNav a:hover	{	color: #003366; }
	
	.wrapNav .sub		{	font-size: 12px; font-weight: normal; line-height: 14px; margin-top: 5px; margin-left: 15px; }
	.wrapNav .sub li	{	padding-bottom: 0px; border-bottom: none; margin-bottom: 7px; }
	
	.wrapNav .sub ul ul	{	margin-left: 15px; }
	.wrapNav .sub ul ul	ul {	margin-left: 15px; }
	
	.wrapNav .l2		{	margin-bottom: 15px; }	
	.wrapNav .l2 li		{	margin-bottom: 2px; }
	
	.wrapNav a.act		{	color: #900000; }
	
	
	
/* 	LinkBoxen
	-----------------------------------------------------------------------------------------------------------------------------*/
	.wrapBox				{	position: relative; background: #d5e2ef; color: #007ab9; font-size: 14px; padding: 10px; margin-bottom: 20px; height: 35px; }
	.wrapBox:hover			{	background: #ffffff; cursor: pointer; }
	.wrapBox .wbr			{	position: absolute; right: 10px; bottom: 10px; }
	.wrapBox .wbr a			{	display: block; width: 60px; text-decoration: none; background: url(../images/3arrows.gif) right 3px no-repeat; color: #007ab9; }
	.wrapBox .wbr a:hover	{	 }

	a.linkBox				{	display: block; width: 60%; position: relative; background: #d5e2ef; color: #007ab9; font-size: 14px; font-weight: bold; 
								padding: 10px; margin-bottom: 20px; height: 35px; text-decoration: none; border: 2px solid #d5e2ef; }
	a.linkBox:hover			{	background: #007ab9; border: 2px solid #d5e2ef; color: #d5e2ef; }
	.linkBox span			{	position: absolute; right: 10px; bottom: 10px; font-size: 12px; }
	
	
	a.linkBoxSmall			{	position: relative; display: block; width: 340px; background: #d5e2ef; color: #007ab9; font-size: 14px; font-weight: bold; 
								padding: 10px; margin-bottom: 20px; height: 15px; text-decoration: none; border: 2px solid #d5e2ef; }

	a.linkBoxSmall:hover	{	background: #007ab9; border: 2px solid #d5e2ef; color: #d5e2ef; padding: 10px; margin-bottom: 20px; height: 15px; }
	
	.linkBox span			{	position: absolute; right: 10px; bottom: 10px; font-size: 12px; }
	.linkBoxSmall span		{	position: absolute; right: 10px; bottom: 10px; font-size: 12px; }	
	
	
	
	
	
/* 	JQuery Toggle
	-----------------------------------------------------------------------------------------------------------------------------*/
	
h2.trigger {
	font-size: 14px; 
/*	padding: 0 0 0 50px;
	margin: 0 0 5px 0;
	background: u1rl(h2_trigger_a.gif) no-repeat;
	height: 46px;
	line-height: 46px;
	width: 450px;
	font-size: 2em;
	font-weight: normal;
	float: left; */
	border: 1px solid #d5e2ef; width: 75%; padding: 5px; }
	
h2.trigger a 			{	color: #d5e2ef;	text-decoration: none; display: block;	}
h2.trigger a:hover { color: #ccc; }
h2.active {background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/

.toggle_container {
	margin: 0 0 5px;
	padding: 0;
	/* border-bottom: 1px solid #d6d6d6; */
/*	background: #f0f0f0 url(toggle_block_stretch.gif) repeat-y left top; */
	overflow: hidden;
/*	font-size: 1.2em;
	width: 500px; 
	clear: both; */
}
.toggle_container .block {
	padding: 20px; padding-top: 0;/*--Padding of Container--*/
	background: url(toggle_block_btm.gif) no-repeat left bottom; /*--Bottom rounded corners--*/
}