/******************************************************
 * debugging
 * UTF-8: äöüßÄÖÜ
 */
/* * /
div, table, td{
   border: 1px black solid;
}

img {
   border: 1px black solid;
}
/**/

/****************************************************** 
 * allgemeines
 */
* {
	border: 0px white solid;
	padding: 0px;
	margin: 0px;
}
body {
	background-color: #FFFFFF;
	color: #666666;
	font-family: Verdana, Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 13px;
}
table {
	width: 100%;
	height: 100%;
}

a:link {
	color: #7F7F7F;
	/* text-decoration: none; */
}
a:visited {
	color: #666666;
	/* text-decoration: underline; */
}
a:hover {
	color: #000000;
	/* text-decoration: underline; */
}

/******************************************************
 * die umfassende Tabelle
 */
.layouttable {
   width: 100%;
   height: 100%;
}
.toprow {
   padding: 0px 0px 0px 0px;
}
.bottomrow {
   padding: 5px 0px 5px 0px;
}
.contactrow {
   background-color: #CCCCCC; 
   width: 100%;
   height: 24px;
   padding-top: 10px; 
}
.leftborder {
	width: 15%;
}
.banner, .contentcolumn {
	width: 956px;
	overflow: hidden;
}
.bottomrow .contentcolumn {
   padding-top: 0px;
}
.rightborder {
	width: 60%;
}

/******************************************************
 * die obere Zeile (Logo & horizontales Menü)
 */
.menueleft {
	float: left;
	width: 610px;
	text-align: right;
}
.menueright {
	float: right;
	width: 337px;
	text-align: left;
}
.menueleft, .menueright {
	overflow: hidden;
	padding: 2px 0px 15px 0px;
}
.menueright a {
	margin-right: 19px;
}

/******************************************************
 * die Bannerzeile
 */
.multicoloredbanner .leftborder {
	background-image: url('../allgemein/table_bg_rotblau.gif');
	background-repeat: repeat-x;
}
.multicoloredbanner .banner, .multicoloredbanner .rightborder {
	background-image: url('../allgemein/table_bg_gelbgruen.gif');
	background-repeat: repeat-x;
}
.redbanner .banner, .redbanner .rightborder, .redbanner .leftborder {
	background-image: url('../warum/bilder/table_bg.gif');
	background-repeat: repeat-x;
}
.greenbanner .banner, .greenbanner .rightborder, .greenbanner .leftborder {
	background-image: url('../wer_nutzt/bilder/table_bg.gif');
	background-repeat: repeat-x;
}
.bluebanner .banner, .bluebanner .rightborder, .bluebanner .leftborder {
	background-image: url('../was_kann/bilder/table_bg.gif');
	background-repeat: repeat-x;
}
.yellowbanner .banner, .yellowbanner .rightborder, .yellowbanner .leftborder {
	background-image: url('../gleich_testen/bilder/table_bg.gif');
	background-repeat: repeat-x;
}
.greybanner .banner, .greybanner .rightborder, .greybanner .leftborder {
	background-image: url('../allgemein/table_bg.gif');
	background-repeat: repeat-x;
}

/******************************************************
 * Blöcke der Inhaltsmenüs (vertikal links)
 */
.greymenue, .yellowmenue, .bluemenue, .greenmenue, .redmenue {
	float: left;
	width: 195px;
	overflow: hidden;
}
.greymenue a, .yellowmenue a, .bluemenue a, .greenmenue a, .redmenue a {
	display: block;
	overflow: hidden;
	background-image: url(../allgemein/navi.gif);
	background-repeat: repeat-y;
	width: 165px;
	height: 20px;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	padding-top: 5px;
	padding-left: 27px;
	margin: 2px 5px 5px 0px;
}
.greymenue a:hover, .yellowmenue a:hover, .bluemenue a:hover, .greenmenue a:hover, .redmenue a:hover {
	color: #656565;
}
a.current {
	color: #ffffff;
}
.redmenue a:hover, .redmenue a.current {
	background-image: url(../warum/bilder/navi_over.gif);
}
.bluemenue a:hover, .bluemenue a.current {
	background-image: url(../was_kann/bilder/navi_over.gif);
}
.greenmenue a:hover, .greenmenue a.current {
	background-image: url(../wer_nutzt/bilder/navi_over.gif);
}
.yellowmenue a:hover, .yellowmenue a.current {
	background-image: url(../gleich_testen/bilder/navi_over.gif);
}
.greymenue a:hover, .greymenue a.current {
	background-image: url(../allgemein/navi_over.gif);
}

/******************************************************
 * Blöcke zur Einteilung der Detailseiten
 */
.contentcontainer, .content, .content_ad {
	width: 747px;
}
.contentcontainer {
	float: left;
	padding-left: 3px;
}
.content_ad {
	margin-top: 20px;
}
.content_ad_outer, .content_ad_inner {
	background-repeat: no-repeat;
	float: left;
	width: 412px;
	padding: 0px;
	margin: 0px;
}
.content_ad_outer {
	background-image: url('../wer_nutzt/bilder/quotes_open.gif');
	background-position: left top;
	margin-top: 15px;
	padding-bottom: 15px;
}
.content_ad_inner {
	background-image: url('../wer_nutzt/bilder/quotes_close.gif');
	background-position: right bottom;
}
.headline1 {
   padding-bottom: 8px;
	font-size: 16px;
	font-weight: bold;
}
.headline2 {
   padding-bottom: 6px;
	font-size: 13px;
	font-weight: bold;
}
.contentleft {
	float: left;
	width: 407px;
   padding-right: 5px;
	padding-bottom: 0px;
}
P.contentleft {
   padding-bottom: 6px;
}
.contentright, .contentright_ad_picture {
	float: right;
	width: 326px;
	padding: 0px;
	color: #747474;
}
.contentright {
	font-size: 14px;
	font-weight: bold;
}
.contentright img {
   padding-bottom: 16px;
}
.contentright_ad_picture {
	font-size: 10px;
	font-weight: normal;
}
.contentleft a, .contentright a {
	color: #666666;
	text-decoration: underline;
}
.contentheader {
	padding: 12px 0px 16px 0px;
	font-size: 16px;
	font-weight: bold;
	color: #92142d;
}

/******************************************************
 * 'special cases'
 */
.contactdiv, .contactplaceholder {
   height: 24px; 
   padding-top: 10px; 
}
.contactplaceholder {
   margin-top: 8px;
}
.contactdiv {
   position: fixed; 
   bottom: 0px; 
   left: 0px; 
   background-color: #CCCCCC; 
   width: 100%;
   z-index: 999;
}
.contactdiv p {
   padding-left: 60px;
}
.bulleteditem {
	margin-left: 18px;
	padding: 4px 0px;
	display: list-item;
}
.screenshot {
   padding-bottom: 16px;
}
/******************************************************
 * Messetermine
 */
.messe {
	float: right;
	width: 337px;
	text-align: left;
}
.messetermine, .messetermine li {
   	margin: 12px;
   	list-style-type: disc;
}