body 
{
 font-family:Verdana;
/* font-size:0.8em;*/
/* background-image: url("hg_100_2.gif");*/
 background-color:#002677;
/* background-color:#bdbec6;*/
 text-align:center;
 margin:30px 0px 20px 0px;
}

.bodytext {
font-size: 0.8em;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #002677;
}

.footlinemenu			{ color: #aaa; font-size: 0.7em; font-family: Verdana, Arial, Helvetica, sans-serif}
a.footlinemenu:link		{ color: #aaa; text-decoration: none }
a.footlinemenu:hover		{ background-color:#aaa; color: #ccc; text-decoration: underline }
a.footlinemenu:active		{ color: #aaa; text-decoration: none }
a.footlinemenu:visited		{ color: #aaa; text-decoration: none }
a.footlinemenu:visited:hover	{ background-color:#ccc; color: #0066CC; text-decoration: underline }

.csc-uploads-description {
/*font-size: 0.8em;*/
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000;
}

.csc-uploads-fileName {
font-size: 0.8em;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000;
}

.csc-uploads-icon {
  vertical-align: text-top;
}

a:link {
color: #000;
}

.csc-uploads-fileSize {
width:50px;
text-align:right;
vertical-align: text-top;
margin: 0px 0px 0px 10px;
/*  padding: 0px 0px 150px 0px;*/
font-size: 0.7em;
font-style: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #000;
}

.csc-llinkToTop a {
font-size: 0.7em;
color: #000;
text-decoration: none;
}

.csc-textpic-caption {
font-size: 0.7em;
color: #002677;
font-weight: bold;
}


h1 { 
text-decoration: none;
font-size: 1.0em;
font-style: normal;
font-weight: 600;
font-variant: normal;
text-transform: none;
color: #002677;
}

.red {
color: #FF0000;
}

.blau {
color: #0066CC;
}

h2 { 
text-decoration: none;
font-size: 0.85em;
font-style: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #0066CC;
line-height: 1.5em;
}

h3 { 
text-decoration: none;
font-size: 0.9em;
font-style: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #FF0000;
}

ul {
         text-decoration: none;
         color: #ccc;
}


li {
background-image: url(dot.gif);
background-repeat: no-repeat;
background-position: 0.2em;
font-size: 0.8em;
padding-left: 2em;
/*
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;*/
color: #002677;
}



/*
h1 {font-size:18px;color:#000000;margin-bottom:0px;}
h2 {font-size:16px;color:#000000;}
h3 {font-size:14px;color:#000000;}
*/

code {font-size:14px;color:#0000ff;}
pre
{
 font-size:14px;
 color:#0000ff;
 padding:5px;
}

a:link, a:visited, a:active, a:hover{
  text-decoration: none;
/*  font-weight: normal;*/
  color: #ff0000;
}

a:active, a:hover
{ 
  color:#ff0000;
}

a:hover {
  font-weight: bold;
}

#title {
height:100px;
width:100%;
padding:0px;
/*background-color:#fff;*/
/*border-bottom:1px solid #0066CC;*/
/*border-bottom:5px solid #000;*/
/*display: block;*/
}

#title2 {
height: 25px;
width: 100%;
padding:0px;
background: url(kopfstreifen.jpg) no-repeat;
text-decoration: none;
font-size: 1.1em;
/*font-style: normal;*/
font-weight: bolder;
/*font-variant: normal;*/
/*text-transform: none;*/
color: #002677;
float:left;
text-align:right;
}


#left {
/*background-color:#ccc;*/
/*background-color:#bdbec6;*/
width:160px;
height:100%;
/*margin-top: 15px;*/
float:left;
}

#content {
/*border:1px solid #efeff7;*/
/*background-color:#efeff7;*/
background-color: transparent;
/*background-color:#ddd;*/
width:585px;
/*width:485px;*/
/*float: right;*/
float: left;
padding:0px 0px 0px 0px;
/*margin-top: 15px;*/
margin-left: 10px;
min-height: 350px;
}


#footline {
text-align: center;
/*border:1px solid #fff;*/
background-color: transparent;
width:760px;
padding:0px 0px;
margin-top: 2px;
/*padding:0px 0px 0px 0px;*/
}


#copyright {
text-align: center;
/*border:1px solid #fff;*/
background-color: transparent;
width: 100%;
padding:0px 0px;
margin-top: 2px;
/*padding:0px 0px 0px 0px;*/
}

#copyright_t1 {
  position: relative;

float: left;
/*text-align:left;*/
text-decoration: none;
font-size: 0.7em;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #0066CC;
}

