/*                                                                 
   Because IE MAC seems to ignore class name differences after the 
   6th letter (e.g. get confused by "module" and "moduleFilter" we 
   need to establish a naming scheme for classes:                  
                                                                   
   mdXyz: a style for a a:r module named arXyz                     
   md_xyz: a style for a function used in several modules. "xyz"   
     tells us what this style is being used for, e.g. "md_filter"  
                                                                 */

/*                                                */
/* tags                                           */
/*                                                */

BODY, TD, DIV, UL, A {
	font: normal 13px Trebuchet, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
}
BODY {
	background-color: #343434;
	color: #fff;
	background-image:url(../img/background.gif);
	background-repeat:repeat-y;

	padding: 0;
	margin: 0;
}
IMG { border: none; }
A { 
	text-decoration: none;
	color: #fff;
	font-size: inherit;
}
A:hover {text-decoration: underline; }

H1,H2,H3,
H1 A,H2 A,H3 A {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}
H1 { margin-top: 0px; margin-bottom: 8px; }
H1, H1 A { font-size: 20px; text-transform: lowercase; }
H2 { margin-top: 0px; margin-bottom: 8px; }
H2, H2 A { font-size: 13px; font-weight: bold; }
H3 {
	font-size:13px;
	font-weight:bold;
	margin: 0 0 5px 0;
}
H4 {
	font: bold 13px Trebuchet, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0 0 5px 0;
}
P { margin: 0 0 2px 0; line-height: 18px; }

/*                                                */
/* forms                                          */
/*                                                */
FORM { display: inline; margin: 0px; }
INPUT, SELECT, TEXTAREA {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999;
	margin-bottom: 2px;
}
INPUT.radio { vertical-align: middle; }
HR {
	background: #ccc;
	color: #ccc;
	border: none;
	height: 1px;
}

/* standard form fields for content, real widths are "width"+ border */
.formS, .formM, .formN, .formL, formXL
{ padding: 2px 0px; } /* IE adds padding to width, so we remove padding here */
.formS { width: 58px; }
.formM { width: 117px; }
.formN { width: 234px; }
.formL { width: 440px; }

/*                                                */
/* main layout classes                            */
/*                                                */

/* for cms users to show they are logged in */
div.adminView {
	position: absolute;
	left: 860px;
	top: 0px;
	width: 220px; 
	padding: 7px 0;
	text-align: center;
	background: red;
	color: white;
}
div.adminView a { color: white; }

/* the content area                               */
#cont,
#start {	
	position: absolute;
	width: 540px;
	text-align: left;
	left: 389px;
	top: 120px;
}

/* the upper menu                                 */
#menu1 {
	position: absolute;
	top: 0px;
	left: 0px;
	text-align:right;
	list-style:none;
	width: 305px;
	margin:0;
	padding:12px 0 0 0;
}
#menu1 a {
	background: none;
	color: #626265;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	/* letter-spacing: -1px; */
	line-height: 24px;
	font-weight: lighter;
	text-transform: lowercase;
	z-index:20;
	padding-right:9px;
}
#menu1 a.active {
	border-right: 5px solid; /* see color style */
	padding-right:4px;
}

/* the lower menu                                 */
#menu2 {
	position: absolute;
	top: 446px;
	left: 303px;
	list-style:none;
	margin:0;
	padding:0;
}
#menu2 li { margin: 0; padding: 0; }
#menu2 li a,
#menu2 li a.active
 {
	font-size: 13px;
	line-height: 19px;
	text-transform: lowercase;
}
#menu2 li a.active { font-weight: bold; }

/* other parts.                                   */
#logo {
	position:absolute;
	left: 650px;
	top: 0px;
	padding:0;
	margin:0;
}
#linie {
	position:absolute;
	left:375px;
	top:0px;
	behavior: url("jScr/pngbehavior.htc");
}
#margin {
	position: absolute;
	top: 0px;
	left: 0px;
	background-image:url(../img/left_gradient.gif);
	background-repeat:no-repeat;
	height:680px;	
	width:300px;
	margin:0;
	padding:0;
}
#wave {
	background-repeat:no-repeat;
	width:410px;
	height:500px;
	position:absolute;
	top:0;
}
/*                                                */
/* main layout context classes                    */
/*                                                */
#cont table.head {
	width: 540px;
	margin: 0;
	padding: 0;
}
#cont table.head td {
	width: 291px;
	padding-bottom: 15px;
	vertical-align: top;
}

