* {
	margin:0; 
	padding:0;
} 

html {
	height:100%; 
	font-size:100.01%;
} 

body
{
	text-align: center;
	min-height: 101%;
	font: 100.01%/130% Verdana, Arial, Helvetica, sans-serif;
	color: #524E4A;
	background-color: #fff;
} 

body * {
	text-align:left;
}

/*
	Credit to Mike Foskett for this nice intro: http://www.websemantics.co.uk
*/




/* General Link Specification */

a, a:link {
	text-decoration:none;
	color:#3f98ab;
	background-color: transparent;
}

a:visited {
	text-decoration:none;
	color:#658a92;
	background-color: transparent;
}

a:hover, a:active, a:focus {
	text-decoration:underline;
	color:#1b89a0;
	background-color: transparent;
}


/* greylink */

a.greylink:link
{
	text-decoration:none;
	color:#222121;
	background-color: transparent;
}

a.greylink:visited
{
	text-decoration:none;
	color:#626161;
	background-color: transparent;
}

a.greylink:hover, a.greylink:focus
{
	text-decoration:underline;
	color:#000;
	background-color: transparent;
}

/* greylink */

a.hgreylink:link
{
	text-decoration:none;
	color:#424141;
	background-color: transparent;
}

a.hgreylink:visited
{
	text-decoration:none;
	color:#658a92;
	background-color: transparent;
}

a.hgreylink:hover, a.greylink:focus
{
	text-decoration:underline;
	color:#000;
	background-color: transparent;
}

/* white link (extranet) */

.privateView a:link
{
	text-decoration:none;
	color:#fff;
	background-color: transparent;
}

.privateView a:visited
{
	text-decoration:none;
	color:#fff;
	background-color: transparent;
}

.privateView a:hover, .privateView a:focus
{
	text-decoration:underline;
	color:#fff;
	background-color: transparent;
}





br.clearer {
	clear:both;
}

img {
	border:none;
}

hr {
 display: none;
}

/* the container */

#container {
	min-width:766px;
	max-width:1066px;
	
	padding:2px;
	margin:0 auto;
	/*position: relative;*/
}

/* The skip Navigation */

#skipNavigation {
	width: 100%;
	position: absolute;
	top:3em;
	left:0;
}

#skipNavigation a, #skipNavigation a:link, #skipNavigation a:visited {
	position:relative;
	top:-800px;
	font-size:0.8em;
	text-decoration: none;
	color: #fff;
	background-color: #000;
	padding: 0.2em 15px 0.2em 15px;
	margin:2px 0 0 2px;	

}

#skipNavigation a:hover, #skipNavigation a:active, #skipNavigation a:focus  {
	position:relative;
	top:0px;	
	text-decoration: none;
	background-color: #f0ff44;
	color: #181513;

}




/* the header */

#header
{
	width:100%;
	float:left;
	
	font-size:0.8em;
	line-height:1.4em;
	
	color:inherit;
	background-color:#F3F1EF;
}

/* Logged in or not */
.publicView {
	color:inherit;
	background-color:#E9E5DF;
}

.privateView {
	color:inherit;
	/*background-color:#3F98AB;*/
  background-color:#AB5B3F;
}







.topHeaderRow
{
	font-size:1.0em;
	line-height:2.0em;
	padding: 2px 8px;
}

.lowerHeaderRow
{
	font-size:0.8em;
	line-height:1.0em;
	height:1.8em;
	padding: 2px 8px;
}


/* specific spec testmaschine */

#testmaschine 
{
	width:220px;
	float:left;
	border-style:solid;
	border-color:#fff;
	border-width:0 2px 0 0;	
	
	padding:4px 0 8px 0;
}

.testContainer 
{
	height:3.2em;
	text-align:right;
}



/* specific link format */
#testmaschine a
{
	padding: 0 28px 0 8px;
}

a.testmaschine
{
	background-image: url(../images/testmaschine_arrow.gif) !important;
	background-repeat: no-repeat;
	background-position: right center;
}

