/* CSS Document */

/* general tag definitions  */
	html, body {
		height: 100%;
	}
	body {
	    color: #333333;
		margin: 0;
		padding: 0;
		background-color: #a2b4c7;
		background-image: url(/images/main/background_left.gif);
		background-repeat: no-repeat;
		font-family: verdana,arial,sans-serif;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	sub, sup {
	  line-height: 0;
	  font-size: 80%;
	}
	td, th { padding: 0; }
	form { 
	    padding: 0px; 
	    margin: 0px;
	    height: 100%; /* expand outer box to 100% height */
	}
	p { margin: 0 0 10px 0; }
	img { border: 0; }

/* special definitions */	
	.doubleArrow{
	    font-family: verdana;
        font-size: 9px;
        font-weight: normal;
    }
    .arrow {
        padding: 2px 0 0 0;
        float: left;    
    }
    .imageLinkInnovations {
        padding: 5px 0px 5px 0px;    
    }
    .bttnImageGo { 
        margin-left: 10px;
    }
    .divMandatoryMessage {
        display: none;
    }
    /* def. fuer den Download Link aus dem getDownloads.xsl */
    .divGetDownloads {
        border: 1px solid #cccccc;
        width: 300px;
        padding: 5px; 
    }
    	
/* basic layout structure */
    /* error & debug information */
	.divDebug {
	    visibility: hidden;
	    position: absolute; 
	    left: 0;
	    padding: 5px; 
	    z-index: 1001; 
	    color: #999; 
	    width: 300px;
	}
	.divErrorContent, .divErrorMaster {
	    visibility: visible;
	    position: absolute; 
	    left: 0;
	    padding: 5px; 
	    z-index: 1001;  
	    color: #999;
	}
	.divErrorContent { bottom: 400px; }
	.divErrorMaster { bottom: 200px; }
	.divDebug { bottom: 0; }
	    
	
	/* main structure */
	#divMainWrapper {
	    background-color: #f7f9fa;
        background-image: url(/images/main/background.jpg);
	    background-repeat: no-repeat;
	    padding: 0 10px 0 10px;
	    width: 960px;
		margin-left: auto;
	    margin-right: auto;
	    min-height: 100%;
		_height: 100%; /* Interpreted only by IE, IE only hack */  
	}
    /* header begin */
	#divTopHeader {
	    width: 730px;
	    height: 70px;
	}
	#divMainHeader {
	    /* background-color: Green; */
	}
	#divHeaderImage{
	    width: 740px;
	    height: 278px;
	    margin-top: 10px;
	    /* background-color: Blue; */
        background-image: url(/images/main/header.jpg);
	    background-repeat: no-repeat;
	    float: left;
	}
	#divHeaderSearch{
	    width: 165px; /* 175xp */
	    height: 210px; /* 220px */
	    margin: 10px 0 0 5px;
	    padding: 10px 0 0 10px;
	    /* background-color: Red; */
	    background-image: url(/images/main/header_image_right.gif);
	    background-repeat: no-repeat;
	    float: left;
	}
	.divMainNavigation{
	    margin: 240px 0 0 13px;    
	}
	#divBottomHeader {
	    width: 730px;
	    height: 24px;
	    background-position: 565px 0;
	    background-repeat: no-repeat;
	    margin-bottom: 10px;
	}
	#divLanguagePortalNavigation {
	    width: 407px;  
	    float: left;
	}
	.divLanguageContainer {
	    padding: 10px 10px 0 0; 
	    text-align: right;   
	    width: 407px;
	    height: 20px;
	}
	.divPortalNavigation {
	    padding: 20px 10px 0 0; 
	    text-align: right;
	    width: 407px;
	    height: 14px;
	}
    /* moved #divHeadline to portal.css */
	#divLogoContainer {
	    width: 300px;
	    float: left; 
	    padding: 10px 0 0 13px;   
	}
	.imgMainNavigation {
	    margin-left: 4px;
	    border: none;
	}
    /* header end */
	
    /* content & footer */
    #divContent {
        /* background-color: #f7f9fa; */
	    width: 920px;	    
	}
	
	/*  #divRightCol, #divLeftCol 
        placed in [pagename].css (differs) */
	.divFooter {
	    width: 920px;
	    height: 15px;
	}
	.divLeftFooter {
	    /* ist im font_small.css defeniert */
	}
	.divCenterFooter {
	    width: 140px;
	    padding: 1px 5px 0 0; 
	    text-align: right;
	    float: left;
	}	
	.divRightFooter {
	    width: 248px;
	    padding: 1px 5px 0 0; 
	    text-align: right;
	    float: right;
	}	
	
    /* content & footer end */