#copyright_t2 {
  position: relative;

float: right;
/*text-align:right;*/
text-decoration: none;
font-size: 0.7em;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #0066CC;
}

#anschrift {
margin:10px 2px 10px 2px;
/*float: right;*/
float: left;
text-align:left;
text-decoration: none;
font-size: 0.7em;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #002677;
}

#headerleft {
margin:15px 0px 0px 10px;
/*float: right;*/
text-align:left;
text-decoration: none;
font-size: 1.0em;
font-style: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #000;
}

.copy {
text-decoration: none;
font-size: 0.8em;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #0066CC;
}


#main {
width:760px;
margin:0px auto;
text-align:left;
/*border:1px solid #002677;*/
background: #D2DEF4 url(hg_inhalt_y.jpg) no-repeat;
/*background: url(hg_inhalt.jpg);*/
/*background-color:#bdbec6;*/
/*border:1px solid #0066CC;*/
}

#logo {
  z-index: 0;
  margin:0px 0px 0px 0px;
  position: relative;
  top: 0px;
  left: 0px;
  float: left;
}

#illu {
  position: relative;
  background: url(kopfstreifen.jpg) no-repeat; 
  top: 0px;
  left: 0px;
  margin-left: 0px;
  float:left;
  }

#handelsvertretung {
  z-index: 2;
  position: relative;
  top: 27px;
  left: 14px;
/* vor Änderung
  top: -79px;
  left: -366px;
*/
  margin-left: 0px;
  float:left;
  }

#bildlogos {
  z-index: 2;
  position: relative;
  top: -60px;
  left: -300px;
  margin-left: 0px;
  float:right;
  }

.cleaner {
  clear: both;
  height: 1px;
  font-size: 1px;
  border: 0px none;
  margin: 0;
  padding: 0;
  background: transparent;
}
  
/* ----------- Linker Menübereich ------------ */
/* ---------------------------------------------- */

#leftmenu {
/*         padding-top: 1em;*/
	margin: 0px 0px 0px 0px;
         font-size:0.85em;
}

#leftmenu ul {
	list-style: none;
	
}

#leftmenu ul a {
         display: block;
/*         width: 100%;*/
         text-decoration: none;
         padding: 5px 0px 1px 15px;
         color: #fff;
}

#leftmenu li {
	text-decoration: none;
	font: normal 1.0em Arial, Helvetica, Verdana, sans-serif;
	padding: 0px 0px 0px 0px;
/*	background: url(bg_off.jpg) repeat-x center left;*/
	background: url(bg_off.gif) no-repeat;
         margin: 0px 0px 0px 0px;
}

#leftmenu li a:hover {
/*	background: url(bg_on.jpg) repeat-x center left;*/
	background: url(bg_on.gif) no-repeat;
	font-weight: bold;
}

#leftmenu li.ACT,
#leftmenu li.CUR {
/*	background: url(bg_on.jpg) repeat-x center left;*/
	background: url(bg_on.gif) no-repeat;
	font-weight: bold;
} 

* {
  margin: 0;
  padding: 0;
}           

/* ---------------Start LEVEL 2 -------------------- */
/* ---------------noch keine Gültigkeit------------- */


#leftmenu ul ul {
	list-style: none;
}

#leftmenu ul ul a {
         display: block;
         text-decoration: none;
         padding: 5px 0px 1px 25px;
         color: #fff;
}


#leftmenu li li {
	text-decoration: none;
	font: normal 1.0em Arial, Helvetica, Verdana, sans-serif;
	padding: 0px 0px 0px 0px;
/*	background: url(bg_off.jpg) repeat-x center left;*/
	background: url(bg_off.gif) no-repeat;
         margin: 0px 0px 0px 0px;
}

