@charset UTF-8;

/* !Vorlagen */
/* ---------------------------------------------------------------------- */	
.dummyClass {
                     opacity : 0.80; /* most versions of Firefox, Safari, and Opera */
                      filter : alpha(opacity=80); /* This one you need for IE. */
                -moz-opacity : 0.80; /* old school versions of the Mozilla browsers like Netscape Navigator */
              -khtml-opacity : 0.80; /* Safari (1.x) when the rendering engine it was using was still referred to as KTHML, as opposed to the current WebKit */
}

/* !General */
/* ---------------------------------------------------------------------- */	

body {
	background-color: #ebebeb;
	font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-style:normal;
	font-size: 11px;
	line-height: 15px;
	padding-top:0;
	padding-bottom:0;
	padding-left:0;
	padding-right:0;
	margin-top:0;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
}

img {
	border:0;
}

img a,
img a:link,
img a:visited,
img a:active {
/*
	line-height : 50px;
	
	padding-top : 0px;
	padding-bottom : 0px;
	padding-left : 0px;
	padding-right : 0px;

	margin-top : 0px;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
*/
}

td {
	padding:0!important;
}

.spacer {
	height:1px;
	width:1px;
	overflow:hidden;
/*
	border : 1px dashed red;
*/
	
/* Damit der IE auch kleine div-Höhen erlaubt.
 Es liegt daran, dass der IE in den Elementen eine gewisse
Zeilenhöhe (10-12px) für Text reserviert, auch wenn keiner
enthalten ist, und da die Elementhöhe "nur" einen Pixel
betragen soll, wird ihm mit overflow:hidden mitgeteilt, wie
er mit dem "Übergroßen" Inhalt umzugehen hat.overflow:hidden;
*/
}

.clear {
	clear: both;
}

.SpaltenAbstand {
	width:15px;
}

.HintergrundDunkelblau {
	background-color:#1C4788;
}

.HintergrundHellgrau {
	background-color:#E8ECF3;
}

/*
#table1 {
	border : 1px dashed black;
}
#table2 {
	border : 1px dashed red;
}
#table3 {
	border : 1px dashed green;
}
#table4 {
	border : 1px dashed blue;
}
#table5 {
	border : 1px dashed orange;
}
#table6 {
	border : 1px dashed yellow;
}
#table7 {
	border : 1px dashed magenta;
}
*/

textarea,input {
	border:1px solid black;
	padding:2px;
	font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	font-style:normal;
	line-height:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	text-decoration:none;
}


	
/* Wenn man das so angibt wird der Focus im IE6 auch für <input type="image"> Elemente angewendet */
/*
textarea:focus,
input:focus {
	background-color : #E6E4FF;
	outline : none;
}
*/

input {
	border:1px solid black;
	padding:2px;
}

.blueLine {
	vertical-align:middle;
	padding-top:0;
	padding-bottom:0;
	padding-left:0;
	padding-right:0;
	margin-top:3px;
	margin-bottom:3px;
	height:1px;
	overflow:hidden;
	background:url(/fileadmin/images/blueline.gif) repeat-x;
}

.buttonsTop {
	margin-right:8px;
	font-size:90%;
}

.buttonsTop a,
.buttonsTop a:link,
.buttonsTop a:visited,
.buttonsTop a:active {
	font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size:90%;
	font-style:normal;
	line-height:18px;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	color:#1C4788;
	text-decoration:none;
}

.buttonsTop a:hover {
	color:#1C4788;
	text-decoration:none;
}

iframe {
	border:0;
}


/* !LinkMainMenu */
/* ---------------------------------------------------------------------- */

	
/* Normaler Zustand des Textes des Menüpunktes */
div.LinkMainMenu {
	font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	font-style:normal;
	line-height:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	color:#505050;
	text-decoration:none;
}

div.LinkMainMenu a,
div.LinkMainMenu a:link,
div.LinkMainMenu a:visited,
div.LinkMainMenu a:active {
	font-size:100%;
	color:#505050;
	text-decoration:none;
}

