html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

body { line-height: 1; background: white; }

table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

body { font: 12px/16px Arial, sans-serif; text-align: center; }

h1,h2,h3,h4,h5,h6  { font-family: Arial, sans-serif; }
body { font-family: Arial, sans-serif; }
pre { font-family: Arial, sans-serif; }
code { font-family: monospace; }

h1,h2,h3,h4,h5,h6 { padding: 0 10px 10px 10px; clear:both; color: #3b5ca9; }
h3, h4, h5, h6 { padding: 0 10px 5px 10px; }

h1 { font-size: 24px; }
h2 { font-size: 16px; font-weight:normal; }
h3 { font-size: 14px; font-weight:bold; }
h4 { font-size: 12px; font-weight:bold; }
h5 { font-size: 12px; font-weight:normal; }
h6 { font-size: 11px; font-weight:bold; }

a { color: #483399; text-decoration: none; }
a:hover { color: #483399; text-decoration: underline; }

blockquote { font-style: italic; }
strong { font-weight: bold; }
em { font-style: italic; }
pre { background: #eeeeee; border:1px solid #dddddd; padding:16px; }

table { }
th,td { }
th { font-weight:bold; }

p { color: #4a4b4d; }
span.normal { font-size: 12px; }
p.small, span.small, .small p { font-size: 11px; }
p.large, span.large, .large p { font-size: 14px; line-height: 22px; }
p.quiet, span.quiet, .quiet p { color: #7c7d80; }
p.loud, span.loud, .loud p { color: #ca0000; }
p.right, .right p { text-align: right; }

p { margin: 0 10px 16px 10px; }
p img { float: left; padding:0; }
p img.right, img.right  { float: right; padding:0; margin:0; border: 0px; }

.hide { display: none; }
div.container { width: 970px; text-align: left; margin-left:auto; margin-right:auto; }
.clear { clear: both; }
.column { float: left; margin-right: 10px; padding: 0; }
* html .column { overflow-x: hidden; }

.span-1 { width: 60px; }
.span-2 { width: 130px; }
.span-3 { width: 200px; }
.span-4 { width: 270px; }
.span-5 { width: 340px; }
.span-6 { width: 410px; }
.span-7 { width: 480px; }
.span-7 { width: 480px; }
.span-8 { width: 550px; }
.span-9 { width: 620px; }
.span-10 { width: 690px; }
.span-11 { width: 760px; }
.span-12 { width: 830px; }
.span-13 { width: 900px; }
.span-14 { width: 970px; margin: 0; }
.span-auto { width: auto; margin: 0; }

.last { margin-right: 0; }

.append-1 { padding-right: 70px; }
.append-2 { padding-right: 140px; }
.append-3 { padding-right: 210px; }
.append-4 { padding-right: 280px; }
.append-5 { padding-right: 350px; }
.append-6 { padding-right: 420px; }
.append-7 { padding-right: 490px; }

.prepend-1 { padding-left: 70px; }
.prepend-2 { padding-left: 140px; }
.prepend-3 { padding-left: 210px; }
.prepend-4 { padding-left: 280px; }
.prepend-5 { padding-left: 350px; }
.prepend-6 { padding-left: 420px; }
.prepend-7 { padding-left: 490px; }
.prepend-8 { padding-left: 560px; }
.prepend-9 { padding-left: 630px; }
.prepend-10 { padding-left: 700px; }
.prepend-11 { padding-left: 770px; }

#Header, #Header .container {
	background: url(../img/header.bg.jpg) no-repeat;
	height: 145px;
}
#Language { margin: 12px 20px; height: 25px; } /* edit */
#Language a {
	display: block;
	width: 26px;
	height: 21px;	
}
#Language a em { display: none; }
#Language a.de { background: url(../img/a.lang.de.gif) bottom;}
#Language a.int { background: url(../img/a.lang.int.gif) bottom;}

.de #Language a.de, #Language a.de:hover { background-position: top; }
.int #Language a.int, #Language a.int:hover { background-position: top; }

#Language ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#Language li { float: left; }

#Content ul, #Content ol { list-style-type:square; margin: 0 10px 16px 30px; color: #4a4b4d; }
#Content li { clear: both; }

#Content ul ul, #Content ol ol {  margin: 0 10px 0 30px; }

#Content a { font-weight: bold; }

#Left .menu { margin-bottom: 10px; }
#Left .menu h2 {
	font-size: 13px;
	padding: 7px 0px 3px 10px;
	margin: 0;
	color: #ffffff;
}

/*  **/

#Left .menu li, #Left .menu ul {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	width: 200px;
	list-style: none;
}

#Left .menu a {	text-decoration: none; }
#Left .menu ul li a {
	display: block;
	padding: 7px 0px 3px 25px;
	color: black;
	height: 16px;
}

#Left .menu ul li ul { display: none; }
#Left .menu ul li.sub ul { display: block; }

#Left .menu ul li ul li a {
	padding: 4px 0px 4px 35px;
	height: 14px;
	font-size: 10px;
}
#Left .menu ul li ul li.first a {	padding: 4px 0px 4px 35px; }

#Left .menu h2 { background: url(../img/li.menu.gif); }
#Left .menu ul li a { background: url(../img/li.menu.gif) 0 -27px; }
#Left .menu ul li a:hover { background: url(../img/li.menu.gif) 0 -127px; }
#Left .menu ul li.active a { background: url(../img/li.menu.gif) 0 -127px; }
#Left .menu ul li.sub a, #Left .menu ul li.active.sub a { background: url(../img/li.menu.gif) 0 -77px; }
#Left .menu ul li.last { height: 16px; background: url(../img/li.menu.gif) 0 -477px no-repeat; }
#Left .menu ul li.sub ul li a, #Left .menu ul li.sub.active ul li a { background: url(../img/li.menu.gif) 0 -327px; }
#Left .menu ul li.sub ul li a:hover, #Left .menu ul li.sub.active ul li a:hover { background: url(../img/li.menu.gif) 0 -377px; }
#Left .menu ul li.sub ul li.active a, #Left .menu ul li.sub.active ul li.active a { background: url(../img/li.menu.gif) 0 -427px; }
#Left .menu ul li.sub ul li.first a, #Left .menu ul li.sub.active ul li.first a { background: url(../img/li.menu.gif) 0 -177px; }
#Left .menu ul li.sub ul li.first a:hover, #Left .menu ul li.sub.active ul li.first a:hover { background: url(../img/li.menu.gif) 0 -227px; }
#Left .menu ul li.sub ul li.first.active a, #Left .menu ul li.sub.active ul li.first.active a { background: url(../img/li.menu.gif) 0 -277px; }

#Search {
	background: url(../img/bg.search.gif) no-repeat; /* edit */
	height: 68px;
	margin-bottom: 8px;
}
#Search h2 {
	font-size: 13px;
	padding: 7px 0px 3px 10px;
	margin: 0 0 6px 0;
	color: #ffffff;
}
#Search input.text {
	width: 150px;
}

