html, body {
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 17px;
}
body {
	background-repeat: repeat-x;
	text-align: center;
}
img, img a {
	border: 0;
}
body#b1 { background-image: url('../img/backg_fading1.gif'); }
body#b2 { background-image: url('../img/backg_fading2.gif'); }
body#b3 { background-image: url('../img/backg_fading3.gif'); }
body#b4 { background-image: url('../img/backg_fading4.gif'); }
body#b5 { background-image: url('../img/backg_fading5.gif'); }

div#center1, div#center2, div#center3, div#center4, div#center5 {
	background-repeat: repeat-y;
	width: 1035px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
div#center1 { background-image: url('../img/backg_vertical1.gif'); }
div#center2 { background-image: url('../img/backg_vertical2.gif'); }
div#center3 { background-image: url('../img/backg_vertical3.gif'); }
div#center4 { background-image: url('../img/backg_vertical4.gif'); }
div#center5 { background-image: url('../img/backg_vertical5.gif'); }

div#main1, div#main2, div#main3, div#main4, div#main5 {
	background-repeat: no-repeat;
	width: 1035px;
	text-align: left;
	vertical-align: top;
}
div#main1 { background-image: url('../img/backg_main1.gif'); }
div#main2 { background-image: url('../img/backg_main2.gif'); }
div#main3 { background-image: url('../img/backg_main3.gif'); }
div#main4 { background-image: url('../img/backg_main4.gif'); }
div#main5 { background-image: url('../img/backg_main5.gif'); }

div#vzlogo {
	margin-top: 0px;
	padding: 40px 0px 0px 194px;
	height: 28px;
	margin-bottom: 13px;
	white-space: nowrap;
}
#vzlogo img {
	border: 0;
	vertical-align: top;
	margin-right: 2px;
}

/* ----- MENU start ----- */
div#mainnavi {
	height: 150px;
	width: 179px;
	margin-left: 13px;
	padding: 0;
	white-space: nowrap;
	vertical-align: middle;
	background-color: #ACACAC;
}
ul#menu {
	width: 179px;
	height: 138px; /* 150 - padding */
	padding: 12px 0px 0px 0px;
	margin-left: 0;
	list-style-type: none;
	margin-top: auto;
	margin-bottom: auto;
}
ul#menu li {
	height: 19px;
	padding: 0px;	
	margin: 0px 0px 7px -16px;      /* Deklaration fuer IE 5.x */
	voice-family:"\"}\"";  /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
	voice-family:inherit;
	margin: 0px 0px 7px 0px;     /* Korrektur fuer andere Browser */	
	border-bottom: 1px solid #E5E5E5;
}

ul#menu li.current {
	border-bottom: 1px solid #ACACAC;
}
ul#menu li a {
	margin: 0;
	color: white;
	font-weight: bold;
	text-decoration: none;
	height: 17px; /* 19 - padding */
	display: block;
	padding: 2px 0px 0px 9px;
}
ul#menu li a:hover, ul#menu li a:active, ul#menu li.current a {
	color: #908E8E;
	background-color: #E5E5E5;
}
ul#menu li a.startseite { border-left: 4px solid #CC6633; }
ul#menu li a.training { border-left: 4px solid #FFCC33; }
ul#menu li a.beispiele { border-left: 4px solid #99CC33; }
ul#menu li a.log { border-left: 4px solid #336699; }
ul#menu li a.kontakt { border-left: 4px solid #333399; }
/* ----- MENU ende ----- */

/* ----- KOPF start ----- */
div#kopfbereich {
	position: relative;
	margin-top: -150px;
	margin-left: 192px;
	height: 150px;
	padding: 0;
}

div#kopfbild-mitte {
	float: left;
	padding: 0;
	margin: 0;
	width: 297px;
	height: 150px;
}

div#kopfbild-mitte img {
	height: 150px;
	width: 297px;
	margin: 0;
	padding: 0;
	border: none;
}

