html,body { height: 100%; margin: 0; padding: 0; border: none; }

.body-intro { background-color:#999999; }
/* bg-color rubriken */
.body-service { background-color:#ffcc00; }
.body-background { background-color:#009999; }
.body-publications { background-color:#6666cc; }
.body-contact { background-color:#cc3333; }

/* table fuer vertikales ausmitten */
table#tablecenter { width:100%; height:100%; border-spacing: 0; border-collapse: collapse; }
table#tablecenter td { vertical-align:middle; padding:0; }

table#tableintro { width:508px; height:459px; border-spacing: 0; border-collapse: collapse; background-image: url(/images/ci/bg_intro.gif); background-repeat: no-repeat; }
table#tableintro td { vertical-align:top; padding:0; }

/* links */
a:link, a:visited { color:#ffffff; text-decoration:none; }
a:hover, a:active, a:focus { color:#000000; text-decoration:underline; }
/* navi-links */
a.lnk:link, a.lnk:visited { color:#ffffff; text-decoration:none; }
a.lnk:hover, a.lnk:active, a.lnk:focus { color:#000000; text-decoration:underline; }
a.lnkact:link, a.lnkact:visited { color:#000000; text-decoration:none; }
a.lnkact:hover, a.lnkact:active, a.lnkact:focus { color:#ffffff; text-decoration:underline; }

.navi { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:14px; line-height: 19px; }

/* text */
p { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:14px; }
ul { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:14px; padding-left:10px; margin-left:10px; }
li { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:14px; } 

.text { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:14px; }
.text-white { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:14px; color: white; }
.title { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:17px; font-weight: bold; }
.title-white { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:17px; font-weight: bold; color: white; }

.intro { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:14px; color: #cc6666; font-weight: bold; }
a.intro:link { color:#ffffff; text-decoration:none; }
a.intro:hover { color:#000000; text-decoration:underline; }

hr { height:1px; color:#000000; background:#000000; margin:0; padding:0; border:0; overflow:hidden; }

/* divs generell */
div { padding: 0; margin: 0; border: none; }
div#outerframe { height: 100%; width:100%; 
	min-width:800px;
    	/* IE Dynamic Expression to set the width */
    	width:expression(document.body.clientWidth < 820 ? "800px" : "100%" );
}

div#innerframe { height: 100%; float:left; }
 
/* linke flaeche */
div#content-left {
	border: none;
	margin-left:auto; margin-right:0;
	background-color: #999999; /* #666666 & body_01.html > div */
	width:400px; /* angabe MSIE 5.x */
	height:400px;
	padding-left:4px;
	padding-right:4px;
	padding-top:2px;
	/* box model hack */ 
	voice-family: "\"}\"";
	voice-family: inherit; 
	width: 392px; /* angabe standart */
	height: 398px; 
}
	
/* rechte flaeche */
div#content-right {
	border: none;
	overflow:auto;
	width: 400px; /* angabe MSIE 5.x */
	height: 400px;
	padding-left:4px;
	padding-right:4px;
	padding-top:4px;
	/* box model hack */ 
	voice-family: "\"}\"";
	voice-family: inherit; 
	width: 392px; /* angabe standart */
	height: 396px; 
}
	
/* intro flaeche */
div#intro {
	border: none;
	margin-left: auto;
	margin-right: auto;
	width: 518px; /* angabe MSIE 5.x */
	height: 100%;
	/* box model hack */ 
	voice-family: "\"}\"";
	voice-family: inherit; 
	width: 518px; /* angabe standart */
}