@charset "UTF-8";

/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Screen layout for YAML examples
 * (de) Bildschirmlayout für YAML-Beispiele
 *
 * @copyright       Copyright 2005-2010, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.2.1
 * @revision        $Revision:426 $
 * @lastmodified    $Date: 2009-10-27 21:15:57 +0100 (Di, 27. Okt 2009) $
 */

@media screen, projection {
.blue {
	color: rgb(40,65,145)!important;
}
.bg-blue {
	background-color: rgb(40,65,145)!important;
	color: #fff;
}
.light-blue {
	color: rgb(135,160,190);
}
.petrol {
	color: rgb(20,100,130)!important;
}
.light-petrol {
	color: rgb(95,160,185)!important;
}
.bg-petrol {
	background-color: rgb(136,194,211)!important;
color: #000;
}
.bg-light-petrol {
	background-color: rgb(234,246,249)!important;
color: #000;
}
.orange {
	color: rgb(220,90,20)!important;
}
.light-orange {
	color: rgb(240,145,95);
}
.bg-orange {
	background-color: rgb(246,163,117)!important;
color: #000;
}
.yellow {
	color: rgb(255,210,0)!important;
}
.light-yellow {
	color: rgb(255,240,125)!important;
}
.bg-yellow {
	background-color: rgb(255,239,147)!important;
color: #000;
}
.dark-grey {
	color: rgb(70,70,70)!important;
}
.bg-dark-grey {
	background-color: rgb(87,87,87)!important;
	color: #fff;
}
.grey {
	color: rgb(160,160,160)!important;
}
.bg-grey {
	background-color: rgb(177,177,177)!important;
	color: #fff;
}
.light-grey {
	color: #f9f9f9!important;
}
.bg-light-grey {
	background-color: #f9f9f9!important;
	color:#000;
}
.white {
	color: #fff!important;
}
.bg-white {
	background-color: #fff!important;
	color:#000;
}
div.trenner {margin: 15px 0; background: #ccc; height: 1px; width: 98.5%}
.marbottom10 {margin-bottom: 10px!important;}
td.marbottom10 {padding-bottom:10px!important;}
.marbottom20 {margin-bottom: 20px!important;}
td.marbottom20 {padding-bottom:20px!important;}

#header {
	height: 160px;
	position: relative;
	z-index:10;
}
#logo, #navigation {
	float: left;
	position: relative;
}
img#logo {width: 180px; height: auto;}
#login {
	width: 110px;
	margin: 0 45%;
	top: 0px;
	position: absolute;
	z-index: 100;
}
#failed {
  text-align:center;
  background:red;
  padding:4px;
  font-weight:700;
  color: #fff;
  position: absolute;
  top: 30px;
  width: 100px;
  text-align: center;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  box-shadow: rgba(255,255,255,0.9) 0px 0px 5px;
  -moz-box-shadow: rgba(255,255,255,0.9) 0px 0px 5px;
  -webkit-box-shadow: rgba(255,255,255,0.9) 0px 0px 5px;
}
#loginform {
  position: absolute;
  top: 40px;
  background: #fff;
  padding: 10px;
  margin: 0 40%;
  width: 220px;
  z-index: 90;
  box-shadow: rgba(0,0,0,0.5) 0px 3px 5px;
  border-radius: 6px;
  border: 1px solid rgb(204,204,204);
  text-align: center;
}
#loginform label, #loginform2 label { width: 7em; text-align: left;}
	#loginform input {width: 97.5%}