div#kopf {
	float: left;
	padding: 0;
	margin: 0;
	width: 533px;
	height: 150px;
	background-color: #ACACAC;
	background-repeat: no-repeat;
	font-weight: bold;
}
div#kopf p {
	color: #FFF;
	margin: 55px 0px 0px 35px;
}
div#index-bild-r1 {
	line-height: 13px;
	margin: 10px 8px 0px 340px;
	height: 74px;
	padding: 0;
	font-weight: normal;
}
div#index-bild-r1 p {
	color: #414141;
	font-size: 11px;
	padding: 0;
	margin: 0;
	font-weight: normal;
}
div#index-bild-r2 {
	margin: 0px 0px 0px 340px;
	padding: 0;
	font-weight: normal;
}
div#index-bild-r2 a {
	color: #FFF;
	font-weight: normal;
}
div#index-bild-r2 p {
	font-size: 11px;
	padding: 0;
	margin: 0;
	font-weight: normal;
}

/* ----- KOPF ende ----- */


div#contenthalter {
	vertical-align: top;
	width: 830px;
	padding: 0px 0px 25px 0px;
	margin: 0;
	float: left;
}
div#contenthalter-start {
	vertical-align: top;
	width: 830px;
	padding: 0;
	margin: 0;
	float: left;
}


/* ----- SUBMENU start ----- */
div#submenubox1, div#submenubox2, div#submenubox3, div#submenubox4, div#submenubox5 {
	height: 170px;
	margin: 0;
	padding: 19px 0px 0px 13px;
	float: left;
	width: 192px;      /* Deklaration fuer IE 5.x */
	voice-family:"\"}\"";  /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
	voice-family:inherit;
	width: 179px;     /* Korrektur fuer andere Browser */	
}

ul#submenu2, ul#submenu3 {
	width: 179px;
	padding: 0;
	color: #908E8E;
	list-style-type: none;
	margin: 0px 0px 0px -16px;      /* Deklaration fuer IE 5.x */
	voice-family:"\"}\"";  /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
	voice-family:inherit;
	margin: 0;     /* Korrektur fuer andere Browser */	
}
ul#submenu2 li a, ul#submenu3 li a {
	text-decoration: none;
	color: #908E8E;
	height: 18px; /* 19 - padding */
	padding: 1px 0px 0px 14px;
	display: block;
}
ul#submenu2 li a:hover, ul#submenu2 li a:active, ul#submenu2 li.current a {
	border-left: 4px solid #FFCC33;
	padding-left: 10px;
	font-weight: bold;
}
ul#submenu3 li a:hover, ul#submenu3 li a:active, ul#submenu3 li.current a {
	border-left: 4px solid #99CC33;
	padding-left: 10px;
	font-weight: bold;
}
/* ----- SUBMENU ende ----- */


/* ---- MIDDLE start ----- */

div#middle1 {
	float:left;
	margin: 0;
	width: 297px;
	padding: 0;
	height: 497px;
	text-decoration: none;
}
div#middle2, div#middle3, div#middle4, div#middle5 {
	float:left;
	margin: 0px 0px 0px 0px;
	width: 236px;
	padding: 60px 31px 0px 30px;
}
div#middle1 img {
	width: 297px;
	border: 0px;
}
div#middle2 img, div#middle3 img, div#middle4 img, div#middle5 img {
	width: 236px;
	border: 0px;
}
div#middle2 p, div#middle3 p, div#middle4 p, div#middle5 p {
	margin-top: 5px;
	margin-bottom: 20px;
	font-size: 11px;
	line-height: 14px;
	width: 236px;
}
div#middle1 p {
	margin: 0;
	width: 297px;
}

/* ---- MIDDLE ende ----- */


/* seitenspezifische farben */
div#content1 h2, div#content1 ul, div#middle1 p, div#middle1 a { color: #B84308; }
div#content2 h2, div#content2 ul, div#middle2 p, div#middle2 a { color: #945B00; }
div#content3 h2, div#content3 ul, div#middle3 p, div#middle3 a { color: #507700; }
div#content4 h2, div#content4 ul, div#middle4 p, div#middle4 a { color: #1C4C7D; }
div#content5 h2, div#content5 ul, div#middle5 p, div#middle5 a { color: #333399; }


