/* MAIN NAVIGATION */

.nav2 { width: 160px; }
.navlist { padding: 0px; margin: 0px; width:160px; background-color: #ccc; font: 12px verdana,sans-serif;  font-size:100%;}
.navlist li { text-align:center; list-style: none; height:160px;}
.navlist li a, .navlist li a:visited { font-weight:bold; color: #fff; text-decoration: none; display: block; height:140px;}
.navlist li a.zahlen-und-fakten { border: 10px solid #5c6d74; }
.navlist li a.leistungen { border: 10px solid #79868c; }
.navlist li a.visionen { border: 10px solid #173962; }
.navlist li a:hover, .navlist li a#active1 { background-color: none; text-decoration: none; border-color: #eaeaea; color: #fff; }
/*.navlist p { padding-top: 50px; } */

.nav3-grid {width:230px; height:140px; border:solid 10px #eaeaea; }
.nav3-grid dt a, .nav3-grid dt a:visited {background: url(../img/arrow1.gif) no-repeat 10px 6px; display:block; min-height:2.0em /*Non-IE6*/; height:auto !important; height:2.0em /*IE6*/; line-height:2.0em; padding:0px 10px 0px 30px; text-decoration:none; color:#fff; font-weight:normal; font-size:110%;}
.nav3-grid dd a, .nav3-grid dd a:visited {display:block; min-height:1.7em /*Non-IE6*/; height:auto !important; height:1.7em /*IE6*/; line-height:1.7em; padding:0px 10px 0px 40px; border:none; font-weight:normal; text-decoration:none; color:#fff; font-size:110%;}

.nav3-grid dt.zahlen-und-fakten a:hover, .nav3-grid dd.zahlen-und-fakten a:hover {background-color:#303c41; color:#fff; text-decoration:none;}
.nav3-grid dt.leistungen a:hover, .nav3-grid dd.leistungen a:hover {background-color:#5c6d74; color:#fff; text-decoration:none;}
.nav3-grid dt.visionen a:hover, .nav3-grid dd.visionen a:hover {background-color:#456181; color:#fff; text-decoration:none;}
.nav3-grid dt.kontakt a:hover, .nav3-grid dd.kontakt a:hover {background-color:#303c41; color:#fff; text-decoration:none;}

.nav3-grid dt.zahlen-und-fakten a#active {background-color:#303c41; color:#fff; text-decoration:none;}
.nav3-grid dt.leistungen a#active {background-color:#5c6d74; color:#fff; text-decoration:none;}
.nav3-grid dt.visionen a#active {background-color:#456181; color:#fff; text-decoration:none;}
.nav3-grid dt.kontakt a#active {background-color:#303c41; color:#fff; text-decoration:none;}

/* MAIN CONTENT */
.main-content h1.pagetitle {margin:0 0 0.4em 0; padding:0 0 2px 0; border-bottom:solid 7px rgb(225,225,225); font-family:Arial, Helvetica, sans-serif; color:#646464; font-weight:normal; font-size:210%;}
.main-content h1.block {clear:both; margin:1.0em 0 0em 0; padding:2px 0 2px 2px; background:rgb(190,190,190); font-family:Arial, Helvetica, sans-serif; color:rgb(255,255,255); font-weight:normal; font-size:210%;}
.main-content h1 {clear:both; margin:1.0em 0 0.5em 0; font-family:Arial, Helvetica, sans-serif; color:rgb(80,80,80); font-weight:normal; font-size:210%;}
.main-content h2 {clear:both; margin:1.0em 0 0.5em 0; font-family:Arial, Helvetica, sans-serif; color:rgb(80,80,80); font-weight:bold; font-size:120%;}
.main-content h3 {clear:both; margin:1.0em 0 -0.75em 0; font-family:Arial, Helvetica, sans-serif; color:rgb(125,125,125); font-weight:normal; font-size:110%;}
.main-content h1.side {clear:none;}
.main-content h2.side {clear:none;}
.main-content h3.side {clear:none;}

.main-content h4 {margin:1.5em 0 1.0em 0; color:rgb(80,80,80); font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:170%;}
.main-content h5 {margin:1.5em 0 1.0em 0; color:rgb(80,80,80); font-family:Arial, Helvetica, sans-serif; font-size:140%;}
.main-content h6 {margin:1.2em 0 0.2em 0; color:rgb(80,80,80); font-weight:bold; font-size:120%;}
.main-content p {margin:0 0 0.5em 0; line-height:1.5em; font-size:110%;}
.main-content p.center {text-align:center;}
.main-content p.right {text-align:right;}
.main-content p.details {clear:both; margin:-0.25em 0 1.0em 0; line-height:1.0em; font-size:110%;}
.main-content blockquote {clear:both; margin:0 30px 0.6em 30px; font-size:90%;}

/*.main-content table {clear:both; width:500px; margin:2.0em 0 0.2em 0; border-collapse:collapse; background-color:#dbdbdb;}
.main-content table th.top {padding:0 7px 0 7px; background-color:#afafaf; text-align:left; color:#fff; font-weight:bold; font-size:110%;}
.main-content table th {padding:2px 7px 2px 7px; border:solid 2px #fff; text-align:left; color:#505050; font-weight:bold; font-size:110%;}
.main-content table td {padding:2px 7px 2px 7px; border:solid 2px #fff; text-align:left; font-weight:normal; color:#505050; font-size:110%;}
p.caption {clear:both; margin:0.5em 0 2.0em 0px; text-align:left; color:#505050; font-size:110%;}*/

.main-content ul {list-style:none; margin:0.5em 0 1.0em 0;}
.main-content ul li {margin:0 0 0.2em 2px; padding:0 0 0 12px; background:url(../img/bg_bullet_full_1.gif) no-repeat 0 0.5em; line-height:1.4em; font-size:120%;}
.main-content ol {margin:0.5em 0 1.0em 20px !important /*Non-IE6*/; margin:0.5em 0 1.0em 25px /*IE6*/;}
.main-content ol li {list-style-position:outside; margin:0 0 0.2em 0; line-height:1.4em; font-size:120%;}

.tabform {clear:both; width:500px; margin:0.0em 0 0.2em 0; border-collapse:collapse;}
.tabform  th {padding:2px 0px 2px 0px; text-align:left; color:#505050; font-weight:bold; font-size:110%;}
.tabform  td {padding:2px 0px 2px 0px; text-align:left; font-weight:normal; color:#505050; font-size:110%;}

.btn { border:1px solid #c0c0c0; padding:0px;	font-size:12px;	color:#fff; font-weight:normal; font-family:arial,helvetica,serifenlos,sans-serif; background-color:#5c6d74; }

.i45, .i192, .i146, .i186, .i200, .i206, .i240 {
	border:1px solid #c0c0c0 ;
	font-size:12px;
	font-family:arial,helvetica,serifenlos,sans-serif;
	color:#000;
	background-color:#fff;
	padding:1px 2px 1px 2px;
}
.t468x200, .t392x250 { padding:3px; }

.i45 { width:45px; }
.i146 { width:146px; }
.i186 { width:186px; }
.i196 { width: 196px; }
.i200 { width: 200px; }
.i206 { width: 206px; }
.i240 { width: 240px; }
.t280x150 { width:280px; height:150px; }

/* MAIN SUBCONTENT */
.main-subcontent h1 {clear:both; margin:0px; padding:4px 10px 3px 10px; font-family:Arial, Helvetica, sans-serif; color:#5c6d74; font-weight:bold; font-size:140%;}
.main-subcontent h1.brown {clear:both; margin:0px; padding:4px 10px 3px 10px; font-family:Arial, Helvetica, sans-serif; color:#fff; font-weight:bold; font-size:140%;}

.main-subcontent h1.green {clear:both; margin:0 0 5px 0; padding:4px 10px 3px 10px; background-color:rgb(160,214,81); font-family:Arial, Helvetica, sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:140%;}
.main-subcontent h1.blue {clear:both; margin:0 0 5px 0; padding:4px 10px 3px 10px; background-color:rgb(137,170,214); font-family:Arial, Helvetica, sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:140%;}
.main-subcontent h1.orange {clear:both; margin:0 0 5px 0; padding:4px 10px 3px 10px; background-color:rgb(232,177,13); font-family:Arial, Helvetica, sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:140%;}
 /* Note: h2 non-existent, to make HTML-code interchangeable between 'main-navigation' and 'main-subcontent' */
.main-subcontent h3 {clear:both; margin:0 10px 0.25em 10px; color:#505050; font-weight:bold; font-size:110%;}
.main-subcontent p {clear:both; margin:0 10px 0.5em 10px; color:#505050; line-height:1.3em; font-size:110%;}
.main-subcontent ul {list-style:square;  margin:0 10px 0.5em 26px; color:#505050; line-height:1.3em; font-size:110%;}
.main-subcontent p.brown {clear:both; margin:0 10px 0.25em 10px; color:#fff; line-height:1.3em; font-size:110%;}
.main-subcontent p a.brown { color:#505050; }
.main-subcontent p.center {text-align:center;}
.main-subcontent p.right {text-align:right;}

.tooltip { background-color:#303c41; position: absolute; display: none; border:solid 0px #969696; width:auto;}
.tooltip h1 { color:#fff; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:120%; margin:0px; padding:2px 5px 2px 5px;}


/*  COMMON  */
.main img {clear:both; float:left; margin:0; padding:0px; border:0px solid rgb(150,150,150);}
.main img.center {clear:both; float:none; display:block; margin:0 auto; padding:1px; border:1px solid rgb(150,150,150);}
.main img.right {clear:both; float:right; margin:3px 0 7px 10px; padding:1px; border:1px solid rgb(150,150,150);}

.main a {color: #000; text-decoration:none; font-size:110%; text-decoration:underline;}
.main a:hover {text-decoration:underline;}
.main a:visited {text-decoration:underline;}

.main a img {border:solid 0px rgb(150,150,150);}
.main a:hover img {border:solid 0px rgb(220,220,220);}