#Menu { margin-top: 55px; } /* edit */
#Menu a { display: block; float: left; height: 40px; }
#Menu a span { display: none; }

.de #Menu { padding-left: 85px; } /* edit */
.de #Menu a { background: url(../img/menu.de.btns.jpg) no-repeat; }

.de #Menu a.home { width: 95px; background-position: -16px 0; }
.de #Menu a.magazin { width: 99px; background-position: -100px 0; }
.de #Menu a.community { width: 120px; background-position: -200px 0; }
.de #Menu a.buy { width: 91px; background-position: -318px 0; }
.de #Menu a.management { width: 118px; background-position: -411px 0; }
.de #Menu a.faq { width: 73px; background-position: -530px 0; }

.de #Menu a.home:hover, .de #Menu a.home_active { width: 95px; background-position: -16px -40px; }
.de #Menu a.magazin:hover, .de #Menu a.magazin_active { width: 99px; background-position: -100px -40px; }
.de #Menu a.community:hover, .de #Menu a.community_active { width: 120px; background-position: -200px -40px; }
.de #Menu a.buy:hover, .de #Menu a.buy_active { width: 91px; background-position: -318px -40px; }
.de #Menu a.management:hover, .de #Menu a.management_active { width: 118px; background-position: -411px -40px; }
.de #Menu a.faq:hover, .de #Menu a.faq_active { width: 73px; background-position: -530px -40px; }

