/* Stylesheet für OTON Die Hörakustiker GmbH */
/* (C) 2009, Matthias Roberg */

/* Globale Einstellungen */
body			{
			background-color: #FFFFFF;		
			font-family : Arial, Verdana, Helvetica, sans-serif;
			font-size: 14px;
			margin-top: 5px;
			margin-bottom: 5px;
			margin-left: 5px;
			margin-right: 5px;		
			}

/* Positionierung des globalen Rahmen */	
#MainBox	{
			position: absolute;
			width:980px;
			height: 600px;
			left: 50%;
			margin-left: -490px;
			}
			
/* Positionierung des Bildes */	
#MainBoxPic	{
			position: absolute;
			background-repeat: no-repeat;
			top: 173px;
			margin-left: 72px;
			}

/* Positionierung des Bildetextes */	
#MainBoxPicText	{
			position: absolute;
			top: 515px;
			margin-left: 90px;
			color: #FFFFFF;
			}

/* Positionierung des Logos */	
#Logo		{
			text-align: right;
			margin-top: 5px;
			margin-bottom: 15px;
			}

/* Positionierung des Hauptinhalt Rahmen */	
#ContentBoxOuter	{
			position: absolute;
			width: 799px;
			height: 511px;
			background:url(../images/box.gif);
			background-repeat: no-repeat;
			left: 50%;
			margin-left: -435px;
			}

/* Positionierung des rechten Menus */	
#MenuRight	{
			text-align: right;
			font-size: 14px;
			font-family : Verdana, Arial;
			}

/* Positionierung des oberen Menus */	
#MenuTopPosition	{
			width:760px;
			margin-left: 15px;
			margin-top: 5px;
			}

/* Positionierung des oberen Menus */	
#MenuTop	{
			width:190px;
			float:left;
			text-align: left;
			font-size: 14px;
			color: #666666;
			}
			

/* Menu-Links des oberen Menus*/	
a:link, a:visited	{
			color: #EF3F23;
			text-decoration: none;
			}

a:hover, a:active {
			color: #EF3F23;
			text-decoration: none;
			}
			
/* Menu-Links des oberen Menus*/	
a.MenuRightLink:link, a.MenuRightLink:visited	{
			color: #EF3F23;
			font-weight: bold;
			text-decoration: none;
			}

a.MenuRightLink:hover, a.MenuRightLink:active {
			color: #EF3F23;
			font-weight: bold;
			text-decoration: none;
			}
			
/* Menu-Links des oberen Menus*/	
a.MenuTopLink:link, a.MenuTopLink:visited	{
			color: #666666;
			text-decoration: none;
			}

a.MenuTopLink:hover, a.MenuTopLink:active {
			color: #666666;
			font-weight: bold;
			text-decoration: none;
			}
			
/* Menu-Links des unteren Menus*/	
a.MenuTopMainLink:link, a.MenuTopMainLink:visited	{
			color: #808080;
			text-decoration: none;
			}

a.MenuTopMainLink:hover, a.MenuTopMainLink:active {
			color: #808080;
			text-decoration: none;
			}
			
a.MenuTopMainLinkActive:link, a.MenuTopMainLinkActive:visited	{
			color: #000000;
			font-weight: 800;
			text-decoration: none;
			}

a.MenuTopMainLinkActive:hover, a.MenuTopMainLinkActive:active {
			color: #000000;
			font-weight: 800;
			text-decoration: none;
			}

/* Positionierung des oberen Main Menus */	
#MenuTopMain	{
			width:190px;
			float:left;
			text-align: left;
			font-size: 14px;
			color: #666666;
			}

/* Positionierung des Inhaltes auf der Startseite*/	
#PicContent	{
			position: absolute;
			text-align: justify;		
			color: #FFFFFF;
			height: 10px;
			width: 740px;
			top: 435px;
			margin-top: 10px;	
			margin-left: 25px;
			}

/* Positionierung des eigentlichen Inhaltes */	
#Content	{
			position: absolute;
			text-align: justify;		
			height: 383px;
			width: 740px;
			top: 90px;
			margin-top: 15px;	
			margin-left: 25px;
			}
			
/* Positionierung des eigentlichen Inhaltes */	
#ContentRight	{
			position: absolute;
			text-align: justify;
			height: 383px;
			width: 365px;
			top: 90px;
			margin-top: 15px;
			margin-left: 398px;
			}

/* Positionierung der Page-Navigation (zurück / weiter) */	
#PageNavigation	{
			position: absolute;
			text-align: right;
			width: 365px;
			top: 460px;
			margin-left: 398px;
			}
			
/* Positionierung des Backlinks */	
#Backlink	{
			position: absolute;
			margin-top: 460px;
			margin-left: 775px;
			}