/* CSS Document */

/********************

	 1. Menüpunkt :: Partner
	 
************************/

.bubbleMain1 {
	background: url("./images/bubblePartnerLink.png") no-repeat;
	position:absolute;
	width: 79px;
	height: 78px;
	margin-left:425px;
	margin-top: 10px;
}

.bubbleMain1:hover {
	background: url("./images/bubblePartnerHover.png") no-repeat;
}

/** bubbleMain1 :: Überpunkt 1 Partner-Blase */
.bubbleMain1.active {	
	background: url("./images/bubblePartnerSelected.png") no-repeat;
}


/********************

	 2. Menüpunkt :: Projekte
	 
************************/

/** bubbleMain2 :: Überpunkt 2 Projekte-Blase */
.bubbleMain2 {	
	background: url("./images/bubbleProjekteLink.png") no-repeat;
	position:absolute;
	width: 79px;
	height: 79px;
	margin-left:545px;
	margin-top: 40px;
}

.bubbleMain2:hover {	
	background: url("./images/bubbleProjekteHover.png") no-repeat;
}

.bubbleMain2.active {	
	background: url("./images/bubbleProjekteSelected.png") no-repeat;
}

/********************

	 3. Menüpunkt :: Software
	 
************************/


/** bubbleMain3 :: Überpunkt 3 Software-Blase */
.bubbleMain3 {	
	background: url("./images/bubbleSoftwareLink.png") no-repeat;
	position:absolute;
	width: 78px;
	height: 78px;
	margin-left:675px;
	margin-top: 15px;
}

.bubbleMain3:hover {	
	background: url("./images/bubbleSoftwareHover.png") no-repeat;
}
	
.bubbleMain3.active {	
	background: url("./images/bubbleSoftwareSelected.png") no-repeat;
}


/********************

	 4. Menüpunkt :: Downloads
	 
************************/

/** bubbleMain4 :: Überpunkt 4 Downloads-Blase */
.bubbleMain4 {	
	background: url("./images/bubbleDownloadsLink.png") no-repeat;
	position:absolute;
	width: 78px;
	height: 78px;
	margin-left:790px;
	margin-top: 55px;
}

.bubbleMain4:hover {	
	background: url("./images/bubbleDownloadsHover.png") no-repeat;
}

.bubbleMain4.active {	
	background: url("./images/bubbleDownloadsSelected.png") no-repeat;
}


/********************

	 5. Menüpunkt :: Tutorials
	 
************************/

/** bubbleMain5 :: Überpunkt 5 Tutorials-Blase */
.bubbleMain5 {
	background: url("./images/bubbleTutorialsLink.png") no-repeat;
	position:absolute;
	width: 78px;
	height: 78px;
	margin-left: 900px;
	margin-top: -25px;
}

.bubbleMain5:hover {
	background: url("./images/bubbleTutorialsHover.png") no-repeat;
}

.bubbleMain5.active {
	background: url("./images/bubbleTutorialsSelected.png") no-repeat;
}

/********************

	 Meta-Menue :: Home und Kontakt
	 
************************/

.contact {
	position:absolute;
	background: url("./images/bubbleContactLink.png") no-repeat;
	width: 44px;
	height: 42px;
	margin-left: 221px;
	margin-top: 11px;
}

.contact.active {
	background: url("./images/bubbleContactHover.png") no-repeat;
}

.contact:hover {
	background: url("./images/bubbleContactHover.png") no-repeat;
}

.home {
	position:absolute;
	background: url("./images/bubbleHomeLink.png") no-repeat;
	width: 69px;
	height: 72px;
	margin-left: 231px;
	margin-top: 24px;
}

.home.active {
	background: url("./images/bubbleHomeHover.png") no-repeat;
}

.home:hover {
	background: url("./images/bubbleHomeHover.png") no-repeat;
}

/********************

	Left Side Menu
	 
************************/
.menuLeft {
	width: 150px;
	height: 40px;
}

.upMenu {
	background: url("./images/menuTopLink.png") no-repeat;
}

.upMenu:hover{
	background: url("./images/menuTopHover.png") no-repeat;
}

.upMenu.active  {
	background: url("./images/menuTopHover.png") no-repeat;
}

.midMenu {
	background: url("./images/menuMiddleLink.png") no-repeat;
}

.midMenu:hover {
	background: url("./images/menuMiddleHover.png") no-repeat;
}

.midMenu.active {
	background: url("./images/menuMiddleHover.png") no-repeat;
}

.botMenu {
	background: url("./images/menuBottomLink.png") no-repeat;
}

.botMenu:hover {
	background: url("./images/menuBottomHover.png") no-repeat;
}

.botMenu.active {
	background: url("./images/menuBottomHover.png") no-repeat;
}

.singleMenu {
	background: url("./images/menuSingleLink.png") no-repeat;
}

.singleMenu:hover {
	background: url("./images/menuSingleHover.png") no-repeat;
}

.singleMenu.active {
	background: url("./images/menuSingleHover.png") no-repeat;
}

span#fontSubBox {
	position:absolute;
	width: 120px;
	height: 18px;
	margin-top: 12px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 12px;
	overflow: hidden;
}

/********************

	 Left Side Menu Fonts
	 
************************/

.menuLeftFont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
}

.menuLeft:hover .menuLeftFont {
	color: #FFFFFF;
	font-weight: bold;
}

.menuLeftFont.active {
	color: #FFFFFF;
	font-weight: bold;
}