/* CSS styles for screen output */

body {
	background-color:white;
	font-size:11px; font-family:Verdana, sans-serif; color:black;
}

p {
	line-height: 1.3em;
}

a {
    color:#63c8e9;
    text-decoration:none;
}

a:hover { 
    text-decoration:underline;
}

h1, h2 {
    font-size:17px;
    font-weight:normal;
    line-height:19px;
}
h2 {
    color:black;
}

h3 {
    font-size:12px;
    padding-left:8px; padding-top:6px;padding-bottom:5px;
    margin-bottom:3px;
    border-top: 1px solid #9fdef0;
    background-color:#ebf8fd;
    
}

input {
    font-size:12px; font-family:Verdana, sans-serif;
}
textarea {
    background-color:#ebf8fd;
    border: 1px solid #76cde4; 
    font-size:12px; font-family:Verdana, sans-serif;
    width: 259px;
}
select {
   background-color:#ebf8fd;
    border: 1px solid #76cde4; 
    font-size:12px; font-family:Verdana, sans-serif;
    width: 100px;
}


.searchIndex {
    /*border: 2px solid #ff0000; */
}



/* Page Container DIV */
#pageWrap{
}
    /* Homepage elements -------------------------------------------------------- */
    #hpTopBackground {
    	background-color:#ececec; 
        padding-left:16px;padding-top:3px; 
    }
    	#header {
    		width:950px; height:135px;
            background-image: url(../bilder/header-bg.png);
            background-repeat:no-repeat;
    	}
        /* alternative ie 6 display */ 
        * html #header {
            background:none; 
            filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/standards/futouris/bilder/header-bg.png',sizingMethod='scale');
        }
            #headerInner  {
                width:950px; height:135px;
                position:absolute;
            }
        		#logo {     
        		}
                    #projektLogo {
                        position:absolute;
                        top:10px; left:20px;
                    } 
        		#metaElements {
                    padding-right:57px; padding-top:11px; 
        		}
                #metaElements td {
                    vertical-align:middle;
                }
                    #metaSearchForm {
                        float:right;
                    }
        			#metaNavigation {
                        float:right;
                        padding-top:3px;
                        line-height:14px;
        			} 
                        #metaNavigation li {
                           display:inline;
                           padding-right:16px; 
                        }                
        			
                        #metaSearchSearchField {
                            background-color:#c9e9f1;
                            border: 1px solid #98b9c3; 
                        }
                        #metaSearchButton {
                            padding-top:1px;
                            padding-left:6px; 
                        }
                        
        			#mainNavigation {
                        padding-left:82px;padding-top:70px;
        			}
                        #mainNavigation ul li {
                            vertical-align:middle;
                            float:left;
                            font-size:12px;
                            width:140px;
                            padding-left:12px;
                            padding-top:10px;
                            padding-bottom:15px;
                            line-height:15px;
                            background-image:url(../bilder/transparent-line.png);
                            background-repeat:no-repeat;
                        }

        #hpProjectTeaser {
            width:595px;
            height:197px;
            margin-left:355px;
            margin-top: 40px;
            background-image:url(../bilder/project-teaser-bg.png);
            background-repeat:no-repeat;
            padding-bottom:4px;
            color:white;
        }

        #ourMembers {
            position: absolute;
            left: 759px;
            top: 295px;
            width: 150px;
            text-align: right;
            font-weight: bold;
            line-height: 14px;
        }
        
        * html #hpProjectTeaser {
            background:none; 
            filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/standards/futouris/bilder/project-teaser-bg.png');
        } 
            #hpProjectTeaserInner {
                width: 595px; height:197px;
                position: absolute; 
            }
                .hpProjectTeaserHead {
                    font-size:14px; font-weight:bold;
                    padding-bottom:5px;
                }
                #hpProjectTeaserText {
                    height: 126px;
                    padding-left: 23px;
                    padding-right: 85px;
                    padding-top: 11px;
                    overflow: auto;
                }
                    #hpProjectTeaserText p {
                        font-size:12px;
                        line-height:15px; 
                    }
                    #hpProjectTeaserText p a {
                        color:white;
                    }  
                #hpProjectTeaserLogos {
                    padding-left:25px;
                    padding-top:10px;
                }
        
    /* Homepage bottom area */
    #hpBottomTeaser {
        background-color:#d9f2f9;
        background-image:url(../bilder/bottom-teaser-corners.gif);background-repeat:no-repeat;
        width:950px;
        margin-left:16px;
    }
        #hpSpecialProjektTeaser { 
            /*background-color:yellow;*/
            width:327px;
            float:left;
            color:#545c61;
            padding-top:29px; padding-left:18px; padding-right:7px;
            padding-bottom:1px;
        }
            .hpSpecialProjektTeaserHead {
                font-size:13px; font-weight:bold;
                padding-bottom: 7px;
            }
            .hpSpecialProjektTeaserImage {
                padding-bottom:5px;
            } 
        #hpTripleTeaser {
            float:left;
            background-image:url(../bilder/middle-corners-triple-teaser.gif);
            background-repeat:repeat-y;
            width:546px;
        }   
            #hpTripleTeaserInner {
                padding-left:14px;
            }
                #hpTripleTeaserTable {
                }
                    .hpTripleTeaserTableHead {
                        color:#2cbae1;
                        font-weight:bold;
                        padding-bottom:11px;
                        line-height:1.2em;
                        
                    }
                    #hpTripleTeaserTable td {
                        width:165px;
                        vertical-align:top;
                        padding-right:10px;
                    }
                    #hpTripleTeaserTable img {
                        padding-bottom:4px;
                    }
            #hpTripleTeaserTopCorners {
                width:546px; height:14px;            
                background-image:url(../bilder/top-corners-triple-teaser.gif);
                background-repeat:no-repeat;
            }
            #hpTripleTeaserBottomCorners {
                width:546px; height:24px;
                background-image: url(../bilder/bottom-corners-triple-teaser.gif);
            }   
        #hpBottomTeaserFooter {
            height:5px;
            background-image:url(../bilder/bottom-teaser-corners-footer.gif);background-repeat:no-repeat;
        } 

    
    /* Contentpage elements -------------------------------------------------------- */
        #containerTabnav {
            width:948px; height:126px;
            margin-top:115px;
            background-image:url(../bilder/tabs-head-bg.png);background-repeat:no-repeat;
            background-position: 182px 0px;
            color:white; 
        }
        /* alternative ie 6 display */
        * html #containerTabnav { 
            background:none; 
            filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/standards/futouris/bilder/tabs-head-bg-ie6.png',sizingMethod='scale');
        }
            #containerTabnavInner {
                width:948px; height:126px; 
                position:absolute; 
            }
                #containerTabnavHeadline {
                /*background-color:yellow; */
                    height:68px;
                    padding-left:198px; padding-top:10px; padding-right:130px;
                }
                
                
                #containerTabnavTabs {
                   /* background-color:green;  */
                    padding-left:182px;
                }
                    #containerTabnavTabsTable {
                    }
                        #containerTabnavTabsTable td{
                            vertical-align:middle;
                        }
                        
                        .containerTabnavTabsTableActive {
                            background-color:white;
                        }

                        .containerTabnavTabsTableInactive {
                            padding-left:15px; padding-right:15px;
                        }
                            #containerTabnavTabs a {
                                color:#00a9e1;
                            }
        
    #contentBottomTeaser {
        width:766px;
        margin-left:16px;
        background-color:#d1f0fa;
        padding-left:182px;
    }
        .contentBottomTeaserP {
            padding-left:8px;
            padding-top:0px;
        }
        #contentBottomTeaserInner { 
            width:694px;
            padding-left:16px;padding-top:16px;padding-right:5px;
            background-color:white;
            
        }
            #centerCourt {
                float:left;
                width:493px;
            }
            
            #centerCourtOutput p {
                padding-bottom:16px;
                padding-left:8px; 
            }
            #centerCourtOutput a {
                color:#00a9e1;
                background-image: url(../bilder/link-bullet.gif); background-repeat:no-repeat;
                background-position: 0px 1px;
                padding-left:18px;
                padding-bottom:2px;
                /*display:block;     */            
            }
            
            #rightMarginal {
                float:left;
                margin-left:15px;
                width:185px;
                /*background-color:yellow;  */
            }
                .contentBottomTeaserInnerP {
                    padding-left:9px;
                    padding-right:5px;
                    padding-bottom:20px;
                }
                .contentBottomTeaserVisual {
                    padding-top:8px; padding-bottom:10px;
                    text-align:center;
                }
                .contentBottomTeaserSpacer {
                    height:25px;
                }
                #contentBottomTeaserGallery {
                    padding-top:5px; padding-left:9px;
                }
                    .contentBottomTeaserGalleryImage {
                        margin-right:6px; padding-bottom:9px;
                        float:left;
                    }

    /* Content page elements - wide, without tabs */
            #containerTabnavNoTabs { 
                padding-left:198px; padding-top:7px;
                height:40px;     
            }
            
            .contentImageFloat {
                float:left; padding-right:30px;padding-bottom:10px;
            }
            
            #centerCourtWide {
                padding-bottom:30px;
            }
                #centerWorldMap {
                    float:right;
                    width:255px;
                    padding-left:10px;
                }
            #bottomContentTeasers {
                margin-top:16px;
            }
                #bottomContentTeasersTabs {       
                }
                    #bottomContentTeasersTabs table {
                        width:694px;
                        background-color:#eef9fd;
                        background-image:url(../bilder/cont-tabs-borders-top.gif); /*Img um 20px erweitert */
                            background-repeat:no-repeat;
                    }
                        .bottomContentTeasersTabsCell, .bottomContentTeasersTabsCellActive {
                            padding-left:13px;padding-right:12px;
                            background-color:white;
                            vertical-align: middle;
                            padding-top:6px;padding-bottom:8px;
                            background-image:url(../bilder/cont-tabs-borders-bottom.gif); 
                            background-repeat:no-repeat;
                            background-position: bottom left;
                        }
                        .bottomContentTeasersTabsCellActive { 
                            background:none;  
                            /*background-color:#eef9fd;*/
                            background-image:url(../bilder/cont-tabs-borders-top.gif); /*Img um 20px erweitert */
                            background-repeat:no-repeat;
                            background-position: top right;
                            /*border-right:1px #d6e0e3 solid; */
                        }
                                                
                        .bottomContentTeasersTabsLink {
                            color:#00a9e1;
                        }
                        .bottomContentTeasersTabsLinkActive {
                            color:black; font-weight:bold;
                        }

                #bottomContentTeasersInner {
                    padding-top:25px;padding-left:9px;
                    background-color:#eef9fd;
                  
                    border: 1px solid #d6e0e3;border-top: 0px solid #ffffff;
                }
                    #bottomContentTeasersInner p {
                        padding-bottom:3px;
                    }
                    #bottomContentTeasersInnerTable {
                        width:100%;
                    }
                        .bottomContentTeasersInnerTableTd {
                            background-image:url(../bilder/content-tabs-tabs-bg.gif);
                            background-repeat:repeat-y;
                            padding-left:8px;padding-right:10px;
                            width:220px;
                        }
                        .spacerBottom {
                            height:12px; 
                        }
                  
     
    /* Content page with teaser overview */
        .centerBgImage {
            background-repeat:no-repeat; background-position:310px 20px;
        }
            #centerCourtOverview {
                padding-bottom:30px;
                width:470px;
            }
            #centerCourtTeaserBoxes {
                width:470px;
            }
                .centerCourtTeaserElement {
                    padding-top:6px;padding-left:6px;padding-right:12px;
                    float:left;
                    width:208px;
                    border-top: 1px solid #46bee1;
                    margin-right:5px;
                    padding-bottom:28px; 
                }
                    .centerCourtTeaserElementHeadline {
                        padding-bottom:8px;
                        color:#46bee1;
                    }
                    .centerCourtTeaserElementHeadlineP {
                        padding-bottom:12px;
                    }
            
    
