/* @group Intro */
/*------------------------------------------------------------------
[Master Stylesheet]

Project:
Version:
Last change:
Assigned to:        Christian Nauerz
-------------------------------------------------------------------*/


/*------------------------------------------------------------------
[Color codes]

Background:


-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[Table of contents]

1. Useful Classes
2. Areas
3. Typrography
4. Header
5. Menu
6. Content
7. Footer
-------------------------------------------------------------------*/
/* @end */


/* @group Useful Classes */
/* --------------------------------------------------------------
   1. Useful Classes
-------------------------------------------------------------- */
a 		{ outline: none; }
a img 	{ border: 0; }

.left         { float: left; }
.right         { float: right; }

.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }

.float-left { float: left; display: inline; }
.float-right { float:  right; display: inline; }

/* .clear Siehe unten. Mit IE-Hack für alle Browser ausser IE */
/*.clear { clear: both; background: none; border: none; height: 0px;}*/
.block { display: block; }
.space-vertical { padding: 20px 0; }
/* @end */


/* @group Areas */
/* --------------------------------------------------------------
   2. Areas
-------------------------------------------------------------- */

body {
        padding: 0;
        margin: 0;
        overflow-y: scroll;
}

.container {
    width:998px;
	height: 603px;

	padding: 15px 0 5px 10px;
	/* top: 50%;
	left: 50%;
	position: absolute;
	margin-top: -300px;
	margin-left: -500px; */
	margin: 0 auto;
}

.menu {
    width: 998px;
    clear: both;

    /*padding: 5px 0 0 0; */
}

.menu-en {
	width: 998px;
	background: #c1002b;
	height: 36px;
}

.content {
    clear: both;

    /*height: 506px;*/
    height: 480px;
    overflow: hidden;
    background: #e3e4e4;
    border-top: 2px solid #fff;
    position: relative;
}

.footer {
    clear: both;
    height: 36px;
    background-color: #b1b3b4;

    /*margin: 0 0 10px 0;*/
}

.header {
	clear: both;
	margin: 0 0 12px 0;
	height: 37px;
}

/* @end */


/* @group Typography */
/*-----------------------------------------------------------
   3. Typography
-------------------------------------------------------------- */

body, p, a, a:link, a:visited, a:active {
    font-family: "Trebuchet MS", "Microsoft Sans Serif", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}

h1 {
    font-size: 19px;
    line-height: 19px;
    font-weight: bold;
    margin-bottom: 2px;
}

h2 {
    font-size: 13px;
    line-height: 19px;
    font-weight: bold;
    margin-bottom: 15px;
}

h3 {
    font-size: 12px;
    font-weight: bold;
    color: #000;
}

p {
    font-size: 12px;
    line-height: 17px;
    color: #505354;

    margin-bottom: 10px;
}

table {
	font-size: 12px;
	line-height: 17px;
	color: #505354;
	}


a {
    font-size: 12px;
    line-height: 17px;
    color: #c1002b;
    text-decoration: none;
}

a:hover {
    color: #96002b;
    text-decoration: underline;
}

strong {
	font-weight: bold;
}



/* Homepage-Typo */
div.homepage h1 {
	font-size: 16px;
	margin-bottom: 9px;
}

div.homepage h2 {
	margin-bottom: 9px;
}

div.homepage p, div.homepage a {
	font-size: 11px;
}
/* end Homepage-Typo */



/* @end */


/* @group Header */
/* --------------------------------------------------------------
   4. Header
-------------------------------------------------------------- */

.logo   { float: left; }

.claim         {
    float: right;
 
	margin-top:24px;
    font-size: 13px;
    color: #848587;
}

/* @end */

/* @group Menu */
/* --------------------------------------------------------------
   5. Menu
-------------------------------------------------------------- */

/* Verschiedene Breiten für das Menü */
.width3 ul, .width3 li { width: 331.3px; }        .width3 ul li { width: 280px; } #submenu ul.width3 ul.level2 li { width: 280px; }
.width4 ul, .width4 li { width: 248px;   }        .width4 ul li { width: 200px; } #submenu ul.width4 ul.level2 li { width: 200px; }
.width5 ul, .width5 li { width: 198px;   }        .width5 ul li { width: 140px; } #submenu ul.width5 ul.level2 li { width: 140px; }
.width6 ul, .width6 li { width: 164.6px; }        .width6 ul li { width: 115px; } #submenu ul.width6 ul.level2 li { width: 115px; }
.width7 ul, .width7 li { width: 140.8px; }        .width7 ul li { width: 90px;  } #submenu ul.width7 ul.level2 li { width: 60px;  }
.width8 ul, .width8 li { width: 123px;   }        .width8 ul li { width: 70px;  } #submenu ul.width8 ul.level2 li { width: 70px;  }