div.LinkMainMenu a:hover {
	font-size:100%;
	color:#1C4788;
	text-decoration:none;
}

/* !LinkMainMenuSelected */
/* ---------------------------------------------------------------------- */

	
/* Aktiver Zustand des Textes des ausgewählten Menüpunktes */
div.LinkMainMenuSelected {
	font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	font-style:normal;
	line-height:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	color:#1C4788;
	text-decoration:none;
}

div.LinkMainMenuSelected a,
div.LinkMainMenuSelected a:link,
div.LinkMainMenuSelected a:visited,
div.LinkMainMenuSelected a:active {
	font-weight:normal;
	font-size:100%;
	color:#1C4788;
	text-decoration:none;
}

div.LinkMainMenuSelected a:hover {
	font-weight:normal;
	font-size:100%;
	color:#1C4788;
	text-decoration:none;
}

/* !LinkMainMenuSub */
/* ---------------------------------------------------------------------- */
	
/* Normaler Zustand des Textes des Menüpunktes */
div.LinkMainMenuSub {
	font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
	font-style:normal;
	line-height:18px;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	color:#505050;
	text-decoration:none;
}

div.LinkMainMenuSub a,
div.LinkMainMenuSub a:link,
div.LinkMainMenuSub a:visited,
div.LinkMainMenuSub a:active {
	font-size:80%;
	color:#505050;
	text-decoration:none;
}

div.LinkMainMenuSub a:hover {
	font-size:80%;
	color:#1C4788;
	text-decoration:none;
}

/* !LinkMainMenuSubSelected */
/* ---------------------------------------------------------------------- */

/* Aktiver Zustand des Textes des ausgewählten Menüpunktes */
div.LinkMainMenuSubSelected {
	font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
	line-height:normal;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	color:#1C4788;
	text-decoration:none;
}

div.LinkMainMenuSubSelected a,
div.LinkMainMenuSubSelected a:link,
div.LinkMainMenuSubSelected a:visited,
div.LinkMainMenuSubSelected a:active {
	font-size:80%;
	color:#1C4788;
	text-decoration:none;
}

div.LinkMainMenuSubSelected a:hover {
	font-size:80%;
	color:#1C4788;
	text-decoration:none;
}

.csc-textpic-caption,.bottomText {
	font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
	font-weight:normal;
	line-height:normal;
	font-variant:normal;
	text-transform:none;
	color:#1C4788;
	text-decoration:none;
/*
	float : left;
*/	
}

/* !LinkBottomMenu */
/* ---------------------------------------------------------------------- */
	
/* Normaler Zustand des Textes des Menüpunktes */
div.LinkBottomMenu {
	font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
	font-style:normal;
	line-height:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	color:#58585a;
	text-decoration:none;
	float:left;
}

div.LinkBottomMenu a,
div.LinkBottomMenu a:link,
div.LinkBottomMenu a:visited,
div.LinkBottomMenu a:active {
	font-size:80%;
	line-height:normal;
	font-weight:normal;
	color:#58585a;
	text-decoration:none;
}

div.LinkBottomMenu a:hover {
	line-height:normal;
	font-weight:normal;
	font-size:80%;
	color:#1C4788;
	text-decoration:none;
}


/* !LinkTopMenuSekected */
/* ---------------------------------------------------------------------- */
	
/* Aktiver Zustand des Textes des ausgewählten Menüpunktes */
div.LinkBottomMenuSelected {
	float:left;
	font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
	font-weight:normal;
	line-height:normal;
	font-variant:normal;
	text-transform:none;
	color:#1C4788;
	text-decoration:none;
}

div.LinkBottomMenuSelected a,
div.LinkBottomMenuSelected a:link,
div.LinkBottomMenuSelected a:visited,
div.LinkBottomMenuSelected a:active {
	line-height:normal;
	font-size:80%;
	font-weight:normal;
	color:#1C4788;
	text-decoration:none;
}

