@charset "utf-8";
/*
	Die Hauptebenen 
	1. Layer für Logos und Kategorienabigation
	2. Layer "Main" der alle Inhalte trägt
*/
#Main { height: 575px; overflow:hidden; }

/*Die Ebene, die das vertikale Verschieben der Boxen möglich macht*/
#Main_Screen { width: 10000px; height: 575px; }
#Layer_Logos{ height: 170px; }

/* Die Beiden Boxen für Seitennavigation und Inhalte*/
#Side {  }
#Right { float:left; }

/*Rahmenelemente der einzelnen Boxen*/
/*Wenn eine Tab Navigation benötigt wird, nuss die Höhe der Elemente auf 50 px gesetzt werden*/
#Right_Top, #Side_Top, #Logo_Top { height: 25px; }
#Right_Bot, #Side_Bot, #Logo_Bot { height: 25px; }

/*Die Mittleren Ebenen in den Boxen und die Logo Ebene*/
#Logo_Mid { height: 120px; }
#Right_Mid, #Side_Mid{ height: 500px; overflow: hidden; }

#Side_Screen { height: 500px; }
#Right_Screen { width: 50000px; height: 500px; }


/*Wenn eine Tab Navigation benötigt wird, mnuss die Höhe der Elemente auf 50 px gesetzt werden*/
#Right_Nav, #Side_Nav { height:0px; }

/*	
	Die folgenden Klassen werden für das horizontale Verschieben 
	der beiden Boxen benötigt.
*/
.MainLayer_Screen { margin-left: 0px; }
.MainLayer_Screen_Shift { margin-left: -340px; }

.RightBox { width: 680px; }
.RightBox_Top { width: 680px; background-image:url(../Images/Layout/Box_Medium_Border_Filled/Top.png); }
.RightBox_Mid { width: 680px; background-image:url(../Images/Layout/Box_Medium_Border_Filled/Mid.png); }
.RightBox_Bot { width: 680px; background-image:url(../Images/Layout/Box_Medium_Border_Filled/Bot.png); }

.RightBox_Shift { width: 1020px; }
.RightBox_Top_Shift { width: 1020px; background-image:url(../Images/Layout/Box_Large_Border_Filled/Top.png); }
.RightBox_Mid_Shift { width: 1020px; background-image:url(../Images/Layout/Box_Large_Border_Filled/Mid.png); }
.RightBox_Bot_Shift { width: 1020px; background-image:url(../Images/Layout/Box_Large_Border_Filled/Bot.png); }