/* CSS Document */

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

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

span.bubble1.container.active {	
	background: url("./images/bubblePartnerSelected.png") no-repeat;
}


.bubble1 {
	position:absolute;
	width: 79px;
	height: 78px;
	
}

/* verhindert rahmen um link */
a.bubble1 {
	outline: 0;
}

.energyBall {
	position:absolute;
	width: 79px;
	height: 78px;
}
span.energyBall.container {
	display: block;
	margin-left:80px;
	margin-top: 50px;
}
a.energyBall.normal {
	display:block;
}


span.bubble1.container {
	display: block;
	margin-left:425px;
	margin-top: 10px;
}

a.bubble1.normal {
	display:block;
	background: url("./images/bubblePartnerLink.png") no-repeat;
}

a.bubble1.hoverColor {
	display:none;
	background: url("./images/bubblePartnerHover_Color.png") no-repeat;
}

span.bubble1.container:hover .bubble1.hoverColor {
	display:block;
}


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

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

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


.bubble2 {
	position:absolute;
	width: 79px;
	height: 79px;
	
}

/* verhindert rahmen um link */
a.bubble2 {
	outline: 0;
}


span.bubble2.container {
	display: block;
	margin-left:545px;
	margin-top: 40px;
}

a.bubble2.normal {
	display:block;
	background: url("./images/bubbleProjekteLink.png") no-repeat;
}

a.bubble2.hoverColor {
	display:none;
	background: url("./images/bubbleProjekteHover_Color.png") no-repeat;
}

span.bubble2.container:hover .bubble2.hoverColor {
	display:block;
}


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

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


span.bubble3.container.active {	
	background: url("./images/bubbleSoftwareSelected.png") no-repeat;
}

.bubble3 {
	position:absolute;
	width: 78px;
	height: 78px;
	
}

/* verhindert rahmen um link */
a.bubble3 {
	outline: 0;
}


span.bubble3.container {
	display: block;
	margin-left:675px;
	margin-top: 15px;
}

a.bubble3.normal {
	display:block;
	background: url("./images/bubbleSoftwareLink.png") no-repeat;
}

a.bubble3.hoverColor {
	display:none;
	background: url("./images/bubbleSoftwareHover_Color.png") no-repeat;
}

span.bubble3.container:hover .bubble3.hoverColor {
	display:block;
}


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

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

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

.bubble4 {
	position:absolute;
	width: 78px;
	height: 78px;
	
}

/* verhindert rahmen um link */
a.bubble4 {
	outline: 0;
}

span.bubble4.container {
	display: block;
	margin-left:790px;
	margin-top: 55px;
}

a.bubble4.normal {
	display:block;
	background: url("./images/bubbleDownloadsLink.png") no-repeat;
}

a.bubble4.hoverColor {
	display:none;
	background: url("./images/bubbleDownloadsHover_Color.png") no-repeat;
}

span.bubble4.container:hover .bubble4.hoverColor {
	display:block;
}


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

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

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

.bubble5 {
	position:absolute;
	width: 78px;
	height: 78px;
	
}

/* verhindert rahmen um link */
a.bubble5 {
	outline: 0;
}

span.bubble5.container {
	display: block;
	margin-left: 900px;
	margin-top: -25px;
}

a.bubble5.normal {
	display:block;
	background: url("./images/bubbleTutorialsLink.png") no-repeat;
}

a.bubble5.hoverColor {
	display:none;
	background: url("./images/bubbleTutorialsHover_Color.png") no-repeat;
}

span.bubble5.container:hover .bubble5.hoverColor {
	display:block;
}


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

	 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;
}