/* Copyright 2006 -lochtemedia- Kurt Lochte */
/* CSS for "2nd Wednesday" www.2ndw.de */


/* ############################# XHTML construct #################################################### */

body {overflow:-moz-scrollbars-vertical; margin:0px; padding: 0px; border: 0px; text-align: center;  background-image: url(images/bg1.gif);
      font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 17px; color: #666666;
}

.clear{clear:both;}

/* --textlink-- */
a, .bodytext a, .csc-linkToTop a{ color: #222222; text-decoration: none;}
a:hover,  .bodytext a:hover, .csc-linkToTop a:hover{color: #568FBC;text-decoration: none;}
.area3submenu a {font-weight:bold;}
.area3submenu a:hover {font-weight:bold;}

.area3submenu {display:none;}
.area3topsubmenu { margin: 0px; padding: 1px 0px 1px 0px; text-align:left;
                margin-top:15px; background-image: url(images/bg_submenu1.gif);color: #707070;}
.area3topsubmenu a {font-weight:bold;}
.area3topsubmenu a:hover {font-weight:bold;}

.m2_act a{color:#3A6C91; font-weight:bold; text-decoration: none;}
h1, h2 {font-size: 13px;  font-family: Arial, Helvetica, sans-serif; line-height: 17px; color: #707070;} 
img {border:0px;}

/* ---------------------------------------------------------------------- */
/* .container1 { width:834px; padding: 7px 0px 10px 0px; margin:auto; background-color:#d2d2d2;background-image: url(images/bg1.gif);} */
.container1 { width:834px; padding: 7px 0px 10px 0px; margin:auto; background-color:#ffffff; border-left:5px solid white;}

/* ---------------------------------------------------------------------- */
.container2 {width:834px; height:158px; margin:0px; padding: 0px; text-align: left; background-color:#ffffff; }
.area2left {float:left; width:279px;height:158px;  margin: 0px; padding: 0px;}
.area2right {float:right; width:555px;height:158px; margin: 0px; padding: 0px;}

/* ---------------------------------------------------------------------- */
.container3 { width:834px; height:auto;  margin:0px;  padding: 0px; 
             text-align:left; vertical-align:top; background-image: url(images/bg_right1.gif);}
   /*  * html .container3 {width:850px;} */
.area3left { float:left; width:279px;  margin: auto; padding: 0px; text-align:left; color:#333333;
            vertical-align:top; background-image: url(images/bg_left1.gif);}
.area3subleft {width:209px;  margin: auto; padding: 15px 35px 28px 35px; text-align:left;}
              * html .area3subleft {width: 279px; w/idth: 279px;  }
.area3right { float:right; width:555px; margin: 0px; padding:0px; text-align:left; vertical-align:top;}

.area3submenu {width:555px; height: 18px; margin: 0px; padding: 1px 0px 0px 0px;; text-align:left;
               line-height:18px;
              background-image: url(images/bg_submenu1.gif);color: #707070;}
           * html .area3submenu {height:19px; padding-top:2px; hei/ght:19px; padd/ing-top:2px;}
.area3content1 {width:506px; margin: 0px; padding: 33px 0px 25px 0px; text-align:left;}
       * html .area3content1 {padding:43px 0px 25px 0px;padd/ing:43px 0px 25px 0px;} 
.area3content2 {float:left;width:284px; margin: 0px; padding: 25px 25px 28px 0px; text-align:left;}
                * html .area3content2 {width: 309px; w/idth: 309px; padding-right:20px; padd/ing-right:20px;}
.area3content3 {float:right;width:197px; margin: 0px; padding: 25px 49px 28px 0px; text-align:left;}
                * html .area3content3 {width: 246px; w/idth: 246px;  }

/* ---------------------------------------------------------------------- */
.container4 {width:834px; margin: 0px; padding: 0px;background-image: url(images/bg_footer1.gif);}
.area4left {float:left; width:279px; height:31px; margin: 0px; padding: 0px; text-align:center;
             line-height:31px; color:#333333;}
.area4right {float:right; width:504px; height:31px; margin: 0px; padding: 0px 49px 0px 0px; text-align:right;
               line-height:31px;}
              * html .area4right {width: 555px; w/idth: 555px;  }
.area4right a img {margin-top:8px;}

/* ---------------------------------------------------------------------- */
.container5 {background-color:#ffffff; margin: auto;background-image: url(images/bg_left1.gif);
             background-repeat:repeat-y; }


/* ############################# TYPO3 definitions #################################################### */
.iframe1 {padding: 10px 0px 20px 5px; width: 800px; height:2500px; background-color:#ffffff; text-align:left;}
  * html .iframe1 {width:816px;}

/* content */
.csc-firstHeader {font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 17px; color: #444444; }
.csc-header h1 {font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 17px; color: #444444; }


/* .csi-image {margin:0px; padding:0px; border:0px;background-color:#ffffff;} */
/* .csi-text {float:left; margin:0px; padding:0px; border:0px;background-color:#ffffff;} */
/* .csi-textpic csi-left {float:left; margin:0px; padding:0px; border:0px;background-color:#ffffff;} */
/* .csi-textpic csi-intext-right-nowrap {float:right;} */


/* content comments */
.tx-rfcontentcomments-pi1 {margin-top:-8px; text-align:left; font-size: 11px; }
     * html .tx-rfcontentcomments-pi1 {margin-top:-13px;ma/rgin-top:-13px;}
.tx-rfcontentcomments-pi1 A{ color:#E17900; text-decoration: none;}
.tx-rfcontentcomments-pi1 A:hover{color: #568FBC;text-decoration: none;}		
.comment_link {}
.comments-list {font-size: 12px; line-height: 17px; color: #707070;}
.comments-comment {color: #568FBC; padding-bottom:20px;}
.comments-table {}

/* forms */
.csc-form-fieldcell input { font-family: Arial, Helvetica, sans-serif; margin-top:4px; font-size:12px; 
                 color: #4886B5;background-color: #FFFFFF; border:1px solid #707070;}
.csc-form-fieldcell textarea { font-family: Arial, Helvetica, sans-serif; margin-top:4px; font-size:12px; 
                 color: #4886B5;background-color: #FFFFFF; border:1px solid #707070;}
.csc-form-fieldcell submit {color: #4886B5;background-color: #E17900;border:1px solid #707070;}
.csc-form-fieldcell submit input {color: #4886B5;background-color: #E17900; border:1px solid #707070;}
.csc-form-label-req{ font-size:11px; color:#333333;margin: 0px;vertical-align: top;text-align:left;}
/* .csc-firstHeader {font-size:13px; color: #707070;} */
.csc-form-label {font-size:12px;color: #707070;}


	.csi-textpic {
		padding: 0px;
		background: #ffffff;  
		border: 0px;  
	}

	.csi-textpic img {
		border: 0px;
		margin: 0px;
	}

	.csi-textpic .csi-caption {
		text-align: left;  /* will have to be an inline style?  - controlled by TS [left - right - center]*/
		font-size: 11px; 
	}

	.csi-textpic .csi-image {
		border: 0px 
		margin: 0 0 3px 0;  /*XXX demo only*/
		background: #ffffff;  /*XXX demo only*/
		width: auto; /*will have to be an inline style - controlled by TS*/
	}

	.csi-textpic .csi-imagewrap {
		border: 0px; /*XXX demo only*/
		text-align: left;		/* is there a bug in IE? (if we don't set this, the image is not centered above or below the text) */
	}

	.csi-textpic .csi-text {
		border: 0px; /*XXX demo only*/
		text-align: left; /*will have to be an inline style - controlled by TS*/
	}

	.csi-text p {
		margin-top: 0;
	}

	/* CENTER */

	.csi-center .csi-image {
		margin: 0 auto 3px;
	}

	/* RIGHT */
	.csi-right div.csi-image {
		float: right;
		clear: both;
		margin-left:10px;
	}

	.csi-right div.csi-text {
		clear: right;
	}


	/* LEFT */
	.csi-left div.csi-image {
		float: left;
		clear: both;
	}

	.csi-left div.csi-text {
		clear: left;
	}


	/* INTEXT LEFT */
	.csi-intext-left .csi-image {
		float: left;
		clear: both;
		margin: 5px 15px 0px 0px;
	}


	/* INTEXT RIGHT */
	.csi-intext-right .csi-image {
		float: right;
		clear: both;
		margin: 5px 0px 0px 15px;
	}


	/* INTEXT RIGHT NOWRAP */
	.csi-intext-right-nowrap .csi-text {
		margin-right: auto; /*will have to be an inline style - controlled by TS*/
	}

	.csi-intext-right-nowrap .csi-image {
		float: right;
		clear: both;
	}


	/* INTEXT LEFT NOWRAP*/
	.csi-intext-left-nowrap .csi-text {
		margin-left: auto; /*will have to be an inline style - controlled by TS*/
	}

	.csi-intext-left-nowrap .csi-image {
		float: left;
		clear: both;
	}

.csc-sitemap {margin:0px; padding-top:5px;}
.csc-sitemap-level1 {font-weight:bold;}
.csc-sitemap-level2 {margin-left:15px;}
.csc-sitemap-level3 {margin-left:30px;}


.csc-caption {font-size:9px; margin:5px 0px 0px 0px; padding:0px; line-height:11px;}
