/************* Teaser ***************/


table {
    
    clear:both;
    height:97px;
    position:relative;
    
}


#teaserHeadline  {
    
    padding: 25px 0 25px 0;
    vertical-align:middle;
    width:403px;
    
}


#teaserHeadline h1 {
    
    color:#004C59;
    font-size:14px;
    letter-spacing:0.1em;
    line-height:19px;
    text-transform:uppercase;
    margin:0 0 0 11px;
    
}


#teaserText  {
    
    padding: 20px 0 5px 11px;
    vertical-align:middle;
    width:555px;
    
}


#teaserText p {
    
    color:#004C59;
    font-size:11px;
    line-height:16px;
    margin:0;
    
    
}



/********* Content **********/


#bg5SpalterTop {
    
    background: url(bg_5spalter-imprint-top.jpg) no-repeat 0px 0px;
    height:100%;
    padding:53px 0 0 0;
    margin: 0 0 0 11px;
    overflow:hidden;
    width:970px;
    
}


#bg5SpalterBottom {
    
    background: url(bg_5spalter-imprint-bottom.jpg) no-repeat 0px bottom;
    width:970px;
}

#bg5SpalterBottom td {
    
    padding: 0 0 80px 0;
    vertical-align:top;

}


#bg5SpalterBottom td p {
    
    color:#004C59;
    font-size:11px;
    line-height:16px;
    margin:0;
            
}

#bg5SpalterBottom td p img {
    
    position:relative;
        
}


#bg5SpalterBottom td h1,
#bg5SpalterBottom td h2 {
    
    color:#004C59;
    font-size:11px;
    font-weight:bold;
    line-height:16px;
    margin:0;
   
        
}



/**** Spalte 1-5 ****/

#Spalte1Copy div.Call2Action,
#Spalte2Copy div.Call2Action,
#Spalte3Copy div.Call2Action,
#Spalte4Copy div.Call2Action,
#Spalte5Copy div.Call2Action {
    
    text-align:right;
    padding: 0 15px 0 0;
    
}


#Spalte1Copy div.Call2Action a,
#Spalte2Copy div.Call2Action a,
#Spalte3Copy div.Call2Action a,
#Spalte4Copy div.Call2Action a,
#Spalte5Copy div.Call2Action a {
    
    background: url(bg_Call2Action_pfeil.gif) no-repeat right 0;
    color:#004C59;
    display:block;
    font-size:11px;
    font-weight:bold;   
    letter-spacing:0.1em;
    line-height:24px;
    padding: 0 24px 0 0;
    text-decoration:none;
    text-transform:uppercase;   
    width:150px;
    
     
}


#Spalte1Copy p:first-child,
#Spalte2Copy p:first-child,
#Spalte3Copy p:first-child,
#Spalte4Copy p:first-child,
#Spalte5Copy p:first-child {
    
    padding-bottom:0px !important;

}  


/**** Spalte 1 ****/


#Spalte1Copy {
    
    width:190px;
    
}

#Spalte1Copy div.Call2Action {
    
    position: absolute;
    bottom:60px;
    right:783px;
       
}


#Spalte1Copy  p {
    
    padding: 0 7px 20px 11px;
    
}


#Spalte1Copy h1,
#Spalte1Copy h2 {

    padding: 0 7px 20px 11px; /*Abstände wie Paragraph*/
    
} 


/**** Spalte 2 ****/

#Spalte2Copy {
    
    width:195px;
    
}

    
#Spalte2Copy div.Call2Action {
    
    position: absolute;
    bottom:60px;
    right:586px;
        
}


#Spalte2Copy p {
    
    padding: 0 7px 20px 11px;
    
}

#Spalte2Copy h1,
#Spalte2Copy h2{

    padding: 0 7px 20px 11px; /*Abstände wie Paragraph*/
    
} 



/**** Spalte 3 ****/

#Spalte3Copy {
    
    width:194px;
    
}


#Spalte3Copy div.Call2Action {
    
    position: absolute;
    bottom:60px;
    right:389px;
        
}


#Spalte3Copy p {
    
    padding: 0 7px 20px 11px;
    
}

#Spalte3Copy h1,
#Spalte3Copy h2{

    padding: 0 7px 20px 11px; /*Abstände wie Paragraph*/
    
} 


/**** Spalte 4 ****/

#Spalte4Copy {
    
    width:195px;
    
}


#Spalte4Copy div.Call2Action {
    
    position: absolute;
    bottom:60px;
    right:194px;
        
}


#Spalte4Copy p {
    
    padding: 0 7px 20px 12px;
    
}


#Spalte4Copy h1,
#Spalte4Copy h2{

    padding: 0 7px 20px 12px; /*Abstände wie Paragraph*/
    
} 