.privateView a.testmaschine
{
	background-image: url(../images/testmaschine_xtra_arrow.gif) !important;
	background-repeat: no-repeat;
	background-position: right center;
}




/* formats with which we control line heights */
.topRow
{
	line-height:1.8em;
}

.lowerRow
{
	line-height:1.0em;
}

.xtraText 
{
	color:#ccc !important;
}


/* specific spec login */

#login
{
	float:right;
	border-style:solid;
	border-color:#fff;
	border-width:0 0 0 2px;	
	padding:4px 8px 8px 0;
}

.loginContainer 
{
	float:left;
	height:3.2em;
	padding: 0 0 0 8px;
}




/* the fieldset components */

#header fieldset {
	float:left;
	border:none;
}


#header legend {
	display:none;
	padding:0;
	margin:0;
}

#header label 
{
	color:#535251;
	padding:0;
	margin:0;
}

input.userInput
{
	font-size:1.0em;
	border: solid 1px #D0CCCC;
	padding: 0.1em 0.2em;
	padding:1px;
	margin:0;
}

input.userInput:hover, input.userInput:focus
{
	border: solid 1px #827979;
}

/* Login Button */

#ExtranetLogin
{

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1.0em;
	line-height:1.0em;
	height:1.6em;
	padding: 0 0.2em;
	text-align:center;
	
	border-style:solid;
	border-width:1px;
	border-color:#BAB5B5 #827979 #827979 #BAB5B5; 
	
	color:#3f98ab;
	background-color:#F0ECE6;
	margin-top:2px;
}

#ExtranetLogin:hover, #ExtranetLogin:focus
{
	color:#fff;
	background-color:#3F98AB;	
}









/* EDNA LOGO */

#logo
{
	width:100%;
	text-align:right;
}

#logo h1
{
	font-size:1.0em;
	text-align:right;
}

#logo h1 a
{
	margin:0 192px 0 0;
}
#logo h1 img
{
	margin:21px 0 16px 0;
}





/* EDNA Content */

#content
{
	margin:0 192px 0 232px;

	font-size:0.8em;
	line-height:1.4em;
}


#breadcrumbNav
{
	font-size:0.8em;
	line-height:1.2em !important;

	background-color:#F3F1EF;
	color:inherit;
	padding:6px 8px 6px 8px;
	
}

h2.mainHead
{
	background-color:#F3F1EF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#424141;
	padding: 0.6em 8px 8px 8px;
	line-height:1.1em;

	border-style: solid;
	border-color: #E9E5DF;
	border-width: 0 0 2px 0;
	
}


.textContainer
{
	padding: 0.6em 8px 0.6em 8px;
	
	border-style: solid;
	border-color: #E9E5DF;
	border-width: 0 0 2px 0;
}

/* the paragraph formatting within */
.textContainer p {
	margin:0 0 0.6em 0;
}

.textContainer p.disclaimer {
	font-size:0.8em;
	color:#999;
}

.textContainer ul {
	list-style-type:square;
  padding: 0 0 0 16px;
}

.colContainer /* based on textContainer under which this sits */
{
	padding: 8px 0 8px 0;
}

.colContainer ul /* define each entry in each column */
{
	padding: 0 8px 0 8px;
	list-style-type: none;
}

.colContainer ul li /* define each entry in each column */
{
	padding: 0 0 8px 0;
	color:inherit;
	background-color:#fff;
}

.colLeft
{
	width: 33%; 
	float: left;
	z-index: 1;

}

.colMiddle
{
	width: 33%; 
	float: left;
	z-index: 2;
}

.colRight
{
	width: 33%; 
	float: left;
	z-index: 3;

}

.colFooter
{
	width: 100%;
	float:left;
/*	border-style: solid;
	border-color: #E9E5DF;
	border-width: 0 0 2px 0;*/
}


/* columns rendered in a linear way */

.dirOverview
{
	margin: 8px 0;
}

.colLinContainer
{
	width:100%;
 	padding: 0;
	float:left;
	margin: 0 0 1px 0;
}

