/** 
 * Main Layout File
 */
 
/* Misc Styles and defaults 
-------------------------------------------- */
  
* {
	margin: 0;
	padding: 0;
}

body {
	color: #FFF;
 	font-size: 62.5%; 
 	margin-bottom: 40px;
	font-family: Arial, Verdana, Lucida, sans-serif; 
}

html {
	background: #626467;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

.clear{
	clear:both;
}

/* CONTAINER
----------------------------------------- */
#BgContainer {
	width: 1000px;  
	margin: 0 auto; 
}
#Container { 
	width: 1000px;
	background: #002F5C;
}
#Layout {
	width: 726px; /* 930 - (20 + 1 + 160 + 1 + 20) - (1 + 1) */
	height: 425px;
	float: left;
	margin: 0 0 40px 0;
	overflow: hidden;
}
#Content,
#ScrollAbleContent { 	
	margin: 25px 45px 25px 30px;
	text-align: left;

}
#ScrollAbleContent {
	height: 375px;
	overflow: hidden; 
}
  #Content div,
  #ScrollAbleContent div {
    margin: 7px 0;
  }
  #ContentFadeTop {
    margin: 25px 45px 0 30px;
    width: 651px;
    height: 10px;
    /*background: url(../images/ContentFadeTop.png) repeat-x scroll center center transparent;*/
    /* auf grund von anzeige fehlern entfernt */
    position: absolute;
  }
  #ContentFadeBottom {
    margin: 390px 45px 0 30px;
    width: 651px;
    height: 10px;
    /*background: url(../images/ContentFadeBottom.png) repeat-x scroll center center transparent;*/
    /* auf grund von anzeige fehlern entfernt */
    position: absolute;
  }

#TextScrollArrows {
  float: right;
  margin-right: 10px;
  margin-top: 35px;
}
  #TextScrollUp, #TextScrollDown {
    display:block;
    height:25px;
    width:25px;
    color: #002F5C;
  }
  #TextScrollUp {
    background: url(../images/TextScrollArrowUp.png) no-repeat scroll center center transparent;
    margin-bottom: 310px;
  }
  #TextScrollDown {
    background: url(../images/TextScrollArrowDown.png) no-repeat scroll center center transparent;
  }
  
  

.typography p { 
 	color: #FFF !important;
}

.typography p strong,
.typography p b { 
 	color: #D0D5E3 !important;
}

.typography td {
  border: 0 !important;
}

.referenzen h1 {
  color: #FFF !important;
}
    
/* BREADCRUMBS
-------------------------------------------- */
#Breadcrumbs { 
 	color: #B7C0C5;
	text-align: left;
	font-size: 0.9em; 
	margin: 0px 5px 10px 0;
}
	#Breadcrumbs p {
		margin: 0;
	}






/* Borders
----------------------------------------------- */

.border_top,
.border_right,
.border_bottom,
.border_left,
.border_all {
  border: 1px #BFCBD6 none;  
}
  .border_top { border-top-style: dashed; }
  .border_right { border-right-style: dashed; }
  .border_bottom { border-bottom-style: dashed; }
  .border_left { border-left-style: dashed; }
  .border_all { border-style: dashed; }
  .border_blue { border-color: #002F5C; }


/* HEADER
----------------------------------------- */
#Header { 
 	width: 1000px; 
	overflow: hidden;
	height: 250px;
  background: #002F5C url(../images/Header.png) no-repeat top center;	
}
  #HeaderBorder1 {
    width: 720px;
    height: 45px;
  }
  #HeaderBorder2 {
    width: 955px;
  }
  #HeaderBorder3 {
    float: left;
  }
    #HeaderBorder3_1 {
      width: 25px;
      height: 164px;
    }
    #HeaderBorder3_2 {
      width: 25px;
      height: 40px;
    }
  #HeaderInner {
    width: 930px;
    height: 204px;
    float: left;
  }
    #Logo {
      float: right;
      width: 235px;
      height: 85px;
      margin-top: 10px;
      background: url(../images/Logo.png) no-repeat center center;
    }
      #Logo span {
        display: block;
        width: 235px;
        height: 85px;
      }

/* MAIN NAVIGATION - TABS
----------------------------------------- */

/***
 * li first: 160 * 30
 * li 2 135 * 30
 * li 3 140 * 30
 * li 4 145 * 30
 * li 5 110 * 30
 * li last 110 * 30  (float right)
 ***/
 
#Navigation {
  margin: 54px 0 0 0; /* 210 (HeaderIMG) - [45 (Border) + 1 (Border) + 10 (LogoMargin) + 85 (Logo) + 15 (HalfButtonHeight)] */
  overflow: hidden;
}
/* Navi Table Version
#Navigation table { width: 930px; }
  #Navigation table tr {}
    #Navigation table tr td {
      height: 30px;
      line-height: 30px; 
    }
    #Navigation table tr td div {
      overflow: hidden;
      height: 30px;
      margin: 0 20px;
      
    }
      #Navigation table tr td a { 
				text-decoration: none;
				display: block; 
				height: 30px;
        width: 100%;
				font-size: 14px; 
				color: #FFF;
				background-color: #002F5C;
			}
        #Navigation table tr td a span {
          text-align: center; 
  				display: block; 
  				height: 30px;
          margin: 0 20px;
  				font-size: 14px; 
  				color: #FFF;
  				text-transform: uppercase;
  				cursor: pointer;
  			} 
        #Navigation table tr td a.current,
        #Navigation table tr td a.section,
        #Navigation table tr td a:hover { 
  				background-color: #DA041A;
  			}  
      #Navigation table tr td.spacer {
        width: 20px;
      }
      #Navigation table tr td.first {
        width: 160px;
      }  /* */