/* DropDown-Menü */
#menu ul                         { display: block; z-index: 90 }
#menu ul li                 { float: left; }
#menu ul li a                 { float: left; }
#menu ul.level2         { position: absolute; top: 0px; left: 0px; visibility: hidden; }
#menu ul.level2 li        { float: none; }

/* Level 1 */
#menu ul.level1 li {
    height: 36px;
    padding: 0px;
    margin: 0 2px 0 0;
	float: left;
    display: block;

    text-align: center;
    background-color: #c1002b;
}

#menu ul.level1 li.last         { margin: 0px; }
#menu ul.level1 li.active         { background: #96002b; }
#menu ul.level1 li:hover         { background: #96002b;}

#menu ul.level1 li a,
#menu ul.level1 li a:link,
#menu ul.level1 li a:visited,
#menu ul.level1 li a:active,
#menu  ul.level1 li a:hover {
    font-size: 13px;
    font-weight: bold;
    line-height: 36px;
    text-decoration: none;
    color: #fff;
}

/* Level 2 */
#menu ul.level1 ul.level2 {
    background: #fff;
    filter:alpha(opacity=95);
        -moz-opacity:0.95;
        -khtml-opacity: 0.95;
        opacity: 0.95;
        padding-top: 14px;
        position: absolute;
}

#menu ul.level1 ul.level2 li,
#menu ul.level1 ul.level2 li:hover {
        background: transparent;
        color: #848587;
        /*margin: 0 0 11px 21px;*/
        padding: 0 0 11px 21px;
        height: auto;
}

/*#menu ul.level1 ul.level2 li.last,
#menu ul.level1 ul.level2 li.last:hover {
        margin: 0 0 14px 21px;
        display: block;
        padding: 0 0 20px 0;
}*/

#menu ul.level1 ul.level2 a,
.menu ul.level1 ul.level2 a {
        display: block;
        color: #666668;

    font-size: 12px;
    font-weight: normal;

    text-align: left;
    padding: 0 0 0 13px;

    line-height: normal;
        background: url('../img/arrow.png') no-repeat 0 2px;
}
#menu ul.level1 ul.level2 a:hover { color: #000; }

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu  ul li a { float: none; }
/* End IE5-Mac hack */
/* @end */


/* @group Content */
/* --------------------------------------------------------------
   5. Content
-------------------------------------------------------------- */

/* Homepage */

img.homepage {
	background: #E3E4E4;

	width: 998px;
	height: 480px;
}

div.homepage {
	width: 854px;
	height: 92px;
	margin: -150px auto 0 auto;
	padding: 14px 30px;
	
	position: relative;
	
	background: #fff;
	
	filter:alpha(opacity=90);
    -moz-opacity:0.90;
    -khtml-opacity: 0.90;
    opacity: 0.90;
}

div.homepage .welcome {
	float: left;
	width: 400px;
}

div.homepage .news {
	display: block;
	float: right;
	
	width: 115px;
	height: 92px;
	
	margin: 0 15px 0 0;
}

div.homepage .news .last { margin: 0px; }

table.homepage {
	border: 0;
	border-collapse: collapse;
	padding: 0;
	margin: 0;
	width: 100%;
}

table.homepage td {
	padding: 0 25px 0 0;
	vertical-align: top;
}

table.homepage td.newsItem {
	width: 180px; /* 155*/
	padding: 0 25px 0 0;
}

table.homepage td.newsItemLast {
	padding: 0;
	}

table.homepage td.welcomeItem {
	padding: 0 25px 0 0;
	width: 400px; /* 310 */
}

/* added */

table.homepage td.newsItem_small {
	width: 179px;
	padding: 0 15px 0 0;
}

table.homepage td.newsItemLast_small {
	padding: 0;
   width: 179px;
}