.colLinLeft
{
	width: 33%;
	float:left;
	margin:0 1px 0 0;
}

.colLinMiddle
{
	width: 33%;
	float:left;
	margin:0 1px 0 0;
}

.colLinRight
{
	width: 33%;
	float:left;
}

.overviewRaster
{
	background-color:#e9f5f7;
}

.overviewRaster:hover
{
	background-color:#e3eef0!important;
}


.colLinLeft p, .colLinMiddle p, .colLinRight p
{
	margin: 8px;
	overflow:hidden;
}


#backtotop
{
	clear:both;
	padding:20px 8px 8px 8px;
	font-size:0.8em;
	text-align:right;
}

#backtotop a, #backtotop a:link, #backtotop a:visited
{
	background-color:transparent;
	color:#3F3F3F;
}

#backtotop a:hover, #backtotop a:focus
{
	text-decoration:underline;
	background-color:transparent;
	color:#1F1F1F;
}

/* Border Colours */
.ednaLine01
{
	border-color:#3F98AB !important;
}

.ednaLine02
{
	border-color:#3F84AB !important;
}

.ednaLine03
{
	border-color:#3F53AB !important;
}

.ednaLine04
{
	border-color:#603FAB !important;
}

.ednaLine05
{
	border-color:#953FAB !important;
}

.ednaLine06
{
	border-color:#AB3F8B !important;
}

.ednaLine07
{
	border-color:#AB3F6A !important;
}

.ednaLine08
{
	border-color:#AB3F3F !important;
}

.ednaLine09
{
	border-color:#AB5B3F !important;
}

.ednaLine10
{
	border-color:#AB7C3F !important;
}




/* Start Page Elements */


/* classes gets completed if JS active! */

h2.boxHead
{
	font-size:1.2em;
	font-weight:bold;
	background-color:#F3F1EF;
	font-family:Arial, Helvetica, sans-serif;
	color:#424141;
	padding: 0.6em 8px 8px 8px;

	border-style: solid;
	border-color: #E9E5DF;
	border-width: 0 0 2px 0;
	
}



.leftBox {
	float:left;
	width:100%;
}


.rightBox {
	float:left;
	width:100%;
}




.scrollbox
{
	border-style:solid;
	border-width:1px;
	border-color:#E9E5DF;
	margin:2px 0;
}


.boxSpacer
{
	margin:0 0 1.0em 0;
}

/* The Labels */

.boxEntry
{
	float: left;
	width:100%;
	background-image: url(../images/box_entry_bg.gif);
	background-repeat: repeat-y;
	background-position: right top;
	background-color:white;
	margin-top:2px;
}







.alt
{
	background-color:#F3F1EF !important;
}

.boxEntry p, .lineEntry p, .dirEntry p
{
	padding: 6px;
	line-height:1.2em;
}

.divided
{
	margin: 0 77px 0 0;
}

.label
{
	width:75px;
	float:right;
	font-size:0.8em;
	line-height:1.0em;
}





/* for span in label used */
.label span, .dirLabel span
{
	line-height:1.2em;
	display:block;
	margin:0;
	padding:3px;
}

/* class for label as text only */ 
span.loner
{
	padding:0.8em 3px 3px 3px !important;
}





/* entries formatted with a 2px separationline */
.lineEntry
{
	float: left;
	width:100%;
	margin-top:2px;

	border-style: solid;
	border-color: #E9E5DF;
	border-width: 0 0 2px 0;	
}


.docIcon
{
	margin:6px 3px 0 3px;
}





/* directory overview */

.dirContainer
{
	float:left;
	width:100%;
	padding:0 0 2px 0;
	
	border-style: solid;
	border-color: #E9E5DF;
	border-width: 0 0 2px 0;
}

.dirEntry
{
	float:left;
	width:100%;
	background-image: url(../images/dir_entry_bg.gif);
	background-repeat: repeat-y;
	background-position: right top;
	margin-top:2px;
}

.dirDivided
{
	margin: 0 150px 0 0;
}