div.LinkBottomMenuSelected a:hover {
	line-height:normal;
	font-size:80%;
	font-weight:normal;
	color:#1C4788;
	text-decoration:none;
}

.hauptnavi {
	font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	font-style:normal;
	line-height:normal;
	font-weight:bold;
	font-variant:normal;
	text-transform:none;
	color:#58585a;
	text-decoration:none;
}

.news,
.news p {
	font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	font-style:normal;
	line-height:17px;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	color:#58585a;
	text-decoration:none;
}


/* !Speziell */
/* ---------------------------------------------------------------------- */	



#gruppe {
	position:absolute;
	left:40px;
	top:36px;
	width:309px;
	height:8px;
/*
	width : 416px;
	height : 31;
	z-index : 1;
	overflow : visible;
*/
}


/* !Rootline Menu */
/* ---------------------------------------------------------------------- */

.rootLineMenuItem {
}

.rootLineMenuItem a,
.rootLineMenuItem a:link,
.rootLineMenuItem a:visited,
.rootLineMenuItem a:active {
	font-weight:bold;
	color:#005EA8;
	text-decoration:none;
	outline:none;
}

.rootLineMenuItem a:hover {
	font-weight:bold;
	color:#005EA8;
	text-decoration:none;
}

.layoutRootLineMenu {
	margin-top:10px;
	margin-left:10px;
}

/* !LinkTopMenu */
/* Normaler Zustand des Textes des Menüpunktes */
/* ---------------------------------------------------------------------- */
	
div.LinkTopMenu {
	font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	font-style:normal;
	line-height:normal;
	font-weight:bold;
	font-variant:normal;
	text-transform:none;
	color:#FFFFFF;
	text-decoration:none;
	width: 128px;
	height: 23px;
/*
	float : left;
*/
}

div.LinkTopMenu a,
div.LinkTopMenu a:link,
div.LinkTopMenu a:visited,
div.LinkTopMenu a:active {
	font-size:100%;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	outline:none;
	display: block;
	text-align: center;
	text-transform: uppercase;
	padding-top: 4px;
}

div.LinkTopMenu a:hover {
	font-weight:bold;
	font-size:100%;
	color:#FFFFFF;
	text-decoration:none;
	background-color: #646464;
	height: 23px;
}

/* !LinkTopMenuSelected */
/* Aktiver Zustand des Textes des ausgewählten Menüpunktes */
/* ---------------------------------------------------------------------- */

div.LinkTopMenuSelected {
	font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight:bold;
	line-height:normal;
	font-variant:normal;
	text-transform:none;
	color:#FFFFFF;
	text-decoration:none;
	width: 128px;
	height: 23px;
	background-color: #09a447;
/*
	float : left;
*/	
}

div.LinkTopMenuSelected a,
div.LinkTopMenuSelected a:link,
div.LinkTopMenuSelected a:visited,
div.LinkTopMenuSelected a:active {
	font-size:100%;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	outline:none;
	display: block;
	text-align: center;
	text-transform: uppercase;
	padding-top: 4px;
}

div.LinkTopMenuSelected a:hover {
	font-size:100%;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}

/* !LinkTopMenuSub */
/* ---------------------------------------------------------------------- */

div.LinkTopMenuSubLeft {
	font-size:120%;
	color:#ffffff;
	padding-left:14px;
}

/* Normaler Zustand des Textes des Menüpunktes */
div.LinkTopMenuSub {
	font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size:90%;
	font-style:normal;
	color:#ffffff;
	font-weight:normal;
	text-decoration:none;
	line-height:16px;
	width : 128px;
/*
	line-height : 22px;
	padding-left : 10px;
	padding-right : 15px;
	padding-top : 3px;
	padding-bottom : 3px;
*/
}

div.LinkTopMenuSub a,
div.LinkTopMenuSub a:link,
div.LinkTopMenuSub a:visited,
div.LinkTopMenuSub a:active {
	padding-left: 0px;
	padding-right: 0px;
	padding-top:3px;
	padding-bottom:3px;
	display:block;
	color:#ffffff;
	font-weight:normal;
	text-decoration:none;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
}