/**** Spalte 5 ****/


#Spalte5Copy {
    
    width:192px;
    
}

#Spalte5Copy div.Call2Action {
    
    position: absolute;
    bottom:60px;
    right:5px;
        
}


#Spalte5Copy p {
    
    padding: 0 7px 20px 12px;
    
}


#Spalte5Copy h1,
#Spalte5Copy h2{

    padding: 0 7px 20px 12px; /*Abstände wie Paragraph*/
    
}

/****** Slider ******/

.coda-slider-wrapper {
    background: transparent url(../_img/bg_panel_top.jpg) no-repeat 0 top;
    color: #004C59;
    min-height: 510px;
  	height: auto !important;
  	height: 510px;
    width: 966px;
    z-index: 100;
    padding-top: 20px;
    margin-left: 1px;
}

p {
    color: #004C59 !important;
    font-size: 11px !important;
    margin-bottom: 15px !important;
}

.coda-slider {
    height: 258px;
    width: 966px;
}

.panel ul {
    text-align: left;
    margin: 0 15px 0 30px;
}

.panel .text p img { margin-bottom: 10px; }

.coda-slider {
    float: left;
    overflow: hidden;
    height: 258px;
    width: 966px;
    position: relative;
}

.coda-slider .panel {
    display: block;
    float: left;
    width: 966px;
}

.coda-slider .panel-container { 
	position: relative;
}


.coda-nav {
    background: transparent url(../_img/bg_panel_bottom.jpg) no-repeat 0 top;
    clear: left;
    height: 50px;
    padding-top: 14px;
    display: block;
    width: 965px;
}

	.coda-nav ul {
	    margin: 0 auto;
	    width: 560px;
	    list-style: none;
	    height: auto;
	    z-index: 101;
	}

	.coda-nav li {
	    text-align: center;
	    display: block;
	    float: left;
	    margin: 0;
	    padding: 0;
	    cursor: pointer;
	}

		.coda-nav li a {
		    height: 33px;
		    cursor: pointer;
		    float: left;
		    display: block;
		    margin-top: -14px;
		    position: relative;
		    padding-top: 25px;
		    z-index: 9999;
		}
		
			.coda-nav li a img {
			    opacity: .60;
			    filter: alpha(opacity=60);
			    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
			}

			.coda-nav li a:hover img {
			    opacity: 100;
			    filter: alpha(opacity=100);
			    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
			}

		.coda-nav li a.current {
		    background: transparent url(../_img/active_arrow.png) no-repeat center 0;
		}
		
			.coda-nav li a.current img {
			    opacity: 100;
			    filter: alpha(opacity=100);
			    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
			}

.panel .medium { float: left; }

.panel .text {
    float: left;
    height: 238px;
    margin: 20px 0 0 60px;
    width: 460px;
    position: relative;
    z-index: 102;
}

.holdingGroup {
	background: transparent url(../_img/bg_line.png) repeat-x 0 50%;
	clear:both;
    display: block;
    font-size: 13px !important;
    line-height: 21px;
    margin: 10px auto;
    text-align: center;
    z-index: 104;
    width: 538px;
}

.holdingGroup span {
    background-color: #FFF;
    color: #004C59;
    padding: 0 15px;
    text-align: center;    
}

.helioscopeWrap {
    background: transparent url(../_img/bg_newsletterBar.png) no-repeat 0 0;
    color: #004C59;
    height: 60px;
    width: 966px;
    padding: 10px 0;
    position: relative;
    top: 30px;
    z-index: 100;    
}

.btnHelioscope a {
    background: transparent url(../_img/bg_Call2Action_pfeil_rot.gif) no-repeat right 0;
    color: #940e00;
    font-size: 22px;
    position: absolute;
    right: 590px;
    padding: 0 24px 0 0;
    top: 30px;
    z-index: 110;
    letter-spacing: 0.1em;
    line-height: 22px;
}

.btnHelioscope a {
    color: #940e00;
    text-decoration: none;
}

.helioscopeWrap .newsletter {
    position: absolute;
    left: 395px;
    top: 20px;
} 

.Call2Action {
	bottom: 15px;
	line-height: 24px;
    position: absolute;
    padding: 0;
    text-align: right;
    display: block;
    z-index: 10;
    right: 0;
}

	.Call2Action a {
	    background: url(../_img/bg_Call2Action_pfeil.gif) no-repeat scroll right 0 transparent;
	    color: #004C59;
	    display: block;
	    font-size: 11px;
	    font-weight: bold;
	    letter-spacing: 0.1em;
	    line-height: 24px;
	    padding: 0 24px 0 0;
	    text-decoration: none;
	    text-transform: uppercase;
	    width: 150px;
	    right: 0;
	}