/* CSS IMPORTS */

@import url(/page/style/reset.css);


/* GENERAL  */
* {margin:0;padding:0}
body {margin: 0px; text-align: center; padding:0; background:#84B426 url(/page/image/body.gif) repeat-x top; color:#21314D; font:12px/1.5 arial,verdana,tahoma,sans-serif;}
a,a:link,a:visited,a:active {text-decoration:none; cursor:pointer} 
a:hover {text-decoration:underline; cursor:pointer} 
a:link {color:#499000} 
a:visited {color:#499000} 
a:hover,a:active {color:#499000} 



/* BACKGROUNDS */
#wrapperBackground  {background-color:#fff; height:450px; position:absolute; top:0; right:0; width:50%; z-index:1; }

/* FORMS */
.form fieldset { background:#E4E6E8;}
.form p,dd,dt { font-size: 13px;}
a.reset, a.button, a.submit, form fieldset.buttons input.submit {  width:auto !important; }
a.reset, a.button, a.submit, button, input.submit { background:none; border:0; cursor:pointer; margin:0; padding:0; vertical-align:middle; font-size:12px;}
input, select, textarea { font-family:Arial, Helvetica, sans-serif; background-color:#fff; border:1px solid #666; border-color:#666 #999 #999 #666;}
input { padding:0 2px;}
input:focus { border-color:#999 #666 #666 #999;}
input[type="hidden"], form.generated input[type="hidden"] {display:none; !important;}
input.hidden { display:none !important;}

/* TYPOGRAPHY */
p, ul, ol {margin: 0 0 1.5em;}
ul {list-style:none;}
h1, h2, h3, h4, h5  {font-weight:bold;}
h1 {font-size: 24px; font-weight:400; padding-bottom:15px;}
h2 {font-size: 16px;}
h3 {font-size: 14px; color:#499000;}
h4 {font-size: 10px;}
h5 {font-size: 15px; color:#499000;}
.text  {font-size:13px; line-height:17px;}
img {border:none;} 

small {font-size:11px}
hr {border-top:1px solid #ccc; border-bottom:1px solid #fff;}
hr {background:#F2F2F2; color: #F2F2F2; height: 1px; margin: 1em 0; clear: both; }

/* TABLES */
table.ps_service { empty-cells: show; width: 100%; border-collapse: separate; border-spacing: 0; }
table.ps_service { margin: 0 0 20px; }
table.ps_service th { background:url(/page/image/horizontalBg.png) repeat-x scroll 0 -100px #5C5C5C; color: #FFFFFF; }
table.ps_service th {font-size: 11px; font-weight: 700; height: 27px; padding: 0 5px;}
table.ps_service td { border-bottom: 1px solid #CCCCCC; border-top: 1px solid #FFFFFF; }
table.ps_service td { background-color: #E4E6E8;}
table.ps_service tr td { padding: 4px; }

/* PS AKTION */
#content-main .psaktion {position:relative; height:61px; width:100%;}
#content-main .psaktion .imgaktion {position:absolute; bottom:0px; right:275px;}
#content-main .psaktion .imghot {position:absolute; bottom:0px; right:0px;}
#content-main .psaktion h1 {position:absolute; bottom:0px; left:0px;} 

/* TEXT */
.texte ul { list-style: disc; margin: 10px 0 10px 20px;}
.texte ol { list-style: decimal; margin: 10px 0 10px 20px;}
 
/* PAGE  */
#wrap {position:relative; width:982px; margin:0 auto; text-align: left; z-index:2;}
#header {position:relative; width:982px; height:86px; background:#fff url(/page/image/head_background.png) repeat-y;}
#content-wrap {position:relative; width:982px;}
#content {background-color:#fff; color:#21314D; border:1px solid #ccc; padding:15px 20px 20px; min-height:500px;}
#content-main {min-height:300px; padding-top:20px; position:relative; z-index:1;}

/* HEADER */
#header {color:#fff; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
#header #site-name {position:relative; top:20px; left:15px; width:195px; height:49px; border:none;}
#header #meta {position:absolute; top:63px; right:4px; color:#000;}
#header #meta ul {padding:0; margin:0; list-style:none;}
#header #meta li {display:inline; margin:0; padding:0 1px;}
#header #meta a {font-size:12px; color:#000;}
#header form label { color:#fff; font-size:11px;}
#header form #global-resetid label { position:relative; top:3px;}
#header form input { font-style:italic; height:16px; margin-right:4px; width:161px; }
#header #global-logout label { display:block;}
#header form { background:none; padding:0px; display:block; clear:both;}
#header form fieldset { background:none; border:none; clear:none; float:left; height:auto; margin: 0px; padding:0px; width:auto;}

/* BUSINESS */
.switch-area { background:url(/page/image/switch-area.png) no-repeat; display:block; height:0; position:absolute; right:20px; text-indent:-9999em; width:173px; z-index:51; }
.switch-to-business { background-position:-27px -57px; }
.switch-to-business:hover { background-position:-27px -27px; }

/* SEARCH */
#header #search {position:absolute; top:35px; right:3px; color:#fff; font-weight:bold;}
#header #search form {margin:0}
#header #search #search1 {width:6em; margin: 0 0 -1px; height:1em; border:1px solid #666;}
#header #search form input { background:url(/page/image/lens.png) no-repeat 2px center #fff; padding-left:15px;}
#header #search form button { display:block; background:url(/page/image/pfeilbutton.gif) no-repeat; border:none; text-indent:-5000px; height:20px; width:20px; vertical-align:baseline; margin: 1px 0px 0px 6px;}
#loginButton {display:inline;}
#logoutButton {display:inline;}
#header #login {position:absolute; top:0px; left:291px; width:410px; height:60px; background:url(/page/image/login_lasche_blau.png) no-repeat;}
#header #login a {color:#fff; text-decoration:underline;}
#header #login .welcome {position:absolute; top:4px; left:18px; width:200px; height:17px;}
#header #login .help {position:absolute; top:4px; right:22px; width:200px; height:17px; text-align:right;}
#header #login .logging {position:absolute; top:25px; left:18px; width:375px; height:25px;}
#heeader #login form button { display:block; background:url(/page/image/pfeilbutton_invertiert.gif) no-repeat; border:none; text-indent:-5000px; height:20px; width:20px; vertical-align:baseline; margin: 1px 0px 0px 6px;}
#header #login form button { background:transparent url(/page/image/roundedCorners.png) no-repeat scroll -1px -90px; border:medium none; display:block; height:28px; margin:0; text-indent:-5000px; vertical-align:baseline; width:22px;}

/* LOGIN */
.login_div {padding-left:10px;}
.login_div .login_div_inner { padding:4px 4px 4px 2px;}
.login_div .login_input_div{ text-align: left; width: 375px; height: 20px; padding-bottom: 1px; }
.login_div .login_input_div label{ float: left; width: 160px; }
.login_div .login_input_div div { float: left; text-align: right; width: 215px; }
#header #logout { background:transparent url(/page/image/login_lasche_grau.png) no-repeat scroll 0 0; height:60px;
    left:291px; position:absolute; top:0; width:410px; font-color: #000000; }
.logout_div { padding-left: 10px; }
.logout_div .logout_div_inner{ padding: 5px; }
.logout_div .logout_label{ color: #000000 !important; font-weight: bold !important; }
.logout_div .logout_input_div{ text-align: left; width: 400px; height: 20px;}
.logout_div .logout_input_div div { float:left; text-align:right; width:190px; }
.logout_div .logout_input_div label { float:left; width:190px; }
.logout_div .logout_input_div  .desc { width:40px;}
#loginform div.rounded-corners span.right { margin-right:5px; }
#loginnform div.rounded-corners input {padding-top: 0px !important; + padding-top: 5px !important;}
#loginnform div.rounded-corners input {padding-top: 0px !important; outline:none;}
#loginform div.rounded-corners input {outline:none;}

/* QUICKACCESS */
div.quickAccess { color: #000000; font-size: 11px; height: 20px; left: 309px; top: 30px; width: 326px;
  z-index: 10; position: absolute;}
div.quickAccess div p a { background:transparent url(/page/image/pfeil_nach_unten_invertiert.gif) no-repeat scroll right center;
    cursor:pointer !important; padding-right:10px; text-decoration:none; }
div.quickAccess div.container { background:#FFFFFF none repeat scroll 0 0; clear:both; display:none; float:none;
    height:auto; left:0; position:absolute; top:24px; width:160px; }
div.quickAccess ul li { line-height:24px; padding:0 5px; white-space:nowrap;}
div.subscriberSwitch, div.quickAccessLinks { float:left; height:20px; margin:0; padding:0; position:relative; }
div.quickAccessLinks { float:left; height:20px; margin:0; padding:0; position:relative; width:90px; left: 140px;}
div.quickAccess div.quickAccessLinks ul { border-bottom:1px solid #EEEEEE; }
div.quickAccess ul { position:relative; margin: 0px; z-index:2; }
div.quickAccess div.quickAccessLinks ul li { line-height:18px;}
div.quickAccess ul.iconGrid { height:78px; margin-top:7px; width:100%; }
div.quickAccess ul.iconGrid li { margin:0; padding:0 6px; }
ul.iconGrid li { float:left; line-height:100%; margin:0; padding:0 4px; width:auto;}

.quickaccess { background-color:#e9e9e8; margin-bottom:20px; overflow:hidden; width:auto; }
.quickaccess .tab, .quickaccess .con { margin:8px; position:relative; }
.quickaccess .tab {margin-bottom:0;}
.quickaccess h3 {color:#333; font-size:15px; }
.quickaccess h4 {font-size:1.25em;}
.quickaccess .con {margin-bottom:12px;}
.quickaccess .content {overflow:auto; padding-top:5px; padding-right:5px;}
.quickaccess .con .light {height:69px;}
.quickaccess .con .medium {height:199px;}
.quickaccess .con .big {height:329px;}
.quickaccess .con .layer { padding:5px 5px 0 10px; }
.quickaccess .con .layer { background:url(/page/image/horizontalBg.png) repeat-x scroll 0 -755px #EEEEEE; }
.quickaccess .con .layer { margin:-4px; padding:10px; position:relative; top:-2px; z-index:2;}
.quickaccess hr {margin:10px 0;}
.quickaccess .content p {font-size:12px; line-height:1.385em; }
.quickaccess .text {font-size:13px;line-height:16.25px;}
.quickaccess .text img {float:none;margin:0 0 20px;}
.quickaccess li { font-size:15px; line-height:20.7833px; padding:3px 0;}
.quickaccess li a { background:url(/page/image/arrows.gif) no-repeat 0 -53px; /*-56px;*/ display:block; padding-left:10px; font-size:12px; }
.quickaccess .divider li { padding:2px 0; }
.quickaccess .divider li a { background:none; padding:0; }
.quickaccess form { border:1px solid #ccc; border-width:1px 0 0; font-size:0.8125em; line-height:1.5em; padding:10px 0 0;}
.quickaccess select { font-size:0.85em; width:100%;}
.quickaccess button { background:#eee url(/page/image/horizontalBg.png) repeat-x 0 -70px;
  color:#fff; float:right; height:26px; margin-top:10px; padding:0 10px; }
.quickaccess button span { background:url(/page/image/arrows.gif) no-repeat 0 0; width:7px;
  height:7px; display:-moz-inline-stack; display:inline-block; overflow:hidden; vertical-align:middle;
  zoom:1; *display:inline;}
.quickaccess form a {float:left; font-size:0.9375em; margin-top:15px;}

/* TAB & CON */

.tab, .con { position:relative; z-index:1; }
.tab { background-color:#fff; float:left; z-index:2; }
.tab .shadow .BL, .tab .shadow .Bottom, .tab .shadow .BR, .con .shadow .TL { display:none; }
.tab h2, .tab h3 { background-color:#fff; margin:-4px; position:relative; z-index:2; }
.tab h3 { padding:2px 10px;}

/* CONTENT */

/*INTRO */
.intro { margin-bottom:20px;}

/* 1Box */
.oneinabox {margin:0px; position:relative; background: #E4E6E8;}
.oneinabox .smallsize {width:940px;}
.oneinabox .medium {width:242px; float:left;}
.oneinabox .text {padding-top:20px; width:698px; float:right;}
.oneinabox p, .oneinabox ul, .oneinabox ol {margin: 0;}

/* 1Row for Intro */
.oneinarow  { margin-bottom:20px; position:relative;}
.oneinarow .smallsize {position:relative; height:130px; background:url(/page/image/horizontalBg.png) repeat-x 0 -185px;}
.oneinarow .mediumsize {position:relative; height:250px; background:url(/page/image/horizontalBg.png) repeat-x 0 -320px;}
.oneinarow .text { position:relative; padding:20px 20px 0; width:430px; z-index:0;}
.oneinarow .medium { position:absolute; top:0px; right:0px; z-index:1;}
.oneinarow .medium img  { display:block; margin:0px;}
.oneinarow p, .oneinarow ul, .oneinarow ol {margin: 0;}

/* 1Row */
.longoneinarow {clear:both; width:100%; overflow:hidden;}
.longoneinarow li {width:100%; float:left;}
.longoneinarow a {color: #499000;}
.longoneinarow h5 { font-size:15px; margin:0px 0px 6px;}
.longoneinarow .con  { background:#fff url(/page/image/abstracts.png) no-repeat; height:140px; padding:15px; overflow:hidden;}
.longoneinarow .medium { float:left; height:140px; margin:0px 15px 8px 0px; overflow:hidden; width:140px;}
.longoneinarow .medium img { display:block; margin:0;}
.longoneinarow p, .longoneinarow ul, .longoneinarow ol {margin: 0;}

/* 2Rows */
.twoinarow {clear:both; width:100%; overflow:hidden;}
.twoinarow li {overflow:hidden; width:50%; float:left; height:170px;}
.twoinarow a {color: #499000;}
.twoinarow h5 { font-size:15px; margin:0px 0px 6px;}
.twoinarow .con  { background:#fff url(/page/image/abstracts.png) no-repeat; height:140px; padding:15px; overflow:hidden;}
.twoinarow .medium { float:left; height:140px; margin:0px 15px 8px 0px; overflow:hidden; width:140px;}
.twoinarow .medium img { display:block; margin:0;}
.twoinarow p, .twoinarow ul, .twoinarow ol {margin: 0;}

/*4Rows */
.fourinarow { width:940px; overflow:hidden; clear:both;}
.fourinarow ul { clear:both; margin-top:20px; overflow:hidden; width:980px;}
.fourinarow ul li { float:left; margin-right:20px; height:250px; overflow:hidden; width:220px;}
.fourinarow .element  h4 { border:solid #ccc; border-width:1px 0;}
.fourinarow .element  h4 a { font-size:12px; line-height:17px; font-weight:normal; color:#666;} 
.fourinarow .element  h3 a{ line-height:13px; color:#f00; }
.fourinarow .element  p a { font-size:12px; line-height:17px; color:#666; }

/* 2column */
.twocolleft  { width:700px; position:relative; float:left}
.twocolright  { width:220px; position:relative; float:right}

/* TABS */

ul.mainTabs { background: transparent url(/page/image/tabbing.png) repeat-x scroll 0 bottom;
              height: 31px; margin-bottom: 1em; overflow: hidden; width: auto; }
ul.mainTabs li { background: transparent url(/page/image/tabbing.png) no-repeat scroll 0 0;
                 float: left; height: 31px; overflow: hidden; }
ul.mainTabs li.active { background-position: 0 -80px;}
ul.mainTabs li a { background: transparent url(/page/image/tabbing.png) no-repeat scroll right -40px;
                   color: #666; display: block; font-size: 14px; height: 30px; padding: 5px 24px;
                   text-decoration: none; white-space: nowrap; _width:1%; _height:20px;}
ul.mainTabs li a * { color: #666666;}
ul.mainTabs li.active a { background-position: right -120px;}
ul.mainTabs li:hover,ul.mainTabs li.hover { background-position: 0 -80px;}
ul.mainTabs li:hover a,ul.mainTabs li.hover a { background-position: right -120px;}

/* TEASERENGINE */
/* TEASERENGINE POWERLAYER & PAGEPEEL */
#main .teaserengine-powerlayer {
    position:absolute;
    top:20px;
    right:0px;
    z-index:99999;
}
#main .teaserengine-pagepeel{
  left:0;
  top:30px;
  position:absolute;
  z-index:99999;
  overflow:hidden;
}
#main .teaserengine-powerlayer .powerlayer-element{
    position:absolute;
    top:0px;
    right:0px;
}
#main .teaserengine-pagepeel .pagepeel-element {
    z-index:8888;
    width:145px;
    height:145px;
    left:0;
    top:0;
}
#main .teaserengine-powerlayer .powerlayer-element {
    z-index:9999;
}
#main .teaserengine-pagepeel .pagepeel-element object,
#main .teaserengine-pagepeel .pagepeel-element img {
  position:absolute;
  left:0;
  top:0;
}

/* TEASERENGINE CLIPS */
#main .teaserengine-clips {
    width:940px;
    overflow:hidden;
    clear:both;
}
#teaserlist,
#main .teaserengine-clips ul {
  clear:both;
  margin-top:20px;
  overflow:hidden;
  width:980px;
}
.shop #main .teaserengine-clips ul {
   margin-top:0px;
}
.teaserbox,
#main .teaserengine-clips ul li {
  float:left;
  margin-right:20px;
  height:250px;
  overflow:hidden;
  width:220px;
}
.teaserbox h3,
#main .teaserengine-clips ul li h3 {
  font-size:13px;
}
.teaserbox h4,
#main .teaserengine-clips ul li h4 {
  border:solid #ccc;
  border-width:1px 0;
  color:#5c5c5c;
  font-size:12px; 
  line-height:17px;
  font-weight:normal; 
}
.teaserbox p,
#main .teaserengine-clips ul li p {
  font-size:12px; 
  line-height:17px;
}
#main .teaserengine-clips ul li h4 a,
#main .teaserengine-clips ul li p a,
#main .teaserengine-clips ul li h4 a *,
#main .teaserengine-clips ul li p a * {
    color:#666;
}

#main .teaserengine-clips .clip-element {position:relative;}

/* TEASERENGINE ADBAR */
#main .teaserengine-adbar {
    position:relative;
    height:170px;
    width:940px;
    clear:both;
}
#main .teaserengine-adbar button {
    position:absolute;
    top:0px;
    width:20px;
    height:170px;
    display:block;
    padding:0;
    margin:0;
    outline:0px;
    background:url(/page/image/adbarbuttons.gif) no-repeat;
    text-indent: -9999px;
}
#main .teaserengine-adbar button.forward {
    right:0;
    background-position:-32px -3px;
}
#main .teaserengine-adbar button.back {
    left:0;
    background-position:-4px -3px;
}
#main .teaserengine-adbar button.forward:hover,
#main .teaserengine-adbar button.forward-hover {
    background-position:-90px -3px;
}
#main .teaserengine-adbar button.back:hover,
#main .teaserengine-adbar button.back-hover {
    background-position:-62px -3px;
}
#main .teaserengine-adbar .no-caroussel button.forward {
    background-position:-148px -3px;
}
#main .teaserengine-adbar .no-caroussel button.back {
    background-position:-120px -3px;
}
#main .teaserengine-adbar .container {
  position:relative;
  width:900px;
  height:170px;
  overflow:hidden;
  margin:0 20px
}
#main .teaserengine-adbar ul {
  position:relative;
  width:903px;
}
#main .teaserengine-adbar li {
  position:relative;
  width:298px;
  height:170px;
  overflow:hidden;
  float:left;
  margin:0 3px 0 0;
}
#main .teaserengine-adbar li .text {
  position:absolute;
  bottom:0;
  left:0;
  height:70px;
  width:100%;
  overflow:hidden;
  background:url(/page/image/black50.png) repeat-x;
  z-index: 50;
}
#main .teaserengine-adbar li .text,
#main .teaserengine-adbar li .text * {
  color:#fff;
}
#main .teaserengine-adbar li .text h3,
#main .teaserengine-adbar li .text p {
  font-size:13px;
  line-height:16px;
  padding:0 8px;
}
#main .teaserengine-adbar li .text h3
{
  margin:5px 0;
}
/* TEASERENGINE INTRO */
div.intro dl {
    overflow:hidden;
    width:100%;
}
div.intro dl dt,
div.intro dl dd {
    float:left;
}
div.intro dl dt {
    clear:both;
    width:25%;
}
div.intro dl dd {
    width:70%;
    margin:0 0 0 2%;
}
div.intro-elements-control {
  position:relative;
  width:100%;
  /* height:250px; */
  margin-bottom:20px;
  overflow:hidden;
}
div.intro-elements-control ul,
div.intro-elements-control li  {
  margin:0px;
  padding:0px;
}
div.intro-elements-control .intro-elements-container {
  position:relative;
  width:100%;
  height:100%;
}
div.intro-elements-control .intro-elements-container .intro-element,
div.intro-elements-control .intro-elements-container li {
  position:absolute;
  width:100%;
  height:100%;
  top:0px;
  left:0px;
}
div.intro-elements-control .intro-elements-container li {
  display:block;
  margin-left:1000px;
}
div.intro-elements-control .intro-elements-container li.teaser_0 {
  display:block;
  margin-left:0px;
}
div.intro-elements-control .intro-elements-container .intro-element .addon-medium {
  position:absolute;
  bottom:10px;
  left:10px;
  z-Index:91;
}
div.intro-elements-control .intro-elements-container .intro-element .text {
  position:absolute;
  top:28px;
  left:28px;
  width:320px;
  height:194px;
  z-Index:89;
}
div.intro-elements-control .intro-elements-container .intro-element .with-addon {
  left:158px;
}
div.intro-elements-control .intro-elements-container .intro-element a {
  text-decoration:none !important;
}
div.intro-elements-control .intro-elements-container .intro-element .text h3,
div.intro-elements-control .intro-elements-container .intro-element .text p,
div.intro-elements-control .intro-elements-container .intro-element .text a.button {
  margin:0px 16px;
}
div.intro-elements-control .intro-elements-container .intro-element .text p,
div.intro-elements-control .intro-elements-container .intro-element .text a.button {
  font-weight:normal;
  font-size:15px;
}
div.intro-elements-control .intro-elements-container .intro-element .text a.button {
  position:absolute;
  right:16px;
  bottom:16px;
  margin:0px;
  color:#FFFFFF !important;
}
.eyecatcher-footnote {
  display:block;
  position:absolute;
  z-index:101;
}
.eyecatcher-footnote, .eyecatcher-footnote sup {
  color:#fff;
  font-size:10px;
  font-weight:bold;
}
.intro-element .eyecatcher-footnote, .intro-element .eyecatcher-footnote sup {
  font-size:12px;
}
div.intro-elements-control .intro-elements-container .intro-element .text h3 {
  font-size:18px;
  font-weight:bold;
  margin-top:16px;
}
div.intro-elements-control .intro-elements-container .intro-element .schwarz {
  background:url(/page/image/bg_layer_black_intro.png);
}
div.intro-elements-control .intro-elements-container .intro-element .schwarz a,
div.intro-elements-control .intro-elements-container .intro-element .schwarz a * {
  color:#fff !important;
}
div.intro-elements-control .intro-elements-container .intro-element .weiss {
  background:url(/page/image/bg_layer_white_intro.png);
}
div.intro-elements-control .intro-elements-container .intro-element .weiss a,
div.intro-elements-control .intro-elements-container .intro-element .weiss a * {
  color:#000 !important;
}
div.intro-elements-control .intro-paging {
  position:absolute;
  bottom:4px;
  right:4px;
  z-index:99;
  width:auto;
  height:auto;
}
div.intro-elements-control .intro-paging ul li {
  display:block;
  width:auto;
  height:auto;
  float:left;
  margin:0px;
}
div.intro-elements-control .intro-paging ul li a {
  display:block;
  width:33px;
  height:33px;
  line-height:33px;
  text-align:center;
  color:#000;
  font-size:12px;
  font-weight:bold;
  cursor:pointer;
  background:url(/page/image/introNavigation.png) no-repeat;
  background-position:-51px 0px;
}
div.intro-elements-control .intro-paging ul li a.teaserlink_prev {
  background-position:0px 0px;
}
div.intro-elements-control .intro-paging ul li a.teaserlink_next {
  background-position:-100px 0px;
}
div.intro-elements-control .intro-paging ul li a.teaserlink_next:hover {
  background-position:-100px -50px;
}
div.intro-elements-control .intro-paging ul li a.teaserlink_prev:hover {
  background-position:0px -50px;
}
div.intro-elements-control .intro-paging ul li a:hover {
  text-decoration:none;
}
div.intro-elements-control .intro-paging ul li.active a,
div.intro-elements-control .intro-paging ul li a:hover  {
  color:#fff !important;
  background-position:-51px -50px;
}

/* STYLE BUTTON für a href im fieldset z.B. am Ende von Formularen */

fieldset.buttons {
      background: url(/page/image/horizontalBg.png) repeat-x scroll 0 -130px #5C5C5C;
      color: #FFFFFF; height: 45px; padding: 0;  position: relative; width: 100%;}

a.button { background: #83B324 url(/page/image/horizontalBg.png) repeat-x scroll 0 -70px;
      border: 1px solid #ffffff; color: #ffffff; display: block; font-weight: bold;
      font-size: 13px; position: relative; width: 100%; z-index: 8; height: 26px;
      line-height: 26px; margin: 0; padding: 0 10px; text-align: center; }

a.button.small { background: #83B324 url(/page/image/horizontalBg.png) repeat-x scroll 0 -70px; }
a.button.right { float: right; margin: 8px 20px 0 0;}
a.button.left { background-position: 0 0; float: left; height: 20px; line-height: 20px; margin: 12px 0px 0 20px; }

/* FORMS */

fieldset.form{ list-style: none; border-top: 2px solid #CCCCCC !important; border-bottom: 0px; border-left: 0px; border-right: 0px; }
fieldset.buttons {
    background:#5C5C5C url(/page/image/horizontalBg.png) repeat-x scroll 0 -137px;
    padding: 0px 0px 0px 0px; !important; border: 0px; margin: 0px !important; color:#FFFFFF; }

input.button {
    background: #83B324 url(/page/image/horizontalBg.png) repeat-x scroll 0 -70px;
    border: 1px solid #ffffff; color: #ffffff; display: block; font-weight: bold;
    font-size: 13px; position: relative; width: 100%; z-index: 8;
    height: 26px; margin: 0; padding: 0 10px; text-align: center; }

input.button.right { float: right; margin: 8px 20px 0 0;}
.placeholder { height: 40px; -height: 0px;}
input.submit { background:#83B324 url(/page/image/horizontalBg.png) repeat-x scroll 0 -70px; color:#FFFFFF; }
div.error { background-image:url(/page/image/dialog_warning.png); -background-image:none; background-repeat:no-repeat; padding-left:30px; }
.error, .error * { color:#CC0000; }
input.error { color: #000000; background-color: #CC8888; }
.input_div { width: 800px; padding-bottom: 5px; height: 20px; position: relative; }
.input_div.secure_img { padding-bottom: 10px; }

/* TOOLTIP */

.tooltips { width: 250px; position: absolute; top: 20px; left: 600px; z-index: 10; background-color: #FFFFFF; padding: 5px;}
.tooltip_ie6 {-border: 1px solid #000000; }

/* SHADOW */

.shadow {
  height:100%;
  width:100%;
  z-index:100;
}
.shadow span,
.tight .shadow span {
  background:transparent url(/page/image/shadowBorder_H.png) no-repeat;
  display:block;
  position:absolute;
  height:8px;
  width:8px;
}
.tight .shadow span {
  height:4px;
  width:4px;
}
.shadow .TL {
  background-position:0 0;
  left:-8px; top:-8px;
}
.tight .shadow .TL {
  left:-4px; top:-4px;
}
.shadow .TR {
  background-position:0 -10px;
  right:-8px; top:-8px;
}
.tight .shadow .TR {
  background-position:-4px -10px;
  right:-4px; top:-4px;
}
.shadow .BL {
  background-position:0 -20px;
  left:-8px; bottom:-8px;
}
.tight .shadow .BL {
  background-position:0px -24px;
  left:-4px; bottom:-4px;
}
.shadow .BR {
  background-position:0 -30px;
  right:-8px; bottom:-8px;
}
.tight .shadow .BR {
  background-position:-4px -34px;
  right:-4px; bottom:-4px;
}
.shadow .Top,
.tight .shadow .Top {
  background-position:0 -40px;
  background-repeat:repeat-x;
  left:0; top:-8px;
  width:100%;
}
.tight .shadow .Top {
    left:0; top:-4px;
}
.shadow .Bottom,
.tight .shadow .Bottom {
  background-position:0 -50px;
  background-repeat:repeat-x;
  left:0; bottom:-8px;
  width:100%;
}
.tight .shadow .Bottom {
  background-position:0 -54px;
  left:0; bottom:-4px;
}
.shadow .Left,
.shadow .Right,
.tight .shadow .Left,
.tight .shadow .Right {
  background:transparent url(/page/image/shadowBorder_V.png) repeat-y;
  top:0; height:100%;
}
.shadow .Left {
  background-position:0 0;
  left:-8px;
}
.tight .shadow .Left {
  left:-4px;
}
.shadow .Right {
  background-position:-10px 0;
  right:-8px;
}
.tight .shadow .Right {
  background-position:-14px 0;
  right:-4px;
}

/* SUGGEST */

div.suggestions {
    background-color:#FFFFFF;
    border:1px solid;
    right:10px;
    padding:5px 10px;
    position:absolute;
    top:37px;
    width:350px;
    z-index:2;
    display: none;
} 

.suggestions h3 {
    border-bottom:1px solid black;
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
    font-weight: bold;
    margin-bottom:10px;
    clear: left;
}
.suggestions ul.horizontal li {
    float: left;
    display: block;
    text-align: center;
    margin: 0px 0px 10px 0px;
    padding: 5px;
    width: 75px;
    white-space: nowrap;
}
.suggestions div.img {
    height: 65px;
}
.suggestions div.img img {
    max-height: 60px;
    vertical-align: middle;
}
.suggestions li {
    font-size: 11px;
    font-width: bold;
    line-height: 13px;
    margin-bottom: 5px;
}
.suggestions li.active {
    background-color: #D7E6B8;
}


/* SIDEBAR */

/* FOOTER */
#footer { margin-top:20px; color:#666; font-size:11px; line-height:17px;}
#footer * { color:inherit;}
#footnotes { margin:25px 0 25px 0; color:#21314D; font-size:11px; line-height:13px;}
