/* nomenclatura                                                    
                                                                   
   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 11px Verdana, Arial, Helvetica, sans-serif;
	/* color: #cd8dad; */
	color: #ffffff;
}
BODY {
	margin-left: 4px;
	margin-right: 4px;
	margin-top: 0px;
	padding: 0px;
	text-align: center;
  background-color: #939393;
	/*background: url(../img/bgCont.gif) repeat-y center #939393;*/
}

A { 
  color: #aa2277;
	font-weight: bold;
  text-decoration: none;
}
A:hover {	text-decoration: underline; border-bottom: none; }

UL {
	list-style-type: square;
	list-style-image: url(../img/bullet.gif);
	margin-top: 0px;
	margin-left: 15px;
	margin-bottom: 5px;
	padding-left: 0px;
	text-indent: 0px;
	line-height: 155%;
}
H1,H2,H3,H4 { font-weight: bold; color: white; }
H1 { font-size: 15px; margin: 7px 0px; }
H2 { font-size: 13px; margin: 7px 0px; }
H3,H4,H5 { font-size: 11px; margin-top: 7px; margin-bottom: 3px; }

/*                                                */
/* forms                                          */
/*                                                */
FORM { display: inline; margin: 0px; }
INPUT, SELECT, TEXTAREA {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #54002a;
	margin-bottom: 2px;
}
INPUT.radio { vertical-align: middle; }

HR {
	background: #743958;
	color: #743958;
	border: none;
	height: 1px;
}

/* radios and checks in IE can't deal with background
   so give all other forms this class              */
.withBg { background-color: #CDBCC2; border-width: 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                            */
/*                                                */

/* concerning flash */
DIV.noFlash, #universe, #universeBtm {
	margin: auto;
}

DIV.noFlash {
	width: 749px;
	height: 500px;
	border: 4px solid black;
	background-color: #001C3E;
	background-image: url(../img/noFlashScreenBg.gif);
	background-repeat: repeat-x;
	position: relative;
}
IMG#noFlash1 { position: absolute; left: 18px; top: 36px; }
IMG#noFlash2 { position: absolute; left: 18px; top: 146px; }
IMG#noFlash3 { position: absolute; left: 18px; top: 221px; }
DIV.noFlashFooter A { font-size: 9px; color: silver; }


/* Note:                                        
Bug in IE Mac: it's not giving div any height if
it has floating divs within and the surrounding 
div has no float. We cant give div.cont a float 
because it needs to be centered. So we put      
another div within (div.contBg) that has the    
visual properties div.cont should normally have.
*/

/* all main containers share these settings */
DIV.universe, DIV.datePath, DIV.cont, DIV.footer, DIV.borderBottom, DIV.borderTop, DIV.borderBottomUniversum
{ margin-left: auto; margin-right: auto; /*border: 1px solid DeepSkyBlue; */}

/* the width and border settings */
DIV.universe { width: 839px; /*border-left: 4px solid #000f24;*/ }
DIV.universe IMG,
DIV.universe OBJECT,
DIV.universe EMBED { display: block; }

/* main content div needs more width because 
we must put the border-left into the bgImg   
because IE Mac moves the bgImg under the     
border, so on the right 4px are missing... */
DIV.datePath, DIV.footer, DIV.borderTop, DIV.borderBottom, DIV.borderBottomUniversum, DIV.cont, DIV.contBg 
{ position: relative; width: 839px; }

/* date and path line, footer */
DIV.datePath,
DIV.footer {
	position: relative;
	height: 23px;
	background: url(../img/bgPath.gif) repeat-y;
	text-align: left;
}
/* the footer usually has the same size as div.cont */
DIV.footer {
	clear: both;
}
/* let's place a couple of fancy shadow borders */
DIV.borderTop {
	position: relative; 
	height: 45px; 
	/*background: url(../img/bgBorderTop.gif) no-repeat #949494;*/
}
DIV.borderBottom {
	position: relative; 
	height: 45px; 
	background: url(../img/bgBorderBottom.gif) no-repeat;
}
DIV.borderBottomUniversum {
	position: relative; 
	height: 45px; 
	background: url(../img/bgUniversumBottom.gif) no-repeat;
}
DIV.borderBottomUniversum DIV.imprint {
	padding-top: 7px;
	font: normal 10px Verdana;
	color: #5d5d5d;
}
DIV.borderBottomUniversum DIV.imprint A {
	font: normal 10px Verdana;
	color: #5d5d5d;
}
DIV.borderBottomUniversum DIV.imprint A:hover {
	color: #dddddd;
	text-decoration: none;
}


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

