/* GENERAL fonts */

BODY {
	margin: 0 0 0 0;
	background-color: #e3a2a2;
}

P, OL, UL, DIV, H1, H2 {
	font-family: verdana, arial;
	font-size: 12px;
}
H1 { font-size: 16px; }
H2 { font-size: 14px; }
P, H1, H2 {margin: 0px 0px 5px 0px;}

A:visited { color: #8921bf; }

#wholepage {width: 800px;}

#header {
	width:100%; 
	height: 100px; 
	background-repeat: no-repeat; 
	background-position: left; 
	background-image: url('dw2.jpg');
	border-bottom: dotted 1px #999999;
        padding-bottom: 20px;
	}

#middle {
	width: 100%;
	}

#footer {
	/* border-top: dotted 1px #999999; */
	width: 100%;
	}
#footer P {
	font-size: 10px;
	text-align: center;
}

p.bodytext {
        text-align: justify;
        padding: 1mm;
        line-height: 1.5;
}


#leftside {
	vertical-align: top; 
	width: 160px;
	clear:both; 
	float: left;
	}
#center {
	vertical-align: top; 
	margin-left: 190px; 
	* left: 0px;
	* position: absolute;
	* width: 75%;
	}
#rightside {
	vertical-align: top; 
/*	  width: 200px; */
/*       clear: both; */
/*        float: left;  */
	margin-left: 800px; 
	position: absolute; 
	top: 0px; 
	right: 0px;
	}
#rightcolumnof2 {
	vertical-align: top; 
	width: 600px;
	}

#leftcontent {
/*	width: 100%; */
	padding-left: 10px;
	padding-right: 10px; 
	padding-top: 5px;
	}

#leftcontentshared {
	width: 100%;
	/* Uncomment the following line to visually identify the shared content area */
	/*background-image: url(images/shared.gif); */
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	}

#rightcontent {
	width: 100%;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;	
	}

#rightcontentshared {
	width: 100%;
	/* Uncomment the following line to visually identify the shared content area */
	/*background-image: url(images/shared.gif); */
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;	
	}

#bordercontent {
	width: 100%;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;	
	}

#bordercontentshared {
	width: 100%;
	/* Uncomment the following line to visually identify the shared content area */
	/*background-image: url(images/shared.gif); */
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;	
	}

/* Content column */
#normalcontent {
	padding-left: 3px;
	padding-right:3px;
/*	padding-top: 15px; */
	width: 100%;
/*	background-image: url('nnbg.jpg'); */
/*	background-color: #fafafa; */
        clear: right;
}

#normalcontentshared {
	/* Uncomment the following line to visually identify the shared content area */
	/*background-image: url(images/shared.gif); */
	padding-left: 10px;
	padding-right:10px;
	padding-top: 15px;
	width: 100%;
}

/* Content column */
* html #normalcontent {
	display: inline;
}

* html #normalcontentshared {
	display: inline;
}

/* Menu 1 column */
#menu_1 {	
	/*vertical-align: top; */
	width: 100%;
	height: 250px;	
	/* background-image: url(images/menubackground.jpg); */
	/* background-repeat : no-repeat; */
	/* Uncomment the following line to visually identify the shared content area */
	/*background-image: url(images/shared.gif); */

	padding-top: 10px;
}
#menu_1 DIV {
	width: 95%;
}
#menu_1 DIV A {
	color: navy;
	text-decoration: none;
}
#menu_1 DIV A:hover {
	text-decoration: underline;
}

/*  MENU 1, level 1, normal state (NO) */
#menu_1 DIV.menu1-level1-no {
/*  border-bottom: 1px dotted #999999; */
  border-bottom: 1px solid #999999;
/*  font-size: 11px; */
  font-size: 14px;
  padding-top:5px;
  padding-left:5px;
}
/*  MENU 1, level 1, active state (ACT) */
#menu_1 DIV.menu1-level1-act {
  border-bottom: 1px solid #999999;
  font-weight:bold;
