@charset "iso-8859-1";

/*
file         screen.css
license      (c) 2009 bpm consult ag, CH-Birsfelden - all rights reserved.

version history:
2.6.0-0  15.06.2009  sk  initial release
*/


/* Spezielles

- Für Crossbrowser-Transparenz

  filter:alpha(opacity=50);  Für IE 
  -moz-opacity:0.5;  Für Gecko-Browser 
  opacity:0.5;  Für Konqueror, Opera 9+, Safari 
  
  
- Für Crossbrowser 'display: inline-block;'

  display:-moz-inline-stack;
  display:inline-block;
  zoom:1;
  *display:inline;

*/


/*** *** USER CLASSES FOR tinyMCE SELECTION *** ***/

/*** Possible to add more than one class in tinyMCE? ***/

.user_siteHeading {
  font-size: 24px;
  font-family: Verdana;
  color: #A0001B;
  margin: 5px 0 3px 0;
  border-bottom: 1px solid #ccc;
}
.user_sectionHeading {
  font-size: 15px;
  font-family: Verdana;
  color: #A0001B;
  margin: 5px 0 8px 0;
  border-bottom: 1px dotted #666;
}
.user_headingDesc {
  font-size: 10px;
  font-family: Verdana;
}
.user_notation {
  font-size: 10px;
  font-family: Verdana;
}
.user_fontSize12 {
  font-size: 12px;
  font-family: Verdana;
}


/*** *** OVERALL CLASSES *** ***/
* {
  padding: 0;
  margin: 0;
  border: 0;
}

html { height: 100%; }
body { 
  height: 100%;
  padding: 0;
  margin: 0 auto;
  font-size: 11px;
  font-family: Verdana;
  color: #000;
  background-color: #eaeaea;
  vertical-align: top;
  text-align: left;
  
  background-repeat: repeat-x;
  background-position: top center;
}

.floatLeft {
  float: left;
}
.floatRight {
  float: right;
}
.clear {
  clear: both;
}
.red {
  color: #A0001B;
}
.yellow {
  color: #997507;
}

img {
  border: 0;
}


.submitButton {
  /*border: 1px solid #0B479D;
  padding: 1px;*/
  display:-moz-inline-stack;
  display:inline-block;
  zoom:1;
  *display:inline;
  float: left;
}

.submitButton input {
  background-color: #0B479D;
  background-image: url(images/button_bg.png);
  background-repeat: repeat-x;
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  width: auto;
  cursor: pointer;
  padding: 5px;
  border: 1px solid #ccc;
}

input.numberInput {
  width: 50px !important;
}


/*** TYPOGRAPHY ***/

/* Headings */

.heading {
  font-size: 24px;
  font-family: Verdana;
  color: #A0001B;
  margin: 5px 0 3px 0;
  border-bottom: 1px solid #ccc;
}

.heading a, .heading a:visited {
  color: #A0001B;
}

.heading a:hover {
  text-decoration: underline;
}


.roundup {
  background-color: #CFE1FC;
  padding: 10px;
}

.roundupHeading {
  text-align: left;
  font-size: 21px;
  color: #E6B00A;
  font-family: Verdana;
  margin-bottom: 10px;
}

.roundupText {
  font-style: italic;
  padding: 0;
  color: #333;
  
}

.sectionHeading {
  font-size: 13px;
  font-family: Verdana;
  font-weight: bold;
  color: #A0001B;
  margin: 5px 0 8px 0;
  border-bottom: 1px dotted #666;
}

/* Headings end */

.warning {
  color:                red;
  font-weight:          bold;
}

.bpmMessages {
  color: #ff0000;
  font-weight: bold;
}

.subtitle {
  font-size: 11px;
  margin-bottom: 10px;
}

a, a:visited {
  color: #0B479D;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.justify {
  text-align: justify;
}

.bold {
  font-weight: bold;
}

.smallText {
  font-size: 10px;
  color: #777;
  font-weight: normal;
}

