/* ---------- Allgemeine Einstellungen ---------- */

body { 
	color: #000;
	/*background: url(graphics/bg-body.jpg) repeat-x fixed #F7F7F7;*/ 
	background: url(graphics/bg-body.jpg) repeat-x fixed #fff;
	font-family: Arial,sans-serif; 
	font-size: 14px; 
	line-height: 21px;
	text-align: center;
	/*overflow: y scroll;*/
	}

#content P {
  padding-bottom: 15px;
}

#content-rightCol P {
  font-size: 14px;
}

#content-leftCol UL {
  margin-bottom: 15px;
  list-style: circle;
  padding: 0 0 0 20px;
}

#content-leftCol LI {
  padding: 0 0 0 20px;
  line-height: 21px;
}

#content-rightCol .csc-textpic {
  margin-bottom: 10px;
}

#content-rightCol P, #content-rightCol h2, #content-rightCol dl {
  padding: 0 10px;
}

#content a, #meta a {
  color: #008E84;
  text-decoration: underline;
  font-weight: normal;
}

#content a {
  font-size: 13px; 
}


#content a:hover, #meta a:hover {
  color: #1874CD;
}

/* container */

#wrap {
  width: 980px;
/*  border: 1px solid #008E84;*/
  text-align: left;
  margin: auto;

}

#wrap-inner {
  background: url(graphics/bg-center.jpg) repeat-y left top;
}

#head {
  width: 980px;
  height: 150px;
  background: url(graphics/header-mirax-042009.jpg);
  margin-top: 10px;
}

#headline {
  position: relative;
  top: 55px;
  left: 180px;
  font-size: 24px;
  width: 550px;
  display: none;
}

#headline-boneMarrow {
  position: relative;
  top: 65px;
  left: 190px;
  font-size: 24px;
  width: 550px;
}

#headline-sub {
  position: relative;
  top: 55px;
  left: 180px;
  font-size: 16px;
  width: 500px;
  display: none;
}

#headline-logo {
  position: relative;
  top: 48px;
  left: 768px;
  width: 202px;
}

#menu-top {
  width: 980px;
  height: 30px;
  background: url(graphics/bg-menu.jpg) #ccc;
  color: #000;
  margin-top: 10px;
}

#menu-top UL {
  list-style: none;
}

#menu-top LI {
  float: left;
  display: block;
  width: 100px;
  height: 26px;
  padding: 1px;
  border-right: 1px solid #fff;
  text-align: center;
}

#menu-top a {
  color: #000;
  text-decoration: none;
  font-size: 16px;
  font-weight: 100;
  line-height: 28px;
  height: 28px;
  display: block;
}

#menu-top a:hover, #menu-top LI.act a {
  color: #008E84;
  background: url(graphics/bg-menu-ro.jpg) repeat-x;
}

#menu-l2 {
  width: 740px;
  height: 16px;
  background: url(graphics/bg-menu-l2.jpg) #DAF0EE no-repeat;
  color: #000;
  margin-bottom: 20px;
}

#menu-l2 UL {
  list-style: none;
}

#menu-l2 LI {
  float: left;
  display: block;
  width: 145px;
  height: 16px;
  padding: 1px;
  border-right: 1px solid #fff;
  text-align: center;
}

#menu-l2 a {
  color: #000;
  text-decoration: none;
  font-size: 14px;
  font-weight: 100;
  line-height: 15px;
  height: 16px;
  display: block;
}

#menu-l2 a:hover, #menu-l2 LI.act a {
  color: #008E84;
  background: url(graphics/bg-menu-l2-ro.jpg) repeat-x;
}


.content-top {
  clear: left;
  height: 10px;
  width: 980px;
  margin-top: 10px;
  background: url(graphics/bg-content-top.jpg) no-repeat left top;
}

#content {
  width: 980px;
  min-height: 100%;
  background: url(graphics/bg-center.jpg) repeat-y left top;
  float: left;
/*  border-left: 1px solid #008E84;
  border-right: 1px solid #008E84;*/
  
}

