@CHARSET "UTF-8";

/*

 Style Index

 $0  - Imported Styles
 $1  - Common Elements
 $2  - Container
 $3  - Navigation
 $4  - ttnews
*/

/* $0 - Imported Styles //////////////////////////////////////////////////////*/

@import url(reset.css);

/* $1 - Common Elements //////////////////////////////////////////////////////*/

html, body
{
	background:url(../images/body_bg.gif);
  font-family:Arial, sans-serif;
  font-size:12px;
  text-align:center;
}

br.clear
{
  clear:both;
  font-size:0px;
  height:0px;
  line-height:0px;
  visibility:hidden;
  margin:0px;
  padding:0px;
  width:0px;
}

a
{
  color:#8cbd48;
  font-weight:bold;
  text-decoration:none;
}

span.title
{
  color:#8cbd48;
  font-size:16px;
  font-weight:bold;
}

h1
{
  color:#8cbd48;
  font-size:16px;
  font-weight:bold;
  margin-bottom:15px;
}

h3
{
  color:#000000;
  font-size:14px;
  font-style:italic;
  margin-bottom:5px;
}

p
{
  line-height:19px;
  margin:5px 0px 10px 0px;
}

#content a
{
  color:#8cbd48;
  font-weight:bold;
}

#content ul
{
  margin-left:10px;
}

#content li
{
  background:url(../images/bg_li.gif) no-repeat left 4px;
  padding-left:25px;
}

/* $2 - Container ////////////////////////////////////////////////////////////*/
#total_page
{
  background:url(../images/header.jpg) no-repeat 50% 0;
}

#topSite
{
  Xbackground:url(../images/bg_whitegreen.gif) repeat-x;
  height:488px;
}

#header
{
  height:214px;
}

#background
{
  height:274px;
  margin:0px auto;
  width:1060px;
}

#mainNaviContainer
{
  margin:0px auto;
  height:214px;
  position:relative;
  width:1024px;
}

#mainNavi
{
  text-align:left;
	left:0px;
  position:absolute;
  bottom:0px;
}

#logo
{
	right:19px;
  position:absolute;
  top:74px;
}

#content
{
  background:url(../images/bg_content.gif) repeat-y;
  width:1068px;
  margin:0px auto;
  text-align:left;
}

#content_left
{
  float:left;
  padding:45px 10px 10px 83px;
  width:655px;
}*html #content_left {
  width:748px;
}

#content_right
{
  float:left;
  padding:45px 35px 10px 30px;
  width:255px;
}*html #content_right {
  width:320px;
}

#footer
{
  background:url(../images/footer.jpg);
  width:1068px;
  height:69px;
  margin:0px auto;
  position:relative;
}

#footerNavi
{
	right:36px;
  position:absolute;
  top:27px;
}

/* $3 - Navigation ///////////////////////////////////////////////////////////*/
ul.mainNavigation
{
  font-size:14px;
	height:22px;
}

ul.mainNavigation li
{
  display:inline;
  float:left;
  position:relative;
}

ul.mainNavigation li a
{
  background:url(../images/headerNavi.jpg) repeat-y;
  color:#000000;
  float:left;
  font-weight:bold;
  height:16px;
  padding:3px 30px 3px 30px;
}

ul.mainNavigation li.menuitem39 a
{
  background:url(../images/headerNavi.jpg) repeat-y;
  color:#000000;
  float:left;
  font-weight:bold;
  height:16px;
  padding:3px 56px 3px 56px;
}

ul.mainNavigation li.menuitem39 a:hover
{
  background:#dfebd3 url(../images/headerNaviActive.jpg) repeat-y;
  float:left;
  font-weight:bold;
  padding:3px 56px 3px 56px;
}

ul.mainNavigation li a:hover
{
  background:#dfebd3 url(../images/headerNaviActive.jpg) repeat-y;
  float:left;
  font-weight:bold;
  padding:3px 30px 3px 30px;
}

ul.mainNavigation li.menuitem39active a
{
  background:#dfebd3 url(../images/headerNaviActive.jpg) repeat-y;
  float:left;
  font-weight:bold;
  padding:3px 56px 3px 56px;
}

ul.mainNavigation li.menuitem41active a,
ul.mainNavigation li.menuitem40active a,
ul.mainNavigation li.menuitem38active a,
ul.mainNavigation li.menuitem37active a
{
  background:#dfebd3 url(../images/headerNaviActive.jpg) repeat-y;
  float:left;
  font-weight:bold;
  padding:3px 30px 3px 30px;
}

