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

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

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

/*Rahmenelemente der einzelnen Boxen*/
/*Wenn eine Tab Navigation benötigt wird, nuss die Höhe der Elemente auf 50 px gesetzt werden*/
#Logo_Top { height: 25px; }
#Left_Top, #Side_Top { height: 50px; background-position:bottom; background-repeat:no-repeat; }
#Bottom_Top { height: 25px; }

#Left_Bot, #Side_Bot, #Logo_Bot, #Bottom_Bot { height: 25px; }

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

#Side_Screen { height: 500px; }
#Left_Screen { width: 10000px; height: 500px; }
#Bottom_Screen { width:10000px; height: 580px;}

/*Wenn eine Tab Navigation benötigt wird, mnuss die Höhe der Elemente auf 50 px gesetzt werden*/
#Right_Nav, #Side_Nav { height:25px; }
#Bottom_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; }

.LeftBox { width: 680px; }
.LeftBox_Top { width: 680px; background-image:url(../Images/Layout/Box_Medium_Border_Filled/Top.png); }
.LeftBox_Mid { width: 680px; background-image:url(../Images/Layout/Box_Medium_Border_Filled/Mid.png); }
.LeftBox_Bot { width: 680px; background-image:url(../Images/Layout/Box_Medium_Border_Filled/Bot.png); }

.LeftBox_Shift { width: 1020px; }
.LeftBox_Top_Shift { width: 1020px; background-image:url(../Images/Layout/Box_Large_Border_Filled/Top.png); }
.LeftBox_Mid_Shift { width: 1020px; background-image:url(../Images/Layout/Box_Large_Border_Filled/Mid.png); }
.LeftBox_Bot_Shift { width: 1020px; background-image:url(../Images/Layout/Box_Large_Border_Filled/Bot.png); }