div.LinkTopMenuSub a:hover {
	display:block;
	color:#ffffff;
	font-weight:normal;
	text-decoration:none;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
}

/* Normaler Zustand der Tabellenzeile des Menüpunktes */
.TRTopMenuSubNormal {
	background-color:#646464;
}

/* Hover Zustand der Tabellenzeile des Menüpunktes */
.TRTopMenuSubHover {
	background-color:#09a447;
}
	
/* Hover Zustand des Textes des Menüpunktes */
.TRTopMenuSubHover div.LinkTopMenuSub  a,
.TRTopMenuSubHover div.LinkTopMenuSub  a:link,
.TRTopMenuSubHover div.LinkTopMenuSub  a:visited,
.TRTopMenuSubHover div.LinkTopMenuSub  a:active {
	font-weight:normal;
	color:#ffffff;
	text-decoration:none;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;	
}

.TRTopMenuSubHover div.LinkTopMenuSub a:hover {
	font-weight:normal;
	color:#ffffff;
	text-decoration:none;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
}

.TDTopMenuSubSpacerTop {
	background-color:#646464;
	vertical-align:bottom;
	height:0px;
}

.TDTopMenuSubSpacerBottom {
	background-color:#646464;
	vertical-align:bottom;
	height:0px;
}

hr.clearer {
	clear:right;
	height:1px;
	border:1px solid #1C4788;
}

ul {
	list-style-image:url(/fileadmin/images/bullet.gif);
	padding-top:0;
	padding-bottom:0;
	padding-left:16px;
	padding-right:0;
	margin-top:0;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
}

.LabelSearch {
	font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	font-style:normal;
	line-height:normal;
	font-weight:bold;
	font-variant:normal;
	text-transform:none;
	color:#FFFFFF;
	text-decoration:none;
}


/*
Beim Einbinden von YouTube Videos werden ohne diese Eigenschaften 
möglicherweise unterschiedliche Abstände unter dem Element verwendet.
Der Internet Explorer 6 und 7 brauchen diese Eigenschaften nicht für das object Tag 
sondern für das object Tag. Deshalb wird das in iehacks.css separat nochmal definiert.
*/

object {
	display:block;
	margin-bottom:15px;
}




/* !standardTemplate */
/* ---------------------------------------------------------------------- */



/* !Sprachmenue */
/* ---------------------------------------------------------------------- */	

#portal-languages {
                 white-space : nowrap;
                     display : block;
                      height : auto;
                 line-height : normal;
                       float : right;

                 padding-top : 0px;
              padding-bottom : 0px;
                padding-left : 0px;
               padding-right : 0px;

                  margin-top : -25px;
               margin-bottom : 0px;
                 margin-left : 0px;
                margin-right : 0px;
}

#portal-languages li {
                 line-height : 12px;
                   font-size : 10px;

                     display : inline;
                       color : #828586;
             text-decoration : none;
              text-transform : uppercase;
                border-right : 1px solid #828586;

                 padding-top : 0px;
              padding-bottom : 0px;
                padding-left : 3px; /* 5px */
               padding-right : 5px; /* 5px */

                  margin-top : 0px;
               margin-bottom : 0px;
                 margin-left : 0px;
                margin-right : 0px;
}

#portal-languages li a {
                       color : #828586;
             text-decoration : underline;
              text-transform : uppercase;
}

#portal-languages li.lastItem {
                border-right : none;
}

#portal-languages li.selected a {
                       color : #0059A6;
}

#portal-languages li a:hover {
                       color : #0059A6;
}


/*
	list-style-image: none;
	list-style-type: none;
*/

/* !bodyStyles */
/* ---------------------------------------------------------------------- */

#headerWrapper {
	background-image: url(/fileadmin/images/bg_header.jpg);
	background-repeat: repeat-y;
	background-color: #ebebeb;
	height: 81px;
	width: 100%;
}

#header {
	margin-left: auto;
	margin-right: auto;
	width: 1023px;
	padding-top: 25px;
}