.theHtmlText {

}

.theHtmlText ul {
  overflow: auto;
  zoom: 1;
  padding-left: 17px;
}

.theHtmlText li {
  list-style-image: url(images/listpoint.png);
  list-style-position: outside;
  padding: 1px 0;
}


/*** *** MAIN STRUCTURE *** ***/
div.wrapper {
  width: 1000px;
  border-top: none;
  margin: 0 auto;
  min-height: 100%; /* Mindesthöhe für moderne Browser */
  height:auto !important; /* !important-Regel für moderne Browser */ 
  height:100%; /* Mindesthöhe für IE <7 */
  background-image: url(images/bg.png);
  background-repeat: repeat-y;
}

.wrapper div.top {
  width: 1000px;
  height: 160px;
  background-image: url(images/head8_1.png);
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
.wrapper #imageFade {
  height: 160px;
  overflow: hidden;
}

div.actionHeader {
  padding: 10px 20px 10px;
}

div.breadcrumbBar {
  float: left;
}

/* QUICK LOGIN */
div.login {
  float: right;
  border: 1px solid #ccc;
  padding: 5px;
  background-color: #F4F3EA;
  width: 270px;
  display: none;
}

div.login input {
  font-size: 11px;
  border: 1px solid #ccc;
  width: 100px;
  height: 15px;
  padding: 2px 4px 0;
}

p.loginText {
  font-weight: bold;
  color: #333;
}

div.login input.loginGo {
  background-color: transparent;
  width: 20px;
  height: 20px;
  color: #000;
  border: none;
  font-weight: bold;
  font-family: Verdana;
  font-size: 12px;
  width: 22px;
}


p.loggedInUser {
  font-size: 10px;
  
}

p.loggedInLinks {
  font-size: 11px;
  padding-top: 3px;
}

/* END LOGIN */

div.content {
  width: 980px;
  padding: 0 10px;
  min-height: 100%; /* Mindesthöhe für moderne Browser */
  height:auto !important; /* !important-Regel für moderne Browser */ 
  height:100%; /* Mindesthöhe für IE <7 */
}


div.contentMain {
  width: 660px;
  padding: 0 10px;
  float: left;

  
}

div.contentRight {
  width: 280px;
  padding: 0 10px;
  float: right;

}

.wrapper div.bottom {
  clear: both;
  width: 958px;
  height: 50px;
  padding: 20px;
  color: #999;
  text-align: center;
}


/*** *** DETAILED STRUCTURE *** ***/

/*** TOP ***/

.sitetitle {
  position: absolute;
  top: 1px;
  left: 110px;
  color: #fff;
  font-size: 20px;
  font-family: Verdana;
  margin: 10px 0 0;
}


/* NAVIGATION */

div.navi {
  position: absolute;
  top: 130px;
  left: 20px;
  color: #fff;
  height: 25px;
}

/* this is the main UL element*/
.dropdown {
  margin:0;
  padding:0;
  list-style:none;
  font-weight: bold;
}

/* these are the inner menus*/
.dropdown ul{
  display: none;
  margin:0;
  padding:0;
  border: 1px solid #666;
  list-style:none;  
}

/* these are all the LIs in the menu*/
.dropdown li {
  margin:0;
  cursor:pointer;
}
/* these are only the LIs in the first level in the menu*/
.dropdown > li {
  margin-right: 50px;
}

/* these are anchor in the menu, if you want to style them differently from the rest of you website*/
.dropdown a {
  text-decoration:none;
  color: #fff;
  padding: 7px 3px;
  display: block;

}

.dropdown a:hover{
  text-decoration: underline;
}

.dropdown a:visited {
  color: #fff;
}

/* these are the LIs that only belong to submenu*/
.dropdown ul li{
  font-weight: normal;
  background-color: #77A7ED;
  width: 160px;
}

.dropdown ul li a {
  font-weight: normal;
  color: #fff;
}

.dropdown ul li a:hover {
  color: #5E96EA;
  background-color: #fff;
  font-weight: bold;
  text-decoration: none;
}

