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


/* PARAGRAPH AGENDA LIST  */

body.edit_mode .paragraph_agendaList {
width: 100%; 					/* 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 */
}



/* STARTSEITE  */

#area_topimage {
position: relative;
width: 500px;
top: 130px;
left: 320px;
z-index: 1000;
}

#area_topimage .paragraph_imageContent img.contentImage_leftAligned {
position: relative;	
left: -50px;		
width: 500px;
height: 300px;
}

#area_topimage .paragraph_imageContent img.contentImage_alignedToContent {
width: 450px;
}

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



/* PARAGRAPH IMAGE_CONTENT  */

.paragraph_imageContent {
position: relative;
width: 450px;
margin-bottom: 30px;
}

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

.paragraph_imageContent div.image_and_caption p {
text-align: center;
text-indent: 0;
display: table-cell;
width: 100%;
padding: 0 !important;
}

.paragraph_imageContent .image_and_caption p + p,
#subProjectPage_ImageContent .paragraph_imageContent .image_and_caption p + p {
display: table-caption;
caption-side: bottom;
color: #888 !important;
padding: 0 !important;
text-align: right;
font-family: arial, helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
}

.image_and_caption.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_leftAligned {
position: relative;		/* Diese Einstellung bewirkt, ob ein Bild mit dlem Text mitfliesst oder */
width: 500px;			/* an den Balken oben und Links (negativer margin) angeschlagen ist.    */
}

.paragraph_imageContent img.contentImage_alignedToContent {
width: 450px;
}

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

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

/* PARAGRAPH TEXT_IMAGE  */

.paragraph_textimage {
position: relative;
width: 100%;
margin-bottom: 35px;
overflow: hidden;
}

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

.paragraph_textimage strong {
font-weight: bold;
}

.paragraph_textimage div.image_and_caption {
width: 240px;
float: right;
margin-left: 20px;
}

.paragraph_textimage div.image_and_caption p {
  text-align: center;
  text-indent: 0;
  display: table-cell;
  width: 100%;
  padding: 0 !important;
}

.paragraph_textimage .image_and_caption p + p {
  display: table-caption;
  caption-side: bottom;
  color: #888 !important;
  padding: 0 !important;
  text-align: right;
  font-family: arial, helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
}

.paragraph_textimage img.contentImage {
  width: 240px;
  margin-top: 4px;
}


/* PARAGRAPH DOWNLOADLIST  */

.paragraph_downloadList {
margin-bottom: 30px;
}

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

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

.paragraph_downloadList dt a:link,
.paragraph_downloadList dt a:visited {
background-image: url(../images/icons/generic.gif);
background-repeat: no-repeat;
background-position: 0 1px;
padding-left: 18px;
}

.paragraph_downloadList dt a.PDF:link,
.paragraph_downloadList dt a.PDF:visited {
background-image: url(../images/icons/pdf.gif);
}



/* PARAGRAPH LINKLIST  */

.paragraph_LinkList {
margin-bottom: 30px;
float:left; width:20%; position:relative; overflow:hidden;

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

.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-top: 5px;
}

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

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

.paragraph_audiofileList dt  {
margin-top: 5px;
}

.paragraph_audiofileList select {
  float:left;
  height:24px;
  margin-right: 10px;
  width: 170px;
}

.paragraph_audiofileList label  {
display: block;
}

.paragraph_audioFileList_changeButton {
margin-left: 5px;
padding-left: 5px;
padding-right: 5px;
}

/*Video*/
.paragraph_video .videocontainer{
	width:320px;
	border: 1px solid #4A4A4A
}


.paragraph_video .videocontainerbig{
	width:450px;
	border: 1px solid #4A4A4A
}


.paragraph_video .videodiv_4to3{
	clear: both; 
	height:240px;
}

.paragraph_video .videodiv_4to3 .videoSplashImage{
	height:240px;
	width:320px;
}




.paragraph_video .videodivbig_4to3{
	clear: both; 
	height:338px;
}
.paragraph_video .videodivbig_4to3 .videoSplashImage{
	height:338px;
	width:450px;
}




.paragraph_video .videodiv_16to9{
	clear: both; 
	height:180px;
}

.paragraph_video .videodiv_16to9 .videoSplashImage{
	height:180px;
	width:320px;
}



.paragraph_video .videodivbig_16to9{
	clear: both; 
	height:253px;
}
.paragraph_video .videodivbig_16to9 .videoSplashImage{
	clear: both; 
	height:253px;
	width:450px;
}


.paragraph_video .videodivbig{
	clear: both; 
	height:351px;
}
.paragraph_video .videodivbig .videoSplashImage{
	height:351px;
	width:450px;
}






/*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;
}