/*******************************************/
/*  FORMATTING OF THE MAGNOLIA PARAGRAPHS  */
/*******************************************/

/*
**********************************************************
***************  Header Theme / Background  **************
**********************************************************
*/

.header_background{
position: absolute;
top: 60px;
left: 0px;
width: 100%;
height: 200px;
z-index: 15;
}


/*
**********************************************************
**********************  Text Title  **********************
**********************************************************
*/

.paragraph_textTitle{
margin-bottom: 20px;
}


/*
**********************************************************
***********************  Absender ************************
**********************************************************
*/
#area_sender{
position: relative;
left: 610px;
width: 210px;
display:block;
top: -20px;
}

#link_text{
display:block;
font-weight: normal;
font-style: normal;
text-decoration: none;
padding-bottom: 10px;
}

.linkListAbsender{
padding: 0px 10px 10px 15px;
}

body.edit_mode .linkListAbsender {
border: solid 2px #FFA500;
}

.linkListAbsender dt{
margin: 0 0 0 0;
text-decoration: none;
font-family: arial, helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 13px;
color: #4e3610;
}

.linkListAbsender dt a,
.linkListAbsender dt a:link,
.linkListAbsender dt a:visited,
.linkListAbsender dt a:hover{
line-height: 20px;
vertical-align: middle;
background-image:url(../images/link_navigation_image_footer.gif); PADDING-BOTTOM: 0px;
background-repeat:no-repeat;
background-position: left center;
background-repeat: no-repeat ;
font-weight: normal;
font-style: normal;
font-size: 12px;
text-decoration: none;
color: #4e3610;
}

.linkListAbsender dt a:hover{
text-decoration: underline;
}

#migros_logo{
padding-left: 15px;
}



/*
**********************************************************
********************  Survey *******************
**********************************************************
*/

#area_survey_button{
position: absolute;
top: 20px;
left: 850px;
z-index: 300;
}


/*
**********************************************************
********************  Data Navigation  *******************
**********************************************************
*/

#data_navigation{
position: absolute;
top: 260px;
left: 790px;
width: 210px;
z-index: 20;
text-align: justify;
background: #fff;
}




.paragraph_LinkListDMS{
padding: 0px 0px 10px 15px;
}

body.edit_mode .paragraph_LinkListDMS {
border: solid 2px #FFA500;
}

.paragraph_LinkListDMS H2{
height: 40px;
margin: 0;
padding-top: 30px;
font-family: arial, helvetica, sans-serif;
font-weight: bold;
font-style: normal;
font-size: 19px;
color: #4e3610;
}

.paragraph_LinkListDMS div{
border-top:1px solid #4e3610;
margin-right: 10px;
}

.paragraph_LinkListDMS dt{
margin: 3px 0 0 0;
padding-bottom: 1px;
border-bottom:1px solid #4e3610;
text-decoration: none;
font-family: arial, helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 13px;
color: #c01f25;
}

.paragraph_LinkListDMS dt a{
text-decoration: none;
font-family: arial, helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 12px;
color: #c01f25;
}

/*
**********************************************************
*********************  Sub Navigation  *******************
**********************************************************
*/

.paragraph_SubChapterList{
height: 25px;
background: #cdc2b5;
margin: 0px 0px 20px 0px;
list-style-type: none;
}

.subChapterList{
width: 100%;
height: 25px;
}

.subChapterTitle{
float:left;
height: 25px;
margin-right: 10px;
}

.subChapterTitle h5{
font-family: arial, helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #4e3610;
padding-left: 5px;
padding-top: 2.5px;
}

.subChapterNavigation{
float: left;
}

.subChapterNavigation ul{
position: relative;
margin: 2.5px 0px 0px 0px;
list-style-type: none;
height: 25px;
}

.subChapterNavigation ul li{
position:relative;
margin: 0px 0px 0px 0px;
list-style-type: none;
float: left; 
padding: 0 7px 0 0;
text-decoration: none;
height: 25px;
}

.subChapterNavigation ul li.last a{
border-right: none;
}