#secondNavigation {
    position:absolute;
    top:331px; left:16px;
    padding-top:8px;padding-left:5px;padding-right:2px;
    width:179px;
    z-index:10; 
    background-image:url(../bilder/2nd-navi-corners.gif);background-repeat:no-repeat;
}
    .intro2ndNavi{
        padding-top:5px;padding-left:4px; padding-bottom:16px;
    }
    .secondNaviSpacer {
       padding-bottom:4px; padding-top:6px;
    }
    .linkSecondNavi, .linkSecondNaviActive, .linkThirdNavi, .linkThirdNaviActive {
        color:#01a0d4;
        line-height:13px;
        background-image: url(../bilder/link-bullet.gif); background-repeat:no-repeat;
        background-position: 3px 0px;
        padding-left:21px; padding-right:12px;
        display:block;
    }
    .linkSecondNaviActive {
        color:black; font-weight:bold;
    }
        .linkThirdNavi, .linkThirdNaviActive {
            background-image:none;
            padding-top:7px;padding-bottom:4px;
        }
        .linkThirdNaviActive {
            color:black; font-weight:bold;
        }
    
    
#footer { 
    width:948px;height:32px;
    background-image:url(../bilder/footer.gif);
    background-repeat:no-repeat;
    margin-left:16px; padding-bottom:16px; 
} 
    
