
	/**
	 * CSS
	 *
	 *
	 *
	 */
     
	@media all
	{
  
	    /**
	     * BODY
	     *
	     *
	     *
	     */
	     
	    body {
	        text-align: center;
	        font: 100% Verdana, Arial, Helvetica, sans-serif;
	        background: #fff;
	        padding: 2em 0 6em 0;
	    }
	    
	    /**
	     * LINK
	     *
	     *
	     *
	     */
	     
	    a:link {
	        color: #2A3A97;
	        text-decoration: underline;
	    }
	
	    a:visited {
	        color: #2A3A97;
	        text-decoration: underline;
	    }
	  
	    a:active {
	        color: #2A3A97;
	        text-decoration: none;
	    }
  
	    a:hover {
	        color: #2A3A97;
	        text-decoration:none;
	    }

    	/**
    	 * COMMON
    	 *
    	 *
    	 *
    	 */
    	div#hfTop,
    	div#hfCenter,
    	div#hfFooter {
    		margin: auto;
    		width: 894px;
    		text-align: left;
    		overflow: hidden;
    	}
    	
    	/**
    	 * TOP
    	 *
    	 *
    	 *
    	 */
    	div#hfTop {
    		/** margin-top: 4.5em; **/
    		height: 120px;
    		background: url(../images/top_bkgr.gif) repeat-x;
    	}
    	
    	div#hfTop ul {
    		margin: 0;
    		padding: 0;
    		list-style: none;
    		overflow: hidden;
    	}
    	
    	div#hfTopImages,
    	div#hfTopLogo {
    		float: left;
    		height: 120px;
    	}
    	
    	div#hfTopImages {
    		width: 763px;
            height: 111px;
            padding-top: 8px;
            overflow: hidden;
    	}
    	
    	a#hfTopImagesLink {
    	    display: block;
    	    overflow: hidden;
    	}
    	
    	div#hfTopLogo {
    		width: 131px;
    		background: url(../images/Logo3.gif) 0px 8px no-repeat;
    	}
    	
    	div#hfTopLogo a {
    	    display: block;
    	    width: 100%;
    	    height: 111px;
    	    text-indent: -999em;
    	}
    	
    	div#hfTopLogo p {
    	    font-size: .55em;
    		text-align: right;
    	    padding-top: 60px;
    	    color: #2A3A97;
    	}

    	/**
    	 * CONTENT
    	 *
    	 *
    	 *
    	 */
    	ul#hfNavigation {
    		width: 147px;
    		list-style: none;
    		margin: 3px 0 0 0;
    		padding: 0;
    		float: left;
    		overflow: hidden;
    	}
    	
    	ul#hfNavigation li {
    	    font-size: .7em;
    	    margin: 0;
    	    padding: .3em 0 .3em 0;
    	    width: 147px;
    	    /* background: url(../images/navi_bkgr.gif) left bottom repeat-x; */
    	    border-bottom: #FFDE28 2px solid;
    	}
    	
    	ul#hfNavigation li a {
    		color: #2a3997;
    		text-decoration: none;
    		font-weight: normal;
    		padding-left: 8px;
    	}
    	
    	ul#hfNavigation li ul {
    	    list-style: none;
    	    padding: 0;
    	    margin: 0;
    	}
    	
    	ul#hfNavigation li ul li {
    		background: none;
    		font-size: .9em;
    		padding: 0;
    		border: none;
    	}
    	
    	ul#hfNavigation li ul li a {
    		display: block;
    		width: 100%;
    		height: 18px;
    		line-height: 18px;
    		padding-left: 2em;
    	}
    	
    	ul#hfNavigation li ul li a:hover {
    		background: #FFF8B2;
    	}  
    	
    	li.hfNavigationAct {
    	    background: #FFDE28 url(/fileadmin/images/nav-trans.gif) 129px 0px no-repeat !important;
    	}
    	
    	li.hfNavigationActRound {
    	    background: #FFDE28 url(/fileadmin/images/nav-trans.gif) top right no-repeat !important;
    	}
    	
    	li.hfNavigationAct2 {
    		background: #FFF8B2 !important;
    	}
    	
    	div#hfCenterContent,
    	div#hfCenterContentLeft,
    	div#hfCenterContentRight {
    		float: left;
    	}
    	
    	div#hfCenterContent {
    		width: 740px;
    	}
    	
    	div#hfCenterContentLeft {
    		width: 458px;
    		margin: 2em 0 1.5em 0;
    		border-right: 2px #FFDE28 solid;
    		min-height: 375px;
    	}
    	
    	div#hfCenterContentRight {
    		width: 278px;
    		padding-top: 2em;
    	}
    	
    	div#hfCenterContentLeft h1 {
    		font-size: 1.0em;
    		margin: 0 20px 10px 40px;
    		color: #999;
    	}
    	
    	div#hfCenterContentLeft h2,
    	div#hfCenterContentLeft h3,
    	div#hfCenterContentLeft h4,
    	div#hfCenterContentLeft h5,
    	div#hfCenterContentLeft h6 {
    		font-size: .8em;
    		margin: 0 20px 15px 40px;
    	}
    	
    	div#hfCenterContentLeft h2 {
    	    margin: 0 20px 0 40px;
    	}
    	
    	div#hfCenterContentLeft p {
    		font-size: .7em;
    		margin: 0 20px 15px 40px;
    	}
    	
    	div#hfBreadcrumb {
    	    font-size: .65em;
    	    margin: 0 20px 30px 40px;
    	}
    	
    	table.contenttable {
    	    margin: 0 20px 15px 40px;
    	    font-size: 1em;
    	    padding: 0;
    	    border-spacing: 0;
    	}
    	
    	table.contenttable th p,
    	table.contenttable td p {
    	    margin: 0 !important;
    	    padding: 0 !important;
    	}
    	
    	table.contenttable th,
    	table.contenttable td {
    		vertical-align: top;
    		font-weight: normal;
    		text-align: left;
    		padding: 0px 10px 4px 0;
    	}
    	
    	div#hfCenterContentLeft dl {
            margin: 0 20px 15px 40px;
            font-size: .8em;
    	}
    	
    	div#hfCenterContentLeft ul,
    	.csc-menu ul {
    	    list-style: none;
    	    margin: 20px 20px 15px 40px;
    	    padding: 0;
    	}
    	
    	div#hfCenterContentLeft ol {
    	    margin: 0 20px 15px 40px;
    	}
    	
    	div#hfCenterContentLeft ul li,
    	div#hfCenterContentLeft ol li {
    	    font-size: .7em;
    	    margin: 0;
    	    padding: 0 0 0 2em;
    	}
    	
    	div#hfCenterContentLeft ul li {
    	    color: #999;
    	    background: url(../images/listpoint.gif) 0px 3px no-repeat;
    	}
    	
    	div#hfCenterContentLeft ol li {
    	    margin-left: 1.8em;
    	    padding: 0;
    	}
    	
    	div#hfCenterContentLeft ul li ul {
    	    list-style-type: disc; 
    	    margin: 0 0 2em 1.1em;
    	    padding: 0;
    	}
    	
    	div#hfCenterContentLeft ul li ul li {
    	    margin: 0;
    	    padding: 0;
    	    font-size: 1em;
    	    color: #000;
    	    background: none;
    	}
    	
    	/** PREV NEXT **/
    	div#hfCenterContentLeft ul.hfPrevNext {
    	    list-style: none;
    	    height: 25px;
    	    width: 400px;
    	    margin: 0;
    	    padding: 0;
    	}
    	
    	div#hfCenterContentLeft ul.hfPrevNext li.hfPrev,
    	div#hfCenterContentLeft ul.hfPrevNext li.hfNext {
    	    background: none;
    	    margin: 0;
    	    padding: 0;
    	}
    	
    	div#hfCenterContentLeft ul.hfPrevNext li.hfPrev {
    	    float: left;
    	}
    	
    	div#hfCenterContentLeft ul.hfPrevNext li.hfNext {
    	    float: right;
    	}
    	
    	.csc-menu li {
    	    font-size: .8em !important;
    	    /* padding: 0 !important;
    	    margin: 0 !important; */
    	}
    	
    	.csc-textpic {
    	    margin-right: 30px;
    	}
    	
    	.csc-textpic-imagewrap,
    	.csc-textpic-imagecolumn,
    	.csc-textpic-imagecolumn ul,
    	.csc-textpic-imagecolumn ul li {
    	    margin: 0 !important;
    	    padding: 0 !important;
    	}
    	
    	.csc-textpic-imagewrap {
    	    width: 150px;
    	}
    	
    	.csc-textpic-imagecolumn {
    	    padding-right: 20px;
    	    float: none !important;
    	}
    	
    	/**
    	 * FOOTER
    	 *
    	 *
    	 *
    	 */
    	div#hfFooter {
    	    height: 35px;
    	    background: url(../images/top_bkgr.gif) repeat-x;
    	    /** margin-bottom: 6em; **/
    	}
    	
    	ul#hfFooterLang {
    	    float: left;
    	    margin: 8px 0 0 0;
    	    padding: 0;
    	    list-style: none;
    	}
    	
    	ul#hfFooterLang li {
    	    float: left;
    	    margin: 0;
    	    padding: 0;
    	    width: 30px;
    	    height: 15px;
    	    line-height: 15px;
    	}
    	
    	ul#hfFooterNav {
    		margin: 8px 0 0 0;
    		padding: 0;
    		list-style: none;
    		float: left;
    	}
    	
    	ul#hfFooterNav li {
    		font-size: .8em;
    		float: left;
            padding: 0;
            margin: 0 3px 0 0;
    	}
    	
    	ul#hfFooterNav li a {
            display: block;
            width: 100px;
            height: 20px;
    		font-size: .8em;
    		text-decoration: none;
    		color: #000;
            background: #dfdfdf;
            line-height: 20px;
            padding: 0 5px 0 5px;
    	}
    	
    	div#hfFooterLogo {
    	    width: 51px;
    	    height: 35px;
    	    background: url(../images/habau.gif) no-repeat;
    	    float: right;
    	}
    	
    	div#hfFooterLogo a {
    	    display: block;
    	    text-indent: -999em;
    	    width: 51px;
    	    height: 35px;
    	}

        /**
         * RANDOM IMAGES
         *
         *
         */
        div#hfTopImages ul {
            height: 111px;
            overflow: hidden;
        }
        
        li.hfTopImageBox {
            float:left;
            width: 148px;
            height: 111px;
            overflow: hidden;
            padding: 0;
            margin: 0; 
        }
        
        li.hfTopImageBox img {
        	display: none;
        }
        
        li.MarginLeft {
        	margin-left: 4px;
        }
        
        li.RoundBottomRight,
        li.RoundBottomLeft {
        	background: #ccc;
        }

        /**
         * NEWS
         *
         *
         *
         */
        div.news-list-container {
            margin-bottom: 2em;
            width: 262px;
        }
        
        div.news-list-item {
            overflow: hidden;
            margin: 10px 0  10px 15px;
            border-bottom: #FFDE28 2px solid;
            width: 262px;
            clear: both;
        }
        
        .news-list-container img {
            margin: 0;
            float: none;
        }
        
        div.hfNewsItemImage,
        div.hfNewsItemContent {
            float: left;
        }
        
        div.hfNewsItemImage {
            width: 84px;
        }
        
        div.hfNewsItemContent {
            width: 178px;
        }
        
        div.hfNewsItemContent h2 {
            font-size: .8em;
        }

        div.hfNewsItemContent h2 a {
            text-decoration: none;
            color: #999;
        }

        div.hfNewsItemContent p {
            font-size: .6em;
        }
        
        span.news-list-morelink {
            display:block;
            padding: 0;
            text-align: right;
            margin: 5px 0 0 0;
        }
        
        p.news-single-imgcaption {
            margin: 0 !important;
        }
        
        div.news-single-backlink {
            margin: 30px 0 0 40px;
            font-size: .7em;
            padding: 0;
        }
        
        /**
         * special
         *
         *
         */
        body#hf6 div#hfCenterContentLeft .csc-textpic-left {
            margin: 10px 0 0 40px;
            width: 180px;
            overflow: hidden;
            float: left;
        }
        
        body#hf6 div#hfCenterContentLeft .csc-textpic-clear {
            display: none;
        }
        
        body#hf6 div#hfCenterContentLeft .csc-textpic-left p {
            margin: 0 !important;
            font-size: 9px;
        }
        
        body#hf1 div#hfCenterContentLeft h1 {
            background: url(../images/HFHeadline.gif) no-repeat;
            height: 27px;
            line-height: 27px;
            padding: 0 0 0 35px;
        }
        
        body#hf21 div#hfCenterContentLeft table.contenttable tr th,
    	body#hf21 div#hfCenterContentLeft table.contenttable tr td {
    	    border-bottom: 1px #666 solid;
    	    padding-bottom: 10px;
    	    padding-top: 10px;
    	}
    	
    	body#hf23 div#hfCenterContentLeft h2 {
            margin-top: 15px;
        }
        
        body#hf28 div#hfCenterContentLeft h1 {
            /** background: url(../images/HABAULogo.gif) right center no-repeat; **/
            height: 27px;
            line-height: 27px;
        }
        
        body#hf39 div#hfCenterContentLeft ul li {
            color: #000;
            margin-bottom: 25px;
        }
        
        body#hf25 div#hfCenterContentLeft ul li ul {
            list-style: none;
            margin-left: 0;
        }
        
        img#map_img {
            margin-left: 10px;
        }
        
        div#powermaildiv_uid36 {
            margin-bottom: 20px;
        }
        
        div#powermaildiv_uid36 label {
            float: right;
            width: 390px !important;
        }
        
        div#powermaildiv_uid36 input {
            float: left;
        }
    }