/*  font-size: 11px; */
  font-size: 14px;
  padding-top:5px;
  padding-left:5px;

/*  background-color: #eeeeee; */
  background-color: #e08585;
  /* filter:alpha(opacity='70', style='0'); */
}
#menu_1 DIV.menu1-level1-act A {
  color:black;
}

/*  MENU 1, level 2, normal state (NO) */
#menu_1 DIV.menu1-level2-no {
/*  font-size: 10px; */
  font-size: 12px;
  padding-left:20px;
  padding-top: 1px;
  padding-bottom: 1px;
}
/*  MENU 1, level 2, active state (ACT) */
#menu_1 DIV.menu1-level2-act {
/*  font-size: 10px; */
  font-size: 12px;
  font-weight:bold;
  padding-left:20px;
  padding-top: 1px;
  padding-bottom: 1px;
}

/*  MENU 1, level 3, normal state (NO) */
#menu_1 DIV.menu1-level3-no {
  font-size: 11px;
  padding-left:30px;
  background-color: #f3b2b2;
  padding-top: 3px;
  padding-bottom: 3px;
}
/*  MENU 1, level 3, active state (ACT) */
#menu_1 DIV.menu1-level3-act {
  font-size: 11px;
  background-color: #f3b2b2;
  font-weight:bold;
  padding-left:30px;
  padding-top: 3px;
  padding-bottom: 3px;
}
/*  MENU 1, level 3, spacer */
#menu_1 DIV.spacer {
  font-size: 11px;
  /* background-color: white; */
  font-weight:bold;
  padding-left:30px;
  padding-top: 3px;
  padding-bottom: 3px;
}
/*  MENU 1, level 4, normal state (NO) */
#menu_1 DIV.menu1-level4-no {
  font-size: 10px;
  padding-left:40px;
  padding-top: 3px;
  padding-bottom: 3px;
  background-color: #ffc2c2;
}
/*  MENU 1, level 4, active state (ACT) */
#menu_1 DIV.menu1-level4-act {
  font-size: 10px;
  font-weight:bold;
  padding-left:40px;
  padding-top: 3px;
  padding-bottom: 3px;
  background-color: #ffc2c2;
}

/* Style for the Path-menu: */
#pathplace {
	width: 800px;
}
#sitepath {
  width: 100%;
  white-space: nowrap;
/*  background-color: #F8F8EC; */
  background-color: #ffc2c2;

  font-family: verdana, arial;
  font-size: 11px;
  padding: 1px 1px 5px 5px;
}
#sitepath A {
  text-decoration: none;
  color:black;
}
#sitepath A:hover {
  text-decoration: underline;
}

/* Left Navigation SubMenu Spacer */
.leftnavspc {  
   font-family: Verdana, sans-serif;
   font-size: 11px;
   font-variant: small-caps;
   font-weight: bolder;
   color: #003366;   /* dark blue */
   text-decoration: none;
   padding: 2px;
   margin-left: 15px; 
   /* background-color: #FFFFFF; */ /* white */
   border-bottom: thin dotted #9B193D;   /* burgundy */
}

/********************************/
/* Frames, spacing, link-to-top */
/********************************/
P.csc-linkToTop { text-align: right; }
P.csc-linkToTop A { font-weight: bold; }

UL.csc-bulletlist.csc-bulletlist-2 LI  { padding: 3px; }