/* generell classes for formatting and colors */
.softBlue {
	color:#41c0e3;
}
.aquaBlue {
	color:#00a9e1;
}
.softGrey {
	/*color:#a3b4be;*/ /* original */
	color:#909fa8; /* modified = darker */
}
.linkNavigation {
    color:white;
    text-decoration:none;
}
.linkNavigationActive{
    color:black;
    text-decoration:none;
}
.linkContinue, .linkContinueDarkerBlue, .linkContinueDarkerBlueWithoutArrow {
    color:#63c8e9;
    background-image: url(../bilder/link-bullet.gif); background-repeat:no-repeat;
    background-position: 0px 2px;
    padding-left:18px;
    padding-bottom:2px;
    display:block; 
}
.linkContinueDarkerBlue {
    color:#00a9e1;
}

.linkContinueDarkerBlueWithoutArrow {
    color:#00a9e1;
    background:none; padding:0px 0px 0px 0px;
} 

.clear {
	clear:both;
}
.stdLinkTeaser { 
    padding-bottom:16px;
}

.hpContinueLink a {
    color: white;
    /* color: #002e62; */
    font-size: 12px;
    background-image: url(../bilder/link-bullet-white.png); 
    /* background-image: url(../bilder/link-bullet-dark.png); */
    background-repeat: no-repeat; 
    background-position: 0px 1px;
    padding-left: 18px;
    padding-bottom: 3px;
    margin-top: 6px;
    display: block; 
}


