html { width: 100%; height: 100%; }

body { margin: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333; text-align: left; line-height: 1.5em; background-color: #f3f5f8;  }

img { border: 0; }
a:link, a:visited { color: #486d92; text-decoration: none; }
a:hover, a:active, .activ { color: #003366; font-weight: bold; }

h1 { font-size: 16px; margin: 0px; color: #003366;}
h2 { font-size: 14px; margin-top: 0px; }
/*h3 { color: #8e9b1e; }
h4 { color: #003366; }  */

hr { clear: left; margin-bottom: 15px; }

li { margin-left: 0px; }

.str { font-weight: bold; }

#wrapper { width: 100%; height: 100%; border: 0px dashed #000;}
#main {width: 990px; height: 600px; margin: 0 auto; padding-bottom: 10px; }

#left { float: left; width: 300px; height: 569px; margin-top: 0px; padding: 0px; border-bottom: 1px solid #ccc; }
#right { float: left; width: 690px; height: auto; min-height: 515px; margin: 0px; border-bottom: 1px solid #ccc; }

#topmenu { float: left; width: 515px; height: 110px; padding: 55px 0px 0px 170px; background-color: #f3f5f8; }
#content { float: left; width: 515px; height: 404px; margin: 0px; padding: 0px 0px 0px 170px; overflow: hidden; }
#content_home, #content_ref { float: left; width: 515px; height: 301px; margin: 0px; padding: 103px 0px 0px 170px; }
#content_home { background-image: url('images/home_hgr.jpg'); background-repeat: no-repeat;}
#content_ref { background-image: url('images/refer_hgr.jpg'); background-repeat: no-repeat; }
#content_imp { float: left; width: 505px; height: 349px; margin: 0px; padding: 55px 0px 0px 170px; }
#content_sim { float: left; width: 460px; height: 404px; margin: 0px; padding: 0px 0px 0px 170px; }
.cont_img, .cont_text, .cont_text_big, .cont_img_big, .cont_img_spez, .cont_text_spez   { float: left; margin: 0px; padding: 0px; }
.cont_img, .cont_img_big, .cont_img_spez { width: 220px; }
.cont_text, .cont_text_big, .cont_text_spez { width: 250px; }
.cont_img, .cont_text  { height: 184px; }
.cont_img_big, .cont_text_big { height: 340px; }
.cont_img_spez, .cont_text_spez { height: 230px; }

#logo { float: left; width: 300px; height: 155px; margin-left: 0px; margin-top: 68px; background-image: url('images/logo_db.jpg'); background-repeat: no-repeat; }
#contleft { float: left; width: 300px; height: 200px; margin-left: 0px; margin-top: 87px; font-size: 14px; line-height: 2.0em; color: #486d92; text-align: right; }

.menk { float: left; width: 87px; }
.menl { float: left; width: 131px; }

.refer { padding: 0px 10px 20px 0px; }
.imgl { float:right; width: auto; margin-top: 0px; margin-left:20px; margin-bottom:17px; border:0;}
.imgr { float:left; width: auto; margin-top: 0px; margin-right:20px; margin-bottom:17px; border:0;}

#powered_by, #my_slogan  {float: left; height: 30px; font-size: 10px; margin-top: 8px; }
#powered_by { width: 300px; text-align: right; }
#my_slogan { width: 300px; padding-left: 170px; color: #003366; }

#eMag, #eMagSlider { width: 900px; height: 700px; top:0px; background-color: #f3f5f8; }
#eMagSlider { position: absolute; left: -930px; top:0px; background-color: #f3f5f8; z-index: 300; }

.myslide { float:left; position:relative; width: 500px; height: 375px; top: -10px; left: 0px; padding: 0px; font-size: 12px; font-weight: normal; color: #333; }
.sm {list-style:none; width: 500px; height:350px; display:block;  padding: 0px; overflow:hidden; }
.sm li {float:left; display:inline; overflow:hidden}
.myslide1, .myslide2, .myslide3, .myslide4, .myslide5, .myslide6, .myslide7, .myslide8 { width: 460px; height:322px; padding: 20px; background-color: #e7ebf1; }
.myslide1 { border-top: 23px solid #003366; }
.myslide2 { border-top: 23px solid #184674; }
.myslide3 { border-top: 23px solid #315a83; }
.myslide4 { border-top: 23px solid #486d92; }
.myslide5 { border-top: 23px solid #6181A0; }
.myslide6 { border-top: 23px solid #7994af; }
.myslide7 { border-top: 23px solid #92a7be; }
.myslide8 { border-top: 20px solid #aabacc; }

#Carousel { float:left; position:relative; width: 450px; height: 125px; left: 0px; margin-top: 20px; }

/* css for scrollbar website */
#scroll-pane { float:left;overflow: auto; width: 510px; height:340px; position:relative; margin:0px; display:inline;}
#scroll-content { position:absolute; top:0; left:0 padding-right: 15px; }

#slider-wrap{ float:left; background-color:#aabacc; width: 12px; }
#slider-vertical {position:relative; height:100%;}
.ui-slider-handle{ width:12px; height:10px; margin:0 auto; background-color: #003366; display:block; position:absolute; }
.ui-slider-range{ position:absolute; width:100%; }


#footerwrap { position: fixed; width:100%; height:10px; bottom:0; z-index: 200; background-color: #003366; }
.footer { width: 990px; margin: 0 auto; }
.footerR, .footerG, .footerB { float:left; width: 310px; height:10px; padding-right: 20px; }
.footerR { background-color: #ab3c0b; }
.footerG { background-color: #d69500; }
.footerB { background-color: #8e9b1e; }