table.homepage td.welcomeItem_small {
	padding: 0 15px 0 0;
	width: 270px;
}

/* factBox */
.factBox {
  position: absolute;
  top: 10px;
  left: 800px;
  width: 165px;
  height: 90px;
  background: #fff;
  padding: 10px 10px 5px 10px;
  -moz-box-shadow: 1px 1px 5px #888;
  -webkit-box-shadow: 1px 1px 5px #888;
  box-shadow: 1px 1px 5px #888;
}

.factBox h2 {
  font-size: 14px;
  line-height: 12px;
  color: #C1002B;
  margin-bottom: 8px;
}

.factBox div {
  height: 53px;
  background: #000;
  color: #fff;
  font-size: 26px;
  text-align: center;
  padding: 2px 0 0 0;
  margin-bottom: 1px;
}

.factBox div.digits {
  font-size: 22px;
  padding: 15px 0 0 0;
  height: 40px;
}

.factBox div strong {
  font-size: 42px;
  font-weight: normal;
}

.factBox p {
  font-size: 10px;
  color: #C1002B;
}

.factBox p a {
  font-size: 10px;
  text-decoration: underline;
}

/* end Homepage */


.keyvisual {
    float: left;
}

.keyvisual img {
    height: 280px;
    width: 398px;
}

div.noKeyvisual {
  width: 398px;
  height: 280px;
  background-color: darkgrey;
}

.copy {
    height: 450px;
    overflow-y: auto;

    width: 500px; /* 540 */
    float: right;
    padding-right: 30px;

    margin: 21px 0 0 0;
}

.copy-alt {
	width: 500px;
	height: 450px;
	float: left;
	
	overflow: hidden;
	
	margin: 21px 0 0 40px;
}

.scroll_bar {
	width: 40px;
    margin: 418px 0 0 0;
    float: right;
}

.scroll_bar_alt {
	width: 40px;
    margin: 418px 0 0 0;
    float: left;
}

.scroll_arrows {
		display: none;
}
/*
.scroll_arrows a, .scroll_arrows a:active, .scroll_arrows a:hover{
        color: transparent;
}*/

.scroll_arrows img{
        display: block;
        margin: 10px 0 0 0;
}

p.intro {
    font-style: italic;
    color: #000;
}

p.date {
	font-size:10px;
	margin-bottom: 5px;
}

.breadcrump {
    font-size: 11px;
    color: #646567;
        margin: 0 0 20px 0;
}

/* Breadcrump */
.copy .breadcrump a {
    color: #646567;
}
.copy .breadcrump a:hover {
    color: #000;
}

.copy ul, .copy ul li {
    font-size: 12px;
    color: #454748;
        list-style-image: url('../img/arrow_content.png');
}

.copy ul { padding-left: 15px;
     margin: 0 0 10px 0;}
     
.copy ol, .copy ol li {
	font-size: 12px;
	color: #454748;
	list-style-type: decimal;
	list-style-position: inside;
	list-style-image: none;
}

.copy ol {
	margin: 0 0 10px 0;
}
     
 
/* Content-Menu */ 
div.contentMenu {
	margin: 20px 0 0 0;
}

.copy div.contentMenu ul, .copy div.contentMenu ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.copy div.contentMenu p {
	margin: 0 0 5px 0;
	font-weight: normal;
}
.copy div.contentMenu ul li a {
	color: #C1002B;
	}

/* end Content-Menu */

/* PDF und Back-Links */
p.links {
    margin: 0px;
}

p.links a {
    display: block;
}

/* Scrollbar */
 #scrollbar_track         { display: none; }
 #scrollbar_handle         { display: none; }
/* end Scrollbar */




/* Search */



/* Forms / Login */
.login {
	margin: 40px 0 0 40px;
}


.login label {
	width: 202px;
	display: block;
	background: #b1b3b4;
	color: #fff;
	padding: 2px 4px;
	margin: 0 20px 0 0;
	font-size: 11px;
}

.login input {
	width: 200px;
	border: 0;
	font-size: 12px;
	padding: 4px;
	margin-bottom: 10px;
}

.login input.text {
	border: 1px solid #b1b3b4;
	}

.login input.submit {
	clear: both;
	float: left;
	
	width: 209px;
	margin-top: 5px;
	padding: 2px;
	
	background: #848587;
	color: #fff;
	font-size: 11px;
	
}
/* end Login */


