/***********************************************/
/* Media Service GmbH .css                    	*/
/* copyright 2007 Thomas Piske - Werbeagentur   */
/*											 	*/
/***********************************************/

/*** Navigation Left *********************/
#navigation{
	width: 206px; /*221*/
	background-color: transparent;
	float: left;
	margin: 8px 25px 0px 0px;
	padding: 0px 0px 0px 20px;
}

/* *** Submenu 1 ******** */
#navigation .menutitle{
	cursor: pointer;
	text-align:left;
	padding: 0px;
	margin: 0px;
	display: block;
	border-bottom: 1px solid #CCC;
}

#navigation .menutitle a {		
	display: block;
	text-align: left;
	
	width: 206px;
	height: 27px;
	overflow:hidden;
}
#navigation .menutitle a.un:link {
	background: url(images/navi_unternehmen.gif) 0px 0px no-repeat;
}
#navigation .menutitle a.un:visited {
	background: url(images/navi_unternehmen.gif) 0px 0px no-repeat;
}
#navigation .menutitle a.un:hover, #navigation .menutitle a.unActiv {
    background: url(images/navi_unternehmen.gif) 0px -27px no-repeat;
}
#navigation .menutitle a.un:activ {
    background: url(images/navi_unternehmen.gif) 0px -27px no-repeat;
}

#navigation .menutitle a.me:link {
	background: url(images/navi_medien.gif) 0px 0px no-repeat;
}
#navigation .menutitle a.me:visited {
	background: url(images/navi_medien.gif) 0px 0px no-repeat;
}
#navigation .menutitle a.me:hover, #navigation .menutitle a.meActiv {
    background: url(images/navi_medien.gif) 0px -27px no-repeat;
}
#navigation .menutitle a.me:activ {
    background: url(images/navi_medien.gif) 0px -27px no-repeat;
}

#navigation .menutitle a.to:link {
	background: url(images/navi_tools.gif) 0px 0px no-repeat;
}
#navigation .menutitle a.to:visited {
	background: url(images/navi_tools.gif) 0px 0px no-repeat;
}
#navigation .menutitle a.to:hover, #navigation .menutitle a.toActiv {
    background: url(images/navi_tools.gif) 0px -27px no-repeat;
}
#navigation .menutitle a.to:activ {
    background: url(images/navi_tools.gif) 0px -27px no-repeat;
}

#navigation .menutitle a.mi:link {
	background: url(images/navi_mikromarketing.gif) 0px 0px no-repeat;
}
#navigation .menutitle a.mi:visited {
	background: url(images/navi_mikromarketing.gif) 0px 0px no-repeat;
}
#navigation .menutitle a.mi:hover, #navigation .menutitle a.miActiv {
    background: url(images/navi_mikromarketing.gif) 0px -27px no-repeat;
}
#navigation .menutitle a.mi:activ {
    background: url(images/navi_mikromarketing.gif) 0px -27px no-repeat;
}

#navigation .menutitle a.te:link {
	background: url(images/navi_team.gif) 0px 0px no-repeat;
}
#navigation .menutitle a.te:visited {
	background: url(images/navi_team.gif) 0px 0px no-repeat;
}
#navigation .menutitle a.te:hover, #navigation .menutitle a.teActiv {
    background: url(images/navi_team.gif) 0px -27px no-repeat;
}
#navigation .menutitle a.te:activ {
    background: url(images/navi_team.gif) 0px -27px no-repeat;
}

#navigation .menutitle a.ko:link {
	background: url(images/navi_kontakt.gif) 0px 0px no-repeat;
}
#navigation .menutitle a.ko:visited {
	background: url(images/navi_kontakt.gif) 0px 0px no-repeat;
}
#navigation .menutitle a.ko:hover, #navigation .menutitle a.koActiv {
    background: url(images/navi_kontakt.gif) 0px -27px no-repeat;
}
#navigation .menutitle a.ko:activ {
    background: url(images/navi_kontakt.gif) 0px -27px no-repeat;
}

#navigation .menutitle a.an:link {
	background: url(images/navi_anfahrt.gif) 0px 0px no-repeat;
}
#navigation .menutitle a.an:visited {
	background: url(images/navi_anfahrt.gif) 0px 0px no-repeat;
}
#navigation .menutitle a.an:hover, #navigation .menutitle a.anActiv {
    background: url(images/navi_anfahrt.gif) 0px -27px no-repeat;
}
#navigation .menutitle a.an:activ {
    background: url(images/navi_anfahrt.gif) 0px -27px no-repeat;
}



.submenu{
	width:200px;
	text-align:left;
	font-weight:bold;
	font-size: 13px;
}
.submenu ul {
        display: inline;
        padding: 0px;
}
.submenu li {
        display: inline;
}
.submenu a, .submenu px {
        color: #FFFFFF;
        display: block;
        text-decoration: none;
        margin: 0px;
        font-weight: bold;
		width: 200px;
		font-size: 13px;
		background: #1f60a3;
		padding: 8px 0px 8px 0px;
		text-align:left;
		border-bottom: 1px solid #FFF;
}
#navigation .submenu li a.submenuAktiv {
        /*color: #FFFFFF;
        display: inline;
        text-decoration: none;
        margin: 0px;
        font-weight: bold;
		font-size: 13px;
		background: #88be35;
		text-align:left;
		padding: 8px 0px 8px 0px;
		border-bottom: 1px solid #FFF;*/
		
		color: #FFFFFF;
        display: block;
        text-decoration: none;
        margin: 0px;
        font-weight: bold;
		width: 200px;
		font-size: 13px;
		background: #88be35;
		padding: 8px 0px 8px 0px;
		text-align:left;
		border-bottom: 1px solid #FFF;
}
.submenu li a:link {
        color: #FFFFFF;
        display: block;
        text-decoration: none;
        margin: 0px;
        font-weight: bold;
		width: 200px;
		font-size: 13px;
		background: #1f60a3;
		padding: 8px 0px 8px 0px;
		text-align:left;
		border-bottom: 1px solid #FFF;
}
.submenu li a:visited {
        font-weight: bold;
		color: #FFFFFF;
}
.submenu li a:hover {
        background-color: #88be35;
		text-decoration: none;
		padding: 8px 0px 8px 0px;	
		color: #FFFFFF;
}
.submenu li a:activ {
        background-color: #88be35;
        font-weight: bold;
        color: #FFFFFF;
}
/*** Ende Navigation Links *********************/