/* div.path and div.footer context classes        */
DIV.date, DIV.path, DIV.address { position: absolute; left: 234px; top: 5px; font-size: 9px; }
DIV.date { left: 63px;  color: #257bb5; font-weight: bold; }
DIV.path { color: #257bb5; }
DIV.path A { font-size: 10px; color: #257bb5; font-weight: normal;}
DIV.path A:hover { color: #257bb5; }
DIV.path IMG { border: 0px }
DIV.address, DIV.address A { font-size: 9px; font-weight: normal; text-decoration: none; color: #3263A2; }
DIV.address A:hover { color: #4C82C8; }
IMG.topLink { position: absolute; left: 756px; top: 0px; }
IMG.drucken {
	position: absolute; 
	left: 450px;
}

/* the main content background */
DIV.contBg {
	float: left;
	background-image: url(../img/bgCont.gif);
	background-repeat: repeat-y;
}

/* logo                                          */
IMG.logo {
	float: right;
	margin-top: 23px; /* position: relative did not work in Safari */
	margin-right: 54px;
}

/* menu                                          */
DIV.menu {
	float: left;
	width: 215px;
	padding-bottom: 40px;
}

/* menu items */
DIV.menu A,
DIV.menu SPAN {
	display: block;
	padding: 5px 0px 0px 62px;
	color: #cd8dad;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	background-repeat: repeat-y;
	letter-spacing: -0.09em;
	border: none;
}
DIV.menu A:hover,
DIV.menu A.nodeTree:hover,
DIV.menu A.subNodes:hover
{ color: #eed0e1; text-decoration: none; }

/* top menu items have a different bg img */
DIV.menu SPAN.top,
DIV.menu A.hlmd { color: #fff; padding-bottom: 8px; letter-spacing: 0em; } /* "HLMD" top-menu */

/* menu items with special states */
DIV.menu A.active { background-image: url(../img/bgMenuItemActive.gif); }
DIV.menu A.nodeTree { font-weight: normal; color: #eed0e1; letter-spacing: 0em; }
DIV.menu A.subNodes { font-weight: normal; color: #DF75B2; letter-spacing: 0em; }



/* other menu blocks */
DIV.menuTools { margin-top: 14px; }
DIV.menuTools A,
DIV.menuTools SPAN { color: #EDC3DA; font-weight: normal; letter-spacing: 0em; }
DIV.menuTools INPUT {
	margin: 2px 0px 0px 0px;
	padding-left: 3px;
	width: 90px;
	border: 1px solid #cd8dad;
	color: #eed0e1;
	background-color: #3e001f;
	font-size: 11px;
}

/* the modules container                                    
   Max. content width for modules: 478px (485-7px border) */
DIV.modules {
	position: relative;
	width: 488px;
	float: left;
	padding-top: 36px;
	padding-bottom: 40px;
	text-align: left;
}

/*                                                */
/* module classes used in several modules         */
/*                                                */

/* common module classes */
div.module, 
div.md2Col {
	/*padding: 11px 0px 20px 0px;*/
	padding: 0px;
	margin-bottom: 8px;
	width: 478px;
	background-color: #54002a;
	border-left: 4px solid #9e226a;
	float: left;
}

/* a module that looks like two columns because      
   of its background image                           
   IE Mac has the bug to move bg imgs below the      
   border-left. So in IE Mac the bg imgs does not    
   match the text columns.                           
   negg is officially pi**ed by IE mac and ignores   
   these bugs until there is more time.            */
DIV.md2Col {
	background-image: url(../img/bgModule2col.gif);
	background-repeat: repeat-y;
}

/* default 1-column layout style. currently only   
   necessary for giving the context class DIV.text 
	 a margin-left                                 */
DIV.col { width: 478px; }

/* default 2-column layout styles */
DIV.colL { float: left; width: 234px; margin-right: 10px; }
DIV.colR { float: left; width: 234px; }
DIV.colR IMG { margin-left: 0px; margin-right: 0px; } /* IE MAC */
BR.clear { clear: both; }

/* text in columns */
DIV.text { 
	margin: 9px 0px 12px 0px; 
	line-height: 140%; 
	/* Holy Hack */
	overflow: visible; 
	height: 1%;
}
DIV.col DIV.text { margin-left: 15px; margin-right: 15px; }
DIV.colL DIV.text { margin-left: 15px; }
DIV.colR DIV.text { margin-right: 15px; }
DIV.md2Col DIV.text { margin-left: 15px; margin-right: 15px; }

/* image captions in colums */
DIV.images A, 
DIV.images DIV,
DIV.caption { 
	color: white; 
	font-size: 10px; 
}
DIV.images DIV { padding: 3px 15px 10px 15px; }

/* module tools (right aligned) */
DIV.right { float: right; padding-top: 11px; padding-right: 15px; }

/* content headlines on top of modules */
H2.md_headline,
H3.md_headline { margin: 0px; padding: 0px; font-size: 11px; color: white; }
H3.md_headline { color: white; margin-bottom: 10px; }

/* module titles (name of the module, not content headlines!) */
DIV.md_title { margin: 11px 15px 11px 15px; font-weight: bold; color: white; }
/* the "more" link, represented by three dots */
TD.more, A.more { font-weight: bold; letter-spacing: 0.2em; }
/* tables inside modules */
DIV.md_table { padding-left: 15px; }
DIV.md_table TABLE { float: left; padding-bottom: 11px; }
DIV.md_table TD { padding: 0px 7px 5px 0px; vertical-align: top; }
DIV.md_table TD.dim { font-size: 10px; font-weight: bold; }
DIV.md_table TD.more { padding-right: 0px; }
DIV.md_table TD.mdContactsLCol { width: 272px; padding-left: 0px; border-right: 1px solid #B87797; }
DIV.md_table TD.mdContactsRCol { width: 180px;padding-left: 7px; padding-bottom: 3px; font: normal 11px Verdana; /*color: #dba3c2; */}
DIV.md_table A.mail { position: relative; top: 3.5px; }
/* inlineForm
DIV.inlineForm { width: 463px; padding: 0px 0px 0px 15px; }
DIV.inlineForm DIV.md_title { margin-left: 0px; }
DIV.inlineForm TABLE { width: 378px; }
DIV.inlineForm TD { padding: 0px 12px 10px 0px; }
DIV.inlineForm INPUT.withLabel, 
DIV.inlineForm SELECT.withLabel, 
DIV.inlineForm TEXTAREA.withLabel
{	margin-bottom: 3px; } */
/* filters inside modules (a little redundant to inlineForm. negg will care about this later) 
DIV.md_filter { padding-left: 15px; }
DIV.md_filter DIV { float: left; height: 40px; padding-right: 15px; }*/

DIV.md_form { padding: 0px 0px 0px 15px; margin: 0px; } /* margin dont work IE 6 */
DIV.md_form DIV { float: left; height: 40px; padding-right: 15px; }


/*                                                */
/* module classes, normally used as combined      */
/* classes in conjunction with "module", e.g.     */
/* <div class="module mdTitle">                   */
/*                                                */

/* colors used in modules                         */
/* red:     border #AA0004, text #C80005          */
/* orange:  border #AA3C00, text #C34D0D          */
/* magenta: border #a70f72, text #B61F81          */
/* cyan:    border #C80005, text #087CB8          */

/* mdTitle: topmost module with page title and pages */
DIV.mdTitle { 
	padding: 0px 0px 5px 0px;
	background: transparent; 
}
DIV.mdTitle H1 { 
	margin: 0px;
	padding: 3px 15px; 
	font-size: 13px; 
}
DIV.mdTitle H1 DIV,
DIV.mdTitle H1 SPAN { 
	display: inline;
	position: relative;
	top: -2px;
}
DIV.mdTitle H2 { 
	margin: 0px;
	padding: 0px 15px; 
	font-size: 11px; 
}
DIV.mdTitle DIV.right { margin-top: -15px; } /* to keep this box completely at the top */
DIV.mdTitle A:hover { text-decoration: none; }

/* mdFile: files for download */
DIV.mdFile TD { padding: 4px 6px 5px 0px; border-top: 1px solid #B87797; }
DIV.mdFile TD.dim { padding-right: 0px; text-align: right; width: 75px; }

/* mdImg: use this class for modules with images on top */
DIV.mdImg IMG { float: left; margin: 0px; } /* max. img width: 478px; margin set for IE Mac */

/* mdCal: a calendarium */
DIV.mdCal { border-color: #9e226a; }
/*DIV.mdCal DIV.md_title { color: #B61F81; }*/
DIV.mdCal TD {
	border-top: 1px solid #B87797;
	border-bottom: 8px solid #54002a;
	padding: 4px 6px 0px 4px;
}
DIV.mdCal TD.dim { border-right: 1px solid #B87797; width: 60px; }
DIV.mdCal TD.calDate { padding-left: 0px; }
DIV.mdCal TD.calDateNo { border-top: none; }
DIV.mdCal TD.calText { width: 740px; }
DIV.mdCal TD.month { 
	font-weight: bold; 
	text-align: center; 
	height: 20px;
}

/*
DIV.mdCal TD.more A { color: #adc321; }
DIV.mdCal DIV.right A { color: #adc321; }
*/

DIV.mdCal TABLE.calendar { width: 100px; margin: 0px -4px 15px 0px; }
DIV.mdCal TABLE.calendar TD { padding: 0px 3px 1px 3px; border: none; cursor: default; color: #eed0e1; }
DIV.mdCal TABLE.calendar TD.cHead { font-size: 9px; text-align: center; font-weight: bold; }
DIV.mdCal TABLE.calendar TD.c { font-size: 9px; text-align: right; }
DIV.mdCal TABLE.calendar TD.s { font-size: 9px; color: #B87797; text-align: right; }	
DIV.mdCal TABLE.calendar TD.today { background: #9A3F6D; }
DIV.mdCal TABLE.calendar A { color: #fff; font-weight: bold; font-size: 9px; }

/* mdNews: a list or detail view of news */
DIV.mdNews TD { line-height: 140%; padding-bottom: 10px; }
DIV.mdNews DIV.text { margin-top: 0px; }

/* mdFeature */
DIV.mdFeature {border-color: #9e226a; }
DIV.mdFeature H2.md_headline A { font-weight: bold; }
/*
DIV.mdFeature H2.md_headline A { color: #adc321; }
DIV.mdFeature A.more { color: #adc321; }
*/
DIV.mdFeature IMG { float: right; }

DIV.mdFeature DIV.counter { 
	width: 60px;
	padding: 6px;
	margin: 10px 0px 0px 0px;
	text-align: center;
	background-color: #3F001F;
	border: 1px solid #6A0037;
}
DIV.mdFeature DIV.counter DIV.small {
	margin-bottom: -2px;
	color: #EED0E1;
	font: normal 10px Arial, Helvetica, sans-serif;
}
DIV.mdFeature DIV.counter DIV.big {
	margin-bottom: -4px;
	font: bold 28px Arial, Helvetica, sans-serif;
}
/* mdSubnode (mdFeature's younger brother ;-) */
DIV.mdSubnodeList A,
DIV.mdSubnode A { font-weight: bold; }
DIV.mdSubnode IMG { float: right; }

/* mdPages (automatic module) */
DIV.mdPageList DIV.text { line-height: 160%; }
DIV.mdPageList H2 {
	margin-bottom: 10px;
}
/*
DIV.mdPageList A { color: #E7CFDD; }
*/
SPAN.pageActive { color: #df33aa;  }

/* seaRes (not really a module, but who cares) */
DIV.seaRes { /*border-top: 1px solid #AA0004;*/ padding: 0px; }
DIV.seaRes DIV.md_title { font-size: 12px; margin-bottom: 5px; }
DIV.seaRes P {
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 7px;
}

/* mdMixedMedia */
div.mdMixedMedia {
	padding: 15px 0px;
}


/*                                                */
/* styles for use in user defined texts           */
/*                                                */

/* style for user-defined tables within the content */
DIV.text TABLE {
	margin: 0px;
	padding: 0px;
	position: relative;
	top: 0px;
}

DIV.text TD {
	vertical-align: top;
	padding-right: 4px;
}