/* these are the LIs that contains a submenu*/
.dropdown li.submenu{
  background-image:url('images/arrow_down.png');
  background-position:center left;
  background-repeat:no-repeat;
  
}

/* these are the LIs that contains a submenu and which are in a sub-menu themselve*/
.dropdown ul li.submenu{
  background-image:url('expand_right.gif');
  background-position:center right;
}


/* QUICKSEARCH */

.quickSearch {
  width: 370px;
  height: 24px;
  position: absolute;
  top: 8px;
  left: 595px;
  display: none; 
  background: transparent
}

.quickSearch span {
  
}

.quickSearch input.searchField {
	width: 300px;
	background: transparent;
	float: left;
	margin-top: 5px;
	vertical-align: bottom;
	height: 15px;
}

.quickSearch input.searchGo {
  font-weight: bold;
  font-size: 12px;
  padding-left: 4px;
  display:-moz-inline-stack;
  display:inline-block;
  zoom:1;
  *display:inline;
  float: right;
  background-color: #0B479D;
  background-image: url(images/button_bg.png);
  background-repeat: repeat-x;
  font-size: 9px;
  font-weight: bold;
  color: #fff;
  width: auto;
  cursor: pointer;
  padding: 5px;
  border: 1px solid #ccc;
}


.quickSearch input {
  width: 241px;
  font-size: 11px;
  color: #999;
}



/*** SEARCH RESULTS ***/

.searchResults {
	
}

.searchResultItem {
	
	margin-bottom: 20px;
}


/*** CONTENT-MAIN ***/

/* AJAX TABS */

ul.tabs {
  list-style: none;
  vertical-align: bottom;
  margin-top: 5px;
  font-size: 0;
}

ul.tabs li {
  list-style: none;
  display:-moz-inline-stack;
  display:inline-block;
  zoom:1;
  *display:inline;
  padding: 5px 12px;
  margin: 0 1px -1px 0;
  text-align: center;
  font-weight: bold;
  border: 1px solid #ccc;
  background-color: #F9F9F9;
  color: #666;
  font-size: 11px;
}

ul.tabs li a {
  background-color: #F9F9F9;
  color: #666;
}

ul.tabs li:hover {
  text-decoration: none;
  cursor: pointer;
  color: #000;
}


ul.tabs li.activeTab {
  background-color: #fff;
  border-bottom: 1px solid #fff;
  padding: 11px 15px 10px;
  margin: 0 1px -6px 0;
}

ul.tabs li.activeTab a {
  background-color: #fff;
  color: #A0001B;
  padding: 0;
  margin: 0;
}


ul.tabs a:hover {
  color: #000;
  text-decoration: none;
}

.ajaxTabContent {
  padding: 10px;
  border: 1px solid #ccc;
  margin-bottom: 20px;
  display: none;
}




/* NORMAL (CONTAINER) TABS */


ul.normalTabs {
  list-style: none;
  vertical-align: bottom;
  margin-top: 5px;
}

ul.normalTabs li {
  list-style: none;
  display:-moz-inline-stack;
  display:inline-block;
  zoom:1;
  *display:inline;
  padding: 5px 12px;
  margin: 0 1px -1px 0;
  text-align: center;
  font-weight: bold;
  border: 1px solid #ccc;
  background-color: #F9F9F9;
  color: #666;
}

ul.normalTabs li:hover {
  
  cursor: pointer;
  color: #000;
}

ul.normalTabs li.active {
  background-color: #fff;
  color: #A0001B;
  border-bottom: 1px solid #fff;
  padding: 11px 15px 10px;
  margin: 0 1px -6px 0;
}

.normalTabContent {
  padding: 10px;
  border: 1px solid #ccc;
  margin-bottom: 20px;
  
}




/* HOME SITE */

.facts {
  float: left;
  padding: 10px 5px 10px;
  width: 309px;
  border-right: 1px solid #ccc;
  margin-right: 10px;
}

