body 
{
 font-family:Verdana;
/* font-size:0.8em;*/
/* background-image: url("hg_100_2.gif");*/
 background-color:#fff;
/* 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: #000;
}

.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;
}

h1 { 
text-decoration: none;
font-size: 1.1em;
font-style: italic;
font-weight: 600;
font-variant: normal;
text-transform: none;
color: #0066CC;
}

.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;
}

/*
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:120px;
width:100%;
padding:0px;
background-color:#fff;
/*border-bottom:1px solid #0066CC;*/
border-bottom:5px solid #000;
/*display: block;*/
}

#left {
background-color:#ccc;
/*background-color:#bdbec6;*/
width:160px;
height:100%;
margin-top: 15px;
float:left;
}

#content {
/*
border:1px solid #efeff7;
background-color:#efeff7;
*/
border:1px solid #ddd;
background-color:#ddd;
/*width:585px;*/
width:560px;
/*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: 100%;
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 0px;
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: #000;
}

#headerleft {
margin:10px 0px 0px 10px;
/*float: right;*/
text-align:left;
text-decoration: none;
font-size: 0.9em;
font-style: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #000;
}

#headerleft2 {
margin:10px 0px 0px 10px;
/*float: right;*/
text-align:left;
text-decoration: none;
font-size: 0.9em;
font-style: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #000;
}

#headerleft3 {
margin:10px 0px 0px 10px;
/*float: right;*/
text-align:left;
text-decoration: none;
font-size: 0.9em;
font-style: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #000;
}

#headerleft4 {
margin:10px 0px 0px 10px;
/*float: right;*/
text-align:left;
text-decoration: none;
font-size: 0.9em;
font-style: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #000;
}

#headerleft5 {
margin:10px 0px 0px 10px;
/*float: right;*/
text-align:left;
text-decoration: none;
font-size: 0.9em;
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;
background-color:#ddd;
/*background-color:#bdbec6;*/
border:1px solid #0066CC;
}

#logo {
  z-index: 0;
  margin:0px 0px 0px 0px;
  position: relative;
/*  top: -65px;  vor Änderung */
  top: 0px;
  left: 0px;
  float: left;
}

#illu {
  position: relative;
  top: 25px;
  left: 14px;
  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.8em;
}

#leftmenu ul {
	list-style: none;
}

#leftmenu ul a {
         display: block;
/*         width: 100%;*/
         text-decoration: none;
         padding: 5px 10px;
         color: #000;
}

#leftmenu li {
	text-decoration: none;
	font: normal 1.0em Arial, Helvetica, Verdana, sans-serif;
	padding: 0px 0px 0px 0px;
	background: url(bg_off.gif) repeat-x center left;
         margin: 2px 0px 2px 0px;
}

#leftmenu li a:hover {
	background: url(bg_on.gif) repeat-x center left;
	font-weight: bold;
}

#leftmenu li.ACT,
#leftmenu li.CUR {
	background: url(bg_on.gif) repeat-x center left;
	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: 15px 0px 0px 10px;
         color: #fff;
}


#leftmenu li li {
	text-decoration: none;
	font: normal 1.0em Arial, Helvetica, Verdana, sans-serif;
	padding: 0px 0px 0px 0px;
	background: url(t3n-bgoff.jpg) repeat-x center left;
}

#leftmenu li li a:hover {
	background: url(t3n-bgon.jpg) repeat-x center left;
/*	background-image: url(t3n-bgon.jpg);*/
}


#leftmenu li li.ACT,
#leftmenu li li.CUR {
	background: url(t3n-bgon.jpg) repeat-x center left;
	font-weight: bold;
} 


/* ---------------Ende LEVEL 2 -------------------- */
/* --------------------------------------------------- */

/* ----------- 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;
}           

/* ----------- Schwarzwald Menübereich ------------ */
/* ------------------------------------------- */

