@charset "utf-8";
/*//////////////////////////////////////////////////////////////////////////////////////////////////
//                                                                   +--------------------------+ //
//  main.css                                                         | +----------------------+ | //
//  ========                                                         | |  MAIN design style   | | //
//                                                                   | +----------------------+ | //
//  Author: B. Jurke                                                 +--------------------------+ //
//                                                                                                //
////////////////////////////////////////////////////////////////////////////////////////////////////
//                                                                                                //
//  File history:                                                                                 //
//        - 03.07.2009  File created as main.css                                                  //
//                      This file contains the main frame's style sheet for the entire page       //
//                      design.                                                                   //
//        --------------------------------------------------------------------------------------- //
//        PLEASE NOTE:  When the W3C validator requests the page, a script automatically comments //
//                      out all non-standard CSS3 -moz* and -webkit* properties and request       //
//                      this modified file instead, No other changes are made to the CSS code.    //
//                                                                                                //
//////////////////////////////////////////////////////////////////////////////////////////////////*/

body {
	background-color: #000;
	background-image: url(../image/body_back.jpg);
	background-repeat: repeat;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #FFF;
	font-family: Verdana, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", sans-serif;
	font-size: 0.75em;
	min-width: 920px;
	font-style: normal;
}

#infobox {
	color: #DDD;
	text-align: right;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 9px;
	margin: 0;
	padding: 10px 20px 0 0;
	height: 25px; }
	
#resizecontainer {
	margin: 0 auto;	
	max-width: 1200px; }

#container {
	color: #000;
	text-align: left;
	background-color: #d2d2d2;
	list-style-type: none;
	margin: 0 35px;
	background-image: url(../image/frame_background.jpg?v=2);
	background-repeat: repeat;
	max-height: 800px;
	border: 6px double #666;
	border-right: none;
	-moz-border-radius-topleft: 25px;
	-moz-border-radius-topright: 780px 500px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 300px 230px;
	border-top-left-radius: 25px;
	border-top-right-radius: 780px 500px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 300px 230px; }
	
.hidden { /* This tag is for preloading images as display:none does not always preload */
	position: absolute;
	top: -4000px;
	background-repeat: no-repeat; }
	
.amp {
	font-family: Baskerville, "Baskerville Old Face", "NewBskvll BT", Palatino, Constantia, "Book Antiqua", "URW Palladio L", serif;
	font-style: italic;
	font-size: 130%;
	opacity: 0.9;
	padding: 0 5px;
	text-shadow: #AAA 5px 5px 5px;
	font-weight: normal; }
	
/*////////////////////////////////////////////////////////////////////////////////////////////////*/

#header {
	height: 75px;
	padding: 0 10px; } 
	
	#header #logo a,
	#header #logo a:link,
	#header #logo a:visited {
		display:block;
		padding: 0;
		margin: 0;
		width: 278px;
		height: 64px;
		border: none;
		background: url(../image/bjurke.net_logo_titleline.png?v=17);
		background-repeat:no-repeat;
		text-decoration: none; }
	#header #logo a:hover,
	.preload-logo-hover,
	#header #logo a:active {
		background: url(../image/bjurke.net_logo_titleline_hover.png?v=17); }

#footer {
	height: 28px;
	padding: 10px 50px; } 
	
	#footer p {
		margin: 0;
		padding: 0;	}

	.block {
		text-align: left;
		vertical-align: middle;
		float: left;
		height: 28px;
		font-family: Tahoma, Geneva, sans-serif;
		font-size: 9px;
		color: #CCC; 
		padding-left: 30px; }
	
		.block img {
			margin-left: 3px;
			border: 0; }
		 
	.block a:link,
	.block a:visited { color:#999; }
	.block a:active  { color:#F00; }
	.block a:hover   { color:#C66; }
	
	.block a:link img,
	.block a:visited img { 
		border: 1px solid transparent;
		-moz-border-radius: 5px;
		border-radius: 5px; }
	.block a:active img { border-color: #C00; }
	.block a:hover img	{ border-color: #933; }

/*////////////////////////////////////////////////////////////////////////////////////////////////*/

#sidebar1 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	padding: 0px;
	width: 135px;
	float: left; }

	#sidebar1 div {
		padding: 10px;
		margin-top: 0px;
		margin-bottom: 0px;
		text-align: right; }
	
	#sidebar1 p {
		margin-top: 0px;
		margin-bottom: 0px; }
		
	#sidebar1 #bad_browser {
		text-align: center;	}
	
	#sidebar1 a:link,
	#sidebar1 a:visited { color:#036; }
	#sidebar1 a:active  { color:#C00; }
	#sidebar1 a:hover   { color:#900; }
	
	#sidebar1 .linkbtns a:link img,
	#sidebar1 .linkbtns a:visited img { 
		border: 1px solid #AAA;
		padding-top: 1px;
		padding-bottom: 1px;
		-moz-border-radius: 5px;
		border-radius: 5px; }
	#sidebar1 .linkbtns a:active img  { border-color: #C00; }
	#sidebar1 .linkbtns a:hover img   { 
		border-color: #666;  /* 09C 3CF */
		-moz-box-shadow: inset 0 0 5px #AAA; 
		box-shadow: inset 0 0 5px #AAA; } /* C60 */