.facts_2 {
  float: left;
  padding: 10px 5px 10px;
  width: 319px;
  border: 0;
  margin: 0;
}


.facts p img {
  float: left;
  padding: 0 5px;
  margin-bottom: 5px;
}



/* PAGE TABS CONTENT */

.pageList {
  border-bottom: 1px solid #ccc;
  margin: 15px 0;
  padding-bottom: 15px;
}

.pageListImage img {
  float: left;
  
  
  margin: 0 10px 0 0;
  padding: 1px;
  border: 1px solid #ccc;
}

.pageListHeading {
  font-size: 15px;
  font-family: Verdana;
  font-weight: bold;
  color: #A0001B;
  margin: 0;
}


/* SLIDESHOW */

.slideShow {
  width: 100%;
  height: 146px;
  background-image: url(images/slideshow_bg1.png);
  background-position: top;
  background-repeat: repeat-x;
  background-color: #454545;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  vertical-align: middle;
  text-align: center;
  padding: 10px 0;
  display: none;
}

.slideShowStage {
  width: 580px;
}

.slideShowStage img {
  clear: both;
  height: auto;
  margin: 1px;
  border: 1px solid #ccc;
}

.slideShowPrev {
  float: left;
  padding-top: 60px;
  height: 100%;
  
}

.slideShowPrev:hover {
  cursor: pointer;
}

.slideShowNext {
  float: right;
  padding-top: 60px;
  
}

.slideShowNext:hover {
  cursor: pointer;
}

/* IMAGE SLIDER */

.imageSlider {
  height:               0px;
  padding:              10px 0px 20px 0;
  background-position:  0 100%;
}

.sliderItem img{
  margin: 2px;
  border: 1px solid #ccc;
  /*max-width: 130px;
  height: auto;*/
}
.imageSlider .sliderItem {
  min-height: 140px;
  background-color: #454545;
  background-image: url(images/slideshow_bg1.png);
  background-repeat: repeat-x;
  vertical-align: bottom;
}
.imageSlider h2 {
  display: none;
}

/* SLIDER */
.slider {
  height:               0px;
  padding:              10px 0px 10px 0;
  background-position:  0 100%;
}

.sliderItem {
  text-align: left;
  width: 558px;
  height: 400px;
  padding: 8px 40px;
}

.ux-carousel-container {
    overflow: hidden;
    position: relative;
}

.ux-carousel-slides-wrap {
    position: absolute;
    top: 0;
    left: 0;
}

.ux-carousel-slide {
    float: left;
    overflow: hidden;
    text-align: center;
}

.ux-carousel-nav {
    height: 29px;
    width: 100%;
    position: absolute;
    top: 15px;
    left: 0;
    opacity: 0.8;
    filter:alpha(opacity=80);
}
.imageSlider .ux-carousel-nav {
    top: 60px;
    height: 0;
}

.ux-carousel-caption {
    font-size: 20px;
    float: left;
    padding: 2px 5px;
    margin: 31px 0 0 0;
    text-transform: none;
    color: black;
    overflow: hidden;
    height: 29px;
    width: 100px;
    horizontal-align: center;
}

.ux-carousel-nav-next{
    height: 24px;
    display: block;
    position: absolute;
    right: 0;
    margin: 2px 0;
    background-position: 0 0;
}
.ux-carousel-nav-prev{
    height: 24px;
    display: block;
    position: absolute;
    left: 0;
    margin: 2px 0;
    background-position: 0 0;
    horizontal-align: right;
}
.ux-carousel-nav-play{
    height: 24px;
    display: none;
    margin: 2px 0;
    background-position: 0 0;
    horizontal-align: right;
}

.ux-carousel-nav .ux-carousel-nav-prev {
    background-image: url('images/prevText.png');
    width: 24px;    
}
.imageSlider .ux-carousel-nav .ux-carousel-nav-prev {
    background-image: url('images/prev.png');
}