#schwarzwaldmenu {
/*         padding-top: 150px 0px 0px 0px;*/
	margin: 0px 0px 0px 0px;
         font-size:0.8em;
}

#schwarzwaldmenu ul {
	list-style: none;
/*	margin: 2px 2px 2px 2px;*/
}

#schwarzwaldmenu ul a {
/*         float: left;*/
         display: block;
         text-decoration: none;
         padding: 5px 0px 5px 10px;
         color: #fff;
}

#schwarzwaldmenu 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;
}

#schwarzwaldmenu li a:hover {
	background: url(magazin_bg_on_1.gif) repeat-x center left;
/*	background-image: url(t3n-bgon.jpg);*/
	font-weight: bold;
}

#schwarzwaldmenu li.ACT,
#schwarzwaldmenu li.CUR {
	background: url(magazin_bg_on_1.gif) repeat-x center left;
	font-weight: bold;
} 

* {
  margin: 0;
  padding: 0;
}           


/* ----------- Schwalb Menübereich ------------ */
/* ------------------------------------------- */

#schwalbmenu {
/*         padding-top: 150px 0px 0px 0px;*/
	margin: 0px 0px 0px 0px;
         font-size:0.8em;
}

#schwalbmenu ul {
	list-style: none;
/*	margin: 2px 2px 2px 2px;*/
}

#schwalbmenu ul a {
/*         float: left;*/
         display: block;
         text-decoration: none;
         padding: 5px 0px 5px 10px;
         color: #fff;
}

#schwalbmenu 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;
}

#schwalbmenu li a:hover {
	background: url(magazin_bg_on_1.gif) repeat-x center left;
/*	background-image: url(t3n-bgon.jpg);*/
	font-weight: bold;
}

#schwalbmenu li.ACT,
#schwalbmenu li.CUR {
	background: url(magazin_bg_on_1.gif) repeat-x center left;
	font-weight: bold;
} 

* {
  margin: 0;
  padding: 0;
}           



/* ----------- BaWü Menübereich ------------ */
/* ------------------------------------------- */

#bawuemenu {
/*         padding-top: 150px 0px 0px 0px;*/
	margin: 0px 0px 0px 0px;
         font-size:0.8em;
}

#bawuemenu ul {
	list-style: none;
/*	margin: 2px 2px 2px 2px;*/
}

#bawuemenu ul a {
/*         float: left;*/
         display: block;
         text-decoration: none;
         padding: 5px 0px 5px 10px;
         color: #fff;
}

#bawuemenu 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;
}

#bawuemenu li a:hover {
	background: url(magazin_bg_on_1.gif) repeat-x center left;
/*	background-image: url(t3n-bgon.jpg);*/
	font-weight: bold;
}

#bawuemenu li.ACT,
#bawuemenu li.CUR {
	background: url(magazin_bg_on_1.gif) repeat-x center left;
	font-weight: bold;
} 

* {
  margin: 0;
  padding: 0;
}           


/* ----------- Journal Menübereich ------------ */
/* ------------------------------------------- */

#journalmenu {
/*         padding-top: 150px 0px 0px 0px;*/
	margin: 0px 0px 0px 0px;
         font-size:0.8em;
}

#journalmenu ul {
	list-style: none;
/*	margin: 2px 2px 2px 2px;*/
}

#journalmenu ul a {
/*         float: left;*/
         display: block;
         text-decoration: none;
         padding: 5px 0px 5px 10px;
         color: #fff;
}

#journalmenu 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;
}

#journalmenu li a:hover {
	background: url(magazin_bg_on_1.gif) repeat-x center left;
/*	background-image: url(t3n-bgon.jpg);*/
	font-weight: bold;
}

#journalmenu li.ACT,
#journalmenu li.CUR {
	background: url(magazin_bg_on_1.gif) repeat-x center left;
	font-weight: bold;
} 

* {
  margin: 0;
  padding: 0;
}