@charset "utf-8";
	* { margin: 0; padding: 0; border-collapse:collapse; border-spacing: 0; }

/*
Tabellen bitte extra und nur speziell für #innercontent-Bereich definieren, NICHT globale Definitionen loeschen
*/
	img { border: none; }
	html, body {height: 100%;}
	body {font-family: verdana, arial, helvetica, sans-serif; font-size: 100.01%;}
	#wrapper {position: relative;
                  min-height: 94%;
                  background: #fff url(/system/modules/de.aer.extranet/resources/img/022008/hgteil2_kl.gif) left top repeat-y;
                  width:99%; 
                                  
        }

/*

							
/**** Tabelle als Telefonliste ****/
table.telefonliste_table th { color:#FFF; font-weight:bold; background:#2676B5; text-align:left; font-family:Arial, Helvetica, Sans-Serif; font-size:12px; }
table.telefonliste_table td { background:#E9F0F8; }

/**** Tabelle nur mit formatiertem  Spaltenkopf ****/
table.diverse th { color:#FFF; font-weight:bold; background:#2676B5; text-align:left; font-family:Arial, Helvetica, Sans-Serif; font-size:12px; }



/**** Formularelemente ****/
input					{
							font-family:Arial,Verdana,Helvetica,Sans-Serif;
							font-size:12px;
							color:#000000;
							}
.button				{
							font-family:Arial,Verdana,Helvetica,Sans-Serif;
							font-size:12px;
							color:#000000;
							}

/**** Footer ****/
.DIVfooter		{
							width:1000px;
							font-family:Arial,Verdana,Helvetica,Sans-Serif;
							font-size:12px;
							color:#000000;
							padding-top:4px;
							border-top:1px solid #005DA7;
							}

/**** Formularelemente ****/

input.text		{
							border:1px solid #005DA7;
							color: #005DA7;
							font-family:Arial,Helvetica,Sans-Serif;
							font-size:12px;
							}



/*
************
Header
************
*/
	#header a#flag {position:absolute;top:168px;left:21px;text-decoration:none;}
	#header img#extranet {position: absolute; top: 0; right: 0; width: 270px; height: 100px; }
        #header #laufband { position: absolute; top: 168px; left: 110px; font-weight:bold; background-color:#fff; color:#AB0303; cursor:pointer; }

/*
************
Navi
************
*/

	ul#navi {list-style-type: none; list-style-position: outside;}

	ul#navi {
	       background-color: #FFF;
	       height:2em;
               font-size:80%;
               margin:0px;
	}

	ul#navi li {
	       float:left;
	       width: 11.00%;
	       height:100%;
	       background: #1A72B1 url(/system/modules/de.aer.extranet/resources/img/022008/bg_navilist.gif) left top no-repeat;
	}

	ul#navi li#first {
		background: #1A72B1 url(/system/modules/de.aer.extranet/resources/img/022008/bg_navilist.gif) -15px 0 no-repeat;					                  
        }


	ul#navi li a{
	       display: block;
	       color: #BBE0F4;
	       text-decoration: none;
	       text-align: center;
	       font-weight: bold;
	       padding: 0.7em 0 0 14px;
	       white-space: nowrap;
	}
	ul#navi li#last a {background: transparent url(/system/modules/de.aer.extranet/resources/img/022008/bg_navilist_rand-re.gif) right top no-repeat; }

	/*Hauptrubrik nicht verlinken aber highlighten wenn bereits ausgewaehlt*/
	ul#navi li.highlight span {
		display: block;
		background-color: transparent;
		padding: 0.7em 0 0 14px;
		text-align: center;
		font-weight: bold;
	}
	ul#navi li.afterhighlight {
	       background-color: #354B94;
	}


	ul#navi li a:hover { color: #FCDD4B; text-decoration: none;}
        ul#navi li#rundschreiben a:hover { color: #FCDD4B; text-decoration: none;}
        ul#navi li#arbeitsunterlagen a:hover { color: #FCDD4B; text-decoration: none;}
        ul#navi li#online_buchen a:hover { color: #FCDD4B; text-decoration: none;}

