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

html, body {margin: 0; padding: 0; border: 0;}
body {
	margin: 			0px 0px;
	font-family: 		verdana, arial, sans-serif;
	color: 				#000;
	text-align: 		center;
	background:			url(/images/layout/cdu-bg.jpg) #62A2C6 no-repeat center top;
}

.clear {
	clear: 				both;
}

.wrapper {
	margin: 			0 auto;
	text-align: 		left;
	width: 				844px;
	background: 		#fff;
	overflow:			hidden;
}

/* 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%;
}

.right {
	width: 				200px;
	float: 				left;
	position: 			relative; 
}

.center {
	width: 				560px;
	margin-right:		60px;
	float: 				left;
}

.bottom {
    font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			0.7em;
	color:				#FFF;
	background:			#005DA4;
	padding:			8px 10px 50px 10px;
	text-align:			left;
	margin-top:			60px;
}

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

#header {
	background:			url(/images/layout/header-bg.jpg) #1a6dbf left top no-repeat;
	margin-bottom:		10px;
}

#logo
{
	text-align:			right;
	vertical-align:		middle;
	padding:			15px 0 20px 0;
	margin:				0px;
	background:			url(../images/layout/claim.gif) left center no-repeat;
}

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

#placeholder
{
	width: 				160px;
	float:				left;
	padding: 			7px 0px 7px 0px;
	background:			#95938E;
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			0.7em;
}

#metanav
{
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-size: 			0.6em;
	padding:			10px 4px 15px 0px;
	color:				#FFF;
	text-align:			right;
}

#metanav a
{
	text-decoration:	none;
	padding:			4px;
	border-right:		1px solid #B3CFE4;
	border-top:			1px solid #B3CFE4;
	border-bottom:		1px solid #B3CFE4;
}

#metanav a.firstmeta
{
	border:				1px solid #B3CFE4;
}

#metanav a:link, #metanav a:visited
{
	color:				#FFF;
}

#metanav a:active, #metanav a:hover
{
	background-color:	#FFF;
	color:				#005DA4;
}

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

#navtop
{
	background: #F3F1EA;
	padding: 0 10px;
	margin: 0px;
}

#navtop ul
{
	margin: 0px;
	padding: 7px 0px;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.75em;
	text-align: left;
}

* html #navtop ul
{
	margin: 0px;
}

#navtop ul li
{
	display: inline;
	list-style-type: none;
}

#navtop a
{
	padding: 7px;
	margin: 0px 7px 0px 0px;
}

#navtop a:link, #navtop a:visited
{
	text-decoration: none;	
}

#navtop a:hover
{
	background-color: #EE3338;
	color: #fff;
}

a.navinactivetop:link, a.navinactivetop:visited
{

}

a.navactivetop:link, a.navactivetop:visited
{
	color: #EE3338;
}

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

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

#subnavtop
{
	padding: 0 10px;
	margin: 0px;
	border-bottom: 1px solid #EE3338;
	background: #fff;
}

#subnavtop ul
{
	margin: 0px;
	padding: 7px 0px 7px 0px;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.7em;
	text-align: left;
}

* html #subnavtop ul
{
	margin: 0px;
}

#subnavtop p
{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.7em;
	text-align: left;
}

#subnavtop ul li
{
	display: inline;
	list-style-type: none;
}

#subnavtop a
{
	padding: 7px;
	margin: 0px;
	text-decoration: none;
}

#subnavtop a:hover
{
	background-color: #e0ded8;
	color: #000;
}

a.subnavinactivetop:link, a.subnavinactivetop:visited
{
	color: #000;
}

a.subnavactivetop:link, a.subnavactivetop:visited
{
	background-color: #e0ded8;
	color: #000;
}

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

.moreinfo
{
	color:				#000;
	padding:			2px;
	margin:				0px;
	clear:				both;
}

.rightbox
{
	background:			#F3F1EA;
	border-top:			2px solid #DCDBD5;
	border-bottom:		2px solid #DCDBD5;
	margin-top:			2px;
	margin-bottom:		20px;
	padding-top:		2px;
}


/* --> Layout */




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

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

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