.copy table tr td, .copy table tr th {
	padding: 4px;
	border: 1px solid #000;
	height: 45px;
		border-collapse: collapse;
}

.copy table tr td {
	text-align: right;
}

.copy table tr td.td-align-left {
	text-align: left;
}

.copy table tr {
	border: 1px solid #000;
}

.copy table {
	border: 1px solid #000;
	margin: 0 0 0 1px;
	width: 495px;
	border-collapse: collapse;
	}



/* @end */


/* @group Footer */
/* --------------------------------------------------------------
   6. Footer
-------------------------------------------------------------- */

/* DropUp-Menü */
#submenu ul                         { display: block; z-index: 90 }
#submenu ul li               {float: left; }
#submenu ul li a                 { float: left; }
#submenu ul.level2                 { position: absolute; top: 0px; left: 0px; visibility: hidden; }
#submenu ul.level2 li        { float: none; }

/* Level 1 */
#submenu ul.level1 li {
    height: 36px;
    float: left;
    display: block;

    text-align: center;
    background-color: #C1002B;
    border-right: 2px solid #fff;
}

#submenu ul.level1 li.last                 { margin: 0px; }
#submenu ul.level1 li.active         { background: #848587; }
#submenu ul.level1 li:hover         { background: #96002b;}

#submenu ul.level1 li a,
#submenu ul.level1 li a:link,
#submenu ul.level1 li a:visited,
#submenu ul.level1 li a:active,
#submenu ul.level1 li a:hover {
    font-size: 13px;
    line-height: 36px;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
}

/* Level 2 */
#submenu ul.level1 ul.level2 {
    background: #fff;
    filter:alpha(opacity=95);
        -moz-opacity:0.95;
        -khtml-opacity: 0.95;
        opacity: 0.95;
        padding-top: 14px;
        position: absolute;
        top: 0px;
        left: 0px;
        visibility: hidden;
}

#submenu ul.level1 ul.level2 li,
#submenu ul.level1 ul.level2 li:hover {
        background: transparent;
        color: #848587;
        margin: 0 0 11px 21px;
        height: auto;
}


#submenu ul.level1 ul.level2 li.last { margin: 0 0 14px 21px; }

#submenu ul.level1 ul.level2 a {
        display: block;
        color: #666668;

    font-size: 12px;
    font-weight: normal;

    text-align: left;
    padding: 0 0 0 13px;

    line-height: normal;
        background: url('../img/arrow.png') no-repeat 0 2px;
}
#submenu ul.level1 ul.level2 a:hover { color: #000; }

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#submenu  ul li a {
        float: none;
}
/* End IE5-Mac hack */


/* New FooterMenu */
#submenu ul.de li.ueber_uns {
  width: 120px;
  padding: 0px 15px;
}
#submenu ul.de ul.ueber_uns {
  width: 150px;
}
#submenu ul.de ul.ueber_uns li,
#submenu ul.de ul.ueber_uns li:hover {
  margin: 0 0 11px 10px;
  width: 100px;
}

#submenu ul.de li.ih_galaxy {
  padding: 0;
  margin: 0;
  width: 150px;
}
#submenu ul.de li.ih_galaxy a.ih_galaxy {
  width: 150px;
  height: 36px;
  background: url(../img/ihgalaxy_button.png) no-repeat;
  text-indent: -999em;
  display: block;
}
#submenu ul.de li.ih_galaxy a:hover {
  background: url(../img/ihgalaxy_button_aktiv.png) no-repeat;
}

#submenu ul.de ul.ih_galaxy a,
#submenu ul.de ul.ih_galaxy a:hover {
  background: url('../img/arrow.png') no-repeat 0 2px;
  text-indent: 0;
}

#submenu ul.de ul.ih_galaxy {
  width: 150px;
}

#submenu ul.de ul.ih_galaxy li,
#submenu ul.de ul.ih_galaxy li:hover {
  margin: 0 0 11px 10px;
  width: 150px;
}



/* Footer Actions */

.footer .actions { float:right; }

.footer .actions a,
.footer .actions a:link,
.footer .actions a:visited,
.footer .actions a:active {
    line-height: 36px;
    color: #fff;
    font-size: 11px;
    text-decoration: none;
    margin-right: 25px;
}
.footer .actions a:hover { text-decoration: underline; }