/*////// THE MAIN MENU //////*/

	#sidebar1 #nav {
		margin: 0;
		padding: 2px;
		border-top: 2px solid #666;
		border-bottom: 2px solid #666;
		border-right: 1px solid #666;
		background-image: url(../image/mainmenu_back.png?v=4);
		background-repeat: repeat; }
		
	#sidebar1 #innernav {
		margin: 0;
		border: 2px solid #FFF;
		text-align: left;
		padding: 35px 0 15px 8px; }
	
	/* The main links */
	#sidebar1 #nav ul {
		padding: 0;
		margin: 0;
		list-style-type: none; }
	
		#sidebar1 #nav ul li {
			width: 100%;
			padding: 0;
			margin-bottom: 20px;
			font-family: Arial, Helvetica, sans-serif;
			font-weight: bold;
			font-size: 16px;
			color: #1F2442;	}
		
		#sidebar1 #nav ul span,
		#sidebar1 #nav ul a { 
			text-decoration: none; 
			padding-right: 22px;
			background-image: url(../image/mainlink_big_light.png);
			border-bottom: 2px solid #BBB;
			background-position: 100% 50%;
			background-repeat: no-repeat; }
		#sidebar1 #nav ul a, 
		#sidebar1 #nav ul a:link, 
		#sidebar1 #nav ul a:visited { color: #000; }
		#sidebar1 #nav ul a:active  { color: #C00; }
		#sidebar1 #nav ul span,
		.preload-hover1,
		#sidebar1 #nav ul a:hover {
			color: #6C1800;
			border-bottom-color: #B99;
			text-shadow: #CCC 1px 1px 2px;
			background-image: url(../image/mainlink_big.png); }
		#sidebar1 #nav ul a:hover {
			text-shadow: #FFF 0px 0px 10px;}
		
		/* The subsections */
		#sidebar1 #nav ul ul {
			margin: inherit; }
		
			#sidebar1 #nav ul ul li {
				font-size: 13px;
				margin-top:3px;
				margin-bottom:3px;
				color: #111; }
				
			#sidebar1 #nav ul ul span,
			#sidebar1 #nav ul ul a { 
				text-decoration: none;
				padding-left: 15px;
				padding-right: 0;
				border-bottom: none;
				background-image: url(../image/mainlink_light.png);
				background-position: 0 50%;
				background-repeat: no-repeat; }
			#sidebar1 #nav ul ul a, 
			#sidebar1 #nav ul ul a:link, 
			#sidebar1 #nav ul ul a:visited { color: #222; }
			#sidebar1 #nav ul ul a:active  { color: #C00; }
			#sidebar1 #nav ul ul span,
			.preload-hover2,
			#sidebar1 #nav ul ul a:hover {
				color: #593a03; /* 824106 */
				text-shadow: #CCC 1px 1px 2px;
				background-image: url(../image/mainlink.png?v=2); }
			#sidebar1 #nav ul ul a:hover {
				text-shadow: #FFF 0px 0px 9px;}

			/* The subsubsections */
			#sidebar1 #nav .lvl3,
			#sidebar1 #nav ul ul ul {
				margin: 0 0 0 15px; }
			
				#sidebar1 #nav .lvl3 li,
				#sidebar1 #nav ul ul ul li {
					font-size: 10px;
					margin-bottom:0;
					color: #222;
					margin-top:0;
					background-image: url(../image/mainlink_small_light.png);
					background-position: 0 50%;
					background-repeat: no-repeat; }

				#sidebar1 #nav .lvl3 a,
				#sidebar1 #nav ul ul ul a, 
				#sidebar1 #nav .lvl3 a:link,
				#sidebar1 #nav ul ul ul a:link, 
				#sidebar1 #nav .lvl3 a:visited,
				#sidebar1 #nav ul ul ul a:visited { color: #222; }
				#sidebar1 #nav .lvl3 a:active,
				#sidebar1 #nav ul ul ul a:active  { color: #C00; }
				#sidebar1 #nav .lvl3 span,
				#sidebar1 #nav ul ul ul span,
				.preload-hover3,
				#sidebar1 #nav .lvl3 a:hover,
				#sidebar1 #nav ul ul ul a:hover {
					color: #345438;
					text-shadow: #CCC 1px 1px 2px;
					background-image: url(../image/mainlink_small.png); }
				#sidebar1 #nav ul ul ul a:hover {
					text-shadow: #FFF 0px 0px 8px;}