.int #Menu { padding-left: 85px; } /* edit */
.int #Menu a { background: url(../img/menu.int.btns.jpg) no-repeat; }
.int #Menu a.home { width: 95px; background-position: -16px 0; }
.int #Menu a.magazin { width: 92px; background-position: -100px 0; }
.int #Menu a.community { width: 120px; background-position: -190px 0; }
.int #Menu a.buy { width: 70px; background-position: -308px 0; }
.int #Menu a.management { width: 133px; background-position: -377px 0; }
.int #Menu a.faq { width: 73px; background-position: -509px 0; }

.int #Menu a.home:hover, .int #Menu a.home_active { width: 95px; background-position: -16px -40px; }
.int #Menu a.magazin:hover, .int #Menu a.magazin_active { width: 92px; background-position: -100px -40px; }
.int #Menu a.community:hover, .int #Menu a.community_active { width: 120px; background-position: -190px -40px; }
.int #Menu a.buy:hover, .int #Menu a.buy_active { width: 70px; background-position: -308px -40px; }
.int #Menu a.management:hover, .int #Menu a.management_active { width: 133px; background-position: -377px -40px; }
.int #Menu a.faq:hover, .int #Menu a.faq_active { width: 73px; background-position: -509px -40px; }


div.image {	margin-bottom: 8px; }
p img {	margin-bottom: 8px; margin-right:5px; }
p img.right { margin-bottom: 8px; margin-left:5px; }

div.outlined {
	background: url(../img/div.outlined.gif) top;
	padding-top: 15px;
	margin-bottom: 10px;
}
div.outlined div.close {
	background: url(../img/div.outlined.gif) bottom;
	height: 15px;
	clear: both;
}

div.filled {
	background: url(../img/div.filled.gif) top;
	padding-top: 15px;
	margin-bottom: 10px;
}
div.filled div.close {
	background: url(../img/div.filled.gif) bottom;
	height: 15px;
	clear: both;
}

.span-3 div.outlined {
	background: url(../img/div.outlined.span-3.gif) top;
}
.span-3 div.outlined div.close {
	background: url(../img/div.outlined.span-3.gif) bottom;
}

.span-3 div.filled {
	background: url(../img/div.filled.span-3.gif) top;
}
.span-3 div.filled div.close {
	background: url(../img/div.filled.span-3.gif) bottom;
}

.span-4 div.outlined {
	background: url(../img/div.outlined.span-4.gif) top;
}
.span-4 div.outlined div.close {
	background: url(../img/div.outlined.span-4.gif) bottom;
}

.span-4 div.filled {
	background: url(../img/div.filled.span-4.gif) top;
}
.span-4 div.filled div.close {
	background: url(../img/div.filled.span-4.gif) bottom;
}

div.filled div.top, div.outlined div.top {
	margin-top: -15px;
	margin-bottom: 10px;	
}

div.outlined p, div.filled p { margin-bottom: 0px; }

a.action {
	font-weight: bold;
	color: #818181;	
	background: url(../img/a.action.gif) left center no-repeat;
	padding: 1px 0 1px 12px;
}
a.more {
	font-weight: bold;
	color: #006eb9;	
	background: url(../img/a.more.gif) left center no-repeat;
	padding: 1px 0 1px 12px;
}

form { margin-bottom: 8px; }

form div.element {
	clear: both;
	padding: 5px 0;	
}
/**
 * EDIT 
 */
input.text {
	width: 100%;
	border: 1px solid #a5abae;
	background: url(../img/bg.input.text.gif) ;

}/* SX: Added CSS type declaration for Password field to have a corresponding type in the XSL */input.password {	width: 100%;	border: 1px solid #a5abae;	background: url(../img/bg.input.text.gif) ;}

form a.help {
	display: block;
	width: 16px;
	height: 16px;
	background: url(../img/a.help.gif) top;
}
form a.help:hover {
	background: url(../img/a.help.gif) bottom;	
}
form a.help em { display: none; }

label {
	margin-left: 10px; 
}