/* basic layout structure end */
	
/* default classes */
	hr.gray {
	    border-style: solid;
	    border-width: 1px;
        border-bottom: none; /* 4 firefox */
        border-color: #CCCCCC;
        height: 1px;    
        margin: 0 5px 10px 0;
        padding: 0;
	}
	.divDottedLine {
	    width: 100%;
	    margin: 0;
	}
	/* vertical spacer */
	p.spacer75 { margin: 0 0 75px 0; }
	p.spacer25 { margin: 0 0 25px 0; }
	p.spacer15 {  margin: 0 0 15px 0; }
	p.spacer5 {  margin: 0 0 5px 0; }
	
	.navigationSpacer {
        margin: 0 0 8px 0;
	}
	.clear {
	     clear: both;  
	}
	.inputSearch {
	    width: 80px;     
	}
	.buttonSearch {
	    width: 50px;  
	    /*background-image:url(/images/buttons/suchen_DE.gif);
	    width: 46px;
	    height: 17px;*/
	}
	.imgLeft {
	    float: left;
	    margin: 0 15px 10px 0;
	    border: 0;
	}
	.divContentListContainerLeft { 
	    background-image: url(/images/main/detail_images.gif);
	    background-repeat: no-repeat;
	    padding: 10px 0 0 10px;
        float: left;
        width: 140px; /* 150px */
        height: 110px; /* 120px */ 
	}
	.divContentListContainerRight { 
	    float: right; 
	    width: 340px;
	    padding: 0 10px 0 10px;
	}
	
/* (unordered) list elements (menu) */
    .menulist {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.menulist ul {
	    margin: 0;  
	    padding: 0;	      
	}
	.menulist li {
	    line-height: 12px; 
	    margin: 0 0 3px 0;   
	}
	/* This semi-commented section exists to fix bugs in IE/Windows (the 'Holly Hack'). \*/
    * html .menulist li {
     height: 1%;
    }
    /* End Hack */

	.liItemLine { 
	    height: 0;
	    line-height: 0;
	    font-size: 0;
	    padding: 0 0 0 14px; 
	    margin: 0;
	}

/* main menue (graphical) */ 
    .imgNaviDot{
        margin-bottom: 6px;
        margin-right: 3px;    
    }   
    .naviContainer {
        margin-left: 17px;    
    }
    .imgNavigHome {
        margin: 0 84px 0 3px;
    }
    .imgNavigText {
        margin: 0 18px 0 3px;
    }
    .imgNavigLine, .imgNavigLineAscii {
        width: 135px;
        height: 8px;
        margin-bottom: 1px;
        display: block; 
        margin-left: 13px;   
    }
    .imgNavigLineAscii {
        margin: 1px 0 0 13px;
    }
    .imgNavigMainArrow { /* main navigation */
        width: 8px;
        height: 7px;
        vertical-align: middle;
        margin: 2px 5px 3px 0;
    }
    .imgNavigSubArrow { /* sub navigation */
        width: 8px;
        height: 7px;
        /*vertical-align: middle;*/
        margin: 3px 0 1px 0;  
        float: left;  
    }
    .divSubNavigationMainItem {
        width: 150px; 
        padding: 0 0 1px 12px;
        margin: 0px;
        background-image: url(/images/navigation/arrow.gif);
        background-position: 0 2px;
        background-repeat: no-repeat;
        /* background-color: Red; */
    }
    .divSubNavigationSubItem {
        width: 140px; 
        float: right;
        padding: 0 0 1px 12px;
        background-image: url(/images/navigation/dot.gif);
        background-position: 0 2px;
        background-repeat: no-repeat;
        /* background-color: Blue; */
        /* padding: 0 0 0 10px; */
    }
    .divNaviWhiteBox{
        background-color: #fff; 
        width: 164px; /* 174px - 10px */
        margin-left: -10px;
        padding: 5px 0 0 10px;
        border: 1px solid #cccccc;
        border-bottom: none;
    }
    .imgNaviWhiteBox{
        margin-left: -10px;    
    }