/*////////////////////////////////////////////////////////////////////////////////////////////////*/

#mainContent {
	color: #000;
	border: 1px solid #666;
	margin: 0 0 0 135px;
	padding: 30px;
	text-align: left;/* justify;*/
	line-height: 1.7em;
	background-color: #FFFCF9;
	background-image: url(../image/background.jpg);
	background-repeat: no-repeat;
	-moz-box-shadow: inset 1px 1px 10px #666;
	box-shadow: inset 1px 1px 10px #666;
	min-height: 750px; }

	#mainContent a {
		background-image: url(../image/link.gif);
		background-position: 100% 50%;
		background-repeat: no-repeat;
		padding-right: 11px;
		border-bottom: 1px solid #BBB;
		text-decoration: none; }
	#mainContent a.nomarkup,
	#mainContent .linkbox table a { 
		background: none;
		padding-right: 0px;
		border-bottom: none; }
	#mainContent a,
	#mainContent a:link,
	#mainContent a:visited { color: #004589; }
	#mainContent a:active  { color: #C00; }
	#mainContent a:hover   {
		color: #000;
		background-color: #FCC; }
	#mainContent a:hover.nomarkup,
	#mainContent .linkbox table a:hover { background-color: transparent; }
	
	#mainContent a:link img,
	#mainContent a:visited img { border: 3px dotted #6F9;
	                             padding: 1px;}
	#mainContent a:active img  { border: 3px solid #C00; }
	#mainContent a:hover img   { border: 3px solid #F86352;
	                             box-shadow: 0px 0px 10px #CCC; }
	
	#mainContent > p {
		margin-top: 15px;
		margin-bottom: 15px;
		padding-left: 10px;
		text-indent: 10px; }
	
	#mainContent > p:first-letter {
		font-size: 150%;
		font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; }
		
	#mainContent .firstlettercolor,
	#mainContent > p:first-letter {
		color:#222;	}
	
	#mainContent h1, 
	#mainContent h2, 
	#mainContent h3,
	#mainContent h4, 
	#mainContent h5, 
	#mainContent h6 {
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-weight: bold;
		color: #000; }
	#mainContent h1 {
		color: #006;
		font-size: 35px;
		text-align: center;
		text-shadow: #CCC 5px 5px 5px; }
	#mainContent h2 {
		color: #036;
		font-size: 25px;
		margin-top: 35px;
		text-shadow: #CCC 2px 2px 4px; }
	#mainContent h3 {
		color: #069;
		font-size: 18px;
		text-align: center; }
	#mainContent h4 {
		font-size: 16px;
		margin: 0;
		text-shadow: #DDD 1px 1px 2px; }
	#mainContent h5 {
		font-size: 14px;
		margin: 0; }
	#mainContent h6 {
		font-size: 12.5px;
		margin: 0; }
	
	#mainContent ul {
		list-style-type: none;
		margin: 10px 10px 10px 0; }
		#mainContent ul li {
			background: transparent url(../image/dot.gif?v=2) no-repeat scroll 0 8px;
			padding-left: 15px; }
			
		#mainContent .bigbulletlist li {
			background: transparent url(../image/dot_big.gif?v=2) no-repeat scroll 0 4px;
			padding-left: 20px;
			margin-bottom:10px; }
			
#mainContent tt {
	color: #360;
	font-family: "Courier New", Courier, monospace; }


