/*
CSS am 25.02.2010 durch VAD erstellt
Version optimiert für 1024x768px
Viewport Mindestauflösung: 960x560px darunter Scrollbar
*/

html {
 height:			100%;
}
body {
/* background-color:		blue;*/
 min-width:			960px;
 min-height:			560px;
 height:			100%;
 width:				100%;
}
p {
 margin:5px 0 10px 0;
}


#Header {
/* background-color:		red;*/
 position:			absolute;
 left:				0;
 top:				0;
 right:				0;
 height:			202px;
 min-width:			960px;
}
#HeaderTop {
 width:				100%;
 height:			39px;
 background-image:		url(../Images/Header_Top_BG.jpg);
 background-repeat:		repeat-x;
}
#HeaderTop div.HomeBox {
 position:			relative;
 float:				left;
 top:				0;
 left:				6px;
}
#HomeButton {
 background-image:		url(../Images/HomeButton.png);
 background-repeat:		no-repeat;
}
#HomeButton:hover {
 background-image:		url(../Images/HomeButton_Pressed.png);
 background-repeat:		no-repeat;
}
#HeaderTop div.SearchBox {
 float:				right;
 position:			relative;
 top:				8px;
 right:				10px;
}
#Search {
 font-style:			Arial;
 font-size:			12px;
 width:				200px;
 height:			18px;
 line-height:			18px;
 padding-left:			3px;
 border-style:			solid;
 border-width:			1px;
 border-right-width:		0px;
 border-color:			#7894AF;
 vertical-align:		bottom;
 color:				#B0B1B3;
}
#SearchButton {
 width:				18px;
 height:			18px;
 padding:			1px;
 border-style:			solid;
 border-width:			1px;
 border-left-width:		0px;
 border-color:			#7894AF;
 vertical-align:		bottom;
 background-color:		#FFFFFF;
}
#HeaderBottom {
 width:				100%;
 height:			121px;
 background-image:		url(../Images/Header_Bottom_BG.jpg);
 background-repeat:		repeat-x;
}
#HeaderBottom div.LogoBox {
 position:			relative;
 float:				left;
 top:				6px;
 left:				6px;
}
#HeaderBottom div.PictureBox {
 position:			relative;
 float:				right;
 top:				0;
 right:				0;
}


.Wrapper {
/* background-color:		yellow;*/
 position:			absolute;
 left:				0;
 top:				202px;
 right:				0;
 bottom:			0;
 min-width:			100%;
}


#Nav {
 background-color:		#ECF3FB;
 position:			absolute;
 left:				0;
 top:				0;
 bottom:			0;
 width:				260px;
 min-width:			260px;
 min-height:			358px; /*560 - Header(202)*/
 background-image:		url(../Images/Navigation_BG_Tile.png);
 background-repeat:		repeat-y;
 background-position:		left top;
}
#Nav div.NavImage {
 background-image:		url(../Images/Navigation_BG.png);
 background-repeat:		no-repeat;
 background-position:		left top;
 min-height:			358px;
 height: 100%;
}
#NavContainer {
 position:			relative;
 left:				10px;
 top:				10px;
 width:				232px;
 background-color:		#FFFFFF;
 padding:			1px;
 float:				left;
}
#NavContainer .NavBorder {
 background-color:		#FAFAFA;
 border-style:			solid;
 border-width:			1px;
 border-color:			#9BAFCA;
 width:				230px;
 float:				left;
}

#Content {
/* background-color:		orange;*/
 position:			absolute;
 left:				260px;
 top:				0;
 right:				0;
 bottom:			0;
 height:			100%; /*IE8 Fix*/
 min-width:			700px; /*960 - Nav(260)*/
 min-height:			358px; /*560 - Header(202)*/
}
#Content div.Scroller {
/* background-color:		pink;*/
 overflow:			auto;
 width:				100%;
 height:			100%;
 min-width:			700px; /*960 - Nav(260)*/
 min-height:			358px; /*560 - Header(202)*/
}
#Scroller {
/* background-color:		brown;*/
 width:				100%;
 height:			100%;
 min-width:			700px; /*960 - Nav(260)*/
 min-height:			358px; /*560 - Header(202)*/
}

#NavTop {
 width:				100%;
 height:			42px;
 background-image:		url(../Images/Header_Bottom_Nav.png);
 background-repeat:		repeat-x;
}
#NavTopContainer img {
 float:				left;
}
#NavTopContainer div {
 float:				left;
}
#NavTopContainer ul {
 margin:			0;
 padding-left:			5px;
 padding-top:			10px;
 list-style:			none;
}
#NavTopContainer li {
 float:				left;
 margin:			0;
 padding-left:			3px;
 padding-right: 5px;
 background:			none;
}
#NavTopContainer a {
 float:				left;
 display:			block;
 padding-top:			7px;
 padding-right:			14px;
 padding-bottom:		7px;
 padding-left:			9px;
 text-decoration:		none;
 color:				#3E6AAA;
 cursor:			default;
 background:			none;
 font-family:			Arial,Helvetica;
 font-size:			12px;
}
#NavTopContainer li:hover {
 background:			url('../Images/TopNavButton_Left.png') no-repeat left top;
}
#NavTopContainer li:hover a {
 background:			url('../Images/TopNavButton_Right.png') no-repeat right top;
}
#NavTopContainer li.Aktiv {
 background:			url('../Images/TopNavButton_Left.png') no-repeat left bottom;
}
#NavTopContainer li.Aktiv a {
 background:			url('../Images/TopNavButton_Right.png') no-repeat right bottom;
}


#NavContainer ul {
 margin:			0;
 padding-left:			0;
 padding-top:			0;
 list-style:			none;
 display:			block;
 width:				230px;
}
#NavContainer li {
 float:				left;
 margin:			0;
 padding-left:			2px;
 padding-right:			2px;
 background:			none;
 width:				227px;
}
#NavContainer a {
 float:				left;
 display:			block;
 padding-top:			7px;
 padding-right:			2px;
 padding-bottom:		7px;
 padding-left:			8px;
 background-color:red;
 width: 218px;

 text-decoration:		none;
 color:				#000000;
 cursor:			default;
 background:			none;
 font-family:			Arial,Helvetica;
 font-size:			12px;
}
#NavContainer li:hover {
 background:			url('../Images/NavButton_Left.png') no-repeat left top;
}
#NavContainer li:hover a {
 background:			url('../Images/NavButton_Right.png') no-repeat right top;
}
#NavContainer li.Aktiv {
 background:			url('../Images/NavButton_Left.png') no-repeat left bottom;
}
#NavContainer li.Aktiv a {
 background:			url('../Images/NavButton_Right.png') no-repeat right bottom;
}
#HeaderTitle {
 position:			relative;
 right:				10px;
 height:			42px;
 line-height:			42px;
 vertical-align:		middle;
 float:				right;
 font-family:			Arial,Helvetica;
 font-size:			12px;
 font-weight:			bold;
 color:				#000000;
 cursor:			default;
}
#HeaderTitle img {
 margin-right:			4px;
 vertical-align:		middle;
}
#HeaderTitle span {
 line-height:			42px;
}
.Counter {
 width:				230px;
 padding-bottom:		7px;
 text-align:			center;
 color:				#000000;
 cursor:			default;
 background:			none;
 font-family:			Arial,Helvetica;
 font-size:			12px;
}