/* CSS Document */

/* general tag definitions  */	
	html { 
	    overflow-y: scroll;
	}
	html, body {
		height: 100%;
	}
	body {
	    font-family: Lucida,Lucida Grande,Trebuchet MS,Verdana,Arial,sans-serif;
	    color: #000000;	    
	    /*
		background-color: #ffffff;
		background-image: url(/images/main/bg_blau.png);
		background-repeat: repeat-x;
		background-position:  0px 0px;
		*/		
		background-attachment: fixed;
        background-color: #003769;
        background-image: url(/images/main/kloesterle/bg.jpg);
        background-position: center bottom;
        background-repeat: no-repeat;        
	}
	p {
	    margin-bottom: 10px;
	}
	form {
	    height: 100%; /* expand outer box to 100% height */
	}
	ul {
        padding:0 0 0 20px;
        list-style-type: disc;
    }
    ol {
        padding:0 0 0 20px;
        list-style-type: decimal;
    }
/* 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 {
        min-height: 100%;
        height: auto !important;
        height: 100%;
        margin: 0 auto -45px; /* the bottom margin is the negative value of the footer's height */
	}
	.divSubWrapper {
	    /* background-image: url(/images/grid/grid_start.png);
	    background-position: 20px 0px; */
	    width: 960px;		
        margin: 0 auto 0px; /* the bottom margin is the negative value of the footer's height */
	}
    /* header begin */
	.divMainHeader {
	    /* background: transparent url(/images/main/bg_gradient.gif) repeat-x scroll center top; */
	    background: transparent url(/images/main/logo.png) no-repeat scroll -50px top;
	    /* height: 158px; */
	}
	.divMainHeaderContent {
	    margin: 0 auto 15px auto;
	    padding-top: 15px;
	    text-align: center;
	}
	.divLanguage {
	    float: right;
	    padding: 6px 10px 0px 0px;    
	}
	.divLogo {
	    float: left;    
	}
	.divMainNavigationContent {
	    float: left;    
	}
	.divSearchContainer {
	    height: 35px;
	    /* background-color: #999999; */
	}
	.divSearchContent {
        float: right;
        width: 220px;
        height: 30px;
        background-image: url(/images/main/bg_search.png);
	}
	.divHeaderHeadline {
	    height: 75px;
	    /* background-color: #CCCCCC; */
	}
	.divMainNavigationContainer {
	    background: transparent url(/images/navi/bg.gif) repeat-x scroll center top;
	    background-color: #879fb7;
	    border-left: 5px solid #FFFFFF;
	    border-right: 5px solid #FFFFFF;
	    width: 960px;
	    height: 44px;
	    margin: 0px auto 0px auto;
	}	
	.divMainNavigationTop {
	    height: 27px;
	    float: right;
	    margin-right: 5px;
	}
	.divMainHeaderImage {
	    height: 293px;
	    width: 960px;
	    background-color: #FFFFFF;
	    background-image: url(/images/main/navigationImage.jpg);
	}
	.divNaviContainer {	    
	    float: left;
	}
	.divNaviContentOff {
        float: left;
	    height: 24px; /* 44px - padding */
	    padding: 10px 11px 10px 11px;	    
	}
	.divNaviContentOn {
	    float: left;
	    height: 24px; /* 44px - padding */
	    padding: 10px 12px 5px 12px;
	    border-bottom: 5px solid #000000;
	}
	.divNaviMiddleLine {
	    display: none;
	    float: left;
	    padding: 0px 15px 0px 15px;    
	}
	.divMainHeaderBottomLine {
	    margin: 0px auto 0px auto;
	    width: 960px;
	}
    /* header end */
    
    .divNaviWhiteBoxBackground {
        /* margin: 0px 0px 20px 0px;
        width: 166px;
        border: 3px solid #E5E5E5; */
    }
    .divNaviWhiteBox {
        padding: 3px 3px 30px 3px;
    }
    .divVVObox {
        /* background-image: url(/images/main/white_trans.png); */
        background-color: #879FB7;
        border:5px solid #FFFFFF;
        float:left;
        margin: 0px;
        /* padding: 10px; */
        width: 240px;
        margin-bottom: 20px;
    }
    .divInfobox {
        /* background-image: url(/images/main/white_trans.png); */
        background-color: #879FB7;
        border:5px solid #FFFFFF;
        float:left;
        margin: 0px;
        padding: 10px;
        width:189px;
    }
    .divDetailpageTitle {
        height: 35px; /* 55px - padding */
        padding-top: 20px;    
    }
	
    /* content & footer */
    .divContent {
	    width: 960px;
	    margin-bottom: 23px;
	}
	.divContentLeft {
	    width: 390px; /* 410 - padding*/
	    padding: 10px 10px 0px 10px;
	    float: left;    
	}
	.divContentRight {
	    width: 390px; /* 410 - padding*/
	    padding: 10px 10px 0px 10px;    
	    float: left;
	}
	.divFooter, .push {
	    height: 45px; /* .push must be the same height as .footer */
	}
	.divFooter {
	    /* background-color: #333333; */
	}
	.divFooterContent {
	    background-color: #FFFFFF;
	    width: 960px;
	    height: 30px;
	    margin: 0px auto 0 auto;    
	}
	.divFooterLeft {
	    float: left;
	    margin: 9px 0px 0px 10px;    
	}
	.divFooterMiddle {
	    float: left;
	    margin: 2px 0px 0px 10px;    
	}
	.divFooterRight {    
	    float: right;
	    margin: 4px 10px 0px 0px;	    
	}
    /* content & footer end */
