/*********************************************************************************
 * Main Sections
 *********************************************************************************/

body#web {
	margin:0px;
	padding:0px;
	border:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 77%;
	position:relative;
	text-align:center;
	background-color: rgb(234 242 251);
	background: #fff url(body_bg.png) top left repeat-x;
	}

#pageregionTopWrapper {
	margin:0px auto;
	padding:0px;
	border:0px;
	position: relative;
	width:976px;
	height:208px;
	text-align:left;
	background: rgb( 99 79 196);
	#background: #052558 url(rfhWrapper_bg.jpg) top left repeat-y;
	
}


#pageregionTop {
	margin: auto;
	padding: 0;
	border: 0;
	width:950px;
	height:196px;
	#background: #02336C url(rfh_PageRegionTop_bg.jpg) top left no-repeat;
	background: rgb( 99 79 196);
	}

#Logo {
	float:left;
	border:0;
	padding:10px;
	margin:0;
	margin-left:18px;
	width:300px;
	}

	
#pageregionContent {
	margin: auto;
	padding: 13px;
	padding-top: 40px;
	border: 0;
	min-height: 300px;
	text-align:left;
	#background: transparent url(rfhWrapper_bg.jpg) top left repeat-y;
	background-color: rgb(234 242 251);
	border:solid 0px red;
	}
	
#pageregionContentAttributeRelease{
	margin: auto;
	padding: 13px;
	padding-top: 20px;
	border: 0;
	min-height: 300px;
	text-align:left;
	background: transparent url(rfhWrapper_bg.jpg) top left repeat-y;
	border:solid 0px red;
	}
	
#pageregionFooter {
	margin: auto;
	padding: 0;
	padding-top:30px;
	padding-bottom:13px;
	border: 0;
	width:976px;
	text-align:left;
	background: rgb( 99 79 196);
	#background: transparent url(rfhWrapper_bg.jpg) top left repeat-y;
	border:solid 0px red;
	border-bottom: solid 2px #B2B2B2;
	}
	

#pageregionFooterTermsOfUse {
	margin: auto;
	padding: 0;
	padding-top:680px;
	padding-bottom:13px;
	border: 0;
	width:976px;
	text-align:left;
	#background: transparent url(rfhWrapper_bg.jpg) top left repeat-y;
	background: rgb( 99 79 196);
	border:solid 0px red;
	border-bottom: solid 2px #B2B2B2;
	}	

	

	
	
#footer {
	margin: auto;
	padding: 0;
	border: 0;
	width:976px;
	height:48px;
	#background: #02336C url(footer.jpg) top left no-repeat;
	background: rgb(99 79 196);
	border:solid 0px red;
	border-radius: 3px;
	}
	
	


	
.clearing {
	clear: both;
	height: 0;
	border:0;
	margin:0;
	padding:0;
	font-size:1px;
	line-height:0;
	}

.floatRight {
	float:right;
	}

.floatLeft {
	float:left;
	}


/**************************************************************/
/* NAVIGATION
/*************************************************************/

div#menu {
	float:left;
	margin:0;
	padding:0;
	margin-left:10px!important;
	margin-left:5px;
	}
	
div.menuFromRight {
	float: right;
	margin:0;
	padding:0;
	margin-right:10px!important;
	}

/* Droppy basic code - don't modify */
 
#nav { display: block; margin: 0; padding: 0; position: relative;}
#nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
#nav a { display: block; }
#nav ul { display: block; position: absolute; left: 0; margin: 0; padding: 0; z-index: 10000; }
  * html #nav ul { line-height: 0; } /* IE6 "fix" */
         #nav ul a { zoom: 1; } /* IE6/7 fix */
    #nav ul li { float: none; }
    #nav ul ul { top: 0; }

 

ul#nav ul {
	top: 40px; 
	background: #ebeaea; 
	background: transparent url(button_bg.png) bottom right no-repeat;
	border: 1px solid #2f6e9f;
	border-top-width: 5px;
	margin-top: -1px;
	padding: 10px 0 5px 0 !important;
	-moz-border-radius-bottomleft: 3px;	
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;	
	-webkit-border-bottom-right-radius: 3px;
	} 

#nav li {
	background: transparent url(button_bg.png) top left repeat-x;
	color: #A0A0A0;
	display: block;
	list-style: none;
	position: relative;
	height:42px;
	width: 126px;
	margin:0; 
	padding:0;
	}
	
#nav li a {
	color: #888888;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
	font-size: 120%;
	font-weight: bold;	
	}
	
#nav li a:hover {
	color:#B5123E;
	}



