/**
 * Common Stylesheet
 * for www.ort-online.de/mmc
 *
 * @author Markus Bosch
 * @version 0.0.1
 */
 
 /**
 * Updated by Rene Kaiser
 * rene.kaiser@ort-online.net
 *
 */
 
 /**
 * Color definitions:
 *
 * red / active: #ea0017;
 * dgrey       : #4c4d51;
 */


/* /// Tags //////////////////////////////////////////////////////////////////////////////////// */

body {
	/*background: #ffffff url(../images/bg_mmc_body.jpg) top left repeat-x;*/
	background: url(../images/background_mmc.jpg) top center no-repeat;
}

h1 {
	line-height: 125%;
}

#accordionMarginal hr {
	border-top: 1px solid #9d0010;
	border-bottom: 1px solid #c92636;
	border-left: 1px solid #bf0013;
	border-right: 1px solid #bf0013;
	background: none;
	margin: 0;
}
/*
hr {
	border-top: 1px solid #c3c6c8;
	border-bottom: 1px solid #edeeef;
	border-left: 1px solid #e9ecf1;
	border-right: 1px solid #f9fafc;
	background: none;
	margin: 0;
}
*/
.marginalBoxLightGrey h1 {
	font-size: 1.25em;
	text-transform: uppercase;
	margin-bottom: 5px;
	color: #ea0017;
}


/* /// Wrapper element ///////////////////////////////////////////////////////////////////////// */

#wrapper {
	/*background: url(../images/bg_wrapper.png) top left repeat-y;*/


}


/* /// Head element //////////////////////////////////////////////////////////////////////////// */

#head {
	/*background: #ffffff url(../images/bg_mmc_head.jpg) bottom left no-repeat;*/
	background: url(../images/background_mmc.jpg) top center no-repeat;
}

#logo {
	float: left;
	margin: 24px 0 0 0px; /* bei ort 44*/
    display: inline; /* IE6 float-margin-bug */
}

ul#navigation {
	float: right;
	margin: 35px 0 0 0; /*25*/
	width: 630px; /* 590 */
}


ul#navigation li {
	display: inline;
	float: left;
	height: 21px;
	font-size: 1.0em;
}



/* /// Teaserbox element //////////////////////////////////////////////////////////////////////// */

#teaserbox {
	background: url(../images/bg_mmc_teaserbox.png) bottom left no-repeat;
	color: #ffffff;
	width: 900px;
	float: left;
	
}

#teaserbox .teaser {
	width: 212px;
	background: url(../images/bg_mmc_teaser.png) bottom left no-repeat;
	margin: 25px auto 37px 42px !important;
}

.teaser div#newsletter {
	width: 212px; /* 247 - 35 (2x padding) */
	height: 117px; /* 142 - 25 (2x padding) */
	float: left;
    margin: 0px 0 37px 0;
	padding: 0px 18px 12px 0;
}

.teaser div#newsletter h2 {
	color: #FFFFFF;
	font-size: 1.25em;
	margin-bottom: 0px;
	text-transform: uppercase;
    font-weight: bold;
}

#teaserbox #newsletter form {
    margin-top: 0;
}

.teaser div#newsletter h4{
	display: none;
}

div#newsletter input.tx-srfeuserregister-pi1-submit {
	margin: 5px 0 0 0;
}

/*
.teaser div#newsletter input.tx-srfeuserregister-pi1-submit {
    margin: 0;
    position: absolute;
    bottom: 8px;
    right: 20px;
}
*/
.teaser #newsletter form ul.subscribeNewsletter {
    margin-top: 5px;
}


/* /// mainContent element ////////////////////////////////////////////////////////////////////// */

#mainContent {
	background: #d6d9e3 url(../images/bg_mmc_main.jpg) top left no-repeat;
	padding-bottom: 30px;
    position: relative;
}

#wrapper .mainContentStart {
	background: #c7d0da url(../images/bg_mmc_main.jpg) top left repeat-x;
}

#mainContent #contentStart {
	float: left;
	padding-left: 58px;
	margin-left: 0 !important;
}

* html #mainContent #contentStart {
	width: 500px;
	margin: 21px 0 0 0;
	padding-left: 58px;
}