.subChapterNavigation ul li a{
height: 15px;
text-decoration: none;
padding-right: 5px;
border-right:1px solid #4e3610; 
color: #4e3610;
}

.subChapterNavigation ul li a:link,
.subChapterNavigation ul li a:visited {
color: #4e3610; 
}

.subChapterNavigation ul li strong a:link,
.subChapterNavigation ul li strong a:visited {
color: #c01f25; 
font-weight: bold; 
}

.subChapterNavigation ul > li.active.leaf a:link,
.subChapterNavigation ul > li.active.leaf a:visited{
color: #c01f25; 
font-weight: bold; 
}

.subChapterNavigation ul > li.open.trail a:link,
.subChapterNavigation ul > li.open.trail a:visited {
color: #c01f25;
}

.subChapterNavigation ul li a:hover,
.subChapterNavigation ul li a:active {
color: #c01f25;
}

/*
**********************************************************
********************  Image Navigation  ******************
**********************************************************
*/

.area_image_navigation{
position: relative;
margin-bottom: 20px;
height: 170px;
}

 body.edit_mode .area_image_navigation {
border: solid 2px #FFA500;
padding: 0 10px 10px 10px;
height: 220px;
}
.image_navigationImage{
z-index: 10;
}

.image_navigationImage img{
width: 203px;
height: 167px;
}

.image_navigationLinks{
position: absolute;
top: 0;
left: 0;
width: 203px;
height: 167px;
z-index: 20;
}

.image_navigationLinks div{
position: absolute;
width: 45px;
height: 40px;
vertical-align: middle;
}

.image_navigationLinks a{
position: absolute;
text-align: center;
width: 45px;
height: 40px;
padding: 0 0 0 0;
margin: 0 0 0 0;
font-family: arial, helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: white;
line-height: 12px;
}

.image_navigationLinks .link1{
top: 41px;
left: 78px;
z-index: 20;
}

.image_navigationLinks .link2{
top: 118px;
left: 28px;
z-index: 20;
}

.image_navigationLinks .link3{
top: 89px;
left: 79px;
z-index: 20;
}

.image_navigationLinks .link4{
top: 118px;
left: 130px;
z-index: 20;
}

/*
**********************************************************
**********************  Text / Image  ********************
**********************************************************
*/
.paragraph_textimage {
position: relative;
width: 100%;
margin-bottom: 20px;
overflow: hidden;
}

body.edit_mode .paragraph_textimage {
width: 96%;
border: solid 2px #FFA500;
padding: 0 10px 10px 10px;
}

.paragraph_textimage strong {
font-weight: bold;
}

.paragraph_textimage div.text {
width: 440px;
}

.paragraph_textimage .image_and_caption {
width: 172px;
float: left;
margin-right: 10px;
}

.paragraph_textimage .image_and_caption img {
width: 172px;
height: 115px;
margin-top: 4px;
}

.paragraph_textimage .image_and_caption h3 {
text-align: left;
font-size: 11px;
margin-top: -4px;
color: #888888;
}


/*
**********************************************************
*****************  PARAGRAPH AGENDA LIST  ****************
**********************************************************
*/

.paragraph_agendaList{
padding-bottom: 20px;
}

body.edit_mode .paragraph_agendaList {
width: 571px; 					/* Für mozilla, der ie passe automatisch an (Fehlverhalten), */
margin-bottom: 30px;			/* die Agenda benötigt die ganze inhaltsbreite.				 */
border: solid 2px #FFA500;
padding: 0 10px 10px 10px;
}

.nested_paragraphlist table.agenda_table {
text-align: left; 
width: 100%;
border-collapse: collapse;
}

.nested_paragraphlist table.agenda_table td.agenda_table {
vertical-align: top;
padding: 5px 3px 3px 3px;
background-color: #F8F5E9;
border-bottom: solid 1px #fff;
border-right: solid 1px #fff;
}

.nested_paragraphlist table.agenda_table th.agenda_table {
font-weight: bold;
padding: 1px 0 1px 5px;
border-right: solid 1px #fff;
background-color: #dccc93;
empty-cells: hide; /* Leere Kopfzeile ausschalten fkt. nicht im IE 6.x */
}