div#emptyBar{
	float:left;
	margin-top: 1px;
	padding:0;
	height:40px;
	border-radius: 2px;
	background: transparent url('emptybar_bg.jpg') top left repeat-x;
	}

	
	
	

div#blueBar {
	 margin:0;
	 margin-left:11px;
	 width:928px;
	 height:29px;
	 color:#fff;
	 background-color:#19487E;
	}

div#contingentInfo {
	 float:left;
	 margin:0;
	 margin-left:12px;
	 margin-top:7px;
	 padding:0;
	 width:686px;
	 color:#fff;
	 border:solid 0px red;
	}

div#theTime {
	 float: right;
	 margin:0;
	 margin-right:12px;
	 margin-top:7px;
	 padding:0;
	 color:#fff;
	 border:solid 0px red;
	}


#contingentInfo a:link,
#contingentInfo a:visited {
	color: #fff;
	text-decoration:none;
	}

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


	
#serviceNavigation {
	float:right;
	margin:0;
	margin-top:18px;
	padding:0;
	width:600px;
	text-align:right;
	border:0px solid green;
	background: rgb( 99 79 196);
	}

/* IE <7 */ 
* html #serviceNavigation {
	width:580px;
	} 

#serviceNavigation ul.serviceNav {
	margin:0;
	margin-right:21px;
	padding:0;
	border:solid 0px red;
	}

#serviceNavigation ul.serviceNav li {
	display: inline;
	}

#serviceNavigation ul.serviceNav li a{
	display:block;
	float:right;
	padding-left:18px;
	}

#serviceNavigation a:link, #serviceNavigation a:visited {
	color: #fff;
	text-decoration:none;
	}

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



p.topOfPage {
	margin:0;
	padding:0;
	text-align:right;
	border:solid 0px red;
	}


/***************************************************************************/
/* General 
/***************************************************************************/

h1, h2,  h3, h4, H5, .heading1, .heading2, .heading3, .heading4, .heading5 {
	font-family: "Times New Roman", serif;
	font-weight: normal;
	color: rgb(28 50 58);
	}

.form, p, ol, ul, li, em, sup, sub, table, tr, th, td {
	font-family: Arial, Helvetica, sans-serif;
	color: #535252;
	font-size: 100%;
	}

h1.title {
	font-size: 160%;
	line-height: 24px;
	margin-top:0px; 
	}

h1,.heading1 {
	font-size: 220%;
	line-height: 24px;
	margin-top:0px;
	font-weight: bold;
	}

h2,.heading2 {
	font-size: 160%;
	line-height: 20px;
	}
	
h2.dontDisplay {
	display: none;
	}

h3,.heading3 {
	font-size: 115%;
	line-height: 18px;
	margin-bottom: 0px
	}

h4,.heading4 {
	font-size: 110%;
	line-height: 16px 
	}

h5,.heading5 {
	font-size: 105%;
	line-height: 15px 
	}

p {
	line-height: 1.5em;
	}

ol {
	line-height: 1.5em;
	}

ul {
	list-style-type: square;
	}

p.caption {
	font-style: italic;
	padding-top:0px;
	margin-top:0px;
	color:#000;
	}

p.emphasis {
	padding:4px;
	border:solid 1px #ECEDEE;
	line-height: 1.5em;
	font-weight:bold;
	color:#AD3A3B;
	}

p.description {
	line-height: 1.5em;
	font-weight:bold;
	}

p.creator  {
	}

p.small {
	font-size: 10px;
	}

p.smalltext {
	font-size: 10px !important; font-size: xx-small;
	}

p.cRights {
	display:none;
	margin:0px;
	padding:0px;
	width:0px;
	height:0px;
	}

strong, b {

	}

a:link, a:visited {
	color: #003C83;
	text-decoration : underline;
	outline:none;
	}

a:hover, a:active {
	text-decoration : underline;
	color: #C82020;
	outline:none;
	}

/* get rid of those system borders being generated for a tags */
a:active {
	outline:none;
	}


	
	
	
/*********************************************************************************
 * Tables
 *********************************************************************************/


table tr th  {
	text-align: center;
	font-weight: bold;
	padding:2px 2px 2px 5px;
	background-color:#A0BDB6;
	color:#043F7B;
}

table tr td { 
	font-size: 13px
	}

table tr.row1 td {
	background-color:#ECF0F0; 
	}

table tr.row2 td {
	background-color:#ECEDEE; 
	}


table tr td.emptytable  {
	padding: 10px;
	text-align: center;
}


table a.action {
	background-color:#EAEAEA;
	color:#022F6B;
	text-decoration: none;
	}
	