#cont table.head td H1 {
	margin-top: 0px;
	margin-bottom: 0;
}
#cont table.head td.imgCap {
	padding-top: 2px;
	vertical-align: bottom;
	color: #94919b;	
	font-style: italic;
	line-height: 14px;
	width: 249px;
}


/*                                                */
/* module classes used in several modules         */
/*                                                */
.module { margin-bottom: 20px; }
.clear {
	clear: both;
	height: 1px;
	line-height: 1px;
}
#cont p a,
#start p a {
	font-style: italic;
	font-weight: bold;
	padding-left: 7px;
	margin-left: 4px;
}

/* color depending classes                  */
/* for use in another color environment     */
/* for classes that use the "current" color */
/* set see extra stylesheet                 */
.orange { color: #fd8026; }
#start li p a.orange { background-image: url(../img/linkborder_o.gif); }
.yellow { color: #ffbe2e; }
#start li p a.yellow { background-image: url(../img/linkborder_y.gif); }
.green { color: #72be1d; }
#start li p a.green { background-image: url(../img/linkborder_g.gif); }

/* only common list definitions here!           */
/* style the list inside entities further below */
/* in the entity context classes!               */
#cont UL {
	margin: 0px;
	margin-left: 15px;
	padding: 0px;
	text-indent: 0px;
	line-height: 18px;
	list-style-type: square;
}

#cont OL {
	margin: 0;
	margin-left: 25px;
	padding: 0px;
	text-indent: 0px;
	line-height: 18px;
	list-style-type: decimal-leading-zero;	
}



/* mdSubNode                          */
.mdSubNode { margin-bottom: 45px; }
.mdSubNode H2 {
	margin: 0 0 2px 0;
}
.mdSubNode .text { width: 480px; margin: 0px 0 18px 0; }
.mdSubNode .imgText { width: 539px; margin: 0px 0 18px 0; }
.mdSubNode .imgText img {
	display: block;
	float:left;
	margin-right:10px;
	margin-top: 3px;
	margin-bottom: 0;
}

/* mdText                      */
.mdText { width: 480px; }

/* mdTextImg                   */
.mdTextImg .colL {
	float:left;
	width: 280px;
}
.mdTextImg .colR {
	float: right;
	width: 249px;
}
/* putting the margings together is difficulat as always. here we put the margin on the bottom of the image because the imgCap is above the image this time. This gives us a double margin if the last image extends the text in the left column but we dont care at the moment. */
.mdTextImg .colR IMG {
	margin-top: 3px; /* this aligns images with colL text */
	margin-bottom: 15px;
}
.mdTextImg .colR P {
	margin-top: 2px; /* this aligns colR-text with colL-text */
	padding-bottom: 1px;
	color: #94919b;	
	font-style: italic;
	line-height: 14px;
}

/*                             */
/* startpage feature blocks    */
/*                             */

#start H1 { margin-top: 29px; }
#start ul {
	width: 553px;
	margin:0;
	padding:0;
	margin-top:56px;
}
#start li {
	display:block;
	float:left;
	width: 174px;
	margin:0;
	margin-right:10px;
}


/*                                                */
/* editFrame                                      */
/*                                                */

DIV#editFrame {
	position: absolute;
	left: -1000px;
	top: -500px;
	width: 727px;
	height: 300px;
	z-index: 300;
	visibility: hidden;
	border-right : 5px solid #000;
	border-bottom : 5px solid #000;
	border-left : 1px solid #000;
	border-top : 1px solid #000;
}


