@charset "UTF-8";
/**
 *
 * Screenlayout
 *
 * @copyright		Copyright 2009  |  Andreas Isaak      		
 * @link  			http://www.andreas-isaak.de
 */

@media screen, projection
{

  * {
	margin:0;
	padding:0;
	border:0;
  }
  
  html, body, div, span, applet, object, iframe,
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  a, abbr, acronym, address, big, cite, code,
  del, dfn, font, img, ins, kbd, q, s, samp,
  small, strike, sub, sup, tt, var,
  dl, dt, dd, ol, ul, li,
  fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
  }
  
  img, object {
  	display:block;
	margin:0;
	padding:0;
	border:0;	
  }

  :focus {
	outline: 0;
  }

  ol, ul {
	list-style: none;
  }

  body {
  	font-size: 100.01%;
    text-align: left;
	font: normal 12px/1.5em Arial, Helvetica, sans-serif;
	color:#000;
	background-color:#fff;
  }

  a {
  	color:#000;
	text-decoration:underline;
  }

  a:hover { text-decoration:none; }
 
  h2, h3, h4, h5 {
  	color:#000;
	margin:10px 0;
	display:block;
	line-height:1.3em;
  }
  
  h2 { font-size:20px; }
  h3 { font-size:17px; }
  h4 { font-size:14px; font-weight:bold; }
  
  .js h2 { font-size:22px; word-spacing: -0.05em; }
  .js h3 { font-size:18px; word-spacing: -0.05em; }  
  
  #container p { padding:5px 0; }
  
  /*------------------------------------------------------------------------*/     

  #wrapper {
  	width:100%;
	margin:0 auto;
  }
  
  /*------------------------------------------------------------------------*/  

  /**
   *
   * Header & Navigation
   *
   */
   
  #header {
  	background:transparent url(../images/bgr-header.jpg) repeat-x left 500px;
	height:585px;
  	width:100%;
	margin:0 0 30px;
	padding:0;
  }
  
  #header .inside {
  	width:850px;
	height:585px;
	margin:0 auto;
	position:relative;
  }
  
  #header .inside h1 {
	width:850px;
	height:76px;
	position:absolute;
	bottom:120px;
  }
  
  #header .inside h1 a {
	background:transparent url(../images/logo.png) no-repeat center center;
	width:850px;
	height:76px;
	display:block;
	text-indent:-99999px;
  }
  
  .lang-en #header .inside h1 a {
	background:transparent url(../images/logo-en.png) no-repeat center center;
	width:850px;
	height:76px;
	display:block;
	text-indent:-99999px;
  }
 
  #header .mod_navigation {
	position:absolute;
	bottom:0;
	width:850px;
  }  
 
  #header .mod_navigation ul {
  	width:850px;
	margin:0 auto;
	overflow:hidden;
  }  
  
  #header .mod_navigation li {
  	float:left;
	font-size:18px;
	margin-right:15px;
  }
  
  #header .mod_navigation li.last {
  	margin-right:0;
  }
  
  #header .mod_changelanguage ul,
  #header .mod_navigation li a,
  #footer .mod_customnav li a,
  #header .mod_navigation li span,
  #footer .mod_customnav li span {
	background:transparent url(../images/bgr-nav.png) no-repeat;
  	display:block;
	text-decoration:none;
	padding:0;
	margin:0;
	color:white;
  }
 
  #header .mod_navigation li a.start,
  #header .mod_navigation li span.start {	
	background-position: -825px -5px;
  	width:66px;
	margin:0;
	overflow:hidden;
	padding:22px 3px 22px 25px;
  } 

  
  #header .mod_navigation li a.symposium,
  #header .mod_navigation li span.symposium {
	background-position:-2px -5px;
	padding:20px 20px 20px 24px;
	width:96px;
	height:24px;
  }
  
  #header .mod_navigation li a.reisen,
  #header .mod_navigation li span.reisen {
	background-position:-168px -5px;
	padding:25px 20px 20px;
	width:70px;
	height:22px;
  }
  
  #header .mod_navigation li a.ambd,
  #header .mod_navigation li span.ambd {
	background-position:-292px 0;
	padding:30px 20px 20px 25px;
	width:140px;
	height:19px;
  }
  
  .main_en #header .mod_navigation li a.ambd,
  .main_en #header .mod_navigation li span.ambd {
	padding:19px 20px 20px 45px;
	width:120px;
	height:30px;
  }
  
  #header .mod_navigation li a.missionstag, 
  #header .mod_navigation li span.missionstag {
	background-position:-497px -5px;
	padding:22px 15px 20px 25px;
	width:106px;
	height:25px;
  } 
  
  #header .mod_changelanguage {
	width:100px;
	position:absolute;
	bottom:0;
	right:0;
  }
  
  #header .mod_changelanguage ul {
	background-position: -825px -5px;
  	width:75px;
	margin:0;
	overflow:hidden;
	padding:22px 3px 22px 16px;
  }  
  
  #header .mod_changelanguage li {
	font-size:18px;
	float:left;
	padding:3px 0;
  }
  
  #header .mod_changelanguage li.last {
	border-left:1px solid #dadada;
	padding-left:12px;
	margin-left:10px;
  }

  #header .mod_changelanguage li a,
  #header .mod_changelanguage li p {
	color:white;
	text-decoration:none;
  }
	
  /*------------------------------------------------------------------------*/   

  #container {
	width:850px;
	margin:0 auto 70px;
	padding-top:30px;
	overflow:hidden;
  }

  #main {
	float:right;
	width:550px;
  }
  
  #main h2.ce_headline {
	margin-bottom:19px;
  }
  
  #main .ce_text h3 {
	margin-top:0;
  }
  
  #main .ce_image {
	background:#fff url(../images/bgr-images.jpg) no-repeat center bottom;
	padding-bottom:11px;
  }
  
  #main .ce_image .image_container {
	margin-top:5px;
	position:relative;
  }
  
  .gallery #main h3 {
	display:block;
	clear:both;
  }
  
  .gallery #main .ce_image {
	background-image:none;
	float:left;
	width:250px;
	margin:0 25px 15px 0px;
  }
  
  .gallery #main .ce_image img {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
  }
  
  .gallery #main .ce_image .caption {
	/* background-color:#8CC4DB;
	padding:2px 10px 6px;
	min-height:65px; */
	display:none;
	position:absolute;
	bottom:3px;
	left:3px;
	width:225px;
	height:auto;
	background-color:#8CC4DB;
	padding:6px 10px;
  }
  
  #main .overview {
	width:483px;
	padding:10px 20px;
	clear:both;
	border:1px solid #F0F0F0;
	background-color:#F0F0F0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px; 
  }
  
  #main .overview .ce_text a {
	background:transparent url(../images/icon-slideshow.gif) no-repeat left center;
	padding-left:23px;
  }
  
  #main .ce_download {
	overflow:hidden;
	width:100%;
	padding:10px 0 5px;
	clear:both;
  }
  
  #main .ce_download img {
	float:left;
	margin-right:5px;
  }
  
  #main .ce_download a, 
  #main .overview a {
	text-decoration:none;
  }
  
  #main .ce_download a:hover, 
  #main .overview a:hover {
	text-decoration:underline;
  }

  #main .ce_download span {
	font-size:11px;
  }
  
  /*------------------------------------------------------------------------*/   
  
  #left {
	float:left;
	width:260px;
	padding-top:48px;
  }

  #left a {
	text-decoration:none;
  }
  
  #left a:hover {
	text-decoration:underline;
  }

  #left .mod_navigation ul { margin-top:1px; }
  #left .mod_navigation li ul { margin-top:6px; } 
  
  #left .mod_navigation ul li {
	background: transparent url(../images/icon-internal-link.png) no-repeat left 10px;
	padding:4px 0 4px 16px;
  }
  
  /** Forms */
  
  #registrationform {
	margin-top:10px;
  }
  
  #registrationform .entry {
	padding:3px 0;
	margin-bottom:10px;
	width:540px;
	overflow:hidden;
  }
  
  #registrationform .entry p.error {
	width:100%;
	clear:both;
	margin-top:10px;
	color:red;
  }
  
  #registrationform .name p.error {
	margin:0;
  }
  
  #registrationform .entry label {
	padding-top:3px;
	width:155px;
	float:left;
  }

  #registrationform .entry span.mandatory {
	font-weight:bold;
  }
  
  #registrationform input,
  #registrationform textarea {
	border-color:#BDBDBD #BDBDBD #E1E1E1 #E1E1E1;
	border-style:solid;
	border-width:1px;
	padding:5px;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-khtml-border-radius:2px;
	border-radius:2px;
  }
  
  #registrationform .entry input,
  #registrationform .entry textarea {
	width:370px;
  }
  
  #registrationform .entry textarea {
	height:150px;
  }
  
  #registrationform .birthday input {
	width:347px;
  }
  
  #registrationform .submit_container input {
	margin:20px 0 0 0;
	float:right;
	cursor:pointer;
	background-color:#F0F0F0;
  }
  
  #registrationform .submit_container input:hover {
	background-color:#E1E1E1;
  }
  
  #registrationform div.error input.text {
	border:1px solid red;
	background: transparent url(../images/error.gif) no-repeat 5px center;

  }
  
  #registrationform div.error.entry input.text {
	padding-left:25px;
	width:350px;
  }
  
  #registrationform div.error.birthday input.text {
	padding-left:25px;
	width:327px;
  }
 
  #registrationform .station-overview div.error input.text {
	padding-left:25px;
	width:295px;
  }
  
  #registrationform .station-overview div.error.date input.text {
	padding-left:25px;
	width:270px;
  }
  
  #registrationform p.error {
	display:none;
  }
  
  #registrationform .haserror {
	margin-bottom:20px;
	font-weight:bold;
	color:red;
  }
  
  #registrationform #condition_reisebegleitung,
  #registrationform .station-overview {
	background-color:#F0F0F0;
	padding:10px 20px;
	margin-bottom:10px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	border-radius:3px;
  }
  
  #registrationform .station-overview .entry {
	width:510px;
  }
  
  #registrationform .station-overview input {
	width:315px;
  }
  
  #registrationform .station-overview .date input {
	width:290px;
  }
  
  #registrationform .station-overview label {
	width:180px;
  }
  
  #registrationform .station-overview ul {
	margin-bottom:10px;
  }  
  
  #registrationform .station-overview ul li {
	padding:2px 0 2px 24px;
	margin-left:20px;
	background: transparent url(../images/closed.gif) no-repeat left center;
  }
  
  #registrationform #condition_reisebegleitung label {
	width:125px;
  }
  
  #registrationform .condition_checkbox {
	margin:20px 0;
	overflow:hidden;
  }

  #registrationform .checkbox_container,
  #registrationform .radio_container,
  #registrationform .condition_checkbox {
	padding-left:20px;
  }
  
  #registrationform .checkbox_container span, 
  #registrationform .radio_container span {
	width:100%;
	overflow:hidden;
	display:block;
	margin:1px 0;
	padding:2px 0;
  }
  
  #registrationform .checkbox_container input,
  #registrationform .radio_container input,
  #registrationform .condition_checkbox input {
	width:10px;
	float:left;
	margin:2px 10px 0 0;
  }
  
  #registrationform .checkbox_container label,
  #registrationform .radio_container label,
  #registrationform .condition_checkbox label {
	width:250px;
	float:left;
	padding:0;
  }
  
  #registrationform .condition_checkbox label {
	width:450px;
  }
  
  #registrationform .salutation .radio_container {
	width:380px;
	float:right;
	padding:0;
	overflow:hidden;
  }

  #registrationform .salutation .radio_container span {
	width:70px;
	float:left;
  }
  
  #registrationform .salutation .radio_container span input {
	margin-right:5px;
  }
  
  #registrationform .salutation .radio_container span label {
	width:40px;
  }

  #registrationform div.error.mandatory span {
	color:red;
  }
  
  #registrationform .overnight label {
	width:450px;
  }
    
  /*------------------------------------------------------------------------*/  
  
  #footer {
	background:#fff url(../images/bgr-footer.jpg) no-repeat center center;
	width:850px;
	margin:0 auto 40px;
  }  

  #footer .mod_customnav ul {
	width:155px;
	margin:0 auto;
  }
  
  .main_de #footer .mod_customnav ul {
	width:329px;
	margin:0 auto;
	overflow:hidden;
  }  
  
  #footer .mod_customnav li {
	font-size:18px;
  }
  
  .main_de #footer .mod_customnav li {
	float:left;
	margin-right:20px;
  }
  
  .main_de #footer .mod_customnav li.last {
	margin:0;
  }  
  
  #footer .mod_customnav li a,
  #footer .mod_customnav li span {
	background-position:-652px -5px;
	padding:25px 20px 20px 30px;
	width:103px;
	height:20px;
  }
  
  .main_en #footer .mod_customnav li a,
  .main_en #footer .mod_customnav li span {
	background-position:-652px -5px;
	padding:25px 20px 20px 50px;
	width:83px;
	height:20px;
  }
  
  /*------------------------------------------------------------------------*/    
  
  div.calendar td.today {
	background:transparent url(../images/calendar-td.gif) 0 100%;
	color:#fff;
  }

  /*------------------------------------------------------------------------*/    
  
  .clearfix:after {
    content: ".";
    display: block;
    font-size:0;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  .clearfix { display: block; }
  
}