table a.action:hover {
	background-color:#EAEAEA;
	color:#022F6B;
	text-decoration: underline;
	}


	

table {
	width: 100%;
	margin-bottom: 30px;
}

table tr td { 
}

table tr th {
	vertical-align:top;
	vertical-align:top;
	padding:2px 2px 2px 5px;
	color:#043F7B;
}
	

form input {
	margin: 0;
	margin-top:6px;
	padding: 6px;
	color:#7D7E7F;
}

	
	
/*********************************************************************************
 * Special things
 *********************************************************************************/

table tr td.leftAlign {
	text-align: left;
	}

table tr tr.leftAlign {
	text-align: left;
	}

table tr td.rightAlign {
	text-align: right;
	}

table tr tr.rightAlign {
	text-align: right;
	}

	
.message {
	text-align: center;
	margin: 20px;
	font-size: 120%;
	}
	
.submessage {
	text-align: center;
	margin: 10px;
	}

.link {
	text-align: center;
	margin: 10px;
	}

form h1 {
	text-align: center;
	}

form {
	margin: auto;
	width: 500px;
	}

form table {
	margin: auto;
	}

table tr td.key {
	width: 100px;
	padding: 4px;
	text-align: left;
	}

table tr td.value {
	padding: 4px;
	text-align: left;
}

form table input[type=text],
form table input[type=password] {
	width: 270px;
	border: solid 1px #AAAAAA;
	border-radius: 3px;
	box-sizing: border-box;
}


form table input[type=submit] {
	background: #5fa2c1;
	background: -moz-linear-gradient(top, #5fa2c1 0%, #295f8e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5fa2c1), color-stop(100%,#295f8e));
	background: -webkit-linear-gradient(top, #5fa2c1 0%,#295f8e 100%);
	background: -o-linear-gradient(top, #5fa2c1 0%,#295f8e 100%);
	background: -ms-linear-gradient(top, #5fa2c1 0%,#295f8e 100%);
	background: linear-gradient(to bottom, #5fa2c1 0%,#295f8e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fa2c1', endColorstr='#295f8e',GradientType=0 );
	
	color: #FFF;
	font-weight: bold;
	border-radius: 3px;
	border: 1px solid #469;
	box-shadow: 1px 3px 2px #777;
	width: 270px;
	text-align: left;
	cursor: pointer;
}


form table input[type=submit]:hover {
	background: #5fa2c1;
	background: -moz-linear-gradient(top, #5fa2c1 0%, #295f8e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5fa2c1), color-stop(100%,#295f8e));
	background: -webkit-linear-gradient(top, #5fa2c1 0%,#295f8e 100%);
	background: -o-linear-gradient(top, #5fa2c1 0%,#295f8e 100%);
	background: -ms-linear-gradient(top, #5fa2c1 0%,#295f8e 100%);
	background: linear-gradient(to bottom, #5fa2c1 0%,#295f8e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fa2c1', endColorstr='#295f8e',GradientType=0 );
	
	color: #FFF;
	font-weight: bold;
	border-radius: 3px;
	border: 1px solid #469;
	box-shadow: 2px 3px 4px #777;
	text-shadow: 1px 1px 4px #000;
	width: 270px;
	text-align: left;
}


.errormsg {
	background-color: #ffee88;
	border: 1px solid #aa8800;
	text-align: center;
	padding: 10px;
	font-weight: bold;
}


.loginForm table {
	margin-top: 20px;
}



 
.uApproveRevocation {
	color: #888;
	font-size: 12px;
	margin-top: -25px;
	margin-left: -15px;
}


.uApproveRevocation p {
        width: 490px;
	margin: auto auto;
        color: #888;
}

 
.funktionsHinweis {
        width: 500px;
	margin: 20px auto;
	margin-bottom: 0px;
	color: #888;
}

.funktionsHinweis p {
        width: 500px;
	margin: 10px auto auto;
	color: #888;
}

.funktionsHinweis ul li {
        color: #888;
}

#funktionsHinweisDetailliert {
	margin-bottom: 10px;
}

  
.logoutHinweis {
	width: 500px;
	margin: 10px auto auto;
	color: #888;
}


.logoutHinweis p {
	color: #888;
}

.attributhinweis {
        width: 500px;
	margin: auto auto;
	color: #888;
}

.attributhinweis p {
        width: 500px;
	margin: auto auto;
        color: #888;
}

#passwordForgotten {
	display: block;
	color: #777;
	text-decoration: none;
	margin-top: 3px;
}

#passwordForgotten:hover {
	color: #469;
	text-shadow: 1px 1px 3px #777;
}