#leftmenu li li a:hover {
/*	background: url(bg_on.jpg) repeat-x center left;*/
	background: url(bg_on.gif) no-repeat;
	font-weight: bold;
}


#leftmenu li li.ACT,
#leftmenu li li.CUR {
/*	background: url(bg_on.jpg) repeat-x center left;*/
	background: url(bg_on.gif) no-repeat;
	font-weight: bold;
} 


/* ---------------Ende LEVEL 2 -------------------- */
/* --------------------------------------------------- */

/* ---------------Start LEVEL 3 -------------------- */
/* ---------------noch keine Gültigkeit------------- */


#leftmenu ul ul ul {
	list-style: none;
}

#leftmenu ul ul ul a {
         display: block;
         text-decoration: none;
         padding: 5px 0px 1px 35px;
         color: #fff;
}


#leftmenu li li li {
	text-decoration: none;
	font: normal 1.0em Arial, Helvetica, Verdana, sans-serif;
	padding: 0px 0px 0px 0px;
/*	background: url(bg_off.jpg) repeat-x center left;*/
	background: url(bg_off.gif) no-repeat;
         margin: 0px 0px 0px 0px;
}

#leftmenu li li li a:hover {
/*	background: url(bg_on.jpg) repeat-x center left;*/
	background: url(bg_on.gif) no-repeat;
	font-weight: bold;
}


#leftmenu li li li.ACT,
#leftmenu li li li.CUR {
/*	background: url(bg_on.jpg) repeat-x center left;*/
	background: url(bg_on.gif) no-repeat;
	font-weight: bold;
} 


/* ---------------Ende LEVEL 3 -------------------- */
/* --------------------------------------------------- */


/* ----------- Media Menübereich ------------ */
/* ------------------------------------------- */

#mediamenu {
/*         padding-top: 150px 0px 0px 0px;*/
	margin: 5px 0px 0px 0px;
         font-size:0.8em;
}

#mediamenu ul {
	list-style: none;
/*	margin: 2px 2px 2px 2px;*/
}

#mediamenu ul a {
/*         float: left;*/
         display: block;
         text-decoration: none;
         padding: 5px 10px;
         color: #fff;
}

#mediamenu li {
	margin: 2px 0px 2px 0px;
/*         float: left;*/
	text-decoration: none;
	font: normal 1.0em Arial, Helvetica, Verdana, sans-serif;
	padding: 0px 0px 0px 0px;
	background: url(media_bg_off.gif) repeat-x center left;
}

#mediamenu li a:hover {
	background: url(media_bg_on.gif) repeat-x center left;
/*	background-image: url(t3n-bgon.jpg);*/
	font-weight: bold;
}

#mediamenu li.ACT,
#mediamenu li.CUR {
	background: url(media_bg_on.gif) repeat-x center left;
	font-weight: bold;
} 

* {
  margin: 0;
  padding: 0;
}           

/* ----------- Magazin Menübereich ------------ */
/* ------------------------------------------- */

#magazinmenu {
/*         padding-top: 150px 0px 0px 0px;*/
	margin: 0px 0px 0px 0px;
         font-size:0.8em;
}

#magazinmenu ul {
	list-style: none;
/*	margin: 2px 2px 2px 2px;*/
}

#magazinmenu ul a {
/*         float: left;*/
         display: block;
         text-decoration: none;
         padding: 5px 0px 5px 10px;
         color: #fff;
}

#magazinmenu li {
	margin: 2px 0px 2px 0px;
/*         float: left;*/
	text-decoration: none;
	font: normal 1.0em Arial, Helvetica, Verdana, sans-serif;
	padding: 0px 0px 0px 0px;
	background: url(magazin_bg_off_1.gif) repeat-x center left;
}

#magazinmenu li a:hover {
	background: url(magazin_bg_on_1.gif) repeat-x center left;
/*	background-image: url(t3n-bgon.jpg);*/
	font-weight: bold;
}

#magazinmenu li.ACT,
#magazinmenu li.CUR {
	background: url(magazin_bg_on_1.gif) repeat-x center left;
	font-weight: bold;
} 

* {
  margin: 0;
  padding: 0;
}           