/*
************
Neue Navi von Tobias Petersen am 11.11.2009 (css-Style von Cyrus Keramat)
************
*/

	ul#navineu {
		list-style-type: none; 
		list-style-position: outside;
		background:url(/system/modules/de.aer.extranet/resources/img/menu-bg.gif) top left repeat-x;
		height:43px;
	}

	ul#navineu {
		border:none;
		border:0px;
		margin:0px;
		padding:0px;
		font-family:verdana,geneva,arial,helvetica,sans-serif;
		font-size:12px;
		font-weight:bold;
		color:8e8e8e;
	}

	ul#navineu li {
		float:left;
		padding:0px 8px 0px 8px;
	}

	ul#navineu li#first {
		//background: #1A72B1 url(/system/modules/de.aer.extranet/resources/img/022008/bg_navilist.gif) -15px 0 no-repeat;					                  
        }

	ul#navineu li a{
		color:#666666;
		display:block;
		font-weight:bold;
		line-height:33px;
		padding:5px 15px;
		text-align:center;
		text-decoration:none;
	}

	ul#navineu li#last a {
		//background: transparent url(/system/modules/de.aer.extranet/resources/img/022008/bg_navilist_rand-re.gif) right top no-repeat; 
	}

	/*Hauptrubrik nicht verlinken aber highlighten wenn bereits ausgewaehlt*/
	ul#navineu li.highlight span {
		list-style-type: none; 
		list-style-position: outside;
		display:block;
		background:url(/system/modules/de.aer.extranet/resources/img/current-bg.gif) top left repeat-x;
		color:#ffffff;
		height:43px;
		font-weight:bold;
		line-height:33px;
		padding:5px 15px;
		text-align:center;
		text-decoration:none;
	}

	ul#navineu li.afterhighlight {
	       background-color: #354B94;
	}

	ul#navineu li a:hover { 
		color:#000000;
	}

        ul#navineu li#rundschreiben a:hover { 
		//color: #FCDD4B; 
		//text-decoration: none;
	}

        ul#navineu li#arbeitsunterlagen a:hover { 
		//color: #FCDD4B; 
		//text-decoration: none;
	}

        ul#navineu li#online_buchen a:hover { 
		//color: #FCDD4B; 
		//text-decoration: none;
	}

/*
***************
Content
***************
*/
	#content {padding-bottom: 2em;}

        #content #contenttext {
		margin: 1em 1em 0 13em;
	}

       	#innercontent {
                padding:1em;
             	background-color: #E0EEF5;                
	}
	/*#content p {color: #FFF; margin-top: 1em; padding: 0 0.5em; font-size: 80%; font-weight: bold;}*/

	/**** Blockelemente allgemein ****/
	div#innercontent p {font-family:Verdana,Arial,Helvetica,Sans-Serif; font-size:12px; color:#000; margin:0; padding:0;}
	div#innercontent  {font-family:Verdana,Arial,Helvetica,Sans-Serif; font-size:12px; color:#000;}

	/**** Ueberschriften ****/
	div#innercontent h1 {font-family:Arial,Helvetica,Sans-Serif; font-size:18px; color:#005DA7; font-weight:bold; width:100%; margin:0 0 10px 0; padding:0;}
	div#innercontent h2 {font-family:Arial,Helvetica,Sans-Serif; font-size:16px; color:#005DA7; font-weight:bold; width:100%; margin:0 0 10px 0; padding:0;}
	div#innercontent h3 {font-family:Arial,Helvetica,Sans-Serif; font-size:15px; color:#005DA7; font-weight:bold; width:100%; margin:0 0 10px 0; padding:0;}
	div#innercontent h4 {font-family:Arial,Helvetica,Sans-Serif; font-size:14px; color:#005DA7; font-weight:bold; width:100%; margin:0 0 10px 0; padding:0;}
	div#innercontent h5 {font-family:Arial,Helvetica,Sans-Serif; font-size:14px; color:#005DA7; font-weight:bold; width:100%; margin:0 0 10px 0; padding:0;}
	div#innercontent h6 {font-family:Arial,Helvetica,Sans-Serif; font-size:14px; color:#005DA7; font-weight:normal; width:100%; margin:0 0 10px 0; padding:0;}

	/**** Tabellen ****/
	div#innercontent table.diverse {border:0;}
        	div#innercontent table.diverse td {font-family:Verdana,Arial,Helvetica,Sans-Serif; font-size:12px; color:#000; padding:3px;}

	/**** Hyperlinks ****/
	div#innercontent a:link, div#innercontent a:visited, div#innercontent a:active {color:#0000FF; font-family:Verdana,Arial,Helvetica,Sans-Serif; font-size:12px; text-decoration:underline;}
	div#innercontent a:hover {color:#0000FF; font-family:Verdana,Arial,Helvetica,Sans-Serif; font-size:12px; text-decoration:none;}

	/**** Listen ****/
	div#innercontent ul {
            list-style-image: url(/system/modules/de.aer.extranet/resources/img/boeppel.gif);
            margin-left: 3em;
        }
	div#innercontent ul li {}

      