/* forms */

.description {
    color:#00a9e1;
}

.image {
    padding-top:15px;
}

.first {
    vertical-align:middle;
}

.last {
    padding: 7px 0px 7px 40px; 
}

.text {
    background-color:#ebf8fd;
    border: 1px solid #76cde4; 
    width: 259px;
}

#formNote {
   color:#00a9e1;
   font-weight:bold;
   line-height: 1.3em;
   margin-bottom:10px;
}



/*  Formatierungen Seiteninhalt */
.bildLinks {
    padding-top:4px;
    padding-right:8px;
    padding-bottom:8px;
    float:left;
}

.bildRechts {
    padding-top:4px;
    padding-left:8px;
    padding-bottom:8px;
    float:right;
}

#centerCourtOutput ul li {
    margin-left:22px;
    list-style-type: square;
    padding-bottom:6px;
}

#centerCourtOutput ol li {
    margin-left:28px;
    padding-bottom:6px;
}

#centerCourtOutput ul {
    padding-bottom:12px;
}
#centerCourtOutput ol {
    padding-bottom:12px;
}
#centerCourtOutput table {
    margin-left:6px;
}


.formularLinks {
    padding-right:15px;
    padding-bottom:7px;
}
.formularRechts {
    padding-bottom:7px;
}


/* Videoplayer */

.videoContainer {
    padding-left: 9px;
    padding-bottom: 15px;
}