/* basic layout structure end */
	
/* default classes */
	hr.gray {
	    border-style: solid;
	    border-width: 1px;
        border-bottom: none; /* 4 firefox */
        border-color: #ececec;
        height: 1px;    
        margin: 0 5px 10px 0;
        padding: 0;
	}
	.divDottedLine {
	    width: 100%;
	    height: 1px;
	    margin: 3px 0 3px 0;
	    background-image: url(/images/main/bg_dotted_line.gif);
	}
	/* 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; }
	.clear {
	     clear: both;  
	}
	.imgLeft {
	    float: left;
	    margin: 0 15px 10px 0;
	    border: 0;
	}
	.divContentListContainerLeft { 
	    float: left; 
	}
	.divContentListContainerRight { 
	    float: right; 
	    width: 390px;
	    padding: 0 10px 0 10px;
	}
	.spanArrow{
	    font-size: 14px;
	    font-weight: bold;
	    color: #003669 !important;
	}
	.spanArrowNavi{
	    font-size: 14px;
	    font-weight: normal;
	    color: #003669 !important;
	}
	.spanArrowNaviBlack{
	    font-size: 14px;
	    font-weight: normal;
	    color: #000000 !important;
	}
	
/* (unordered) list elements (menu) */
    .menulist {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.subMenulist {
		margin-left: 8px !important;
	}
	.menulist ul {
	    margin: 0;  
	    padding: 0;
	}
	.menulist li {
	    line-height: 18px; 
	    margin: 0 0 0px 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) */    
    .naviContainer {
        margin-left: 17px;    
    }
    .imgNavigText {
        margin: 0 0 0px 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 */
        margin: 3px 0px 0px 0px;
        float: left;  
    }
    .divSubNavigationMainItem {
        width: 129px; 
        float: right;
        padding: 0;
    }
    .imgSubNaviLine {
        margin: 0 0 0 2px;
        display: block;    
    }
    /* image link classes */
	.imageLinkMainContainerLeft, .imageLinkMainContainerRight {
	    /* width: 250px; */
	    /* height: 174px; */
	    float: left;
	    margin-bottom: 12px;
	    /* background-image: url(/images/main/quadrat_images.gif);    	   */
	}
	.imageLinkMainContainerLeft {
	    margin-right: 12px;    
	}
	.imageLinkMainContainerRight {
        margin-right: 0;
	}
	.imageLinkTextContainer {
	    /* height: 23px; */
	    text-align: left;  
	    padding-top: 11px;  
	}
	.divImageLinkText {
	    float: left;
	    padding-left: 10px;
	    width: 250px;    
	}
	.imageLinkImage {
	    /* margin-left: 20px;  */
	    border: 3px solid #e5e5e5;
	}
	.imageWithBackground {
        
	}
    /* INFOBOX */
    .divInfoBoxContainerMain {        
        margin: 0px 0px 30px 15px;
        width: 150px;
        float: left;
    }
    .divInfoBoxContainer {
        padding: 5px 5px 5px 5px;
        border: 2px solid #e1e1e1;
        width: 150px;
    }
    /* CONTACTBOX */
    .divContact {
        padding: 10px;
        margin: 0px 0px 20px 0px;
        width: 189px;
        float: left;
        border: 5px solid #FFFFFF;
        /* background-image: url(/images/main/white_trans.png); */
        background-color: #879FB7;
    }
    /* CONTACTBOX whohelps_detail */
    .tdImageLeft {
	    vertical-align: top;
	    text-align: center;     
	}
	.tdTextRight {
	    padding-left: 10px;
	    vertical-align: top;    
	}
    
    /* NL REG */
    .divNlReg {
        margin: 0px 0px 30px 15px;
        width: 150px;
        float: left;
    }
    .divNlRegContainer {
        padding: 5px 5px 5px 5px;
        border: 2px solid #e1e1e1;
        width: 150px;
    }
    
    /***** Footer Def. - Start *****/
    #divFooterCssDef {
        float: left;
        margin-right: 10px;
    }
    /***** Footer Def. - End *****/