/*--------------TBmnet.de - Stylesheet------------------------------------------------------------------------------------------------------------*/

* 		{ 
		font-family:		Verdana, Arial, sans-serif;
		font-size:		10px;
		font-weight:		normal;
		}

pre		{ font-family:		courier, monospace;
			padding:		20px 40px 20px 40px;
			margin-left:		40px;
			margin-right:		40px;
			background:		#eeeeee;
			font-size:		12px;
			border:			thin dotted #555555;
		}

b		{ font-weight:		bold; }

hr		{
		margin:			5px 10px 5px 0px;
		background-color:	#aaaaaa;
		}

img 		{ border: 0px; }

body		{
		margin:			50px 80px 0px 80px;
		background-color:	#d3d3d3;
		}

#page		{
		margin:			0px;
		background-color:	#d3d3d3;
		}

#head		{
		height:			100px;
		background:		#999999;
		background-image:	url("../img/bg_gradient_head.png");
		background-repeat:	repeat-y;
		background-position:	top right;
		border:			1px solid #555555;
		}

#head h1	{ display: none; }

#head_hack	{ /*for hiding the header_image_2 in small browser windows*/
		height:			102px;
		width:			80px;
		position:		absolute;
		top:			50px;
		left:			0px;
		z-index:		3;
		background:		#d3d3d3;
		}

#head_image_1	{
		position:		absolute;
		top:			70px;
		left:			170px;
		z-index:		2;
		}

#head_image_2	{
		position:		absolute;
		top:			51px;
		right:			80px;
		z-index:		1;
		}

#navigation	{
		position:		absolute;
		top:			161px;
		left:			80px;
		width:			150px;
		padding:		5px 0px 10px 10px;
		background:		#bababa;
		background-image:	url("../img/bg_gradient_navigation.png");
		background-repeat:	repeat-y;
		background-position:	top right;
		border:			1px solid #555555;
		}

#navigation h3	{
		margin:			10px 10px 5px 0px;
		padding:		2px 0px 2px 0px;
		color:			#555555;
		background:		#acb3c4;
		border:			thin dotted #444444;
		font-size:		12px;
		font-weight:		bold;
		letter-spacing:		1px;
		text-align:		center;
		}

#navigation a	{
		display:		block;
		padding:		1px;
		padding-left:		16px;
		color:			#555555;
		font-size:		12px;
		text-decoration:	none;
		}

#navigation a:hover {
		color:			gray;
		background-image:	url("../img/bg_navigation_link_hover.png");
		background-repeat:	no-repeat;
		background-position:	center left;
		}

#navigation p	{
		margin:			5px 0px 10px 2px;
		color:			#666666;
		font-size:		9px;
		font-weight:		normal;
		}

#navi_footer	{ padding-left:		12px; }

#navi_footer a:hover { background:	transparent; }

#navi_footer p	{
		margin:			10px 0px 0px 0px;
		padding-right:		22px;
		color:			#888888;
		text-align:		center;
		}

#content	{
		position:		relative;
		top:			9px;
		margin:			0px 0px 50px 170px;
		background-color:	#d3d3d3;
		}

#content_title	{
		margin:			0px 0px 6px 0px;
		padding:		0px 20px 0px 70px;
		background-color:	#bbbbbb;
		background-image:	url("../img/bg_gradient_content_title.png");
		background-repeat:	repeat-y;
		background-position:	top left;
		border:			1px solid #555555;
		}

#content_navi	{
		height:			20px;
		margin:			0px;
		padding:		0px 20px 0px 0px;
		background-color:	#bbbbbb;
		background-image:	url("../img/bg_gradient_content_title.png");
		background-repeat:	repeat-y;
		background-position:	top left;
		border:			1px solid #555555;
		}

#content_navi a { float: right; }
		
#content_navi a:hover {
		background-image:	url("../img/bg_content_navigation_hover.png");
		background-repeat:	no-repeat;
		}

#content_frame	{
		margin:			4px 0px 0px 0px;
		padding:		0px 20px 10px 20px;
		background-color:	#cccccc;
		border-top:		solid #555555 1px;
		border-left:		solid #555555 1px;
		border-right:		solid #555555 1px;
		border-bottom:		thin dotted #444444;
		}

#content h2	{
		color:			#777777;
		font-size:		14px;
		font-weight:		bold;
		}

#content h3	{
		color:			#666666;
		font-size:		15px;
		font-weight:		bold;
		}

#content h4	{
		color:			#666666;
		font-size:		12px;
		font-weight:		normal;
		text-decoration:	underline;
		}

#content p	{
		margin-left:		5px;
		color:			#333333;
		font-size:		10pt;
		font-weight:		normal;
		line-height:		12pt;
		text-align:		justify;
		}

#content a	{
		color:			#668592;
		font-size:		10pt;
		font-weight:		normal;
		text-decoration:	none;
		}
	
#content a:hover { color: 		#cc2222; }

#content a:visited { color: 		#777777; }

#content li	{
		color:			#333333;
		font-size:		10pt;
		font-weight:		normal;
		}

#content code	{
		padding:		5px 15px 5px 15px;
		margin:			15px;
		background:		#eeeeee;
		border:			thin dotted #555555;
		font-family:		courier, monospace;
		font-size:		12px;
		}

#footer 	{
		margin:			0px 0px 0px 0px;
		padding:		10px 0px 5px 0px;
		color:			#666666;
		background-color:	#cccccc;
		border-left:		solid #555555 1px;
		border-right:		solid #555555 1px;
		border-bottom:		solid #555555 1px;
		}

#footer p	{
		font-size:		8px;
		font-weight:		normal;
		text-align:		center;
		}

/*------for CRUX ports database------------------------------------------------------------------------------------------------*/

table		{
		width:			100%;
		border-collapse:	collapse;
		}

tr.color1	{
		border:			1px solid #555555;
		background-color:	#999999;

		}

tr.color2	{
		border:			1px solid #555555;
		background-color:	#bbbbbb;
		}

tr.color3	{
		border:			1px solid #555555;
		background-color:	#cecece;
		}

th		{
		border:			1px solid #555555;
		font-family:		verdana, arial, sans-serif;
		font-size:		10pt;
		text-align:		center;
		color:			#333333;
		font-weight:		bold;
		padding:		5px;
		}

td		{
		border:			1px solid #555555;
		font-family:		verdana, arial, sans-serif;
		font-size:		10pt;
		color:			#333333;
		font-weight:		normal;
		padding:		5px;
		}

td.fixed	{ 
		width:			80px;
		text-align:		center;
		}

td.invisible	{
		border:			0px;
		font-family:		verdana, arial, sans-serif;
		font-size:		10pt;
		text-align:		center;
		color:			#333333;
		font-weight:		normal;
		padding:		5px;
		}

td.left		{
		border:			0px;
		font-family:		verdana, arial, sans-serif;
		font-size:		10pt;
		text-align:		left;
		color:			#333333;
		font-weight:		normal;
		padding:		5px;
		}
		
select		{
		color:			#555555;
		background-color:	#d3d3d3;
		padding-left:		1px;
		}
		
input		{
		color:			#555555;
		background-color:	#d3d3d3;
		padding-left:		1px;
		}
		
.float_left	{
		float:			left;
		width:			48%;
		margin-bottom:		15px;
		}

.float_right	{
		float:			right;
		width:			48%;
		margin-bottom:		15px;
		}