h1 a:link, h1 a:visited {
	text-decoration:	none;
}

.moreinfo h1
{
	font: 				bold 0.7em Verdana, Arial, Helvetica, sans-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 Verdana, Arial, Helvetica, sans-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 Verdana, Arial, Helvetica, sans-serif;
	margin: 			0px 20px 20px 20px;
}

.center ul li
{
	font: 				0.75em Verdana, Arial, Helvetica, sans-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 Verdana, Arial, Helvetica, sans-serif;
	background-color:	#F3F1EA;
	padding:			2px;
}

.blankcaption
{
	font: 				0.7em Verdana, Arial, Helvetica, sans-serif;
	padding:			2px;
}

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

.downloadbutton
{
	font:				0.6em Verdana, Arial, Helvetica, sans-serif;
	margin-top:         0px;
	margin-bottom:      10px;
	margin-left:        20px;
	padding:            0px;
}

.smalldate
{
	font:				0.6em Verdana, Arial, Helvetica, sans-serif;
	text-align:			right;
	margin:				0px 20px 10px 20px;
}

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

p.areaimg
{
	margin: 			0px;
	padding:			0px;
}

p.barhead
{
	color:				#00395F;
	font:				bold 0.7em Verdana, Arial, Helvetica, sans-serif;
	margin:				8px 5px 0px 5px;
	text-transform: 	uppercase;
}

p.bartext
{
	font: 				0.6em Verdana, Arial, Helvetica, sans-serif;
	margin:				5px 5px 10px 5px;
}

.barmore
{
	margin:				0px;
	padding:			5px;
}

.barmore ul
{
	margin:				0px;
	margin-left:		20px;
	padding:			0px;
	list-style: 		square;
}

.barmore ul li
{
	line-height:		0.6em;
}

.barmore ul li a 
{
	font: 				0.6em Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:		4px;
}

#bottomnav
{
	font:				bold 0.6em Verdana, Arial, Helvetica, sans-serif;
	text-align:			center;
	margin-bottom:		20px;
}

#subnav
{
	margin:				0px;
	padding:			5px;
	background-color:	#95938E;
}

#subnav ul
{
	margin:				0px 0px 0px 20px;
	padding:			0px;
	list-style: 		none url("../images/layout/black4x4.gif") outside;
}

#subnav ul li a 
{
	font: 				0.6em Verdana, Arial, Helvetica, sans-serif;
	color:				#FFF;
}

#subnav ul li a:hover
{
	background-color: 	#DCE1E5;
	color:				#000;
}

.popupbody
{
	text-align:       	left;
	margin-top:         10px;
}

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

#popuphead
{
	margin:             0px;
	padding:            2px;
	background-color:   #005DA4;
	text-align:         right;
	font:				0.6em Verdana, Arial, Helvetica, sans-serif;
}

#popuphead a
{
	color:              #FFF;
}

#popuphead a:hover
{
	color:              #FFF;
}

img.boximg
{
	float:				right;
	border-left:		1px solid #323941;
	padding:			1px 1px 1px 10px;
	margin-left:		10px;
	margin-top:			0px;
	margin-bottom:		0px;
	vertical-align:		middle;
}

img.lupe
{
	float:              right;
	background-color:	#F3F1EA;
	padding:			2px;
}

form
{
	margin:				0px;
}

input
{
	border:				1px solid #323941;
	font: 				11px Verdana, Arial, Helvetica, sans-serif;
}

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

hr 
{
	color: 				#DCDBD5;
	border:				#DCDBD5;
	background-color: 	#DCDBD5;
	height: 			2px;
	clear: 				both;
	margin-left:		10px;
	margin-right:		10px;
}

.center table
{
	margin:             0px 10px 0px 10px;
}

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

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

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

.bottom a:active, .bottom a:hover
{
	color: 				#FFF;
	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 Verdana, Arial, Helvetica, sans-serif;
	margin: 			0px 20px 0px 20px;
}

.accesskey
{
	text-decoration:	underline;
}

.gliederung {
	float: left;
	width: 250px;
	height: 180px;
}