#loginform input.submit {
  margin: 10px auto 2px auto;
  padding: 2px 30px;
}
#loginform2 input.submit {
  margin: 10px auto;
  padding: 2px 30px;
}
#navigation {
	margin-left: 0px;
	width: auto;
	position: absolute;
	left: 230px;
	width: 78%;
	max-width: 960px;
}
#navigation ul {
}
#navigation ul li {
	display: inline-block;
	list-style-type: none;
	clear: right;
	white-space: nowrap;
}
#navigation ul li a {
	display: inline-block;
	height: 20px;
	padding: 5px 9px;
	line-height: 20px;
	color: #fff;
}
#navigation ul li.twitter {
	background: #333;
	background: rgba(0,0,0,0.5);
	border-radius: 6px 6px 0 0;
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-radius: 6px 6px 0 0;
	margin: 0 10px;
	padding: 0 5px;
}
#navigation ul li.twitter img {
	margin: 2px 0 -2px 0
}
#nav {
    margin: 95px 0 0 5px;
}
ul#nav li.active {
	background: #fff;
	border: 1px solid #777;
	border-bottom: none;
	border-top: none;
	border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
}
ul#nav li a {
	text-shadow: rgb(0,0,0) 1px 1px 0;
	text-overflow: ellipsis;
}
ul#nav li.active a {
	text-shadow:none;
	text-overflow: ellipsis;
}
#navigation ul li.active a, #subnav li a:hover, ul#subsubnav li a:hover, ul#subsubnav li.active a {
	color: #274193
}
ul#subnav {
	position: absolute;
	left: 10px;
	border-bottom: 1px solid #999;
	padding: 5px 0 10px 0;
	font-size: 90%;
	width: 75vw;
	max-width: 960px;
}
ul#subnav li {
	margin: 0;
}
ul#subnav li a {
	display: inline;
	height: 15px;
	line-height: 15px;
	padding: 0px 7px;
	color: #4d4d4d
}
ul#subnav li.active {
	font-weight: 700;
}
ul#subsubnav {
	padding: 0;
	margin:0 0 90px 0;
}
ul#subsubnav li {
	display: inline;
	list-style-type: none;
	clear: right;
	white-space:nowrap;
	background: none!important;
	padding-left: 0!important;
}
ul#subsubnav li a {
	display: inline-block;
	height: 15px;
	padding: 5px 7px 0 0;
	line-height: 15px;
	color: #666;
	font-size: 90%;
}
#searchform {
	width: 120px;
	height: 18px;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 780px;
	top: 64px;
	z-index: 11;
}
#searchform label {
	position: absolute;
	height: 20px;
	width: 20px;
	z-index: 10;
	background: url(/images/lupe.png) no-repeat 5px 6px;
}
#searchform label span {
	visibility: hidden;
	height: 20px;
}
#searchform input {
	color: #fff;
	padding: 2px 5px 2px 18px;
	height: 14px;
	width: 100%;
	border: 1px solid #aaa;
	border-radius: 9px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	background: rgb(61,69,77) url(/images/bg-search.png) repeat-x;
}
/*### Inhalte ########################################################*/


/* obituary Max Snyder */

.msnyder {/* display:none; */}
.msnyder h3 {color: #333; margin: 40px 0 20px}
.msnyder img {width: 50%; height: auto;}
div.obituary {
	overflow: hidden;
	border: 4px solid #000;
	margin-bottom: 20px;
	background: #fff;
	padding: 12px 12px 0px 12px;
	position:relative;
}
.obituary img {width: 100%; height: auto;}

div.obituary a {color: #333;text-decoration:none!important}
div.obituary .c20l {width:140px;display:table-cell}
div.obituary .c80r {width: calc(100% - 150px);}
div.obituary .c80r p:first-child  {margin-top: 35px;}
div.obituary .more a {position:absolute;right:20px;bottom: 10px;color:#aaa;font-size: 11px}

/* Linke Spalte */
#col3_content {
	font-size: 90%;
}
#col3_content h3 {
	font-weight: 700;
	letter-spacing: 0;
	color: rgb(40,65,145);
}
#col3_content div {
overflow: visible;
}
#col3_content div.cards {
	margin-left: -8px;
}
#col3_content div.cards ul {
	margin-bottom: 0px;
}
#col3_content div.cards ul.partners img {
	width: 180px;
	height: auto;
}

#col3_content a {
	color: #444;
}

#col3_content a:hover {
	text-decoration: underline;
}
div.news {
	display: none;
} /* zunaechst ausgeblendet */
/* Inhaltsbereich */