.content-bottom {
  clear: both;
  height: 10px;
  width: 980px;
  background: url(graphics/bg-content-bottom.jpg) no-repeat left bottom;
}

#content-leftCol {
  width: 700px;
  float: left;
  margin-left: 10px;
  padding: 15px 20px;
}

#content-rightCol {
  width: 200px;
  float: right;
  margin-right: 10px;
  padding-top: 15px;
}

#content-rightCol img  {
  margin: 0 0 10px 0;
}

#content-rightCol UL {
  list-style: none;
}

#content-rightCol LI  {
  color: #000;
  text-decoration: none;
  margin: 20px 10px;
  border-bottom: 1px dotted #000;
}

#content-rightCol LI A {
  display: block;
  padding: 5px;
  color: #000;
  text-decoration: none;
}

#content-rightCol LI A:hover {
  color: #fff;
  background: #008E84
}

#content-rightCol LI.act A {
  color: #fff;
  background: #008E84;
}

#content-rightCol LI.divider {
  color: #008E84;
  padding: 5px;
  border-bottom: 1px dotted #008E84;  
}


#footer {
  width: 978px;
  height: 130px;
  border-left: 1px solid #008E84;
  border-right: 1px solid #008E84;
  font-size: 12px;
  text-align: center;
}

#powered-by img {
  /*height: 60px;*/
  margin-right: 40px;
}

#powered-by p {
  margin-bottom: 20px;
}

#meta {
  width: 978px;
  text-align: center;
  font-size: 11px;
  margin: 10px 0 20px 0;
}

.start, .box-highlight-green {
  width: 550px;
  height: 230px;
  background: url(graphics/bg-start-01.jpg);
  padding: 10px 10px 10px 180px;
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 20px;
  border: 1px solid #ccc;
}

#content-leftCol .box-2col-left {
  width: 338px;
  height: 220px;
  float: left;
  margin: 0 10px 20px 0;
  background: url(graphics/bg-box-2col.jpg);
  border: 1px solid #ccc;
}

#content-leftCol .box-2col-right {
  width: 338px;
  height: 220px;
  float: left;
  margin: 0 -1px 20px 11px;
  background: url(graphics/bg-box-2col.jpg);
  border: 1px solid #ccc;
}

.box-borderBottom {
  clear: left;
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
  padding-bottom: 10px;
  }

.box-innerWrap {
  padding: 10px;
}

h1 {
  font-size: 18px;
  font-weight: 100;
  margin-bottom: 15px;
  color: #FF7F00;
  color: #459adb;
  color: #eea700;
  color: #ee9600;
  color: #da9114;
}

#content-leftCol h2, #content-rightCol h2,
legend.question {
  font-size: 16px;
  color: #1874CD;
  font-weight: 100;
  margin-bottom: 5px;
  color: #FF7F00;
  color: #459adb;
  color: #eea700;
  color: #ee9600;
  color: #da9114;
}

#content-rightCol h1 {
  font-size: 14px;
  color: #000;
  font-weight: bold;
  background: url(graphics/bg-h2-right.jpg);
  margin-bottom: 5px;
  padding: 0px 10px;
}

#content-rightCol .poweredRight h1 {
  margin-bottom: 10px;
}

