/*	###################	Hauptnavi			######################	*/

ul#nav_main {
	width: 842px;
	height: 31px;
	margin:0 auto 0 157px;
	padding: 27px 0 28px 0px;
	background-image: url(../img/layout/bg_nav_main.gif);
	background-position: bottom center;
	background-repeat: no-repeat;
	position: relative;
	z-index: 400;
}

ul#nav_main li {
	display:inline;
}

ul#nav_main li a:link,
ul#nav_main li a:visited,
ul#nav_main li a:active,
ul#nav_main li a:hover,
ul#nav_main li a:focus {
	float: left;
	display: inline;
	height: 31px;
	margin:0 19px;
	padding:0 14px;
	line-height: 31px;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 13px;
	text-transform: lowercase;
	background-image: url(../img/layout/bg_nav_main_a.png);
	background-position: left top;
	background-repeat: repeat-x;
}

ul#nav_main li a:active,
ul#nav_main li a:hover,
ul#nav_main li a:focus,
ul#nav_main li a.active:link,
ul#nav_main li a.active:visited,
ul#nav_main li a.active:active,
ul#nav_main li a.active:hover,
ul#nav_main li a.active:focus {
/*	background-color: #31a3c6; */
	background-position: center -31px;
	background-repeat: no-repeat;
}

/*	###################	CMS Systeme		######################	*/

#footer ul {
	background-image: url(../img/layout/bg_footer_ul.gif);
	background-position: left 20px;
	background-repeat: repeat-x;
	padding-top: 40px;
}

#footer ul li {
	display: inline;
}

#footer ul li a:link,
#footer ul li a:visited,
#footer ul li a:active,
#footer ul li a:hover,
#footer ul li a:focus {
	display:inline-block;
	height: 66px;
	background-position: left top;
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 0 5px;
}

#footer ul li a:active,
#footer ul li a:hover,
#footer ul li a:focus {
	background-position: 0 -66px;
}

/* ######## Einzelne Buttons */

/* Magento */
#footer ul li a.magento {
	background-image: url(../img/layout/icons/magento.png);
	width: 158px;
}

/* Joomla */
#footer ul li a.joomla {
	background-image: url(../img/layout/icons/joomla.png);
	width: 96px;
}

/* Typo3 */
#footer ul li a.typo3 {
	background-image: url(../img/layout/icons/typo3.png);
	width: 106px;
}

/* Drupal */
#footer ul li a.drupal {
	background-image: url(../img/layout/icons/drupal.png);
	width: 46px;
}

/* xt:Commerce */
#footer ul li a.xt-commerce {
	background-image: url(../img/layout/icons/xtcommerce.png);
	width: 155px;
}

/* Typolight */
#footer ul li a.typolight {
	background-image: url(../img/layout/icons/typolight.png);
	width: 51px;
}

/* Wordpress */
#footer ul li a.wordpress {
	background-image: url(../img/layout/icons/wordpress.png);
	width: 162px;
}

/*	###################	Sub Navi	######################	*/

#left ul.subnav {
	position: absolute;
	right: 20px;
	top:0;
	background-color: #002448;
	padding: 5px 0;
	width: 236px;
}

#left ul.subnav li a:link,
#left ul.subnav li a:visited,
#left ul.subnav li a:active,
#left ul.subnav li a:hover,
#left ul.subnav li a:focus {
	color: #1a99c0;
	text-decoration: none;
	padding-left: 30px;
	display: inline-block;
	height: 27px;
	line-height: 27px;
	margin-left: 18px;
	background-image: url(../img/layout/bg_subnav_a.png);
	background-repeat: no-repeat;
	background-position: 0 -27px;
}

#left ul.subnav li a:active,
#left ul.subnav li a:hover,
#left ul.subnav li a:focus {
	background-position: left top;
}

#left ul.subnav li .subnavactive,
#left ul.subnav li .subnavactive,
#left ul.subnav li .subnavactive,
#left ul.subnav li .subnavactive,
#left ul.subnav li .subnavactive {
	color: #1a99c0;
	text-decoration: none;
	padding-left: 30px;
	display: inline-block;
	height: 27px;
	line-height: 27px;
	margin-left: 18px;
	background-image: url(../img/layout/bg_subnav_a.png);
	background-repeat: no-repeat;
	background-position: 0 -27px;
	background-position: left top;
}

/*	###################	Referenzen Navi	######################	*/

/* erste */
#left ul.nav_referenzen {
	background-color: #002448;
	width: 210px;
	padding-top: 10px;
	padding-bottom:5px;
	
	
}

#left ul.nav_referenzen li {
	line-height: 31px;
	margin-top: -5px;
}

#left ul.nav_referenzen a:link,
#left ul.nav_referenzen a:visited,
#left ul.nav_referenzen a:active,
#left ul.nav_referenzen a:hover,
#left ul.nav_referenzen a:focus {
	display: inline-block;
	line-height: 31px;
	padding-left: 30px;
	background-image: url(../img/layout/bg_ref_nav.png);
	background-position:0 -33px;
	background-repeat: no-repeat;
	position: relative;
	z-index: 200;
}

#left ul.nav_referenzen a:active,
#left ul.nav_referenzen a:hover,
#left ul.nav_referenzen a:focus {
	background-position: left top;
	text-decoration: none;
}

#left ul.nav_referenzen a.active {
	background-image: url(../img/layout/bg_ref_nav.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#left .subnav_referenzen li {
	padding-left: 15px;
	margin-top: -7px;
	font-size: 90%;
}



/* zweite */
#referenzen {
	position: absolute;
	top: 306px;
	left: 20px;
	z-index: 200;
}

#referenzen ul {
	height: 23px;
	margin-left: 15px;
}

#referenzen ul li {
	display: inline;
}

#referenzen ul li a:link,
#referenzen ul li a:visited,
#referenzen ul li a:active,
#referenzen ul li a:hover,
#referenzen ul li a:focus {
	display: block;
	float: left;
	height: 25px;
	width: 104px;
	padding-right: 7px;
	line-height: 25px;
	text-align: center;
	background-image: url(../img/layout/bg_ref_ul_a.png);
	background-position: left top;
	background-repeat: no-repeat;
	color: #002346;
	text-decoration: none;
}

#referenzen ul li a:active,
#referenzen ul li a:hover,
#referenzen ul li a:focus,
#referenzen ul li a.active:link,
#referenzen ul li a.active:visited,
#referenzen ul li a.active:active,
#referenzen ul li a.active:hover,
#referenzen ul li a.active:focus {
	background-position: 0 -25px;
	color: #FFFFFF;
	font-weight: bold;
}

/*	###################	Liste RSS-FEED	######################	*/

.rssfeed {
	margin-left: 20px;
	list-style: disc;
}