.footer .actions form {
	display: inline;
	font-size: 0;
}

.footer .actions form table {
	display: inline;
	border-collapse: collapse;
    border-spacing: 0;
    height: 36px;
    padding:0;
}

.footer .actions form table tr td {
	margin:0;
	padding:0;
	vertical-align: middle;
	height: 15px;
}




.footer .actions input {
    padding: 2px 0 0 6px;
	/*margin: 0 0 8px 0;*/

	border: 0px;

    width: 139px;
    height: 15px;

    font-size: 11px;
    color: #848587;

    border: none;
    vertical-align: middle;
}


.footer .actions input.search {
         padding: 0;
         margin: 0 25px 0 0;
         width: 20px;
         height: 17px;
}
/* @end */

*+html .footer .actions input {
	
	padding: 2px 0 0 6px;
	margin: 0 0 6px 0;

	border: 0;

    width: 139px;
    height: 15px;

    font-size: 11px;
    color: #848587;

    border: none;
    vertical-align: middle;
}









 /*--------------------------------------------------------------
   8. IE-Hacks
--------------------------------------------------------------*/

* html hr.clear                 { display: none; }
*+html hr.clear                 { display: none; }
html>/**/body .clear        { clear: both; background: none; border: none; height: 0px; }


/* IE 7 */
*+html .footer .actions input.search {
	margin: 0 25px 6px -1px;
}

/* IE 6 */
/* Menu */
* html #menu ul.level1 ul.level2 a,
* html .menu ul.level1 ul.level2 a {
	background: none;
	color: #666668;
	
	padding: 2px 0 0 0;
	margin: -5px 0 10px 0;
	line-height: normal;
}

* html #menu ul.level1 li ul.level2 li,
* html .menu ul.level1 li ul.level2 li{
	display: list-item;
	list-style-type: square;
	list-style-position: outside;
	padding: 0 0 2px 0;
	margin: 0 0 0 20px;
	vertical-align: top;
	float: none;
	}

* html #menu ul.level1 ul.level2 a:visited,
* html .menu ul.level1 ul.level2 a:visited {
	color: #666668;
	line-height: normal;
	font-size: 12px;
	font-weight: normal;
}


* html #menu ul.level1 ul.level2 a:hover,
* html .menu ul.level1 ul.level2 a:hover {
	font-weight: normal;
	color: #848587;
	
	font-size: 12px;
	line-height: normal;
}

/* Submenu */
* html #submenu ul.de li.ih_galaxy a.ih_galaxy,
* html #submenu ul.de li.ih_galaxy a:hover.ih_galaxy{
  background: none;
  text-indent: 0;
}

* html #submenu ul.level1 ul.level2 a,
* html .submenu ul.level1 ul.level2 a {
	background: none !important;
	color: #666668;
	
	padding: 2px 0 0 0;
	margin: -5px 0 10px 0;
	line-height: normal;
}

* html #submenu ul.level1 ul.level2,
* html .submenu ul.level1 ul.level2 {
	margin-top: 5px;
}

* html #submenu ul.level1 li ul.level2 li,
* html .submenu ul.level1 li ul.level2 li{
	display: list-item;
	list-style-type: square;
	list-style-position: outside;
	padding: 0 0 2px 0;
	margin: 0 0 0 20px;
	vertical-align: top;
	float: none;
	}

* html #submenu ul.level1 ul.level2 a:visited,
* html .submenu ul.level1 ul.level2 a:visited {
	color: #666668;
	line-height: normal;
	font-size: 12px;
	font-weight: normal;
}


* html #submenu ul.level1 ul.level2 a:hover,
* html .submenu ul.level1 ul.level2 a:hover {
	font-weight: normal;
	color: #848587;
	
	font-size: 12px;
	line-height: normal;
}

*+html #submenu ul.level1 ul.level2,
*+html .submenu ul.level1 ul.level2 {
	padding-bottom: 10px;
}

/* Footer */
* html .footer .actions input.search {
	margin: 1px 25px 0 0;
	}
	
/* Homepage */
*  html div.homepage {
	margin: -180px auto 0 auto;

}
	
* html div.footer {
	margin: -5px 0 0 0;
	}