/*                                                */
/* mdSCap                                         */
/*                                                */
/* These classes are used in mdSCap.ar, usually   */
/* together with workgroups.                      */
/*                                                */
/* styles copied from ar/ar.cms/css/main.css and  */
/* color changed where necessary                  */
/* sequence of styles matches main.css, do not    */
/* change, so we can compare more easily          */

DIV.boxListHead A,
DIV.boxListHeadMenu A,
TABLE.mdScap A {
	color: #000;
}


DIV.boxListHead SPAN.em,
DIV.boxListHeadMenu SPAN.em,
{	font-weight: bold; }

DIV.boxListHead, DIV.boxListHeadMenu {
	line-height: 27px;
	padding-bottom: 1px; 
	vertical-align: middle;
	border-top: 1px solid #555;
	/* added for w3 */
	color: #999;
	padding-left: 14px;
	padding-right: 14px;
}

DIV.boxListHead {
	background-color: #ddd;
}


/* table ////////////// */
TABLE.mdScap {
	border: none;
	border-bottom: 1px solid #555;
	width : 668px;
}

/* default cells ////// */
TABLE.mdScap TD {
	vertical-align : middle;
	padding : 0px 5px;
	border : none;
	border-top: 1px solid #555;
	margin: none;
}

/* empty cells //////// */
TABLE.mdScap TD.headNone
{	border : none; border-left: 1px solid #555; }

/* path cell ////////// */
TABLE.mdScap TD.path {
	height : 20px;
	padding-left : 14px;
	background: #ddd;
}

/* header cells /////// */
TABLE.mdScap TD.headName, TABLE.mdScap TD.headSize, TABLE.mdScap TD.headType,
TABLE.mdScap TD.headDate, TABLE.mdScap TD.headFunc
{	height : 28px; background-color : #ccc; }

/* header links /////// */
TABLE.mdScap TD.headName A, TABLE.mdScap TD.headSize A,
TABLE.mdScap TD.headType A, TABLE.mdScap TD.headDate A,
TABLE.mdScap TD.headFunc A
{	font-weight: bold; color : #555; }

/* columns //////////// */
TABLE.mdScap TD.headName, TABLE.mdScap TD.name, TABLE.mdScap TD.name1
{	width: 241px; padding-left : 14px; }
TABLE.mdScap TD.headSize, TABLE.mdScap TD.size, TABLE.mdScap TD.size1
{ width : 65px; text-align : right; }
TABLE.mdScap TD.headType, TABLE.mdScap TD.type, TABLE.mdScap TD.type1
{ width : 40px; }
TABLE.mdScap TD.headDate, TABLE.mdScap TD.date, TABLE.mdScap TD.date1
{ width : 90px; }
TABLE.mdScap TD.headFunc, TABLE.mdScap TD.func, TABLE.mdScap TD.func1
{ width : 34px; text-align : center; }
TABLE.mdScap TD.check, TABLE.mdScap TD.check1
{	width : 40px;	border-left: 1px solid #555;	text-align : center; }

/* rows, common//////// */
TABLE.mdScap TD.name, TABLE.mdScap TD.name1,
TABLE.mdScap TD.size, TABLE.mdScap TD.size1,
TABLE.mdScap TD.type, TABLE.mdScap TD.type1,
TABLE.mdScap TD.date, TABLE.mdScap TD.date1,
TABLE.mdScap TD.func, TABLE.mdScap TD.func1
{	height : 20px; }

/* rows, grey ////////// */
TABLE.mdScap TD.name1,
TABLE.mdScap TD.size1,
TABLE.mdScap TD.type1,
TABLE.mdScap TD.date1,
TABLE.mdScap TD.func1,
TABLE.mdScap TD.check1
{ background-color : #FAFAFA; }

/* special checkbox definition */
TABLE.mdScap INPUT {
	border: none;
	padding: 0px;
	margin: 0px;
	background : transparent;
}

TABLE.mdScap IMG.sort {
	margin-left: 7px;
}

/* right aligned menu items */
SPAN.func {	margin-left: 30px; float: right; }

/* "no element" texts */
SPAN.noElmt {	color: #4f4f4f; font-weight: normal; }