﻿/*##### 1. GLOBALE NAVIGATIONS AUSZEICHNUNGEN #####*/

  .content li { behavior: url(/_css/ie/iepngfix.htc); }

/*##### 1.1 HAUPT NAVIGATION #####*/

	div.navi ul{
		width: 195px;
		list-style: none;
		margin: 0px 0px 0px 0px;													/*Abstand zwischen den Hauptmenus*/
		padding: 0;
		display: block;
/*        overflow: hidden;*/
	}
	
	
	div.navi ul li{
		list-style: none;
/*      width: 195px;*/
	}

	div.navi ul li,
	div.navi ul li a{
		display: block;
		font-family: arial;
		font-size: 12px;
		font-weight: bold;
        line-height: 35px;
	}
	* html div.navi ul li a {
	    height: 35px;
	}
	


/* ==================================================================== */
/* = DAT IS BALD DEM ADRIAN SEINE NAVI, DIE IST RICHTIG SO. NET ZUM PRINDE = */
/* ==================================================================== */


	div.navi ul li a{
		padding: 3px 0px 3px 10px;
		display: block;
		text-decoration: none;
	 	color: #fff;
	}
	div.navi ul li.main a:hover{													 /*Hover Effect mit Hintergrundbild*/
		color: #fff;
		background: transparent url(/pic_alg/mainhover.png) no-repeat;
	}
	div.navi ul li.main ul li.active a,
	div.navi ul li.main ul li.sub a:hover{													     /*Navi Hover Effect*/
		color: #fff; 
		background: transparent url(/pic_alg/subhover.png) no-repeat;
	}
	
	* html div.navi ul li.main a:hover {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/pic_alg/mainhover.png', sizingMethod='crop');
        background: none;
	}
	* html div.navi ul li.main ul li.active a,
	* html div.navi ul li.main ul li.sub a:hover{													     /*Navi Hover Effect*/
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/pic_alg/subhover.png', sizingMethod='crop');
        background: none;
	}
	
    * html div.navi * { position: relative; }

	
	
/*##### v1.2 SERVICE NAVIGATION #####*/

	div#servicenavi a{
		font-size: 10px;
		font-family: arial;
		color: #09ABEC;
		text-decoration: none;
	}
	
	div#servicenavi p{
		font-size: 10px;
		font-family: arial;
		color: #09ABEC;
		text-decoration: none;
	}
	
	div#servicenavi a:hover{
		text-decoration: underline;
	}
	
	div#servicenavi p a:active{
		text-decoration: underline;
	}
	
/*##### 2. NAVIGATION FARBEN #####*/

/*##### 2.1 SERVICENAVIGATION FARBEN #####*/
	.bluebubble #servicenavi p,
	.bluebubble #servicenavi a{color: #09ABEC;}
	
	.redbubble #servicenavi p,
	.redbubble #servicenavi a{color: #E7208C;}
	
	.orangebubble #servicenavi p,
	.orangebubble #servicenavi a{color: #FFAA10;}
	
	.greenbubble #servicenavi p,
	.greenbubble #servicenavi a{color: #84CB29;}

/*##### 2.2 SUB NAVI #####*/

	.blue{ 																			/*Subnavi Background Blau*/	
		background: transparent url(/pic_alg/subblue.png) no-repeat;
/*		background-color: #56BCF6;
		border-top: 1px solid #DAEAF0;
		border-bottom: 1px solid #0899D3;
		border-left: 1px solid #0899D3;*/
	}
	
	.red{ 																			/*Subnavi Background Rot*/	
		background: transparent url(/pic_alg/subred.png) no-repeat;
/*		background-color: #EA9FC8;
		border-top: 1px solid #FFF4FA;
		border-bottom: 1px solid #EA46A0;
		border-left: 1px solid #EA46A0;*/
	}

	.orange{ 																		/*Subnavi Background Orange*/	
		background: transparent url(/pic_alg/suborange.png) no-repeat;
/*		background-color: #FEE8C0;
		border-top: 1px solid #FAEFDB;
		border-bottom: 1px solid #AC8641;
		border-left: 1px solid #AC8641;*/
	}
	
	.green{ 																		/*Subnavi Background Gruen*/	
		background: transparent url(/pic_alg/subgreen.png) no-repeat;
/*		background-color: #DBEDC6;
		border-top: 1px solid #DAECC6;
		border-bottom: 1px solid #7A9759;
		border-left: 1px solid #7A9759;*/
	}

	* html .blue{
/*      filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/pic_alg/subblue.png', sizingMethod='crop');*/
/*      background: none;*/
		position: relative;
	}
	
	* html .red{
/*      filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/pic_alg/subred.png', sizingMethod='crop');*/
/*      background: none;*/
		position: relative;
	}
	
	* html .orange{
/*      filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/pic_alg/suborange.png', sizingMethod='crop');*/
/*      background: none;*/
		position: relative;
	}
	
	* html .green{
/*      filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/pic_alg/subgreen.png', sizingMethod='crop');*/
/*      background: none;*/
		position: relative;
	}
	
	

/*##### 2.3 MAIN NAVI #####*/

	.mainblue{background: transparent url(/pic_alg/mainblue.png) no-repeat;}		/*Background Bild für Mainnavi Blau*/

	.mainred{background: transparent url(/pic_alg/mainred.png) no-repeat;}			/*Background Bild für Mainnavi Rot*/

	.mainorange{background: transparent url(/pic_alg/mainorange.png) no-repeat;}	/*Background Bild für Mainnavi Orange*/

	.maingreen{background: transparent url(/pic_alg/maingreen.png) no-repeat;}		/*Background Bild für Mainnavi Gruen*/
	
	* html .mainblue{
/*      filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/pic_alg/mainblue.png', sizingMethod='crop');*/
/*      background: none;*/
		position: relative;
	}
	
	* html .mainred{
/*      filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/pic_alg/mainred.png', sizingMethod='crop');*/
/*      background: none;*/
		position: relative;
	}
	
	* html .mainorange{
/*      filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/pic_alg/mainorange.png', sizingMethod='crop');*/
/*      background: none;*/
		position: relative;
	}

	* html .maingreen{
/*      filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/pic_alg/maingreen.png', sizingMethod='crop');*/
/*      background: none;*/
		position: relative;
	}