/*
**********************************************************
****************  PARAGRAPH IMAGE_CONTENT  ***************
**********************************************************
*/
.paragraph_imageContent {
position: relative;
width: 450px;
margin-bottom: 30px;
}

body.edit_mode .paragraph_imageContent {
width: 96%;
border: solid 2px #FFA500;
padding: 0 10px 10px 10px;
}

.paragraph_imageContent img.contentImage_leftAligned {
position: relative;		/* Diese Einstellung bewirkt, ob ein Bild mit dlem Text mitfliesst oder */
left: -50px;			/* an den Balken oben und Links (negativer margin) angeschlagen ist.    */
width: 500px;
}

.paragraph_imageContent img.contentImage_alignedToContent {
width: 100%;
}

.paragraph_imageContent h3 {
text-align: right;
font-size: 11px;
margin-top: -4px;
color: #888888;
line-height: 13px;
}

body.edit_mode .paragraph_imageCentered {
border: solid 2px #FFA500;
padding: 0 10px 10px 10px;
}

/*
**********************************************************
*****************  PARAGRAPH DOWNLOADLIST  ***************
**********************************************************
*/
.paragraph_downloadList {
margin-bottom: 30px;
}

body.edit_mode .paragraph_downloadList {
border: solid 2px #FFA500;
padding: 0 10px 10px 10px;
}

.paragraph_downloadList h2{
font-family: arial, helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
margin: 10px 0 5px 0;
padding-bottom: 0px;
color: #4e3610;
}

.paragraph_downloadList dt {
vertical-align: middle;
font-size: 12px;
color: #c01f25; /*rot*/
background-color: inherit;
text-decoration: none;
}

.paragraph_downloadList dd  {
margin-bottom: 12px; /* Abstand für edit und preview mode */
}

/*
**********************************************************
*******************  PARAGRAPH LINKLIST  *****************
**********************************************************
*/
.paragraph_LinkList {
margin-bottom: 30px;
}
body.edit_mode .paragraph_LinkList {
border: solid 2px #FFA500;
padding: 0 10px 10px 10px;
}

.paragraph_LinkList h2{
font-family: arial, helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
margin: 10px 0 5px 0;
padding-bottom: 0px;
color: #4e3610;
}

.paragraph_LinkList dd {
margin-bottom: 10px; /* abstand für edit modeund preview mode */
}

/*
**********************************************************
******************  NESTED PARAGRAPHLIST  ****************
**********************************************************
*/
body.edit_mode .nested_paragraphlist .mgnlControlBarSmall table,
body.edit_mode .nested_paragraphlist .mgnlControlBarSmall td,
body.edit_mode .nested_paragraphlist span.mgnlControlBarSmall,
body.edit_mode .nested_paragraphlist .mgnlControlBarSmall {
background-color: #FFC966; /* ein helleres orange für verschachtelte inhalte */
}

/*
**********************************************************
*********************  PARAGRAPH NEWS  *******************
**********************************************************
*/
.paragraph_news {
margin-bottom: 25px;
}

body.edit_mode .paragraph_news {
border: solid 2px #FFA500;
padding: 0 10px 10px 10px;
}
/*
**********************************************************
*************  PARAGRAPH RIGHTCOLUMN IMAGES  *************
**********************************************************
*/
.rightcolumn_images {
position: absolute;
top: 130px;
left: 790px;
width: 240px;
}

.rightcolumn_images img {
width: 240px;
}

.paragraph_image h3 {
text-align: right;
font-size: 11px;
margin-top: -4px;
color: #888888;
}

/*
**********************************************************
*******************  PARAGRAPH MEMBER  *******************
**********************************************************
*/
.paragraph_member {
clear: both;
margin-bottom: 50px;
}

.paragraph_member .memberImage_right {
float: right;
padding: 0 0 20px 20px;
}

.paragraph_member .memberImage_left {
float: left;
padding: 0 20px 0 0;
}

.paragraph_member .memberImage_right img {
margin-left: 20px;
}

.paragraph_member .memberImage_left img {
margin-right: 20px;
}

.paragraph_member img {
width: 150px;
}

