﻿/* header */
#HeaderDiv
{
	position: absolute; left: 0px; top: 0px;
	height: 100px; width: 100%;
	background-color: #3F3F3F
}

/* title */
#ImageTitle
{
	position: absolute; left: 10px; top: 20px;
}

/* flags */
#FlagDiv
{
	position: absolute;	right: 10px; bottom: 12px;
}

#FlagDiv input
{
	margin-top: 3px
}

#ctl00_FlagInfoDiv
{
	position: absolute; right: 10px; top: 10px;
	width: 200px;
	text-align: right; color: White;
}

#ctl00_FlagInfoDiv div
{
	position: absolute; right: 0px; top: 0px;
	visibility: hidden;
}

/* print */
#PrintDiv
{
	position: absolute; right: 170px; bottom: 9px;
}

#ctl00_lbtPrint
{
	display: block;
	height: 38px; width: 38px;
	float: left;
	background-image: url(../Buttons/Print.png)
}

#ctl00_lbtPrint:hover
{
	background-image: url(../Buttons/PrintHover.png)
}

/* search */
#SearchDiv
{
	position: absolute; right: 80px; bottom: 10px;
}

#SearchTextDiv
{
	position: absolute; right: 170px; bottom: 17px;
}

#ctl00_lbtSearch, #ctl00_ancSearch
{
	display: block;
	width: 76px; height: 37px;
	background-image: url(../buttons/Suchen.png);
	background-repeat: no-repeat;
	text-align: left; color: Black;
	padding-top: 8px; position: relative; top: 8px;
	padding-left: 12px; left: 12px
}

#ctl00_lbtSearch:hover, #ctl00_ancSearch:hover
{
	background-image: url(../buttons/SuchenHover.png);
	text-decoration: none
}

#ctl00_txtSearch
{
	width: 400px;
}


/* body */
#BodyDiv
{
	position: absolute; left: 0px; top: 100px;
}

/*navigation*/
#NavigationDiv
{
	width: 220px;
	vertical-align: top;
	background-color: #3F3F3F;
	background-image: url(../graphics/Sidebar.png);	background-position: center top; background-repeat: no-repeat;
	float: left;
}

#NavigationList
{
	display:block;
	list-style: none;
	padding: 5px 25px 5px 15px;
	margin: 0px;
}

#NavigationList li
{
	display: block;
	margin: 3px 0px 3px 0px;
	height: 2.25em
}

#NavigationList a
{
	display: block;
	padding: 5px 10px 5px 5px;
	border: solid 1px #666;
	border-right: solid 5px #666;
	text-decoration: none;
	color: #3F3F3F;
	font-size: 11pt
}

#NavigationList a:hover
{
	text-decoration: none;
	border: solid 1px #3F3F3F;
	border-right: solid 5px #3F3F3F;
	
}

/* news */
#NavigationDiv hr
{
	border: solid 1px #3F3F3F;
	margin: 10px 25px 10px 15px
}

#NewsDiv
{
	width: 160px;
	overflow:auto;
	position: absolute; left:0px; top: 300px;
	padding: 5px 25px 5px 15px;
	
	/*scrollbars*/
	scrollbar-base-color:#8C8CC6;
  scrollbar-3d-light-color:#FFFFFF;
  scrollbar-arrow-color:#FFCE31;
  scrollbar-darkshadow-color:#000000;
  scrollbar-face-color:#3F3F3F;
  scrollbar-highlight-color:#FFFFFF;
  scrollbar-shadow-color:#000000;
  scrollbar-track-color:#FFCE31;
}

#NewsDiv h1
{
	font-size: 12pt;
	color: #3F3F3F;
	padding: 0px; margin: 0px; margin-bottom: 10px;
	text-align: center
}

/* body's body */
#InnerBodyDiv
{
	position:absolute; left:220px; top: 0px;
}

/* body's header */
#InnerHeaderDiv
{
	height: 50px;
}

#ctl00_InnerHeader
{
	position: absolute; left: 235px; top: 10px;
	margin: 0px; padding: 0px;
}

#PayButtonsInfo
{
	position: absolute; right: 84px; top: 10px;
	width: 150px;
}

#PayButtonsInfo div
{
	position: absolute; right: 0px; top: 0px;
	text-align: right;
}

#ctl00_PayButtons
{
	position: absolute; right: 0px; top: 10px;
	width: 76px;
}

.PayButton
{
	display: block;
	float: left;
	height: 38px; width: 38px;
}

.btnShoppingCart
{
	background-image: url(../buttons/ShoppingCart.png);
}

.btnShoppingCart:hover
{
	background-image: url(../buttons/ShoppingCartHover.png);
}

.btnPay
{
	background-image: url(../buttons/Pay.png);
}

.btnPay:hover
{
	background-image: url(../buttons/PayHover.png);
}

/* content */
#ContentDiv
{
	margin: 5px;
	overflow:auto;
	
	/*scrollbars*/
	scrollbar-base-color:#8C8CC6;
  scrollbar-3d-light-color:#FFFFFF;
  scrollbar-arrow-color:#FFCE31;
  scrollbar-darkshadow-color:#000000;
  scrollbar-face-color:#3F3F3F;
  scrollbar-highlight-color:#FFFFFF;
  scrollbar-shadow-color:#000000;
  scrollbar-track-color:#FFCE31;
  
	overflow-x: hidden
}

/* preview pic */
#UltimateBodyDiv
{
	margin-left: 230px;
}

#PreviewPic
{
	position: absolute; top: 25px; left: 10px
}

/* bottom */
#BottomDiv
{
	position: absolute; left:0px; bottom: 0px;
	height: 160px;
	background-color: #3F3F3F;
}

/* horizontal buttons */
#BottomHBar
{
	position: absolute; left: 5px; top: 5px;
}

/* vertical buttons */
#BottomVBar
{
	position: absolute; left: 5px; top: 50px
}

#BottomVBar a.button
{
	display: block; clear: both;
	text-align: center;
	padding-top: 5px;
	width: 163px; height: 26px;
	color: Black;
	background-image: url(../buttons/Button.png); background-repeat: no-repeat;
}

#BottomVBar a.button:hover
{
	background-image: url(../buttons/ButtonExtensionHover.png);
	text-decoration: none;
}

#BottomVBar a.button.active
{
	background-image: url(../buttons/ButtonExtensionHover.png);
}

#BottomVBarBridge
{
	position:absolute; left: 150px; top: 50px
}

#BottomVBarBridge img.bridge
{
	display:block; clear:both;
	visibility: hidden;
}

#ExtensionDiv
{
	position: absolute; left: 180px; top: 50px;
	height: 107px;
	overflow: auto; overflow-x: auto; overflow-y: hidden;
	background-image: url(../graphics/BottomBar.png); background-position: center left; background-repeat: no-repeat;
}