.ux-carousel-nav .ux-carousel-nav-next {
    background-image: url('images/nextText.png');
    margin-right: 2px;
    width: 24px;
}
.imageSlider .ux-carousel-nav .ux-carousel-nav-next {
    background-image: url('images/next.png');
}

.ux-carousel-nav-play {
    background-image: url('images/ext-play_pause.png');
    width: 24px;
}

.ux-carousel-nav-play:hover {
    background-position: 0 0; 
}
.ux-carousel-nav-play.ux-carousel-playing {
    background-position: 24px 24px;
}
.ux-carousel-nav-play.ux-carousel-playing:hover {
    background-position: 24px 0;
}

.ux-carousel-nav-prev:hover,
.ux-carousel-nav-next:hover {
    background-position: 0 24px;
}

.ux-carousel-nav-prev.ux-carousel-nav-disabled,
.ux-carousel-nav-next.ux-carousel-nav-disabled {
    background-position: 0 0;
}


/* IMAGES */
                    
/*.contentImg a {
  float: left;
  margin-right: 5px;
  width: 255px;
  overflow: hidden;
} */  
                 
.contentImg img {
  max-width: 250px;
  height: auto;
  float: left;
  margin-right: 10px;
  padding: 1px;
  border: 1px solid #999;
  margin-bottom: 20px;
}

.contentRoundupImg {
  float: left;
  margin-right: 10px;
  padding: 1px;
  border: 1px solid #999;
}


.contentText {
  font-size: 11px;
}



/* TEAMS */

.teamBox {
  width: 301px;
  margin: 3px;
  padding: 5px;
  float: left;
  background-image: url(images/teambg.png);
  background-position: top;
  background-repeat: no-repeat;
  border: 1px solid #999;
  background-color: #fff;
}

.teamBoxHeading {
  font-size: 15px;
  font-family: Verdana;
  font-weight: bold;
  color: #A0001B;
  margin: 0;
}

.teamBoxImage {
  float: right;
  margin: 0;
  padding: 0;
  height: 200px;
}
.teamBoxImage img {
  
  margin: 0;
  padding: 0;
}



.teamDetail {
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
  border-bottom: 1px dotted #666;
}


.teamDetailImage {
  width: 150px;
  text-align: center;
  padding: 10px;
  border-right: 1px solid #ccc;
  float: left;
  height: 130px;
  margin-right: 10px;
  overflow: hidden;
}


.teamDetailImage img {
  padding: 1px;
  border: 1px solid #ccc;
  max-width: 150px;
  height: auto;
}

.teamDetailHeading {
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 5px;
}

.teamDetailText p,
.teamDetailText p p,
.teamDetailText p span,
.teamDetailText p span p,
.teamDetailText p p span { 
  font-size: 11px !important;
}


/* FAQ */

.faqQuestions {
  border: 1px solid #ccc;
  background-color: #F9F9F9;
  padding: 10px;
  margin: 10px;
}

.faqQ {
  font-family: Verdana;
  font-size: 15px;
  font-weight: bold;
  color: #0070DF;
}

.faqQuestions ul,
.faqQuestions li {
  list-style-type: none;
  list-style: none;
}

.faqA {
  border: 1px solid #ccc;
  padding: 10px;
  margin: 10px;
}

.faqA .faqQ {
  padding-bottom: 5px;
  border-bottom: 1px dotted #666;
  margin-bottom: 10px;
}

.backToTop {
  font-size: 10px;
  text-align: right;
}

/*** CONTENT-RIGHT ***/

div.widget {
  width: 280px;
  margin: 15px 0 30px ;
}

.widgetHeading {
  color: #A0001B;
  font-size: 12px;
  font-family: Verdana;
  font-weight: bold;
  margin-bottom: 2px;
  padding: 2px 2px 2px 0;
  border-bottom: 1px solid #ccc;
}

.widgetText {
  font-size: 11px;
}

.widgetImage img {
  width: 276px;
  
  padding: 1px;
}



