/* Global Styles */
body {
	font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #999; margin: 0px; padding: 0px; 
	background-image:url(../../Bilder/Layout/logo_puma-safety_neu.jpg); background-position: bottom right; background-repeat: no-repeat; height: 100%;
}
table, td, p, div {	font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #999; }
h1 { font-size: 12px; font-weight: bold; color: #ff0000; margin: 2px 0px 5px 0px; }
h2 { font-size: 12px; font-weight: bold; margin: 5px 0px; }

form { display:inline; }
input, select, textarea { border: 1px solid #999; font-size:10px; font-family: Arial, Helvetica, sans-serif; }

a {	color: #999; }
a:hover, a:active {	color: #000; }

ul { list-style-image: url(../../Bilder/Layout/li.gif); margin-right:5px; list-style-position:inherit;  }

/*Language header */
#LanguageSelect { padding-right: 80px; }

/* Navigation left frame */
.NavContainer {	background-image:url(../../Bilder/Layout/separator.gif); background-repeat:no-repeat; background-position:top left; padding-top: 8px; margin-left: 8px; margin-bottom: 15px; }
.NavContainer div {	text-transform: uppercase; margin-left: 10px; }
.NavContainer span { text-transform: capitalize; margin-left: 5px; display: block; }
.NavContainer a { text-decoration: none; }
.NavContainer a:hover { text-decoration: none; }

.NavHeader { font-size: 12px; font-weight: bold; color: #ff0000; text-transform: uppercase; margin-bottom: 3px; }
.NavHeader a { font-size: 12px; font-weight: bold; color: #ff0000; text-transform: uppercase; margin-bottom: 3px; text-decoration: none; }
.NavActive { color: #000; }

/* Main Layout */
#MainContent { padding: 5px; }
#MainContentDiv { width: 99%; float: right; }

#MainDescription { border-top: 1px solid #999; width: 190px; margin-left: 5px; margin-top: 4px; }
#MainDescription div { margin-bottom: 0px; font-size: 9px; text-transform: uppercase; }
#MainDescription div span { color: #FF0000; }
#MainDescription p { margin: 10px 0px; }
#MainDescription a { text-decoration: none; }

#ScrollProducts { width: 725px; overflow: auto; margin: 0px; }

.frame_small { width: 104px; height: 64px; vertical-align: middle; text-align: center; background-image:url(../../Bilder/Layout/frame_small.jpg); background-repeat:no-repeat; background-position: center; }
.frame_large { width: 467px; height: 269px; vertical-align: middle; text-align: center; background-image:url(../../Bilder/Layout/frame_large.jpg); background-repeat:no-repeat; background-position: center; }
.frame_large > table {  margin: 10px; }
.frame_products { width: 116px; height: 116px; vertical-align: middle; text-align: center; background-image:url(../../Bilder/Layout/frame_products.jpg); background-repeat:no-repeat; background-position: center; }

/* Navigation Bottom */
#NavBottom { margin-top: 40px; }

.NavContainerBottom { background-image:url(../../Bilder/Layout/separator.gif); background-repeat:no-repeat; background-position:top left; padding-top: 8px; margin-bottom: 15px; margin-right: 20px; }
.NavContainerBottom div { margin-left: 10px; }
.NavContainerBottom img { margin-left: 10px; }
.NavContainerBottom p {	margin: 10px 0px; }
.NavContainerBottom p span { color: #FF0000; }
.NavContainerBottom a {	text-transform: uppercase; text-decoration: none; }
.NavContainerBottom a:hover { text-decoration: none; }

/* Footer */
#branding { font-size: 10px; color: #000; padding-left: 8px; }
#NavFooter { font-size: 10px; padding-right: 120px; }
#NavFooter a { text-decoration: none; }
#NavFooterDiv { font-size: 10px; position:absolute; top:0px; left:0px; margin:10px 0px 0px 190px; }
#NavFooterDiv a { text-decoration: none; }

/*Formular*/
.select { border: 1px solid #FFF; }
.button { width:50px; font-size:10px; border: 1px solid #999; }

.picture { border: 1px solid #c40109; margin-bottom: 5px; }

/* Retailer */
#retailer { width: 370px; height: 200px; border: 1px solid #999; overflow:auto; padding: 3px; }
#retailer > p { margin-top: 0px; }

/* Body Overlay */
#Overlay { position:absolute; z-index: 900;	width: 100%; height: 100%; background-color:#FFFFFF; }

#InlineFrame { position: absolute; background-image:url(../../Bilder/Layout/overlay.gif); background-repeat: no-repeat; z-index: 950; width: 415px; height: 475px; margin: 15px 30%; padding-top: 15px; }
#InlineFrame > div {  padding-left: 15px; padding-right: 15px; }

#Overlay02 { position:absolute; z-index: 900; width: 100%; height: 100%; background-color:#FFFFFF; }
#InlineFrame02 { position: absolute; background-image:url(../../Bilder/Layout/overlay_02.gif); background-repeat: no-repeat; z-index: 950; width: 670px; height: 502px; margin: 98px 290px; padding-top: 5px; }
#InlineFrame02 > div {  padding-left: 5px; padding-right: 5px; }

#CloseButton { float:right; color:#FF0000; font-weight: bold; }
#CloseButton a { color:#FF0000; text-decoration: none; }

#BoxContent { clear:both; width: 370px; height: 415px; overflow: auto; margin-top: 10px; }