/*
-------------------------------------------------------------------------------
Seite:  Der Übersee-Club e.V. : Veranstaltungen
Autor:  Monika Zimmermann, nocken & hammes consulting, Köln
Datum:  April 2014
-------------------------------------------------------------------------------
*/
/*
@font-face {
  font-family: 'Magra';
  font-style: normal;
  font-weight: 400;
  src: local('Magra'), url(http://themes.googleusercontent.com/static/fonts/magra/v1/1uj9cdpjAK0H5tD02KSgRw.woff) format('woff');
}
*/

/*
-------------------------------------------------------------------------------
Allgemeines
-------------------------------------------------------------------------------
*/
div#uecVeranstaltungen {
    padding: 0;
    border: none;
    text-align:left;
    width: 100%;
}
div#uecVeranstaltungen .fehlermeldung { 
	color: #FF0000;
}

/* Überschrift */
div#uecVeranstaltungen h1 {
  margin:0 0 15px 0;
  padding:0 0 0 0;
  font-family:'Magra', sans-serif;
  font-size:26px;
  line-height:1.2em;
  font-weight:100;
}
div#uecVeranstaltungen h2 {
  margin:0 0 10px 0;
  padding:0 0 0 0;
  font-family:'Magra', sans-serif;
  font-size:16px;
  line-height:1.1em;
  font-weight:100;
}
div#uecVeranstaltungen h3 {
  margin:14px 0 6px 0;
  padding:0 0 0 16px;
  font-family:'Magra', sans-serif;
  font-size:13px;
  line-height:1.5em;
  font-weight:normal;
  color:#7d93a4;
  background:url("Images/star-lightblue.png") no-repeat left 4px;
}
div#uecVeranstaltungen h4 {
  margin:0 0 10px 0;
  font-family:'Magra', sans-serif;
  font-size:18px;
  line-height:1.1em;
  font-weight:normal;
  text-align:center;
  text-transform:uppercase;
  background:url("Images/doppellinie.png") repeat-x center;
}
div#uecVeranstaltungen span.highlight1 { color:#7d93a4; }
div#uecVeranstaltungen span.highlight2 {
  padding-left:5px;
  padding-right:5px;
  background-color:#002B4E;
}

/* Standardlink */
div#uecVeranstaltungen a               { text-decoration: none; color: #FF0000; }
div#uecVeranstaltungen a:link          { text-decoration: none; color: #FF0000; }
div#uecVeranstaltungen a:visited       { text-decoration: none; color: #FF0000; }
div#uecVeranstaltungen a:hover         { text-decoration: none; color: #FF0000; }
div#uecVeranstaltungen a:active        { text-decoration: none; color: #FF0000; }
div#uecVeranstaltungen a img           { margin: 0; padding: 0; border: none; }

/* arrowlinkred */
div#uecVeranstaltungen a.arrowlinkred {
  padding:0 0 0 12px;
  color:#ff0000;
  background:url("Images/arrow_red.png") no-repeat left 6px;
  display:inline-block;
}

/* Normaler Absatz */
div#uecVeranstaltungen p {
}

/* Loading-Animation bei ajax-events */
#nh_uecOverlay {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    width: 32px;
    height: 32px;
    padding: 25px;
    text-align: center;
    line-height: 50px;
    background-color: White;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -50px;
    margin-top: -50px;
    box-shadow: 8px 8px 8px #666;
}

/*
-------------------------------------------------------------------------------
Veranstaltungsübersicht
-------------------------------------------------------------------------------
*/
div#uecVeranstaltungen .uebersicht {
    display: table;
    width: 100%;
}
div#uecVeranstaltungen .uebersicht p {
    margin: 0;
    padding: 0;
}
div#uecVeranstaltungen .uebersicht h2 {
    margin-top: 10px;
    margin-bottom: 0;
}
div#uecVeranstaltungen .uebersichtZeile {
    display: table-row;
}
div#uecVeranstaltungen .uebersichtSpalte1 {
    display: table-cell; 
    text-align: left; 
    vertical-align: top; 
    padding-right: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #7d93a4;
    min-width: 200px;
}
div#uecVeranstaltungen .uebersichtSpalte2 {
    display: table-cell; 
    text-align: left; 
    vertical-align: top; 
    padding-right: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #7d93a4;
    min-width: 250px;
}
div#uecVeranstaltungen .uebersichtSpalte3 {
    display: table-cell; 
    text-align: left; 
    vertical-align: top; 
    padding-right: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #7d93a4;
    min-width: 250px;
}
div#uecVeranstaltungen .uebersichtSpalte4 {
    display: table-cell; 
    text-align: left; 
    vertical-align: top; 
    white-space: nowrap; 
    padding-bottom: 10px;
    border-bottom: 1px solid #7d93a4;
}