.paragraph_member address {
margin-top: 20px;
}

/*
**********************************************************
****************  PARAGRAPH MAILINGLIST  *****************
**********************************************************
*/
.paragraph_mailListCommand form {
margin-top: 15px;
}

div.paragraph_mailListCommand .input {
border: solid 1px black;
width: 250px;
margin: 0 10px 0 0;
background-color: #fff;
padding: 2px 2px 2px 2px;
line-height: 100%;
}

* html div.paragraph_mailListCommand .input {
line-height: 100%;
padding: 3px 2px 1px 2px;   /* for IE5.x/win */
}

div.paragraph_mailListCommand .submit {
border: solid 1px black;
margin: -2px 10px 0 0;
background-color: #fff;
padding: 1px 9px 1px 9px;
line-height: 100%;
}

* html div.paragraph_mailListCommand .submit {
line-height: 100%;
height: 22px;
padding: 0 9px 0 9px;   /* for IE5.x/win */
}

/*
**********************************************************
***************  PARAGRAPH AUDIOFILELIST  ****************
**********************************************************
*/
.paragraph_audiofileList {
margin-bottom: 30px;
}

body.edit_mode .paragraph_audiofileList {
border: solid 2px #FFA500;
padding: 0 10px 10px 10px;
}

.paragraph_audiofileList h2{
font-family: arial, helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
margin: 10px 0 5px 0;
padding-bottom: 0px;
color: #4e3610;
}

.paragraph_audiofileList dd  {
margin-bottom: 12px; /* Abstand für edit und preview mode */
}


.paragraph_audioFileList_changeButton {
margin-left: 5px;
padding-left: 5px;
padding-right: 5px;
}
/*
**********************************************************
************************  Video  *************************
**********************************************************
*/
.paragraph_video{
padding-bottom: 20px;
}

.paragraph_video .videodiv{
	clear: both; 
	height:262px;
	width:320px;
}

.paragraph_video .videodiv .videoSplashImage{
	height:258px;
	width:316px;
	border: 2px solid #4A4A4A
}

.paragraph_video .videodivbig{
	clear: both; 
	height:460px;
	width:590px;
}
.paragraph_video .videodivbig .videoSplashImage{
	height:456px;
	width:586px;
	border: 2px solid #4A4A4A
}

/*
**********************************************************
*****************  Generic Mail Form  ********************
**********************************************************
*/
form.genericMailForm label {
float: left;
clear: both;
display: block;
width: 45%;
margin: 2px 4px 6px 2px;
padding: 0 7px 0 0;
text-align: left;
}

form.genericMailForm input, form.genericMailForm textarea {
width: 48%;
border: solid 1px black;
background-color: #fff;
line-height: 100%;
background: #fff;
padding: 1px 3px 1px 3px;
margin: 2px 4px 6px 2px;
}

form.genericMailForm input.submit
{
width: auto;
height: 22px;
border: solid 1px black;
background-color: #fff;
}



.mailFormElementTopLine
{
padding: 0;
margin-bottom: 10px;
margin-top: 10px;
}

/*Special definitions for the more complex checkbox, radiobutton and combobox element*/
form.genericMailForm select{
    border: solid 1px black;
    background-color: #fff;
    margin: 2px 0px 6px 2px;
    padding: 1px 0px 1px 3px;
    width: 50.5%;
    color: black;

}

.optiongroup{
    float: left;
    margin: 2px 0px 6px 2px;
    padding: 1px 0px 1px 3px;
    width: 50%;
}
.optiongroup input.radio, .optiongroup input.checkbox{
    clear:both;
    float: left;
    border: none;
    width:auto;

}

.optiongroup p{
    float: left;
    margin-Left: 10px;
}



.longDescriptionLink {
text-align: left;
background-color: #ffc966;
margin: 10px 0px 10px 0px;
padding: 0px 5px 0 5px;
}

.longDescriptionLink a:link,
.longDescriptionLink a:visited,
.longDescriptionLink a:hover,
.longDescriptionLink a:active
{

color: #000000 !important;
text-decoration: underline !important;
font-weight: normal !important;
}