h1.home {
	margin: 0 0 1.5em 0;
	padding-top: 0;
	font-size: 14pt;
	color: #555;
}
h1.solo {
	margin: 0 0 1em 0;
	padding-top: 0;
}
#main {
	padding-right: 20px;
}
#content {
	position: absolute;
	margin-top: -37px;
	border: 1px solid #999;
	border-top: none;
	padding: 40px 15px 5px 15px;
	min-width: 740px;
	max-width: 950px;
	width: 95%;
	background: #fff;
	color: #333;
	border-bottom-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 5px;
	-moz-box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 5px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 5px;
}
#content img {
	margin: -2px 20px 10px 0;
	float: left;
}
#content img.no-float {
	margin: 5px 0;
	float: none;
}
#content img.img-responsive,
#content img.full {
    width: 100%;
    height: auto;
}
#content ul {
	list-style-type: none;
	margin: 0 0 1em 0;
}
#content ul li {
	list-style-type: none;
	margin: 0 0 0.25em 0;
	padding-left: 18px;
	background: url(/images/dot-yellow.png) no-repeat 0px 5px;
}
#content ul ul {
	list-style-type:none;
	margin-bottom:0;
	margin-top: 0.5em;
}
#content ul ul li {
	background-image: url(/images/square-orange.png);
	padding-left: 15px;
}
#content ul.table_list li {
	background: none;
	padding-left: 14em;
}
#content ul.table_list li strong {
	position: absolute;
	margin-left: -14em;
}

#content.slideshow {
  min-width: 1196px;
  max-width: 1196px;
}
#content.slideshow #videocontent{
  margin: 20px 0;
}
#content.slideshow .video-js .vjs-big-play-button {
    top: calc(50% - 0.8em);
    left: calc(50% - 1.5em);
}
/* Seitennavigation past Events (entspricht subsubnav) */

h1.subsubnav {margin-top: 3em;}

  ul#years {
	padding: 0;
	margin:0 0 90px 0;
    position: absolute;
    top: 40px;
   }
ul#years li {
	display: inline;
	list-style-type: none;
	clear: right;
	white-space:nowrap;
	background: none!important;
	padding-left: 0!important;
}
ul#years li a {
	display: inline-block;
	height: 15px;
	padding: 5px 7px 0 0;
	line-height: 15px;
	color: #666;
	font-size: 90%;
}
ul#years li.current a {
color: rgb(39, 65, 147);
}

/* Lectures */

ul#lectures {
	border-top: 1px solid #ccc;
}
ul#lectures li {
	background: none!important;
	padding: 5px 0 10px 100px;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
	line-height: 1.5em;
}
ul#lectures li strong {
	color: rgb(40,65,145);
}
ul#lectures li img {
	vertical-align: top;
	margin: 4px 20px 3px -100px;
	float: left;
}
/*
 ul#lectures a {color: #333;}
*/