#logo {
	width: 130px;
	height: 52px;
}

#logoLink {
	display: block;
}

#logo {}

#menuWrapper {
	background-image: url(/fileadmin/images/bg_menu.jpg);
	background-repeat: repeat-y;
	background-color: #777775;	
	height: 23px;
	width: 100%;
}

#menu {
	margin-left: auto;
	margin-right: auto;
	width: 768px;
}

#contentWrapper {
	background-color: #ebebeb;
	background-image: url(/fileadmin/images/bg_content.jpg);
	background-repeat: repeat-x;
	width: 100%;
	margin-bottom: 50px;
	padding-top: 75px;
}

#content {
	margin-left: auto;
	margin-right: auto;
	width: 768px;
}

#contnetTop {
	width: 768px;
	height: 530px;
	overflow: hidden;
	margin-bottom: 5px;
	position: relative;
}

#contentBottomWrapper {
	width: 768px;
	height: 90px;
	border-top: 1px solid #09a447;
	border-bottom: 1px solid #09a447;
	position: relative;
}

#contentBottomArrowLeft {
	position: absolute;
	top: 37px;
	left: -30px;
	height: 17px;
	width: 8px;
	background-image: url(/fileadmin/images/arrow_left.png);
	display: none;
}

#contentBottomArrowRight {
	position: absolute;
	top: 37px;
	right: -30px;
	height: 17px;
	width: 8px;
	background-image: url(/fileadmin/images/arrow_right.png);	
	display: none;
}

#contentBottom {
	position: relative;
	overflow: hidden;
	height: 80px;
	width: 768px;
	margin-top: 5px;
}

#footer {
	margin-left: auto;
	margin-right: auto;
	margin-top: 3px;
	width: 768px;
	height: 20px;
}

#languageSelector {
	width: 300px;
	height: 20px;
	float: left;
	display: none;
}

#languageSelector select {
	border: 1px solid #646464;
}

#footerMenu {
	float: left;
	height: 20px;
	width: 300px;
}

#copyrights {
	float: right;
	padding-top: 2px;
}

/* !FCE oneColumns eine Spalte */
/* ---------------------------------------------------------------------- */

#oneColumn {
	width: 768px;
	height: 510px;
}


/* !FCE twoColumns zwei Spalten */
/* ---------------------------------------------------------------------- */

#twoColumnsWrapper {
	width: 768px;
	height: 510px;
}

#twoColumnsLeft {
	width: 384px;
	height: 510px;
	float: left;
}

#twoColumnsRight {
	float: left;
	height: 510px;
	margin-left: 50px;
	margin-top: 200px;
	width: 330px;
}

/* !FCE sliderImage */
/* ---------------------------------------------------------------------- */

#sliderImageWrapper {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 2000px;
}

#sliderImageThumb {
	float: left;
}

.sliderImageClick {
	display: block;
}

.sliderText {
	display: none;
}

#sliderOverlayText {
	position: absolute;
	top: 100px;
	left: 435px;
	width: 300px;
	height: 350px;
}

/* !video */
/* ---------------------------------------------------------------------- */

#videoTop {
	width: 768px;
	height: 432px;
}

#videoBottomWrapper {
	width: 768px;
	height: 70px;
	margin-top: 20px;
}

#videoBottom {
	width: 384px;
	height: 70px;
	margin-left: 385px;
}

/* !copyrights */
/* ---------------------------------------------------------------------- */

.copyrights {
	color: #70717d;
}

/* !brochureDownload */
/* ---------------------------------------------------------------------- */

#brochureWrapper {
	width: 768px;
	height: 80px;
	text-align: right;
}

#brochureWrapper a {
	color: #ffffff;
}

#brochureWrapper a:hover {
	color: #70717d;
}

#brochureDownload {
	display: block;
	height: 80px;
	width: 128px;
	position: relative;
	float: right;
}

#brochureImage {
	position: absolute;
}

#brochureText {
	position: absolute;
	top: 30px;
	text-align: center;
	width: 170px;
}