/*** login mask ***/
	div#loginmask{
	    margin:auto;
	    width:200px;
	    text-align:center;
	}

	div#loginmask table{
	    width:300px;    
	    text-align:right;
	    color:white;
	}

	div#loginmask table td, div#loginmask table th{
    	    padding:0.7em;
	}

	div#loginmask input{
    	    background-color:#354B94;
    	    font-weight:bold;
    	    color:white;
    	    filter:progid:DXImageTransform.Microsoft.BasicImage(opacity=1.00);
	}

        tr.logintopbottom {
            background-color:#657EBD;
        }
        
        tr.loginrow1 {
            background-color:#A3B2D8;
        }

        tr.loginrow2 {
            background-color:#97A8DB;
        }

/*** filter mask for news**/
	div#filtermask{
    	    margin-top:2em;
    	    width:200px;
    	    text-align:center;
    	}

 	div#filtermask table{
	    width:300px;    
	    color:white;
	}

	div#filtermask table td, div#filtermask table th{
	    padding:0.7em;
	}

	div#filtermask table td{
	    text-align:left;
	    padding-left:2em; 
	}

	div#filtermask input, div#filtermask select {
	    background-color:#354B94;
	    font-weight:bold;
	    color:white;
	    filter:progid:DXImageTransform.Microsoft.BasicImage(opacity=1.00);
	}

        tr.filtertopbottom {
            background-color:#657EBD;
        }
        
        tr.filterrow1 {
            background-color:#A3B2D8;
        }

        tr.filterrow2 {
            background-color:#97A8DB;
        }


/*
******************
STUs CODE, thanx to StuNicholls for this menu: ->http://www.cssplay.co.uk/menus/flyout2.html
******************
*/

/*Schriftgroesse*/
	.menu {font-size: 70%; float:left;}

	/* remove all the bullets, borders and padding from the default list styling */
	.menu ul {
		width:15em;
	        padding:0;
        	margin:10px 0px 0px 12px;
	        list-style-type:none;
	}

	/* no margin-top for submenus */
	.menu ul ul {
	        margin:0;          
	}

	/* position relative so that you can position the sub levels */
	.menu li {
		position:relative;
	}

	/*get rid of the table */
	.menu table {position:absolute; top:0; left:0;}

	/* style the links */
	.menu a, .menu a:visited {
		display:block;
	        text-decoration:none;
	        height:2em;
	        line-height:2em;
	        width:15em;
	        color:#FCDD4B;
                background-color:#1A72B1;
                /* filter:progid:DXImageTransform.Microsoft.BasicImage(opacity=0.8);*/
		text-indent:0.5em;
		font-weight: bold;
	}


        .menu a.homepage, .menu a:visited.homepage {
                background-color:#1B95FF;
        }

	.menu li a {
		border-bottom: 1px solid #FCDD4B;
		border-left: 1px solid #FCDD4B;
	}
	.menu li li a {
		border-right: 3px double #FCDD4B;
		border-bottom: 1px solid #FCDD4B;
		border-left: none;
	}
	/* style the link hover */
	.menu a:hover, .menu a:hover.homepage{
		color:#fff;
		background:#69C;
	}

	/* hide the sub levels and give them a positon absolute so that they take up no room */
	.menu ul ul {
		visibility:hidden;
		position:absolute;
		top:0;
		left:15em;
	}
	/* make the second level visible when hover on first level list OR link */
	.menu ul :hover ul{
		visibility:visible;
	}
	/* keep the third level hidden when you hover on first level list OR link */
	.menu ul :hover ul ul{
		visibility:hidden;
	}
	/* keep the fourth level hidden when you hover on second level list OR link */
	.menu ul :hover ul :hover ul ul{
		visibility:hidden;
	}
	/* make the third level visible when you hover over second level list OR link */
	.menu ul :hover ul :hover ul{
		visibility:visible;
	}
	/* make the fourth level visible when you hover over third level list OR link */
	.menu ul :hover ul :hover ul :hover ul {
		visibility:visible;
	}

        /* special design for logon logoff item*/
        .menu a#logonoff, .menu a#logonoff:visited {
            color:#1B95FF;
            background-color:#FCDD4B;
            font-weight:bold;
        }
/*
**********
Footer
**********
*/
	#footer {clear:both; position: relative; margin-top:0; padding-bottom: 0.5em; font-size: 80%; background-color:#FFF;}
	#footer ul {list-style-type: none; list-style-position: outside;}
	#footer ul li {float:left; height:3em;text-align:center;width:14%;background-color:#1A72B1;margin:2px 2px 0px 0px;padding:2px 0px 2px 0px;}
        #footer ul li a, #footer ul li a:visited{text-decoration:none;color:#BBE0F4;font-weight:bold;}

/*
*******
clearen
*******
*/
#header:after, ul#navi:after, #footer ul:after, .menu:after, a#flag:after {content: "."; visibility: hidden; display:block; clear:both; height:0;}