.first {margin-bottom: 20px;}
.banner {

	overflow: hidden;
	border: 1px solid #ccc;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	margin: -8px 0 20px;
	padding-bottom: 15px;
}
.banner img.full {margin-bottom: 20px!important;}
.banner h3,
.banner p,
.banner span {
	padding: 0 20px;
}
.banner h3 {color:#1F347E}
.rounded {
	overflow: hidden;
	border: 1px solid #ccc;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	margin-bottom: 20px;
	background: #f9f9f9;
	padding: 0 12px; /* alex */
}
.rounded.eab {background: #f3f6fd;padding-top: 10px;font-size: 110%}
.rounded.no-bg {background: none; padding-top: 10px}
.nopadding { /*alex*/
	padding:0!important;
}

div.picture {
overflow: hidden;
}
div.picture img {
  width: 100%;
  height: auto;
}
div.picture span.caption {
 font-size: 85%;
 margin-bottom: 20px;
 display: inline-block; 
}
div.benefits ul, ul.rounded {
	border: 1px solid #ccc;
	padding: 10px;
}
div.benefits ul ul, ul.rounded ul {
	border: none;
	padding: 0;
}
div.benefits h2 {
	margin: 25px 0 3px 12px;
}

p.ics { position: absolute;right: 36px; top: 66px; text-align: right; font-size: 75%; font-weight: normal;}

div.events {
	margin-bottom: 0px;
	overflow: hidden;
	padding-bottom: 1px;

}

div.events h2 {
	margin-top: 20px;
}
div.events table {
	width: 100%;
	margin: 1em 10px 10px 0;
	border-bottom: 1px solid #ccc;
}
div.events table th, div.events table td {
	padding: 0px 2em 10px 0;
	border-bottom: none;

}
div.events table th {
	width: 5%;
}
div.events table td.more_info {
	width: auto;
	border: none;
	padding-top: 1.5em;
}
div.events table td.date {
	width: 30%;
}
div.events table td.location {
	width: 60%;
}
p.description {
margin: 0 0 0.75em 0;
}

div.teaser { border-top: 1px solid #ccc; padding-top: 10px; }

.agenda .privacy-statement {font-size:90%;}
tr.privacy {}

div.agenda div.events {
	border-top: none;
}
div.agenda div.events table {
	border-bottom: 1px solid #ccc;
}
div.agenda h2, div.cards h2 {
	margin: 20px 0 0 6px;
	padding: 5px 10px;
	display: inline-block;
	border-top-right-radius:  6px;
	-ms-border-top-right-radius:  6px;
	-webkit-border-top-right-radius:  6px;
	-moz-border-radius-topright:  6px;
	border-top-left-radius:  6px;
	-ms-border-top-left-radius:  6px;
	-webkit-border-top-left-radius:  6px;
	-moz-border-radius-topleft:  6px;
	color: #fff;
	background: rgb(40,65,145);
	font-size: 100%;
}

/* sponsors */
#content div.sponsors p {padding:  0;}
#content div.sponsors img {float: none;vertical-align: middle;margin: 0px 20px 10px 0;}

table.agenda {
	margin-bottom: 10px;
}
table.agenda th, table.agenda td {
	vertical-align: top;
}
table.agenda th {
	padding-left: 0;
	color: rgb(40,65,145);
}
table.agenda td.time {
	padding-left: 0;
	width: 4em
}
table.agenda td.speaker {
}


table.agenda td.institution {
}
table.agenda ul li {
    background-image: url("/images/square-grey.png")!important;
    padding-left: 15px!important;
    margin: 10px 0 0 0px!important;
}

/* Registration */

div.registration table {
	margin: 10px 0;
width: 95%
}

div.registration table th, div.registration table td {
	padding: 5px;border: none;
}

div.registration table input, div.registration table textarea {
	width: 100%;
}

div.registration table .alert { padding: 3px 5px;}

form div.registration ul li { background: none!important; padding-left: 0!important; }

table#regresult {  margin-bottom: 10px; }
table#regresult td { padding-left: 0; border-bottom: none; }

table#registrations th,
table#members th {padding-left: 0;}
table#registrations td,
table#members td {padding-left: 1px; border-top: 1px solid #ccc;}
table#registrations img,
table#members img {margin-top: 5px;}


table.calls td.date { white-space: nowrap; }
table.calls td.date a { display: inline-block;margin-top: 3px; }

/* National Contact Points */

table#countries thead th  {
border-left: 1px solid #ccc;
}
table#countries tbody td:first-child  {
border-right: 1px solid #ccc;
}
table#countries tbody td {
border-right: 1px solid #ccc;
border-bottom: none;
}
table#countries thead th:first-child {
border-left: none;
}
table#countries tbody td:first-child,table#countries tbody td:last-child,table#countries tbody td:first-child:last-child  {
border-right: none;
}
table#countries tbody td.flag {
padding: 0.25em 0 0.25em 0.5em;
font-size: 6pt;
line-height: 35px;
overflow: hidden;
}
table#countries tbody td.flag img {
margin: 0;
}
table#countries tbody tr:nth-child(even) td { background: rgb(235,235,235);}

/* Seitennavigation past Events */
/*
ul#years {
       list-style-type: none;
       margin: 0 0 2em 0;
}
ul#years li {
       list-style-type: none;
       margin: 0;
       padding: 0 1em;
       background: none;
    display: inline;
    border-right: 2px solid #666;
}
ul#years li:first-child {
    border-left: 2px solid #666;
}
ul#years li a {
       font-weight: bold;
}
ul#years li.current a {
color: rgb(40,65,145);
}
*/
/* Lectures */

ul#lectures {
       border-top: 1px solid #ccc;
}
ul#lectures li {
       background: none!important;
       padding: 5px 0 10px 100px;
       border-bottom: 1px solid #ccc;
       overflow: hidden;
       line-height: 1.5em;
}

ul#lectures li strong {
       color: rgb(40,65,145);
}

