html {
    height: 101%; /* erzwingt im Firefox einen horizontalen Scrollbalken */
}
* {
  margin:0;
  padding:0;
}
body{
  font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  background-color:#6f7479;
  font-size: 13px;
  color:#4a4647;
  text-align: center;
 }
table {
  
  font-size: 13px;
  
    } 
table.contenttable {
  font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 13px;
  color:#4a4647;
  text-align: left;
  vertical-align: top;
  cellpadding: 0px;
  cellspacing: 0px;
  line-height: 100%;
    }

.csc-textpic-caption {
  font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color:#4a4647;}

a {
  color:#4a4647;
  
}
img{
  border:none;
}
#middle-col ul {
	padding-left: 0px;
 	list-style-image:url("uploads/tf/list.png");
}
/* skelton */
#wrap{
  margin:0 auto;
  width:1000px;
  max-width:1000px;
  background-color:#fff;
}
#header{
  width:1000px;
  max-height: 250px;
  text-align: left;
  margin:0;
  padding:0;
  border: 0px solid #000000;
  
}
#slogan{
  text-align: right;
  font-size:80%;
  padding: 15px 10px 5px 10px;
  border: 0px solid #000000;
}
#logo{
  position: relative;
  top: 0px;
  left: 0px;
  width: 220px;
  height: 70px;
  background-color:white;
  padding: 0px 0px 0px 0px;
  border: 0px solid #000000;
}
#banner{
  position: relative;
  top: -70px;
  left: 222px;
  width: 778px;
  height: 181px;
  text-align: right;
  border: 0px solid #000000;
 }
#main{
  width:1000px;
  min-height: 350px;
  text-align: left;
  margin: 10px auto;
  padding:0;
  border: 0px solid #000000;
}
* html #main {height: 350px;}

#left-col{
  float: left;
  width: 200px;
  margin: 128px 0px 25px 0px;
  border: 0px solid #000000;
}

#left-col h1{
  
  padding: 10px 10px 0 10px;
  font-size: 13px;
  font-weight: bold;
  border: 0px solid #000000;
}

#left-col p{
  
  padding: 10px 10px 0 10px;
  font-size: 11px;
  font-weight: normal;
  border: 0px solid #000000;
}

#left-col a{
  text-decoration: none;
}

#left-col a:hover {
  text-decoration: underline;
}

#left-col{
  float: left;
  width: 200px;
  margin: 128px 0px 25px 0px;
  border: 0px solid #000000;
}

#middle-col{
	float:left;
	width:660px;
	min-height: 250px;
	padding: 0;
	margin: 0px 0px 0px 20px;
	border: 0px solid #000000;
}
#right-col{
  float:right;
  width:100px;
  padding:25px 0;
  border: 0px solid #000000;
}
#footer {
  position: relative;
  top: 0px;
  left: 0px;
  margin-left: 220px;
  height: 16px;
  width: 670px;
  background-color:#c5c7c9;
  padding: 4px 0px;
  text-align:center;
  font-size:90%;
  border: 0px solid #000000;
  }
*html #footer {
margin-left: 115px;
}
/* end skelton */

/* head */

#nav{
	position: absolute;
	text-align: left;
	font-size:12px;
	left: -222px;
	top: 85px;
	background-image: url("background.png");
	width: 895px;
	height: 96px;
	border: 0px solid #000000;
}

#nav li{
  border-top: 1px solid #FFFFFF;
  line-height: 1em;
  list-style: none;
  
}
#nav li a{
  display:block;
  padding:7px 0 4px 32px;
  text-decoration:none;
  line-height:1em;
}

#nav a:hover {
  color:#244aa5;
  
}

#nav2 {
  margin: 0px auto;
  width: 675px;
  height: 20px;
  margin-left:220px;
  text-align: left;
  border: 0px solid #000000;
}
*html #nav2 {
margin-left: 115px;
}
#nav2 li {
  display: inline;
  list-style: none;
  margin: 0 20px 0 0;
}
#nav2 li a{
  text-decoration:none;
}
#nav2 a:hover {
  color:#244aa5;
}
.act a,
.act a:hover,
.act a:active {
  color:#244aa5;
  font-weight: bold;
  
}
/* left-col */
div.img {
}
div.img p{
  padding-left:32px;
  font-size:80%;
  line-height:1.2em;
}
/* end left-col */

/* middle-col */
#middle-col h1, 
#middle-col h2, 
#middle-col h3{
  color:#244aa5;
  padding-right:100px;
}
#middle-col h1{
  font-size:100%;
}
#middle-col h2{
	font-size:100%;
	margin-bottom:12px;
}
#middle-col img{
  margin:10px 0;
}
#middle-col p{
  margin-bottom:0px;
  padding-right:0px;
}

#middle-col a{
  text-decoration: none;
}

#middle-col a:hover {
  text-decoration: underline;
}
#middle-col p.nav{
	margin-bottom:15px;
}
#middle-col p.nav a{
  color:#6f7479;
  
}
#middle-col p.nav a.here,
#middle-col p.nav a:hover{
  color:#244aa5;
}
#middle-col p.fine{
  color:#94989c;
}
#middle-col p.blue{
  color:#244aa5;
}
#middle-col ul{
  padding-right:10px;
  list-style-image:url(uploads/tf/list.png);
  margin-bottom:19px;
}
#middle-col ul li{
  margin:0 0 4px 1.2em;
}

.csc-loginform {
  font-size: 12px;
}

.csc-uploads {
  font-size: 12px;
}
/* end middle-col */
/* footer */

#footer li {
  display: inline;
  list-style: none;
  margin: 0px 10px;
}
#footer li a{
  text-decoration:none;
}
#footer a:hover {
  color:#244aa5;
}
#back{
  position: absolute;
  left: 4px;
  top: 1px;
  }
#top{
  position: absolute;
  right: 1px;
  top: 3px;
  }
/* end footer */
.hide{ display:none; }
.clear{ clear:both;}


tt_content.image.20.1.imageLinkWrap {
    JSwindow.expand = 0,40
    postUserFunc {
        caption.data = field:tx_dhpopupimgcaption_popupimg_caption
        caption.ifEmpty.data = field:imagecaption
        files.data = field:image
        effects =
        bodyTag = <body bgColor="#ffffff" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
        wrap = <a href="javascript:close();"> | </a><br><table align="right"><tr><td><font face="Verdana" size="1"><b>###IMAGE_CAPTION###</b></font></td></tr></table>
    }
}

