﻿* {
	margin:0; 
	padding:0;
} 


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

body * {
	text-align:left;
}

/* 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 {
	width:100%;
	padding:2px;
	margin:0 auto;
}

/* The skip Navigation */

#skipNavigation {
	width: 100%;
}

#skipNavigation a, #skipNavigation a:link, #skipNavigation a:visited {
	font-size:0.8em;
	text-decoration: none;
	color: #fff;
	background-color: #000;
	padding: 0.2em 8px 0.2em 8px;

}

#skipNavigation a:hover, #skipNavigation a:active, #skipNavigation a:focus  {
	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;
}







.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 
{
	padding:2px 0 2px 0;
	border-style:solid;
	border-color:#fff;
	border-width:1px 0 0 0;	
}

.testContainer 
{
	text-align:left;
}



/* 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:left;
	width:100%;
	border-style:solid;
	border-color:#fff;
	border-width:1px 0 0 0;	
	padding:2px 0 2px 0;
}

.loginContainer 
{
	float:left;
	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 img
{
	margin: 10px;
}






/* EDNA Content */

#content
{
	clear:left;
	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;
}

.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;	
}


#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
{
	display:none;
}



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




/* EDNA SIDE MENU */

div#sidemenu
{
	width:100%;
	clear:left;
	border-style:solid;
	border-color:#fff;
	border-width:0 2px 0 0;	
	/* FONT DEFINITION FOR THE COMPLETE SID EMENU */
	font-size:0.8em;
	line-height:1.2em;
}

#sidemenu ul 
{
	list-style-type: none;
 	width:100%;
}

#sidemenu ul li
{
	list-style-type: none;
	
	border-style:solid;
	border-color:#fff;
	border-width:0 0 2px 0;
}


/* The Languages */

li#languages
{
	font-size:0.8em;
	background-color:#E9E5DF;
	text-align:left;
	padding:6px 8px 6px 8px !important;
}

#languages a, #languages a:link
{
	background-color:transparent;
	color:#3F3F3F;	
	padding:0 0.8em 0 0;
}

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




/* The Search */

li#search
{	
	background-color:#DDD8D0;
	text-align:left;
	padding:8px 8px 6px 8px;
}

#search fieldset
{
	border:none;
}

#search legend
{
	display:none;
}

#search label
{
	display:none;
}

#ednasearch
{
	float:left;
	width:120px;
	font-size:1.0em;
	border: solid 1px #BAB4B4;	
	padding:2px;
	margin:0 0 0 0;
}

#ednasearch:hover, #ednasearch:focus
{
	border: solid 1px #827979;	
}

#searchsubmit
{
	float:left;
	margin:1px 10px 0 6px;
}

#search a, #search a:link
{
	float:left;
	font-size:0.8em;
	line-height:1.0em;
	color:#3F3F3F;
	margin:4px 3px 0 0;
}

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






/* Main Links 

	there are three different link classes
	- normal without any special marking
	- with arrow indicating presence of sub menu
	- with dash indicating that opened sub menu can be closed again

*/


/* default indicated by h3.mainCat*/

#sidemenu h3 {
	font-size:1.0em;
}

.mainCat a
{
	font-weight: bold;
	text-align: right;
	color: #fff;
	display: block;
	padding: 16px 28px 6px 8px;
}



/* The ones conatining sub menues */

.upCat a
{
	font-weight: bold;
	text-align: right;
	color: #fff;
	display: block;
	padding: 16px 28px 6px 8px;
	background-image: url(../images/menu_arrow.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
}


/* the dash is resolved by adding a class specification */

.upCat a.open
{
	background-image: url(../images/menu_open.gif) !important;
}



/* the sub menu general specification */

.subCat
{
	text-align:right;
	font-size:0.8em;
	list-style-type: none;
 	margin:0;
 	padding:0;
	width:100%;
}

.subCat li
{
	text-align:right;
 	margin:0;
 	padding:0;
 	list-style-type: none;
	border-width:1px 0 0 0 !important;
}

.subCat a
{
	text-align:right;
	display: block;
	background:none;
	padding: 6px 28px 6px 8px;
}




/* general the colours! */

a.edna01, a.edna01:link, a.edna01:visited
{
	color: #fff;
	background-color: #3F98AB;
}


a.edna01:hover, a.edna01:focus
{
	color: #fff;
	text-decoration:none;
	background-color: #1B89A0;
}


a.edna02, a.edna02:link, a.edna02:visited
{
	color: #fff;
	background-color: #3F84AB;
}


a.edna02:hover, a.edna02:focus
{
	color: #fff;
	text-decoration:none;
	background-color: #0776B4;
}



a.edna03, a.edna03:link, a.edna03:visited
{
	color: #fff;
	background-color: #3F53AB;
}


a.edna03:hover, a.edna03:focus
{
	color: #fff;
	text-decoration:none;
	background-color: #0727B4;
}



a.edna04, a.edna04:link, a.edna04:visited
{
	color: #fff;
	background-color: #603FAB;
}


a.edna04:hover, a.edna04:focus
{
	color: #fff;
	text-decoration:none;
	background-color: #3C07B4;
}



a.edna05, a.edna05:link, a.edna05:visited
{
	color: #fff;
	background-color: #953FAB;
}


a.edna05:hover, a.edna05:focus
{
	color: #fff;
	text-decoration:none;
	background-color: #9007B4;
}



a.edna06, a.edna06:link, a.edna06:visited
{
	color: #fff;
	background-color: #AB3F8B;
}


a.edna06:hover, a.edna06:focus
{
	color: #fff;
	text-decoration:none;
	background-color: #B40780;
}



a.edna07, a.edna07:link, a.edna07:visited
{
	color: #fff;
	background-color: #AB3F6A;
}


a.edna07:hover, a.edna07:focus
{
	color: #fff;
	text-decoration:none;
	background-color: #B4074D;
}



a.edna08, a.edna08:link, a.edna08:visited
{
	color: #fff;
	background-color: #AB3F3F;
}


a.edna08:hover, a.edna08:focus
{
	color: #fff;
	text-decoration:none;
	background-color: #B40707;
}




a.edna09, a.edna09:link, a.edna09:visited
{
	color: #fff;
	background-color: #AB5B3F;
}


a.edna09:hover, a.edna09:focus
{
	color: #fff;
	text-decoration:none;
	background-color: #B43407;
}




a.edna10, a.edna10:link, a.edna10:visited
{
	color: #fff;
	background-color: #AB7C3F;
}


a.edna10:hover, a.edna10:focus
{
	color: #fff;
	text-decoration:none;
	background-color: #B46807;
}



/* Second Side Menu */

a.secondSide, a.secondSide:link, a.secondSide:visited
{
	text-align: right;
	color: #3F3F3F;
	display: block;
	background-color: #E9E5DF;
	padding: 6px 28px 6px 8px;
	background-repeat: no-repeat;
}


a.secondSide:hover, a.secondSide:focus
{
	text-decoration:none;
	color: #1F1F1F;
	background-color: #DDD8D0;
}


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