/* Layout */
/* a '*' in front of a style means only IE sees it */

html, body {margin: 0; padding: 0; border: 0;}
body
{
	margin: 			0px 0px;
	color: 				#000; /* Not in original PIE*/
	font-family: 		Georgia, Times, serif;
	color: 				#000;
	text-align: 		center;
}

.clear
{
	clear: 				both;
}

.wrapper, .wrapperheader, .wrapperfooter
{
	text-align: 		left;
}

.wrapperheader
{
	background: 		#95938E;
}
.wrapperfooter
{
	background: 		#005DA4;
}
.outer
{
}
.inner
{
}

/* div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout. Such a
shame that all this hacking is being caused by the 'mighty' Gecko engine! */

* html .inner
{
	width: 				100%;
}
.float-wrap
{
}

/* div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left,
div.left is carried over into the proper position. */

.left
{
	width: 				0px;
	display:			none;
}
.right
{
	width: 				0px;
	display:			none;
}

.center
{
	width: 				100%;
}
.top, .bottom
{
    width: 				100%;
	border: 			0px solid black;
	height:				20px;
}
.top
{
    display:			none;
}
.bottom
{
   	border-width: 		0px 0px 0px;
    font-family:		Georgia, Times, serif;
	font-size:			0.7em;
	color:				#FFF;
	background:			#00395F;
	padding:			3px 0px 3px 0px;
	text-align:			center;
}

/*------------------------------------------------------------------------*/

#picturebar
{
	background:			#005DA4;
	padding:			0px;
	margin:				0px;
	
}

#logo
{
	text-align:			right;
	vertical-align:		middle;
	padding:			26px 0px 26px 0px;
	margin:				0px;
	background-color:	#CCCCCC;
}

#printlogo
{
	text-align:			right;
	padding:			20px 0px 0px 0px;
	margin-bottom:		20px;
}

#daytime
{
	width: 				0px;
	display:			none;
}

#placeholder
{
	width: 				0px;
	display:			none;
}

#metanav
{
	width: 				0px;
	display:			none;
}

/*--------------------------------------------------------------------*/
/* Obere Navigation */

#navtop
{
	width: 				0px;
	display:			none;
}

/*--------------------------------------------------------------------*/

/*--------------------------------------------------------------------*/
/* Obere UnterNavigation */

#subnavtop
{
	width: 				0px;
	display:			none;
}

/*--------------------------------------------------------------------*/

/*--------------------------------------------------------------------*/
/* Linke Navigation */

#navleft
{
	width: 				0px;
	display:			none;
}

/*--------------------------------------------------------------------*/

.moreinfo
{
	color:				#000;
	padding:			2px;
	margin:				0px;
}
/* --> Layout */




/* Text */
h1
{
	font: 				bold 1.2em Arial, Helvetica, sans-serif;
	color: 				#00395F;
	margin: 			0px 0px 20px 0px;
	padding: 			0px 0px 0px 0px;
}

h2
{
	font: 				bold 0.7em Arial, Helvetica, sans-serif;
	color: 				#333;
	margin: 			0px;
	padding: 			0px 0px 0px 0px;
}

h3
{
	font: 				bold 0.8em Arial, Helvetica, sans-serif;
	color: 				#000;
	margin: 			0px;
	padding: 			0px 0px 0px 0px;
}

.moreinfo h1
{
	font: 				bold 0.7em Georgia, Times, serif;
	background-color:	#95938E;
	color:				#FFF;
	margin: 			0px 20px 5px 20px;
	padding: 			2px;
}

.moreinfo ul
{
	color:				#000;
	margin:				0px;
	padding:			5px;
	list-style: 		none;
}

.moreinfo ul li
{
	font: 				bold 0.7em Georgia, Times, serif;
	padding:			0px;
	padding-left:       20px;
	background-image:	url("../images/layout/dart-right.gif");
	background-repeat:	no-repeat;
	background-position:	0 50%;
	text-align:         left;
}

.center p, .popupbody p
{
	font: 				0.75em Georgia, Times, serif;
	margin: 			0px 0px 20px 0px;
}

.center ul li
{
	font: 				0.75em Georgia, Times, serif;
	margin: 			0px 20px 0px 20px;
}
/* Text */


.rightimage
{
	float:              right;
	padding:            0px;
	margin-left:		10px;
	margin-right:		20px;
	margin-top:			0px;
	margin-bottom:		10px;
}

.leftimage
{
	float:              left;
	padding:            0px;
	margin-right:		10px;
	margin-left:		20px;
	margin-top:			0px;
	margin-bottom:		10px;
}

.image
{
	padding:            0px;
	margin-right:		10px;
	margin-left:		20px;
	margin-top:			0px;
	margin-bottom:		10px;
}

.caption
{
	font: 				0.7em Georgia, Times, serif;
	background-color:	#F3F1EA;
	padding:			2px;
}

.blankcaption
{
	font: 				0.7em Georgia, Times, serif;
	padding:			2px;
}

.small
{
	font:				0.6em Verdana, Arial, Helvetica, sans-serif;
	margin: 			0px 20px 0px 20px;
}

.downloadbutton
{
	font:				0.6em Georgia, Times, serif;
	margin-top:         0px;
	margin-bottom:      10px;
	margin-left:        20px;
	padding:            0px;
}

.smalldate
{
	display:			none;
}

.disclaimer
{
	font:				0.6em Georgia, Times, serif;
	margin:				0px 0px 10px 0px;
	margin:				0px 20px 10px 20px;
}

#bottomnav
{
	width: 				0px;
	display:			none;
}

#subnav
{
	width: 				0px;
	display:			none;
}

p.highlight
{
	padding:            5px;
	background-color:   #DCE1E5;
	text-align:         left;
	font:				0.75em Georgia, Times, serif;
	border:				1px dashed #95938E;
}

form
{
	margin:				0px;
}

input
{
	border:				1px solid #323941;
	font: 				11px Georgia, Times, serif;
}

img
{
	border:				0px none;
	margin:				0px;
}

hr 
{
	color: 				#95938E;
	border:				#95938E;
	background-color: 	#95938E;
	height: 			1px;
	clear: 				both;
}

a:link, a:visited
{
	color: 				#00395F;
	text-decoration: 	underline;
}

a:active, a:hover
{
	color: 				#FF6600;
	text-decoration: 	underline;
}

.bottom a:link, .bottom a:visited
{
	color: 				#FFF;
	text-decoration: 	underline;
	font-weight: 		normal;
}

.bottom a:active, .bottom a:hover
{
	color: 				#FF6600;
	text-decoration: 	underline;
	font-weight: 		normal;
}

a.box:link, a.box:visited
{
	color: 				#FFF;
	text-decoration:	none;
	font-weight:		bold;
}

a.box:active, a.box:hover
{
	color: 				#FFF;
	text-decoration: 	underline;
	font-weight:		bold;
	background:			#005DA4;
}

.more
{
	font: 				bold 0.6em Georgia, Times, serif;
	margin: 			0px 20px 0px 20px;
}