/* ---- CONTENT start ----- */
div#content1, div#content2, div#content3, div#content4, div#content5 {
	margin: 0px;
	padding: 23px 34px 0px 34px;
	width: 460px;
	float: left;
}

div#content1 h2, div#content2 h2, div#content3 h2, div#content4 h2, div#content5 h2, div#content1 ul li.title, div#content2 ul li.title, div#content3 ul li.title, div#content4 ul li.title, div#content5 ul li.title {
	font-family: georgia, serif;
	font-weight: bold;
	font-size: 12px;
	margin-bottom: -5px;
}
div#content1 p, div#content2 p, div#content3 p, div#content4 p, div#content5 p {
	color: #414141;
}
div#content1 a, div#content2 a, div#content3 a, div#content4 a, div#content5 a {
	color: #414141;
}

div#content1 ul, div#content2 ul, div#content3 ul, div#content4 ul, div#content5 ul {
	padding: 8px 4px 0px 24px;
	margin: 0;
}
div#content1 ul { list-style-image: url('../img/bullet_arrow1.gif'); background-color: #F3E8E3; border-left: 1px dotted #CC6633; border-right: 1px dotted #CC6633; }
div#content2 ul { list-style-image: url('../img/bullet_arrow2.gif'); background-color: #F8F3E3; border-left: 1px dotted #D89300; border-right: 1px dotted #D89300; }
div#content3 ul { list-style-image: url('../img/bullet_arrow3.gif'); background-color: #EDF3E3; border-left: 1px dotted #87B034; border-right: 1px dotted #87B034; }
div#content4 ul { list-style-image: url('../img/bullet_arrow4.gif'); background-color: #E3E8ED; border-left: 1px dotted #517393; border-right: 1px dotted #517393; }
div#content5 ul { list-style-image: url('../img/bullet_arrow5.gif'); background-color: #E7E7F0; border-left: 1px dotted #79799D; border-right: 1px dotted #79799D; }

div#content1 ul li, div#content2 ul li, div#content3 ul li, div#content4 ul li, div#content5 ul li {
	margin: 0;
	padding: 0;
	padding-bottom: 6px;
}
div#content1 ul li.title, div#content2 ul li.title, div#content3 ul li.title, div#content4 ul li.title, div#content5 ul li.title {
	list-style-type: none;
	list-style-image: none;
	margin-left: -16px;
	margin-bottom: 8px;
}
.content-tab {
	border: none;
	background-color: #F8F3E3;
	border-left: 1px dotted #D89300;
	border-right: 1px dotted #D89300;
	color: #945B00;
}
.content-tab .td-title {
	padding: 2px 4px 6px 6px;
	vertical-align: top; 
}
.content-tab .td-links {
	font-size: 12px;
	width: 180px;
	padding: 4px 4px 4px 6px;
	vertical-align: top; 
}
.content-tab .td-rechts {
	font-size: 12px;
	width: 280px;
	padding: 4px 6px 4px 4px;
	vertical-align: top; 
}

/* ---- CONTENT end ----- */


/* ---- FOOTER start ----- */
div#footer1, div#footer2, div#footer3, div#footer4, div#footer5 {
	clear: both;
	width: 1035px;
	height: 46px; /* 54 - padding */
	padding-top: 8px;
	text-align: center;
	color: #908E8E;
	font-size: 11px;
	margin-top: 0px;
}
div#footer1 { background-image: url('../img/backg_footer1.gif'); }
div#footer2 { background-image: url('../img/backg_footer2.gif'); }
div#footer3 { background-image: url('../img/backg_footer3.gif'); }
div#footer4 { background-image: url('../img/backg_footer4.gif'); }
div#footer5 { background-image: url('../img/backg_footer5.gif'); }

div#footer1 a, div#footer2 a, div#footer3 a, div#footer4 a, div#footer5 a {
	text-decoration: underline;
	color: #908E8E;
}
div#footer1 a:hover, div#footer2 a:hover, div#footer3 a:hover, div#footer4 a:hover, div#footer5 a:hover {
	text-decoration: none;
}


/* ---- FOOTER ende ----- */