* { margin: 0; padding: 0;}
body { text-align: center; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 75%; background: #999;}
h1, h2, h3, h4, h5, h6,  .home { font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;}
h3{font-size:16px;color:#033F85}
h3.green{font-size:16px;color:#89ba2d}
h4 { color: #000; font-size: 105%; margin: 0 0 1em 0; font-weight: normal;}
h4 a, h4 span { background: #ffcc00; padding: 0.2em 0.5em; font-weight: bold; text-decoration: none; color: #000;}
h4 a:hover { text-decoration: underline;}
a img {border: none;}
a {color: #000;}
a:hover{	text-decoration:none}


#center { position: relative; }
#headrcenter img { position: absolute; left: 870px; top: 225px; z-index: 999; }
/* general */
.cleaner { clear: both; height: 1px; overflow: hidden; line-height: 1px; visibility: hidden;}
hr.cleaner { height: 20px;}
.floatl { float: left; }
#center { width: 990px; text-align: left; margin: 0 auto; background: #fff; padding-top: 20px;}
#headrcenter{width:990px;text-align:center;margin-top:5px}
.pages {width: 156px; margin: 1em auto; text-align: center;}
.pagesref {width: 120px; margin: 0px 10px 0px 800px; text-align: right;}
.less, .more { position:relative;top:6px;}

.back { background: url(../img/less.gif) no-repeat;float: left; width: 23px; height: 21px;}
.back span {display: none;}

.myblock ul li a {background-image:no-repeat;}
.myblock span.date{display:none}

.myblockmenu ul li a {color:red;background-image: none;display:none}



/* header */
#header { background: url(../img/header.jpg) no-repeat; height: 200px;}
#header h1 { position: relative; width: 550px; height: 80px; overflow: hidden; color: #333366; float: left; cursor: pointer;}
#header h1 span { display: block; position: absolute; left: 0; top: 0; width: 550px; height: 80px; background: url(../img/logo.gif) no-repeat; }
#promo { float: right; width: 300px;}
#promo h2, #promo h3 { margin: 0 30px;  }
#promo h2 { color: #336; font-size: 24px; height: 97px;}
#promo h3 { font-size: 95%; position: relative; top: 10px; }
#promo h4 { font-size: 16px; font-weight:bold; text-transform:  uppercase;color:#D80C13; position: relative; top: 20px; left:80px }
#promo h6 { font-size: 12px; color:#033F85; position:relative;left:80px;width:220px; top:5px; font-weight: normal;}
#promo img.title{margin:12px 0px 0px 20px}
#promo img.lang{margin:50px 0px 0px 230px}
#motto { clear: left; padding: 28px 0 0 28px;}
#motto h1 { font-size:20px; width: 550px; height: 90px; background: #ffcc00; font-weight: bold;color:#033F85;}

/* main menu */
#menu { float: left; width: 100%; background: #ffcc00 url(../img/menu.gif) repeat-x bottom; list-style: none; margin-top: 20px; }
#menu a {display: block; padding: 0 5px 27px 0; color: #000; text-decoration: none; line-height: 20px; }
#menu a:hover {background: url(../img/over.gif) no-repeat bottom right;}
#menu .current a:hover, .home #menu a:hover {background-image: none;}
#menu a img {display: block;}
#menu li {float: left; border-right: 1px solid #fff; width: 255px; text-align: right; position: relative; overflow: hidden;}
#menu li span {position: absolute; left: 0; top: 0; width: 255px; height: 22px; z-index: 1; cursor: pointer;}
#menu li.current {position: relative; top: 0px; background: url(../img/current.gif) no-repeat bottom right;}
#menu #item2de, #menu #item2deon { background-color: #ea570a;}
#menu #item1de, #menu #item1deon { background-color: #89ba2d;}
#menu #item3de, #menu #item3deon { background-color: #6697d1;}
#menu #item2de span { background: url(../img/menu_newsde.gif) no-repeat top right;}
#menu #item1de span { background: url(../img/menu_referde.gif) no-repeat top right;}
#menu #item3de span { background: url(../img/menu_aboutde.gif) no-repeat top right;}
#menu #item2deon span { background: url(../img/menu_newsde_on.gif) no-repeat top right;}
#menu #item1deon span { background: url(../img/menu_referde_on.gif) no-repeat top right;}
#menu #item3deon span { background: url(../img/menu_aboutde_on.gif) no-repeat top right;}

#menu #item1en, #menu #item1enon { background-color: #89ba2d;}
#menu #item2en, #menu #item2enon { background-color: #ea570a;}
#menu #item3en, #menu #item3enon { background-color: #6697d1;}
#menu #item1en span { background: url(../img/menu_referen.gif) no-repeat top right;}
#menu #item2en span { background: url(../img/menu_newsen.gif) no-repeat top right;}
#menu #item3en span { background: url(../img/menu_abouten.gif) no-repeat top right;}
#menu #item1enon span { background: url(../img/menu_referen_on.gif) no-repeat top right;}
#menu #item2enon span { background: url(../img/menu_newsen_on.gif) no-repeat top right;}
#menu #item3enon span { background: url(../img/menu_abouten_on.gif) no-repeat top right;}

/*homepage.tpl */
#home {margin:0px 0px 0px 0px;background-color:#fff;padding-left:25px}/*F6F8F3*/
#home img {	padding-left:15px}


/* article.tpl */
.articlelist{float:left}
.art {color: #666; font-size: 95%; width:330px;float:left;margin:0px 5px 0px 5px;overflow:hidden}
.artdetail {	margin:0px 10px 0px 20px}
.art { margin-bottom: 1em;}
.art .artphoto  { width: 80px; float: left; overflow: hidden;}
.art .arttextnoimage { margin-left:10px  }
.art .arttext { margin-left:90px }
.artdetail .artphoto { float: left; padding: 0 20px 0 0;}
.artdetail .articletext { margin: 0 10px 0 20px; }
.artdetail .articlephoto  { float: left; overflow: hidden;}

.article .content {margin-left: 297px; color: #666; font-size: 95%; }
.article .submenu { background: #F26123; width: 300px; _margin-right: -3px; /* IE float bug */}



/* sectionarticles.tpl */
.section .content {margin-left: 240px; color: #666; font-size: 95%; }
.section .content .sectiontext{margin-right: 20px;}
.section .submenu { background: #6697d1;  width: 180px;}



/* reference.tpl */
.refer { font-size: 95%;}
.refer .detail { margin-left: 297px; border-top: 1px solid #e9e8e7;}
.refer .submenu { background: #89ba2d; width: 300px; _margin-right: -3px; /* IE float bug */}
/* refer detail */
.refer dl { width: 160px; float: right;background-color:red}
.refer dt, .refer strong { font-weight: bold; margin-top: 26px; color: #555; display: block;}
.refer .descr { margin-left:5px; width:650px;  overflow: hidden;}
.refer .text { margin-bottom: 1em; padding-right: 20px; color: #555;}
.refer .image {padding-right:10px;}
.refer .image img {float: left;}
.refer .title { width: 285px;}
.refer .img {	text-align: center;float:left;margin-right:10px;min-width:285px;_width:285px}
.refer .title .back {font-size: 80%; font-weight: normal; line-height: 18px; padding-left: 25px;}
.refer h4 { text-align: right; background: #ffcc00; font-size: 130%; font-weight: bold; padding: 2px 1em 0 2px; line-height: 24px; }
/* refer list*/

#strip { overflow: auto;height: 292px; width: 690px;  }
#strip table {border-collapse: collapse;}
#strip td {text-align: center; padding: 5px 1px;border-top:1px solid #e9e8e7;border-bottom:1px solid #e9e8e7}
#strip img {	display: block;}


/* submenu */
.submenu {height: 275px; float: left; position: relative;}
.gfx a { font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; font-size: 127%; font-weight: bold; color: #555; text-decoration: none; }
.gfx a:hover { color: #fff;}
.gfx a.on { font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; font-size: 127%; font-weight: bold; color: ffff; text-decoration: none; }
.gfx { height: 250px; width: 170px; }
.gfx ul { list-style: none; padding: 10px 0 0 10px; }
.gfx li a { padding: 2px 5px 2px 25px; display: block; _height:1%;}
.gfx li.current {background: url(http://www.target-trading.de/front/img/current_submenu.gif) no-repeat top left;}
.gfx li a:hover {background: url(http://www.target-trading.de/front/img/over_submenu.gif) no-repeat top left;}
.gfx a img {border: none;}

.txt {background: #95c142; height: 275px;overflow: auto; position: absolute; left: 170px; top: 0; width: 130px; border-left: 1px solid #fff; }
.txt ul { padding: 5px 8px 5px 8px; list-style: none;}
.txt li {line-height: 120%;_line-height: 100%;margin-bottom:10px;_margin-bottom:0px}
.txt li a { border-left: 1px solid #000; padding-left: 3px; color: #fff; text-decoration: none; font-size: 85%;display:block;}
.txt li a:hover { color: #555;}

.txt2 {background: #F7976E;height: 275px;overflow: auto; position: absolute; left: 170px; top: 0; width: 130px; border-left: 1px solid #fff; }
.txt2 ul { padding: 5px 8px 5px 8px; list-style: none;}
.txt2 li {line-height: 120%;_line-height: 100%;margin-bottom:10px;_margin-bottom:0px}
.txt2 li a { border-left: 1px solid #000; padding-left: 3px; color: #fff; text-decoration: none; font-size: 85%;display:block;}
.txt2 li a:hover { color: #555;}


/* footer */
#footer {color: #ccc; font-size: 80%; padding: 5px 5px 20px 5px; margin: 0 20px; border-top: 1px solid #c3c3c3; width:940px }
#footer a { color: #999999; text-decoration: none;}

#lang {	text-align:right;padding-right:10px}
#lang a { font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; font-size: 110%; font-weight: bold; color: #555; text-decoration: none; }
.home #menu { width:auto; float: right; margin-top: 33px; background: none;}
.home #menu a {padding-bottom: 15px; border-bottom: 10px solid #fff;}
.home #item1de, .home #item2de, .home #item3de {width: 120px; margin-right: 40px; display: inline;}
.home #item1en, .home #item2en, .home #item3en {width: 120px; margin-right: 40px; display: inline;}
.home #menu span {width: 120px;}
.home #menu ul li {text-align: left; background: #fff;}
.home #menu ul a { padding: 0; border: none; font-size: 95%; margin-right: 140px; }
.home #item1de ul a, .home #item3de ul a { padding-left: 25px; background: url(../img/over_submenu.gif) no-repeat 0px 1px; line-height: 24px; }
.home #item1de ul a:hover {background: url(../img/news_on.gif) no-repeat 0px 1px;}
.home #item3de ul a:hover {background: url(../img/about_on.gif) no-repeat 0px 1px;}

.home #item2de ul.sub li span {	display:none}
.home #item2de ul.sub li a { font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; font-size: 136%; font-weight: bold; color: #555; text-decoration: none; }
.home #item2de ul.sub li a:hover { text-decoration:underline}
.home #item3de ul.sub li span {	display:none}
.home #item3de ul.sub li a { font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; font-size: 136%; font-weight: bold; color: #555; text-decoration: none; }
.home #item3de ul.sub li a:hover { text-decoration:underline}

.home #item1en ul a, .home #item3en ul a { padding-left: 25px; background: url(../img/over_submenu.gif) no-repeat 0px 1px; line-height: 24px; }
.home #item1en ul a:hover {background: url(../img/news_on.gif) no-repeat 0px 1px;}
.home #item3en ul a:hover {background: url(../img/about_on.gif) no-repeat 0px 1px;}
.home #item2en ul.sub li span {	display:none}
.home #item2en ul.sub li a { font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; font-size: 136%; font-weight: bold; color: #555; text-decoration: none; }
.home #item2en ul.sub li a:hover { text-decoration:underline}
.home #item3en ul.sub li span {	display:none}
.home #item3en ul.sub li a { font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; font-size: 136%; font-weight: bold; color: #555; text-decoration: none; }
.home #item3en ul.sub li a:hover { text-decoration:underline}


.home #content {background: url(../img/home.jpg) no-repeat top left;height: 400px; padding: 0 0 0 30px;}
.home #content p { width: 230px; position: relative; top: 70px; color: #000; background: #fec02e;}