#Navigation ul {
  width: 930px;
  
}
  .Navigation ul li {
    margin: 0;
	 	list-style: none;
    list-style-image: none;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
  }
    #Navigation ul li {
      float: left;
      margin: 0 0 0 20px; 
    }
    #Navigation ul li.first { width: 160px; }
    #Navigation ul li.last {
      margin: 0 0 0 819px;
      position: absolute;
    }
    .Navigation ul li a {
  		text-decoration: none;
  		display: block; 
  		height: 30px;
      width: 100%; 
  		color: #FFF;
  		background-color: #002F5C;
  		font-weight: normal;
    }
      .Navigation ul li a span {
        text-align: center; 
    		display: block; 
    		height: 30px;
        margin: 0 20px;
    		font-size: 15px; 
    		color: #FFF;
    		text-transform: uppercase;
    		cursor: pointer;
    	} 
          .Navigation ul li a.current,
          .Navigation ul li a.section,
          .Navigation ul li a:hover { 
    				/*background-color: #DA041A; color change */
    				background-color: #CD071E;
    				text-decoration: none;
    			}
   
        
/* SIDEBAR
-------------------------------------- */
#Sidebar {
height: 427px;
width: 203px;
margin-left: 25px;
float: left;
overflow: hidden;
}
  #SubNavigation {
    overflow: hidden;
    width: 203px;
    height: 346px;
  }
    #SubNavigation ul {
      margin: 0;
    }
      #SubNavigation ul li {
        width: 183px;
        height: 42px;
      }
      #SubNavigation ul li div.beforcurrent {
        width: 20px;
        height: 42px;
        float: left; 
        border-left: 1px #BFCBD6 dashed; 
      }
      #SubNavigation ul li div.current {
        width: 20px;
        height: 21px;
        float: left;
        border-left: 1px #BFCBD6 dashed;
        border-bottom: 1px #BFCBD6 dashed;
      }
      #SubNavigation ul li div.aftercurrent {
        width: 21px;
        height: 42px;
        float: left;
      }
        #SubNavigation ul li a {
          width: 160px;
          margin: 0 0 10px 0;
          float: left;
        }
          #SubNavigation ul li a span {
            text-align: left; 
        		font-size: 12px;
            text-transform: none; 
        	}
            #SubNavigation ul li a.current span,
            #SubNavigation ul li a.section span { 
      				text-transform: uppercase;
      				font-size: 11px;
      			}
      
  #EmptySubNavigation {
    width: 202px;
    height: 346px;
  }
  #SidebarFooter {
    /*height: 65px;*/
    height: 80px;
    width: 202px;
    overflow: hidden;
  }
    #SidebarFooter ul {
  	 	list-style: none;
      list-style-image: none;
      margin: 0 0 25px 25px;
      padding: 0;
    }
      #SidebarFooter ul li {
    	 	list-style: none;
        list-style-image: none;
        margin: 0 0 5px 0;
        padding: 0;
      }
        #SidebarFooter ul li a {
          text-decoration: none;
          text-transform: uppercase;
          color: #FFF;
          font-size: 11px;
          font-weight: normal;
          letter-spacing: 2px;
        }
          #SidebarFooter ul li a.current,
          #SidebarFooter ul li a.section,
          #SidebarFooter ul li a:hover {
            /*color: #DA041A;  color change to #CD071E */
            color: #CD071E;
          }
          
          
          
/*** Intro ***/

#Intro {
  height: 715px;
  display: block;
  width: 1000px;
  background: url(../images/Intro.png) no-repeat center center;
}


/*** HomePage ***/

#HomeContentTop {
  height: 79px;
  line-height: 79px;
  text-align: left;
  overflow: hidden;
  padding-left: 30px;
}
  #HomeContentTop h1 {
    font-size: 38px;
    color: #FFF;
    
  }
    #HomeContentTop h1 strong {
      font-size: 52px;
      font-weight: normal;
      margin-top: 15px;
    }
    
#HomeContentRight {
  height: 345px;
  width: 300px;
  float: right;
}
  #HomeContentRight div {
    margin: 28px 20px 0 30px;
  }
    #HomeContentRight div ul {
      margin-bottom: 10px;
    }
      #HomeContentRight div ul li {
        margin: 2px 10px;
      }
    #HomeContentRight div h5 {
      margin: 0;
    }
#HomeContentLeft1,
#HomeContentLeft2 {
  width: 425px; /* 5 px space right */
}
  #HomeContentLeft1 div {
    margin: 28px 65px 37px 30px;
  }
  #HomeContentLeft2 div {
    margin: 37px 65px 28px 30px;
  }
  
  
   /*
#Footer {
  text-align: right;
  padding: 5px 0 30px 0;
}

#Footer p {
  margin: 0 44px;
}*/


#Footer {
  text-align: right;
  padding: 5px 0 30px 0;
}

#Footer p {
  margin: 0;
}