/* mirax gallery */
/*.tx_bitmirax_pi1_sliceGallery,
.tx_bitmirax_pi1_sliceGallery,
.tx_bitmirax_pi1_sliceGallery_item 
  {
  margin: 0;
  padding: 0;
  }
  
 .tx_bitmirax_pi1_sliceGallery_item
  {
  float: left;
  text-align: center;
  margin: 0px 10px 10px 0px;
	width: 160px;
	height: 230px;
	border: 1px solid #E6E6E6;
  } 
  
.tx_bitmirax_pi1_sliceGallery_item:hover  {
	border: 1px solid #D5E6DE;
	border: 1px solid #ADD2C0;
} 
  
.tx_bitmirax_pi1_sliceGallery_item a {
  display: block;
	height: 165px;
}

.tx_bitmirax_pi1_sliceGallery_item img {
  padding: 0;
}

.tx_bitmirax_pi1_sliceGallery_item_bu {
	padding: 5px;
  background: #D5E6DE;
	text-align: left;
	height: 55px;
}

.tx_bitmirax_pi1_sliceGallery_item:hover .tx_bitmirax_pi1_sliceGallery_item_bu {
	background: #ADD2C0;
}

#content-leftCol .tx_bitmirax_pi1_sliceGallery_item_bu a {
  height: 14px;
  display: block;
  font-size: 14px;
  font-weight: 100;
  padding: 5px 0px 5px 30px;
  background: url(graphics/24-zoom.png) center left no-repeat;
  text-decoration: none;
} 

#content-leftCol .tx_bitmirax_pi1_sliceGallery_item_bu a.pdflink {
  background: url(graphics/24-adobe-icon.png) center left no-repeat;
} 

#content-leftCol .tx_bitmirax_pi1_sliceGallery_item_bu a:hover {
  color: #1874CD;
} 
*/

/* mirax gallery */




.tx_bitmirax_pi1_sliceGallery,
.tx_bitmirax_pi1_sliceGallery,
.tx_bitmirax_pi1_sliceGallery_item 
  {
  margin: 0;
  padding: 0;
  }
  
 .tx_bitmirax_pi1_sliceGallery_item
  {
  float: left;
  text-align: center;
  margin: 0px 10px 10px 0px;
	width: 160px;
	height: 340px;
	border: 1px solid #E6E6E6;
  } 
  
.tx_bitmirax_pi1_sliceGallery_item:hover  {
	border: 1px solid #D5E6DE;
	border: 1px solid #ADD2C0;
} 
  
.tx_bitmirax_pi1_sliceGallery_item a {
  display: block;
	height: 250px;
}

.tx_bitmirax_pi1_sliceGallery_item img {
  padding: 10% 0;
}

.tx_bitmirax_pi1_sliceGallery_item_bu {
	padding: 5px;
  background: #D5E6DE;
	text-align: left;
	height: 90px;
}

.tx_bitmirax_pi1_sliceGallery_item:hover .tx_bitmirax_pi1_sliceGallery_item_bu {
	background: #ADD2C0;
}

#content-leftCol .tx_bitmirax_pi1_sliceGallery_item_bu a {
  height: 14px;
  display: block;
  font-size: 12px;
  font-weight: 100;
  padding: 5px 0px 5px 30px;
  /*background: url(graphics/24-zoom.png) center left no-repeat;*/
  text-decoration: none;
} 

#content-leftCol .tx_bitmirax_pi1_sliceGallery_item_bu a.pdflink {
  background: url(graphics/24-adobe-icon.png) center left no-repeat;
} 

#content-leftCol .tx_bitmirax_pi1_sliceGallery_item_bu a:hover {
  color: #1874CD;
} 

.anlink {
  background: #D5E6DE;
  width: 160px;
  height: 150px;
  overflow-y: scroll;
  margin-left: -5px;
}

/* midi popup / Lightbox */  
#midi-pic
  {
  float: left;
  width: 580px;
  overflow: hidden;
  }

#midi-desc
  {
  float: right;
  width: 100px;
  }

#imageDetails #caption  {
  font-size: 14px;
  font-weight: bold;
  color: red;
  cursor: pointer;
  padding-bottom: 5px;
  width: 300px;
  }

#imageDetails #caption:before {
  content: url(graphics/24-zoom.png) " Open viewer with: " ;
}


/* Lehrinhalte */
.tx_bitmirax_pi1_slice {
  width: 200px;
  float: left;
  }
  


.tx_bitmirax_pi1_slice_item {
  width: 200px;
  float: left;
  }

.tx_bitmirax_pi1_lesson_description {
  width: 450px;
  float: right;
  }

/* midi popup / Lightbox */  
#midi-pic
  {
  float: left;
  width: 580px;
  overflow: hidden;
  }