/* /// Accordion Marginal Box ////////////////////////////////////////////////////////////////// */

div#marginalia.start {
	float: right !important;
	width: 247px;
	margin: 44px 36px 0 0 !important;
}
 
div#marginalia {
	/*float: right !important;
	width: 247px;*/
	margin: 44px 0 0 0 !important;
}
 
div#accordionMarginal {
	width: 247px; /* 247 - 16 - 22 */
}

#accordionMarginal p {
    margin-bottom: 0;
}

#accordionMarginal hr {
    margin-top: 5px;
}

#accordionMarginal .element {
    margin: 0 0 0 50px;
}

div#accordionMarginal div.accordionMarginalTop {
	padding: 16px 16px 10px 22px;
	background: url(../images/bg_mmc_marginalbox_start_top.png) top left no-repeat;
	margin-left: 50px;
	width: 210px;
}

div#accordionMarginal div.accordionMarginalTop div.csc-textpic-text {
	margin-bottom: -10px !important;
}

div#accordionMarginal h1 {
	color: #ffffff;
}

div#accordionMarginal h2 {
    position: relative;
	cursor: pointer;
	color: #ffffff;
	font-size: 1.25em;
	margin: 5px 0 0;
	overflow: hidden;
    font-weight: bold;
}

#accordionMarginal h2 span.align {
    position: absolute;
    top: 50%;
    display: block;
    margin-top: -0.7em;
    left: 50px;
}

div.accordionMarginalTop p {
	color: #ffffff;
}

div.accordionMarginalTop p a:link,
div.accordionMarginalTop p a:visited {
	color: #ffffff !important;
}

div.accordionMarginalTop p a.internal-link {
	color: #ffffff;
}

div#accordionMarginal div.csc-textpic-text p {
	color: #ffffff !important;
	/*color: #4c4d51 !important;*/
	height: inherit;
	margin: 0 0 0 3px !important;
}

div.accordionMarginalBottom {
	position: relative;
	background: url(../images/bg_mmc_marginalbox_start_bottom.png) bottom left no-repeat;
	height: 8px;
	width: 247px;
	margin-left: 50px;
}


/* /// Marginal Box Light Grey  /// */

#marginalia .marginalBoxLightGrey {
	margin: 0 0 14px 0;
}

#marginalia .marginalBoxLightGrey a {
	color: #ea0017;
}

#marginalia .marginalBoxLightGrey p .internal-link:link,
#marginalia .marginalBoxLightGrey p .internal-link:visited {
	color: #ffffff;
	text-align: right;
	display: block;
	width: auto;
	float: none;
}

#marginalia .marginalBoxLightGrey ul {
	margin: 10px 0 0 0;
}

#marginalia .marginalBoxLightGrey ul li {
	background: url(../images/icon_mmc-module.png) top left no-repeat;
	padding: 0 17px 0 43px;
	width: 117px;
	height: 36px;
	margin-bottom: 8px;
	color: #FFFFFF;
	text-transform: uppercase;
}

#marginalia .marginalBoxLightGreyTop {
	background: url(../images/bg_marginalia_light-grey_top.png) top left no-repeat;
	padding: 16px 16px 1px 16px;
	width: 176px;
}

#marginalia .marginalBoxLightGreyBottom {
	background: #996600;
	background: url(../images/bg_marginalia_light-grey_bottom.png) bottom left no-repeat;
	height: 10px;
	margin-top: 0;
}

/* /// Alternative content for flash /////////////////////////////////////////////////////////////////////////// */

#content div.tx-yejjswfobject-pi1-swf_altcontent ul#secondNavigation {
    margin-right: 0;
    margin-top: 7px;
}

#content div.tx-yejjswfobject-pi1-swf_altcontent div#marginalia {
    margin-top: 3px !important;
}

/* /// Footer element /////////////////////////////////////////////////////////////////////////// */

#footer {
	margin: 50px 38px 0 38px; 
	padding: 16px 0 0 0;
	height: 31px; /* 49 - padding-top */
	background: #ffffff;
	/*border-top: 1px solid #a9a8ad;*/
	border-bottom: 1px solid #dfdfdf;
}

#footer a {
	font-size: 0.9em;
}

