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

body.edit_mode .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 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.text {
width: 440px;
}

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

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

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



/* 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;
}
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-bottom: 30px;
}

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;
margin-left: -3px;
}

.paragraph_audiofileList select  {
margin-left: 3px;
}

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

/*Video*/
.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:351px;
	width:450px;
}
.paragraph_video .videodivbig .videoSplashImage{
	height:347px;
	width:446px;
	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;
}