#midi-desc
  {
  float: right;
  width: 100px;
  }

#imageDetails #caption  {
  font-size: 14px;
  font-weight: bold;
  color: red;
  cursor: pointer;
  padding-bottom: 5px;
  width: 300px;
  }

#imageDetails #caption:before {
  content: url(graphics/24-zoom.png) " Open viewer with: " ;
}

/* survey */
/*		.tx-pbsurvey-pi1 div {margin-bottom: 10px;}
		.tx-pbsurvey-pi1 .pagenumbering {font-size: 60%; position: relative; height: 15px;}
		.tx-pbsurvey-pi1 .barcontainer {background-color: #FFFFFF; border: 1px solid #000000; width: 100px; height: 15px; position: absolute; z-index: 6; right: 0px;}
		.tx-pbsurvey-pi1 .bar {background-color: #CCCCFF; height: 15px; z-index: 4; position: absolute; left: 0px;}
		.tx-pbsurvey-pi1 .bartext {z-index: 5; text-align: center; position: absolute; left: 0px; width: 100px; height: 15px;}
		.tx-pbsurvey-pi1 .pageHeader {font-size: 150%; font-weight: bold; color: #003399;}
		.tx-pbsurvey-pi1 .pageIntroduction {}
		.tx-pbsurvey-pi1 .survey_item {margin-top: 20px; margin-bottom: 20px;}
		.tx-pbsurvey-pi1 .itemform {}
		.tx-pbsurvey-pi1 .question {font-size: 120%; font-weight: bold;}
		.tx-pbsurvey-pi1 .questionNumber {}
		.tx-pbsurvey-pi1 .questionSubtext {font-size: 80%;}
		.tx-pbsurvey-pi1 .required {color: #FF0000; vertical-align: super;}
		.tx-pbsurvey-pi1 .survey_error {color: #FF0000;}
		.tx-pbsurvey-pi1 .additional_ver {margin-left: 20px;}
		.tx-pbsurvey-pi1 .matrix {width: 100%;}
		.tx-pbsurvey-pi1 .matrix .surveyrow_even {background-color: #CCCCFF;}
		.tx-pbsurvey-pi1 .matrix .columnFirst {font-weight: bold; text-align: left;}
*/		.tx-pbsurvey-pi1 .matrix .columnNext {text-align: center;}
 		
fieldset.survey_item 
{
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #D5E6DE;
}

.barcontainer 
{
  width: 740px;
  height: 16px;
  background: url(graphics/bg-menu-l2.jpg) #DAF0EE no-repeat;
  color: #000;
  margin-bottom: 20px;
}

/* formular */
FIELDSET {
  border: 0;
}

DIV.csc-mailform-field {
  margin: 0 0 10px 0;
}

DIV.csc-mailform-field LABEL, TD.csc-form-labelcell {
  width: 130px;
  float: left;
  display: block
}

DIV.csc-mailform-field INPUT, TD.csc-form-fieldcell INPUT {
  height: 22px;
/*  padding-top: 2px;*/
padding: 0;
}

.csc-mailform-field INPUT, .csc-mailform-field TEXTAREA, TD.csc-form-fieldcell INPUT {
  width: 300px;
  /*background: url(graphics/bg-test-hell.jpg) 0 -800px repeat-x #fff;*/
  border: 1px solid #D5E6DE;
  font-size: 16px;
  background: #D5E6DE;
}

TD.csc-form-fieldcell, TD.csc-form-labelcell {
  padding: 0px;
  height: 22px;
  margin: 10px 0;
}

DIV.csc-mailform-field INPUT.csc-mailform-submit {
  width: auto;
  height: 24px;
  margin-left: 120px;
  border: 2px outset #D5E6DE;
}

#content-rightCol input {
  width: auto;
  border: 1px solid #000;
  background: #e8e8e8;
  }

#content-rightCol table {
  width: 190px;
  font-size: 14px; 
}

.tx-felogin-pi1 {
  padding: 10px;
}