ul#lectures li img {
       vertical-align: top;
       margin: 4px 20px 3px -100px;
       float: left;
}
/*
ul#lectures a {color: #333;}
*/

/*### News #######################################################*/
#content .eab-news-total {margin-top: 30px;}
#content .eab-news {margin: 10px 0 0 0;}
#content .eab-news img.preview {width:120px;height: 120px;margin: 4px 0 20px 0;}
#content .eab-news img.full {width: 47%;height: auto;margin: 0 30px 10px 0;}
#content .eab-news .newstext {font-family:"Lucida Sans Unicode", "Lucida Grande", Helvetica, Arial,sans-serif!important;}
#content .eab-news .newstext.image {margin-left: 150px;min-height: 110px;}
#content .eab-news.full .newstext,
#content .eab-news .newstext {margin-left: 0px;}
#content .eab-news .newstext p * {font-family:"Lucida Sans Unicode", "Lucida Grande", Helvetica, Arial,sans-serif!important;font-size: 14px!important; color: #444!important}
#content .eab-news .newstext p.date {display:block;font-size: 12px!important;}
#content .eab-news .newstext h3 {margin-top: 0;font-family:"Lucida Sans Unicode", "Lucida Grande", Helvetica, Arial,sans-serif;font-size:14px}
#content .eab-news .more {position:relative;border-bottom: 1px solid #ccc;margin: 0 0 20px;text-align:right;}
#content .eab-news .more span {background: #3B9AE2;display:inline-block;border-radius: 5px 5px 0 0;}
#content .eab-news .more span a{color:#fff;padding: 5px 10px;line-height: 25px;text-decoration:none;}


/*### Kontaktformular ############################################*/

label {
	display: inline-block;
	margin-top: 4px;
}
input, textarea {
	border: 1px solid #999;
	height: 18px;
	padding: 2px;
	margin: 2px 0 4px 0;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
textarea {
	height: auto;
}
input.checkbox, input.radio {
        width: auto!important;
        margin: 1px 10px -1px 0;
	border: none;
	padding: 0;
	vertical-align:text-top;
}
input, textarea {width: 500px;}
input.small {width: 6em;}
input.submit, input[type=submit] {
	width: auto!important;
	height: auto!important;
	padding: 5px 20px;
	background: rgb(40,65,145);
	color: #fff;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	cursor: pointer;
	box-shadow: rgba(0,0,0,0.5) 0px 1px 3px;
	-moz-box-shadow: rgba(0,0,0,0.5) 0px 1px 3px;
	-webkit-box-shadow: rgba(0,0,0,0.5) 0px 1px 3px;
	margin-bottom: 20px;
	line-height: 20px;
}
input.submit:hover, input[type=submit]:hover {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
select { margin: -2px 10px 2px 0; max-width: 600px }
form img.ui-datepicker-trigger,
form img#generateno,
	form img#generateuid{margin: 6px 10px 0 0!important}
form#regform select#dinner_number,
form#regform select#reception_number { margin: 0px 10px; position: relative; top: -2px }

/* Die Datei Icons */
a.file, a.jpg, a.png, a.gif, a.doc, a.pdf, a.zip, a.ppt, a.mpg, a.mov, a.mp4 {
	background-repeat: no-repeat!important;
	background-position: 0 4px;
	padding: 3px 0 0 20px;
	display: inline-block;
}
ul li ul li a[class] { margin-left: -17px }
a.file {
	background-image: url('/images/icons/generic.png')!important;
}
a.jpg, a.png, a.gif, a.tif, a.bmp, a.jpeg {
	background-image: url('/images/icons/jpg.png')!important;
}
a.doc, a.docx, a.txt, a.rtf, a.odt, a.dot {
	background-image: url('/images/icons/doc.png')!important;
}
a.ppt {
	background-image: url('/images/icons/ppt.png')!important;
}
a.pdf, a.pdfx {
	background-image: url('/images/icons/pdf.png')!important;
}
a.zip {
	background-image: url('/images/icons/zip.png')!important;
}
a.mpg, a.mpg1, a.mpg2, a.mpg3, a.mpg4, a.avi, a.mov, a.mp4 {
	background-image: url('/images/icons/mpg.png')!important;
}
}