.dirLabel
{
	width:148px;
	float:right;
	font-size:0.8em;
	line-height:1.0em;
}

#pager
{
	float:left;
	width:100%;
	padding: 6px;
	line-height:1.4em;
}




/* 	Marginal Objects - Marginalien */

#marginal
{
	width:180px;
	float:right;
	font-size:0.6em;
	line-height:1.4em;
}

/* works in tandem with ednaLine */
.marginalObject 
{
	background-color:#F3F1EF;
	color:inherit;
	padding: 8px 8px 8px 8px;

	border-style: solid;
	border-color: #E9E5DF;
	border-width: 0 0 0 2px;
	margin:0 0 8px 0;
}

#marginal ul
{
	list-style-type:none;
  padding:8px 0;
}

#marginal li
{
	padding:2px 0;
}



/* Footer */

#footer
{
	clear:both;
	text-align:center;
	font-size:0.6em;
	color:#999;
	padding:3.0em 0 1.0em 0;
}

#footer a, #footer a:link, #footer a:visited
{
	color:#999;
}

#footer a:hover, #footer a:focus
{
	text-decoration:underline;
	color:#777;
}

/* Form Elements */


#contactForm {

}

#contactForm fieldset {
	border:none;
	padding:0;
	margin:0;
}

#contactForm legend {
	padding: 0.6em 8px 0.6em 8px;
	margin:0;
	font-size:1.2em;
	font-weight:normal;
	color:#424141;
}

.form_row {
	clear:both;
	margin: 0 0 8px 0;
}

.form_row br {
	clear:both;
}

.form_label {
	width:24%;
	float:left;
	text-align:right;
}

.form_fieldContainer {
	width:74%;
	float:right;
}

/* Text Inputs */
.form_input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:68%;
	font-size:1.0em;
	line-height: 1.5em;
	padding:0.1em;
	border: solid 1px #D0CCCC;
	color:#444;
	background-color:white;
}

.form_input:hover, .form_input:active, .form_input:focus {
	border:solid 1px #827979;
}


/* Submit Button */
.form_submit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1.0em;
	line-height: 1.2em;
	padding:0.1em 0.5em;


	border-style:solid;
	border-width:1px;
	border-color:#BAB5B5 #827979 #827979 #BAB5B5;

	text-align:center;
	background-color:#fff;
	}

.formCatalogSubmit:hover, .formCatalogSubmit:focus, .formCatalogSubmit:active {
	background-color:#ffc900;
	color:#fff;
}


/* the error messages */

.error
{
	color:#ff3300;
}

p.errorMessage
{
	color:#ff3300;
	padding: 0.6em 8px 0 8px;

}

p.successMessage
{
	padding: 0.6em 8px 0 8px;
  font-weight:bold;

}

p.form_footer
{
	font-size:0.8em;
}

/* The EDNA Table Layout */

.display_table {
	caption-side:top;
	empty-cells:show;

	border-style:solid;
	border-color:#ff9900;
	border-width: 1px;

	border-collapse:collapse;


}

form {
	margin:0;
	padding:0;
}

.display_table caption {
	text-align:left;
	font-size:0.8em;
	padding:0.3em 0;
	margin:0;

}

.display_table th {
	text-align:left;
	background-color:#E9E5DF;
	border-style:solid;
	border-color:#CDC8C0;
	border-width: 1px;
	padding:0.3em;
	margin:0;

}

.display_table .rowTop td {
	background-color:#fff;
	border-style:solid;
	border-color:#DDD8D0;
	border-width: 1px 1px 0 1px;
	padding:0.3em;
	margin:0;
}


.display_table .rowA td {
	background-color:#fff;
	border-style:solid;
	border-color:#DDD8D0;
	border-width: 1px;
	padding:0.3em;
	margin:0;
}

.display_table .rowB td {
	background-color:#F3F1EF;
	border-style:solid;
	border-color:#DDD8D0;
	border-width: 1px;
	padding:0.3em;
	margin:0;
}

.td_center
{
	text-align:center !important;
}