body { margin: 0 0 50px 0; padding:0; background: #fff; color: #333; font-family: Verdana, Geneva, Helvetica, sans-serif !important; }

a { text-decoration: none; }

div#container{ width: 770px; background: url( ../img/_bg_container.gif ) repeat-y; }
body#homepage div#container { background: none; }
div#header{ width: 100%; height: 120px; background: url( ../img/_bg_header_products.jpg ) no-repeat 150px 0; position:relative; }

div#topnav { position: absolute; top: 98px; left: 150px; background-color: #047; color: #fff; width: 620px; overflow: hidden; }
.lvl1, .lvl1a { border-right: 1px solid #fff; float:left; padding: 3px; width: 109px; color: #fff; font-size: 70%; text-align: center; height: 14px; }
.lvl1a, .lvl1:hover { background-color: #ad3; color: #047; }
#login{ width: 150px; border-right: none; }

div#left{ float:left; width: 149px; }

/* special */
div#right { position:absolute; left: 460px; top: 15px; width: 156px; margin-left: 5px; background-color: #fff; }
div#right h1 { margin:0; border-bottom: 1px solid #fff;padding: 4px; display: block; background-color: #047; color: #fff;font-size: 70%; line-height: 120%; font-weight: bold; text-align: center; letter-spacing: normal; text-transform: none; }
div#right h2 { padding: 5px; font-size: 70%; font-weight: bolder; line-height: 115%; }
div#right p.price { padding: 5px; font-size: 110%; font-weight: bolder; line-height: 115%; color: #fff; }
div#right p { padding: 5px; color: #333; font-size: 65%; font-weight: normal; line-height: 125%; }
div#right .more { border: 1px solid #ad3; padding: 3px; font-size: 70%; background-color: #fff;  } 
div#right ul { margin: 18px;margin-top: 8px; margin-bottom: 8px; padding:0; list-style-image: none; list-style-type: square; }
div#right ul li { margin-left: 3px; margin-bottom: 5px; font-size: 65%; line-height: 125%; }


div#subnav { margin-top: 50px; }
div.M { font-size: 70%; }
div.SM { 
	border: 1px solid #ad3; height: auto; margin-right: 1px; padding:0; position: absolute; visibility: hidden; z-index: 100;
	filter: progid:DXImageTransform.Microsoft.Alpha( style=0,opacity=90 );
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#DEDEDE,Direction=135,Strength=4);
}

.lvl2, .lvl2a, .lvl2e, .lvl3, .lvl3a { display: block; color: #444; padding: 4px 0 4px 15px; padding-left: 15px; width: 134px; overflow: hidden; }
.lvl3, .lvl3a { padding-left: 25px; width: 124px; background: #df7; color: #333;}
div.SM .lvl3 { padding: 4px 15px; width: 135px; background: #fff; }

.lvl2a, .lvl2e { background-color: #ad3; color: #fff; }
.lvl3a { background-color: #f90; color: #fff; }
.lvl2:hover { background-color: #ad3; color: #fff; }
.lvl3:hover { background-color: #fff; color: #333; }
div.SM .lvl3:hover { background-color: #ad3; color: #fff; }

div#toplinks{ margin-top: 50px; text-align: left; } 
a.toplink, a.toplink:visited { display: block; font-size: 70%; padding: 3px 3px 3px 15px; font-weight: bold; color: #047;  }
div#toplinks a:hover { color: #fff !important; background-color: #ad3 !important; }
a.toplink:first-letter { color: #f60 !important; padding: 0  !important;  font-size: 100%  !important; }
img.toplink { height: 60px; width: 149px; margin: 15px 0 0 -7px; }

div#quicklinks{ position: absolute; top: 35px; left: 265px; }
div#quicklinks form { display: inline; }
div#quicklinks select { width: 350px; }
div#quicklinks input { width: 20px; }

div#metanav{ position: absolute; top: 3px; left: 160px; color: #fff; font-size: 10px; width: auto;  }

div#metanav a, div#metanav a:visited  { color: #fff; display: block; margin-bottom: 6px; width: auto; }
div#metanav a:hover { font-weight: bold; }

div#footer { clear: both; background-color: #fff;}

/* image styles */
img{ border: none;}
img#logo{ width: 149px; height: 55px; margin-top: 63px; }
img#filler { width: 80px; margin:0; position: absolute; bottom:0; right: -275px; height: 105px; }
img.left { float: left; margin-right: 8px; }
img.right { float: right; margin-left: 8px; }
img.block { float: none; clear:both; }
img.subnav { width: 7px; height: 7px; margin: 3px 5px 3px; }
img.special-left { float: left; margin-top: -7px; }
img.special-right { float: right; margin-top: -7px; }
img.special-block { float: none; margin-top: -7px; }
object.right, embed.right { float: right; margin-left: 8px; }




/* link styles  */
a.inline, a.inline:visited { color: #047; font-weight: bold; }
a.special, a.special:visited { color: #047; font-weight: bold; }
a.glossary { color: #333; font-weight: normal; }
div#content a.inline:first-letter { color: #f60 !important; padding-right: 3px; }
a.inline:hover { color: #ad3; }

a.plain { color: #047; font-size: 100%; font-weight: bold; text-transform: none; }
a.plain:hover { color: #ad3; }
a s{ text-decoration: none; color: #f90 !important; padding-right: 3px; }
.target{ cursor: default; text-transform: none; }

a.banner {
	display: block; margin-bottom: 10px; text-align: right;
}
/* special styles */
b.sitemap { color: #047; font-weight: bold; line-height: 125%; }

/* list styles */
ol { margin: 8px; margin-left: 25px; }
ul { margin: 18px;margin-top: 8px; margin-bottom: 8px; padding:0; list-style-image: url(../img/_bullet.gif); }
li { margin-left:0; margin-bottom: 5px; font-size: 70%; line-height: 125%; }
li.level1 { margin-left:0;  }
li.level2 { margin-left: 16px; }
li.level3 { margin-left: 32px; }
ul li ul li { margin-left:0; margin-bottom: 5px; font-size: 100%; line-height: 125%; }

/* form styles */
form.inline { border: 1px solid #ad3; display: block; font-size: 70%; font-weight: bold; }
input.search { width: 100px; border: 1px inset #ad3; background-color: transparent; font-size: 70%; font-weight: bold; color: #fff; text-transform: uppercase; }
input.submitsearch { margin-left: 3px; background-color: transparent; font-size: 70%; font-weight: bold; color: #fff; text-transform: uppercase;  border:0; cursor: pointer; }
select.languages { width: 125px; font-size: 70%;  }
input.text { border: 1px inset #C4E09D; width: 260px; font-size: 100%; }
input.submit { border: 1px outset #C4E09D; background-color: #fff;font-size: 100%; }
textarea.text { font-family: Verdana;  width: 260px; border: 1px inset #C4E09D; height: 50px; }
select.text { border: 1px inset #ad3; width: 265px; font-size: 100%;  }
.long { width: 400px; }
.medium { width: 195px; }
textarea.long { font-family: Arial; font-size: 110%; width: 395px; height: 60px; }
table.twocol { border: none; }
table.twocol td{ padding: 0; }
table.twocol td.right{ padding-left: 5px; }
label.error { color: #f00; background-color: #ff0; }





/* content */
div#content { float: left; padding: 15px 0 0 20px; min-height: 400px; width: 430px; overflow: visible; position: relative; }
body#homepage div#content { padding: 0; width: 621px; }

div#contentFull {  }

h1 { margin: 0 0 10px 0; font-size: 110%; font-weight: bold; color: #047; border-bottom: 2px solid #f90; line-height: 115%; padding-bottom: 4px; }
h2 { margin: 5px 0 5px 0; padding-top: 15px; color: #047; font-size: 80%; border-top: 1px solid #ad3; font-weight: bold; line-height: 115%; }
h3 { margin: 5px 0 5px 0; padding-top: 5px; color: #047; font-size: 80%; font-weight: bolder; line-height: 115%; }
p { margin: 0 0 5px 0; padding:0; color: #333; font-size: 70%; line-height: 125%;  }
p.more { margin-bottom:0; padding: 3px; padding-right: 10px; font-size: 70%; text-align: right; }
p.hr { height: 1px; width: 100%; margin: 0 0 15px 0; font-size: 2px; border-bottom: 1px solid #ad3; }
p.center { text-align:center; }
p.right { text-align:right; }

/* special */
div.special { position:absolute; left: 460px; top: 15px; width: 156px; margin-left: 5px; background-color: #f00 !important; }
div.special h1 { margin:0; border-bottom: 1px solid #fff;padding: 4px; display: block; background-color: #f00; color: #fff;font-size: 70%; line-height: 120%; font-weight: bold; text-align: center; letter-spacing: normal; text-transform: none; }
div.special h2 { padding: 5px; font-size: 70%; font-weight: bolder; line-height: 115%; }
div.special p.price { padding: 5px; font-size: 110%; font-weight: bolder; line-height: 115%; color: #fff; }
div.special p { padding: 5px; color: #333; font-size: 65%; font-weight: normal; line-height: 125%; }
div.special .more { border: 1px solid #ad3; padding: 3px; font-size: 70%; background-color: #fff;  } 
div.special ul { margin: 18px;margin-top: 8px; margin-bottom: 8px; padding:0; list-style-image: none; list-style-type: square; }
div.special ul li { margin-left: 3px; margin-bottom: 5px; font-size: 65%; line-height: 125%; }


div.rightbox { width: 156px; background: #ad3 url(../img/_bg_rightbox.gif) repeat-y; }
div.rightbox h1 { margin:0; border-bottom: none !important; padding: 4px 4px 4px 20px !important; background-color: #047; color: #fff;font-size: 70%; line-height: 120%; font-weight: normal !important; text-align: left !important; letter-spacing: normal; text-transform: none; }
div.rightbox h2 { padding: 5px; font-size: 70%; font-weight: bolder; line-height: 115%; }
div.rightbox p.price { padding: 5px; font-size: 110%; font-weight: bolder; line-height: 115%; color: #fff; }
div.rightbox p { padding: 5px; color: #333; font-size: 65%; font-weight: normal; line-height: 125%; }
div.rightbox .more { border: 1px solid #ad3; padding: 3px; font-size: 70%; background-color: #fff;  } 
div.rightbox ul { margin: 18px;margin-top: 8px; margin-bottom: 8px; padding:0; list-style-image: none; list-style-type: square; }
div.rightbox ul li { margin-left: 3px; margin-bottom: 5px; font-size: 65%; line-height: 125%; }

div.include-inline { margin-bottom: 15px;  }


div.rightbox a.special,
div.rightbox a.special:visited { display: block !important; background: url(../img/_bg_link_rightbox.gif) no-repeat; padding: 7px 3px 7px 20px; color: #047; font-size: 70%; font-weight: normal; border-bottom: 1px solid #ad3; }
div.rightbox a.special:hover { text-decoration: underline; background: url(../img/_bg_link_rightbox_hover.gif) no-repeat;  }

/* ticker */
div#ticker { width: 156px; background: #ad3 url(../img/_bg_rightbox.gif) repeat-y; position:relative; overflow: hidden; }
div#tickerBody { width: 156px; }
div#ticker h1 { margin:0; border-bottom: none !important; padding: 4px 4px 4px 20px !important; background-color: #047; color: #fff; font-size: 70%; line-height: 120%; font-weight: normal !important; text-align: left !important; letter-spacing: normal; text-transform: none; }
div#ticker p { padding: 7px 3px 7px 20px; color: #333; font-size: 65%; font-weight: normal; line-height: 125%; }
div#ticker a.special,
div#ticker a.special:visited { display: block !important; background: url(../img/_bg_link_rightbox.gif) no-repeat; padding: 7px 3px 7px 20px; color: #047; font-size: 70%; font-weight: normal; border-bottom: 1px solid #ad3; }
div#ticker a.special:hover { text-decoration: underline; background: url(../img/_bg_link_rightbox_hover.gif) no-repeat;  }

div#tickerBody {  }


/* forms */
.form_error { font-size: 80%; color: #f00; background: #ffc;margin: 10px; border: 1px solid #ff3; }
input.error, select.error  { background-color: #ffc !important; border: 1px solid #f00; }
.form_access { color: #080; background: #ffc;margin: 10px; border: 1px solid #ff3; font-weight: bolder;}
.form_not { color: #f00; background: #ffc;margin: 10px; border: 1px solid #ff3; font-weight: bolder;}



/* tables */
table { border: 1px solid #ad3; font-size: 70%; }
td, th { padding: 3px; padding-left: 10px; padding-right: 10px; border: none; border-bottom: 1px solid #fff; vertical-align:top; background-color: #E9F3D9; }

table.form td.c1 { width: 120px; }
table td.subhead { background-color: #047; color: #fff;font-weight: bold; }
td.form_error { color: #f00; font-weight: bold; }
td.panel { border-bottom:0; background-color: #C4E09D; }


table.twocolumn{ border: none; font-size: 100%; margin-top: 5px; }
table.twocolumn td{ border: none; border-top:1px solid #ad3; font-size: 100%; background-color: #fff; width: 50%; }
table.twocolumn td.left{ border-right: 1px solid #ad3; padding: 5px 10px 5px 0; }
table.twocolumn td.right{ padding: 5px 0 5px 10px; border-left: none;}

table.template3{ border: none; margin-top: 25px; background-color: #fff;  font-size: 100%;  }
table.template3 td{ border: none; width: 50%; background-color: #fff; border-bottom: 1px solid #ad3; }
table.template3 td.left{ border-right: 1px solid #ad3; padding: 0 10px 0 0; }
table.template3 td.right{ padding: 0 0 0 10px; }
table.template3 td.bottom{ padding: 15px 0 0 0; width: 100%; border-bottom: none;}
table.template3 h2{ margin-top:0; padding-top:0; border-top: none; }


/* glossar */
div.glossarHead{ background-color: #eee; border: 1px solid #f90; font-size: 70%; padding: 3px; }
div.glossarHead a, div.glossarHead a:visited{ margin-right: 3px; color: #047; font-weight: bold;  }
div.glossarHead a:hover{ color: #f60; }
dt { font-weight: bold; color: #047; font-size: 80%; margin-top: 15px; }
dt a, dt a:visited { display: block; float: right; font-weight: normal; color: #999; font-size: 80%; }
dt a:hover { color: #047; font-weight: bold; }


/* fdb_search */
div.result table { width: 100%; border-collapse: collapse; margin-top: 15px; }
div.result table th { text-align: left; }
div.result table td.c1 { width: 130px; }


/* frontpage */
table.titleBar { width: 100%; border-collapse: collapse; border: none; }
table.titleBar td { width: 20%; padding: 1px 0 2px; border-left: 1px solid #fff; background: #047; text-align: center; }
table.titleBar td.active { background: #ad3; }
table.titleBar td.active a { color: #047; }

table.contentBar { width: 100%; border-collapse: collapse; border: none; }
table.contentBar td { width: 33%; padding: 5px; background: transparent; }
table.contentBar td img.right { border-left: 5px solid #fff; }
table.contentBar td img.diagram { width: 385px; }
table.contentBar h1 	{ margin: 3px 0 0; padding: 0; border-bottom: 1px solid #f60; font-weight: normal; color: #f60; font-size: 100%; }
table.contentBar h2 	{ margin: 3px 0 0; padding: 0; border: none; font-size: 100%; }
table.contentBar p 	{ margin: 3px 0 0; font-size: 100%; }

div#languages{ position: absolute; top: 3px; left: 265px; color: #fff; font-size: 10px; width: auto;  }

table.languages { width: 300px; border-collapse: collapse; border: none; background: transparent;}
table.languages td { width: 20%; padding: 1px 0 2px; font-size: 10px;border: none;  background: transparent;}
table.languages a, table.languages  a:visited { color: #fff; font-weight: normal; text-decoration: none;} 
table.languages a:hover { color: #fff; font-weight: normal; font-weight: bold; text-decoration: none;} 
table.languages td.active { text-decoration: underline;}