DIV.csc-frame { border: 0px; }
DIV.csc-frame-invisible {}
DIV.csc-frame-rulerBefore { border-top: 1px solid #333333; }
DIV.csc-frame-rulerAfter { border-bottom: 1px solid #333333; }
DIV.csc-frame-indent { padding-left: 100px; }
DIV.csc-frame-indent3366 { padding-left: 33%; }
DIV.csc-frame-indent6633 { padding-right: 33%; }
DIV.csc-frame-frame1 { background-color: #EDEBF1; padding: 2px 4px 2px 4px; border: 1px solid #333333; }
DIV.csc-frame-frame2 { background-color: #F5FFAA; padding: 2px 4px 2px 4px; border: 1px solid #333333; }

DIV.csc-frame-frame1 H1, DIV.csc-frame-frame1 H2, DIV.csc-frame-frame1 H3, DIV.csc-frame-frame1 H4, DIV.csc-frame-frame1 H5 { margin-top: 2px; }
DIV.csc-frame-frame2 H1, DIV.csc-frame-frame2 H2, DIV.csc-frame-frame2 H3, DIV.csc-frame-frame2 H4, DIV.csc-frame-frame2 H5 { margin-top: 2px; }

       /* Captions */
        DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
        DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
        DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }

        /* Needed for noRows setting */
        DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }

        /* Border just around the image */
        {$styles.content.imgtext.borderSelector} {
                border: {$styles.content.imgtext.borderThick}px solid {$styles.content.imgtext.borderColor};
                padding: {$styles.content.imgtext.borderSpace}px {$styles.content.imgtext.borderSpace}px;
        }

        DIV.csc-textpic-imagewrap { padding: 0; }

        DIV.csc-textpic IMG { border: none; }

        /* DIV: This will place the images side by side */
        DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; }

        /* UL: This will place the images side by side */
        DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; }
        DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; }

        /* DL: This will place the images side by side */
        DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; }
        DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; }
        DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }
        DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */
        DL.csc-textpic-image { margin: 0; }
        DL.csc-textpic-image DT { margin: 0; display: inline; }
        DL.csc-textpic-image DD { margin: 0; }

        /* Clearer */
        DIV.csc-textpic-clear { clear: both; }

        /* Margins around images: */

        /* Pictures on left, add margin on right */
        DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
        DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
        DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
                display: inline; /* IE fix for double-margin bug */
                margin-right: {$styles.content.imgtext.colSpace}px;
        }

        /* Pictures on right, add margin on left */
        DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
        DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
        DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
                display: inline; /* IE fix for double-margin bug */
                margin-left: {$styles.content.imgtext.colSpace}px;
        }

        /* Pictures centered, add margin on left */
        DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
                display: inline; /* IE fix for double-margin bug */
                margin-left: {$styles.content.imgtext.colSpace}px;
        }
        DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; }
        DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; }

        /* Space below each image (also in-between rows) */
        DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 5px; }
        DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 5px; display: block; }
        DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }

        /* No margins around the whole image-block */
        DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; }
        DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; }

        /* Add margin from image-block to text (in case of "Text w/ images") */
        DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
        DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
                margin-right: {$styles.content.imgtext.textMargin}px !important;
        }
        DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
        DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
                margin-left: {$styles.content.imgtext.textMargin}px !important;
        }

        /* Positioning of images: */

        /* Above */
        DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }

        /* Center (above or below) */
        DIV.csc-textpic-center { text-align: center; /* IE-hack */ }
        DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }
        DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }
        DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }

        /* Right (above or below) */
        DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
        DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }

        /* Left (above or below) */
        DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }
        DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }

        /* Left (in text) */
        DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }

        /* Right (in text) */
        DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }

        /* Right (in text, no wrap around) */
        DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; }
        /* Hide from IE5-mac. Only IE-win sees this. \*/
        * html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
        /* End hide from IE5/mac */

        /* Left (in text, no wrap around) */
        DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; }
        /* Hide from IE5-mac. Only IE-win sees this. \*/
        * html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }
        /* End hide from IE5/mac */


/* Mail form */
.csc-mailform-field label {
  /* color:#666666; */
  color:#222222;
  display:block;
  font-size:0.8em;
  margin-top:1em;
}
.csc-mailform-radio label {
  display:inline;
  margin-left:0.3em;
}
.csc-mailform-radio legend {
  display:none;
}
.csc-mailform-submit {
  margin-top:1em;
}