/*** tool tip ***/
.tip {
  width:                172px;
  z-index:              200;
  color:                #ffffff;
}
.tip-title {
  padding:              8px 8px 4px 8px;
  background-image:     url(images/bubble.png);
  background-repeat:    no-repeat;
  font-weight:          bold;
}
.tip-text {
  padding:              4px 8px 8px 8px;
  background-image:     url(images/bubble.png);
  background-position:  100% 100%;
  background-repeat:    no-repeat;
}

/*** alert box ***/
#alertBox {
  visibility:           hidden;
  height:               0;
  width:                0;
  overflow:             hidden;
}
.DefaultStickyWin div.top {
  height:               30px;
}
.DefaultStickyWin h1 {
  display:              block;
  width:                100%;
}
.DefaultStickyWin span.warning {
  display:              block;
  margin:               -1px 0 0 5px;
  font-size:            12px;
}
.DefaultStickyWin div.body {
  position:             static;
  width:                inherit;
  border:               none;
  background:           none;
}


/******** DIFFERENT IMAGE VIEWER *********/

/*** SLIMBOX ***/

#lbOverlay {
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  cursor: pointer;
}

#lbCenter, #lbBottomContainer {
  position: absolute;
  z-index: 9999;
  overflow: hidden;
  background-color: #fff;
}

.lbLoading {
  background: #fff url(images/loading.gif) no-repeat center;
}

#lbImage {
  position: absolute;
  left: 0;
  top: 0;
  border: 10px solid #fff;
  background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
  display: block;
  position: absolute;
  top: 0;
  width: 50%;
  outline: none;
}

#lbPrevLink {
  left: 0;
}

#lbPrevLink:hover {
  background: transparent url(images/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
  right: 0;
}

#lbNextLink:hover {
  background: transparent url(images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
  font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
  font-size: 10px;
  color: #666;
  line-height: 1.4em;
  text-align: left;
  border: 10px solid #fff;
  border-top-style: none;
}

#lbCloseLink {
  display: block;
  float: right;
  width: 66px;
  height: 22px;
  background: transparent url(images/closelabel.gif) no-repeat center;
  margin: 5px 0;
  outline: none;
}

#lbCaption, #lbNumber {
  margin-right: 71px;
}

#lbCaption {
  font-weight: bold;
}


/*** GALLERY ***/

.gallery {
 
 
}

.gallery a {
  padding: 0;
  margin: 0;
  border: 0;
}

p.galleryImage {
  width: 155px;
  height: 155px;
  padding: 0;
  border: 1px solid #999;
  margin: 4px;
  float: left;
  vertical-align: center;
  text-align: center;
}

.galleryImage img {
  height: 155px;
  width: auto;
  background-color: #fff;
}

/*** SHUTTER RELOADED ***/

#shNavBar a {
color: #aaf; /* colour for the text buttons */
text-decoration: none;
}
#shNavBar a:hover {
color: #fff; /* highlight colour for the text buttons */
}
#shDisplay div#shTitle {
font: normal 12px/17px 'Lucida Grande', Verdana, sans-serif; /* caption font */
color: #ffffff; /* caption colour */
text-align: center;
margin: 0 auto;
}
div#shNavBar {
font: normal 12px/12px Verdana, sans-serif; /* font for text buttons and image numbers */
color: #333; /* colour for the image numbers */
position: fixed;
left: 0;
bottom: 0;
background-color: #fff;
width: 100%;
padding: 4px 0 5px;
text-align: center;
cursor: pointer;
z-index: 1011;
}