/*2.ebene*/
ul.mainNavigation li ul
{
  display:none;
}

ul.mainNavigation li.menuitem41active ul,
ul.mainNavigation li.menuitem40active ul,
ul.mainNavigation li.menuitem39active ul,
ul.mainNavigation li.menuitem38active ul,
ul.mainNavigation li.menuitem37active ul,
{
  display:block;
}

ul.mainNavigation li:hover ul,
ul.mainNavigation li.menuitem41active ul,
ul.mainNavigation li.menuitem40active ul,
ul.mainNavigation li.menuitem39active ul,
ul.mainNavigation li.menuitem38active ul,
ul.mainNavigation li.menuitem37active ul
{
  background:transparent url(../images/naviArrow.gif) no-repeat left 8px;
  display:block;
	height:75px;
  left:15px;
  position:absolute;
  top:-75px;
  width:200px;
}

ul.mainNavigation li:hover ul li a,
ul.mainNavigation li.menuitem41active ul li a,
ul.mainNavigation li.menuitem40active ul li a,
ul.mainNavigation li.menuitem39active ul li a,
ul.mainNavigation li.menuitem38active ul li a,
ul.mainNavigation li.menuitem37active ul li a
{
  background:url(../images/bg_li.gif) no-repeat 2px 4px;
  font-weight:normal;
  padding:0px 0px 0px 30px;
  width:200px;
}

ul.mainNavigation li:hover ul li.active a,
ul.mainNavigation li.menuitem41active ul li.active a,
ul.mainNavigation li.menuitem40active ul li.active a,
ul.mainNavigation li.menuitem39active ul li.active a,
ul.mainNavigation li.menuitem38active ul li.active a,
ul.mainNavigation li.menuitem37active ul li.active a
{
  background:none;
  color:#8cbd48;
  font-weight:normal;
  padding:0px 0px 0px 30px;
  width:200px;
}

ul.mainNavigation li:hover ul li a:hover,
ul.mainNavigation li:hover ul li.active a,
ul.mainNavigation li:hover ul li.active a:hover,
ul.mainNavigation li.menuitem41active ul li a:hover,
ul.mainNavigation li.menuitem41active ul li.active a,
ul.mainNavigation li.menuitem41active ul li.active a:hover,
ul.mainNavigation li.menuitem40active ul li a:hover,
ul.mainNavigation li.menuitem40active ul li.active a,
ul.mainNavigation li.menuitem40active ul li.active a:hover,
ul.mainNavigation li.menuitem39active ul li a:hover,
ul.mainNavigation li.menuitem39active ul li.active a,
ul.mainNavigation li.menuitem39active ul li.active a:hover,
ul.mainNavigation li.menuitem38active ul li a:hover,
ul.mainNavigation li.menuitem38active ul li.active a,
ul.mainNavigation li.menuitem38active ul li.active a:hover,
ul.mainNavigation li.menuitem37active ul li a:hover,
ul.mainNavigation li.menuitem37active ul li.active a,
ul.mainNavigation li.menuitem37active ul li.active a:hover,
ul.mainNavigation li ul li a:hover
{
  background:url(../images/bg_li_aktiv.gif) no-repeat 2px 4px;
  color:#8CBD48;
  font-weight:normal;
  padding:0px 0px 0px 30px;
}
/*IE6 hacks start*/
*html ul.mainNavigation li.menuitem39active a:hover
{
  padding:3px 56px 3px 56px;
}

*html ul.mainNavigation li.menuitem39 ul li a:hover,
*html ul.mainNavigation li.menuitem39 ul li.active a,
*html ul.mainNavigation li.menuitem39 ul li.active a:hover,
{
  background:url(../images/bg_li_aktiv.gif) no-repeat 2px 4px;
  color:#8CBD48;
  font-weight:normal;
  padding:0px 0px 0px 30px;
}
/*IE6 hacks end*/

/*footer navigation*/
ul.footerNavigation li
{
  display:inline;
}

ul.footerNavigation li a
{
  color:#88888a;
  font-weight:normal;
  padding-left:6px;
}

/* $4 - ttnews ///////////////////////////////////////////////////////////////*/

.news-single-date
{
  float:right;
  width:200px;
}

.news-single-title
{
  float:left;
  width:455px;
}

.news-list-item
{
  border-bottom:1px dashed #cccccc;
  padding:5px 0px 10px 0px;
}

.news-list-browse p
{
  margin:0px;
}

.tx-ttnews-browsebox td
{
  padding:0px 5px;
}/* CSS Document */