/*///////// FLOATING BOXES /////////*/

	#mainContent .fltright, 
	#mainContent .fltleft {
		margin-top: 10px;
		margin-bottom: 10px;
		font-family: Tahoma, Geneva, sans-serif;
		font-size: 11px;
		color: #004589;;
		line-height: normal;
		text-align: center;	}
	#mainContent .fltright {
		float: right;
		margin-left: 15px; }
	#mainContent .fltleft {
		float: left;
		margin-right: 15px;	}
	#mainContent .fltright p, 
	#mainContent .fltleft p {
		text-indent: 0;
		margin-top: 3px; }


/*///////// TABLES /////////*/

	#mainContent .centertableframe {
		margin: 10px auto 10px auto;
		text-align: left;
		padding: 0;	}

	#mainContent .centertableframe,
	#mainContent .centertable_frameonly {
/*		background-color: #FCF6E6;*/
		background-image:url(../image/table_background.jpg?v=2);
		background-repeat:repeat;
		border: 1px solid #666;
		-moz-border-radius: 15px;
		border-radius: 15px;
		-moz-box-shadow: 3px 3px 3px #CCC;
		box-shadow: 3px 3px 3px #CCC; }
	#mainContent .centertableframe:hover,
	#mainContent .centertable_frameonly:hover {
		border-color: #C99;	}
	#mainContent .centertableframe tr.r0 {
		background-color:inherit; /* should be: #FCF6E6; */	}
	#mainContent .centertableframe tr.r1 {
		background: url(../image/table_background_even.png);
		background-repeat: repeat; }
	#mainContent .centertableframe td {
		padding: 10px;
		margin: 0; }
	
	#mainContent .centertableframe_hover {  /* use with .centertableframe */
		padding: 5px; }
	#mainContent .centertableframe_hover tr:hover {
		background-color:#DDD;
		border-color: #C99; }
		
	#mainContent .plaintable {
		border: 0; }
	#mainContent .plaintable td {
		padding: 0;
		margin: 0;
		vertical-align: top; }
	
	.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
		clear:both;
		height:0;
		font-size: 0px;
		line-height: 0px; }
		
/*///////// LINK BOX /////////*/

	#mainContent .linkbox {
		max-width:700px; 
		border-top: 1px solid #CCC; 
		border-bottom: 1px solid #CCC; 
		margin: 40px auto; }
	#mainContent .linkbox table {
		border:none; 
		margin-left:auto; 
		margin-right:auto; }
	#mainContent .linkbox table td {
		padding: 10px;
		margin-bottom: auto;
		margin-top: auto; }
	#mainContent .linkbox table td.legend {
		color: #666;
		font-family: Arial, Helvetica, sans-serif; 
		font-weight: bold;
		font-size: 10px; }
	#mainContent .linkbox table td.legend strong {
		color: #888;
		font-size: 15px; }
	/* Image Link styles above */


/*///////// SITEMAP /////////*/

	#mainContent .sitemaptable {     /* use with .centertableframe .centertableframe_hover */
		padding: 10px; }
	#mainContent .sitemaptable td {
		padding: 2px; }


/*///////// ERROR MESSAGES /////////*/

	#mainContent .errormsg {
		background-color: #FDC;
		margin: 20px;
		padding: 20px;
		line-height: normal;
		border: 3px solid #039;
		-moz-border-radius: 30px;
		border-radius: 30px;
		-moz-box-shadow: 5px 5px 5px #CCC;
		box-shadow: 5px 5px 3px #CCC; }
	
		#mainContent .errormsg h2 {
			font-size:200px;
			text-align:center;
			font-family: Verdana, Geneva, sans-serif;
			color: #F00;
			padding: 0px;
			margin: 0px;
			text-shadow: none;
			text-decoration: none; }
		
		#mainContent .errormsg div {
			background-color:#FFC; }
		
		#mainContent .errormsg p, 
		#mainContent .errormsg p + p {
			text-align:center;
			text-indent:0; }


/*///////// AUTO-COPYRIGHT BLOCK /////////*/

	#mainContent #copyrightblock {
		border-top: 1px solid #888;
		margin-top: 25px;
		padding-top: 5px;
		font-size: 9px;
		color: #888;
		line-height: normal;
		max-width: 70%; }
	
		#mainContent #copyrightblock a:link,
		#mainContent #copyrightblock a:visited { color: #888; }
		#mainContent #copyrightblock a:active  { color: #C00; }
		#mainContent #copyrightblock a:hover {
			color: #000;
			background-color: #FCC;
			text-decoration: underline; }