#shShutter *, #shDisplay * {
padding: 0;
margin: 0;
}
div#shShutter, div#shDisplay {
top: 0;
left: 0;
width: 100%;
position: absolute;
}
div#shShutter {
height: 100%;
z-index: 1000;
background-color: #000000;
opacity: 0.8;
filter:alpha(opacity=80);
}
div#shDisplay {
display: block;
background-color: transparent;
z-index: 1002;
}
div#shDisplay img#shTopImg {
margin: 0 auto;
border: 1px solid #555;
background: transparent;
display: block;
max-width: none;
max-height: none;
}
div#shDisplay div#shWrap {
visibility: hidden;
}
div#shWaitBar {
position: absolute;
width: 100px;
left: 50%;
margin-left: -50px;
margin-top: 120px;
}
#shWaitBar img {
border: 0;
}
#fullSize {
display: none;
}
#shNavBar img {
border: 0;
vertical-align: middle;
margin: 0 2px;


}
#shNavBar img:hover {
opacity: 0.999;
filter: alpha(opacity=100);
}
* html div#shNavBar {
_position: absolute;
_top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight : document.body.scrollTop+document.body.clientHeight-this.clientHeight);
_left: expression(eval(document.compatMode&&document.compatMode=='CSS1Compat') ? document.documentElement.scrollLeft : document.body.scrollLeft);
}


/*** DOWNLOADS ***/

.downloads {
  margin: 30px 0;
}

.downloadImage {
  float: left;
  margin-right: 20px;
}

.downloadImage img {
  margin: 0 5px;
  width: 50px;
  height: auto;
}

.downloadIcon {
  float: right;
}



/*** OVRELAY ***/

.overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url(images/overlayBG.png);
  background-repeat: repeat;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 200;
}



.overlayForm {
  width: 660px;
  padding: 20px;
  background-color: #fff;
  color: #000;
  margin: 0 auto;
  margin-top: 50px;
}

/*** FORMS ***/

.contactFormLink {
  margin: 15px 0;
}

.contactFormLink a {
  font-weight: bold;
  text-decoration: line-through;
}

.contactForm {
  padding: 10px 0;
  width: 660px;
  margin-bottom: 15px;
}

.contactForm div.right {
  float: right;
  width: 320px;
  text-align: right;
}

.contactForm div.left {
  float: left;
  width: 299px;
  border-right: 1px dotted #666;
  margin-right: 40px;
  text-align: left;
}

.contactForm div.right input {
  width: 314px;
  border: 1px solid #ccc;
  padding: 2px;
}

.contactForm div.right input.textarea {
  height: 150px;
}

.contactForm p {
  margin-bottom: 12px;
  text-align: left;
}

.contactForm div.left input {
  width: 250px;
  border: 1px solid #ccc;
  padding: 2px;
}

.contactForm div.right p.submitButton input {
  width: inherit;
}


/*** status ***/
#status {
  padding-bottom: 20px;
}

.status {
  border: 2px solid #A0001B;
  padding: 10px;
  width: 636px;
  background-color: #CFE1FC;
}

.status div.left {
  float: left;
  width: 300px;
  
  border-right: 1px dotted #666;
  margin-top: 5px;
  margin-right: 17px;
}

.status div.left p {
  margin-bottom: 5px;
}

.status div.left input {
  border: 1px solid #ccc;
  width: 250px;
  padding: 1px;
  
}

.status div.right {
  float: right;
  width: 318px;
  margin-top: 5px;
}


.status .submitButton {
  margin-top: 25px;
  margin-right: 5px;
}





/*** MESSE ANMELDE FORM ***/

.messForm {

}

.messForm p {
  margin: 5px 0;
}

.messForm .left {
  width: 330px;
  float: left;
}

.messForm .right {
  width: 330px;
  float: right;
}

.messForm input[type=text] {
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 2px;
  width: 300px;
}

.messForm textarea {
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 2px;
  width: 100%;
}

.messForm input[type=checkbox],
.messForm input[type=radio] {
  margin-right: 5px;
}


/*** WELCOME ***/
.welcome div {
  padding: 10px;
  background-color: #CFE1FC;
}
.welcome .subtitle {
  margin: 0;
  padding: 10px 10px 0 10px;
  background-color: #CFE1FC;
  color: #997507;
  font-weight: bold;
  font-size: 15px;
}
img.welcomeImg {
  border: 0;
}