/*
-------------------------------------------------------------------------------
Veranstaltungsdetails
-------------------------------------------------------------------------------
*/
div#uecVeranstaltungen .details {
    display: table;
    width: 100%;
    margin-bottom: 30px;
}
div#uecVeranstaltungen .detailsZeile {
    display: table-row;
}
div#uecVeranstaltungen .detailsSpalte1 {
    display: table-cell; 
    text-align: left; 
    vertical-align: top; 
    padding-right: 20px;
    width: 300px;
}
div#uecVeranstaltungen .detailsSpalte1 img.vFoto {
    max-width: 300px;
    border: 0;
    margin: 0;
    padding: 0;
    margin-top: 20px;
}
div#uecVeranstaltungen .detailsSpalte2 {
    display: table-cell; 
    text-align: left; 
    vertical-align: top; 
}
div#uecVeranstaltungen .details h1 {
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 15px;
  line-height: 1.2em;
  font-weight: 100;
}
div#uecVeranstaltungen .details h3 {
    border-top: 1px solid #7d93a4;
    padding-top: 8px;
    margin-top: 20px;
    margin-bottom: 10px;
    background-position: left 13px;
}
div#uecVeranstaltungen .details .thema {
    font-weight: bold;
    margin: 0;
}
div#uecVeranstaltungen .details .beschreibung {
    margin: 0 0 30px 0;
}
div#uecVeranstaltungen .details .vName {
    font-family: 'Magra', sans-serif;
    font-size: 16px;
    margin: 20px 0 0 0;
}
div#uecVeranstaltungen .details .vBeruf {
    margin: 0;
    color: #7d93a4;
}
div#uecVeranstaltungen .details .vLebenslauf {
    margin: 5px 0 0 0;
}
div#uecVeranstaltungen .details .preis {
    margin: 30px 0 0 0;
}
div#uecVeranstaltungen .details .datei {
    margin: 15px 0 0 0;
}

/* Anmeldung */
div#nh_uecAnmeldestatus {
}
div#nh_uecAnmeldestatus .okay {
    color: #00B400;
}
div#nh_uecAnmeldestatus .fehler {
    color: #D00012;
}

div#nh_uecGaesteliste {
    width: 100%;
}
div#nh_uecGaesteliste table.anmeldungGaeste {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
}
div#nh_uecGaesteliste table.anmeldungGaeste td {
    border-top: 1px solid #7d93a4;
    border-bottom: 1px solid #7d93a4;
    padding: 3px 10px 3px 0;
    text-align: left;
    vertical-align: middle;
}
div#nh_uecGaesteliste table.anmeldungGaeste td.checkbox {
    width: 90%;
}
div#uecVeranstaltungen .anmeldungGastNeu {
    border-bottom: 1px solid #7d93a4;
    padding: 0 0 10px 26px;
}
div#uecVeranstaltungen .anmeldungGastNeu p {
    margin-bottom : 5px;
}
div#uecVeranstaltungen .anmeldungInfo {
    margin-top: 15px;
}
div#uecVeranstaltungen .anmeldungFunkionen {
    margin-top: 15px;
}

/*
-------------------------------------------------------------------------------
Eingabebereich
-------------------------------------------------------------------------------
*/
div#uecVeranstaltungen table.eingabe {
    padding: 0;
    margin: 0;
    border-spacing: 0;
    border-collapse: collapse;
}
div#uecVeranstaltungen td.eingabeText {
    text-align: left;
    vertical-align: top;
    padding-top: 3px;
    padding-right: 10px;
    padding-bottom: 3px;
}
div#uecVeranstaltungen td.eingabeFeld {
    text-align: left;
    padding-bottom: 3px;
    white-space: nowrap;
}

div#uecVeranstaltungen select, input, button, textarea  {
    font:11px arial, helvetica, clean, sans-serif; 
}

div#uecVeranstaltungen .button {
	font-family: arial, helvetica, clean, sans-serif;
	font-size: 11px;
	color: #000000; 
	padding-top: 3px;
	padding-bottom: 3px;
}

div#uecVeranstaltungen .saveButton {
	font-family: arial, helvetica, clean, sans-serif;
	font-size: 11px;
	color: #C10E21; 
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 15px;
	padding-right: 15px;
}