#footer #metaNavigation {
	vertical-align: top;
}

#footer #metaNavigation ul {
	float: left;
	width: auto;
	/*margin-left: 38px;*/
}

#footer #metaNavigation ul li {
	display: inline;
	margin: 0 5px 0 0;
}

#footer div#metaNavigation div#footerInfo {
	float: right;
	padding: 0;
	/*margin-right: 36px;*/
	width: auto;
}

#footer div#metaNavigation div#footerInfo h1 {
	display: none;
}

#footer div#metaNavigation div#footerInfo p {
	font-size: 0.9em;
	height: 20px;
}

#footer div#metaNavigation div#footerInfo p a {
	font-size: 1.0em;
	color: #ea0017;
}

/*Additional strings for new subscribtion forms*/
#marginalia #newsletter .csc-mailform-field{
  text-align: left;
  width: 175px;
  margin-bottom: 3px;
  margin-top: -4px;
}

#marginalia #newsletter .tx-srfeuserregister-pi1-error, #marginalia #newsletter .tx-srfeuserregister-pi1-notice {
  width: 166px;
  margin-left: 0px;
  float: left;
}

#marginalia #newsletter .csc-mailform-field label {
  color: #ffffff;
  float: left;
  width: auto;
  margin: 0;
}

#marginalia #newsletter .csc-mailform-field input.tx-srfeuserregister-pi1-text{
  float: right;
}

#marginalia #newsletter .csc-mailform-field .csc-mailform-radio{
  float: left;
  margin: 0;
  margin-top: 5px;
}

#tx-srfeuserregister-pi1-gender-0, #tx-srfeuserregister-pi1-gender-1 {
  margin-top: 13px;
}

#marginalia #newsletter .csc-mailform-field .csc-mailform-radio #mailformAnrede{
  float: left;
  margin: 0;
}

#marginalia #newsletter .tx-srfeuserregister-pi1-text {
  width: 118px;
}

#marginalia #newsletter dd .tx-srfeuserregister-pi1-submit {
  margin-left: 35px;
}

#marginalia #newsletter b, #marginalia #newsletter h4 {
 color: white;
}

/* Home */
.teaser #newsletter .csc-mailform-field{
  text-align: left;
  width: 205px;
`}

.teaser #newsletter .tx-srfeuserregister-pi1-error, .teaser #newsletter .tx-srfeuserregister-pi1-notice {
 display: none;
}

.teaser #newsletter .csc-mailform-field label {
  color: #ffffff;
  float: left;
  width: auto;
  margin: 0;
  padding: 0;
  font-size: 0.95em;
  font-weight: bold;
  color: #EFEFF0;
  line-height: 1.2em;
}

.teaser #newsletter .csc-mailform-field input.tx-srfeuserregister-pi1-text{
  float: right;
}

.teaser #newsletter .csc-mailform-field .csc-mailform-radio{
  float: left;
  margin: 0;
  margin-top: 5px;
}

.teaser #newsletter .csc-mailform-field .csc-mailform-radio #mailformAnrede{
  float: left;
  margin-top: -5px;
  margin-bottom: 5px;
}

.teaser #newsletter .tx-srfeuserregister-pi1-text {
  width: 118px;
}

.teaser #newsletter dd .tx-srfeuserregister-pi1-submit {
  margin-left: 35px;
}

.teaser #newsletter b, .teaser #newsletter h4 {
 color: white;
}

.teaser .tx-srfeuserregister-pi1, .teaser .tx-srfeuserregister-pi1 dl {
  padding: 0;
  font-size: 0.95em;
  font-weight: bold;
  color: #EFEFF0;
  line-height: 1.2em;
}
.teaser .tx-srfeuserregister-pi1 dt {
  width: auto;
  margin-right: 10px;
}

.teaser .tx-srfeuserregister-pi1 dt, .teaser .tx-srfeuserregister-pi1 dd  {
  padding: 0;
}

.teaser div#newsletter input.tx-srfeuserregister-pi1-submit {
  position: normal !important;
  font-size: 0.95em;
  margin-left: 280px;
  margin-top: 5px;
}

.teaser div#newsletter input.tx-srfeuserregister-pi1-submit:hover {
 text-decoration: none;
}


