/*
	Farbcodes
	buero: #0D3F96
	leistung:  #DC5205;
	vita: #6D4A84;
	kontakt impressum: #C2510F;
	
	
*/

* {margin: 0; padding: 0;}
html {width: 100%; height: 101%;}
body {background-color: #FFFDDA;}

a { color:#006600; text-decoration: none;}
p{ margin: 0px 10px 10px 0; padding: 0px;}
.mod_article ul {list-style-type: square;}
.mod_article ul li {padding: 0; margin: 0 0 0 25px;}
h1{	font-size:12px;	padding: 0;	margin: 0 0 20px;}
.home h1{ font-size: 30px; font-weight: bold;	margin: 0 0 35px 0; color:#006600; }
.leistungsspektrum h1{ color:  #DC5205; }
.vita h1{ color: #6D4A84;}
.buero h1{ color: #0D3F96;}
.kontakt h1,
.impressum h1{ color: #C2510F;}

h2{ font-size: 12px; margin: 0 0 20px 0; }
.home h2 {font-size:18px;margin:0 0 20px;}

/* Main css definitions */
#container {height: 459px; border: 2px solid #999; background-color: #FFF;}
#logo {width: 272px; height: 109px; position:absolute; left:-3px; top:14px; z-index:20; }
.inside {position: relative; top: 0px; left: 0px;}

#left {height: 459px;}
.buero #left {background: url('/tl_files/istbequem/layout/streifen_buero.jpg') 0px 0px no-repeat;}
.home #left {background: url('/tl_files/istbequem/layout/streifen_home.jpg') 0px 0px no-repeat;}
.kontakt #left, .impressum #left {background: url('/tl_files/istbequem/layout/streifen_kontakt.jpg') 0px 0px no-repeat;}
.leistungsspektrum #left {background: url('/tl_files/istbequem/layout/streifen_leistung.jpg') 0px 0px no-repeat;}
.vita #left {background: url('/tl_files/istbequem/layout/streifen_vita.jpg') 0px 0px no-repeat;}

/* Content */
#main .inside {margin: 50px 10px 0 0 ; padding: 0 8px 0 0; height: 395px; overflow: auto;}
.home #container {background:  url('/tl_files/istbequem/layout/image_home.gif') 298px 258px no-repeat; background-color: #FFF;}

/* Footer */
#footer .inside{ color:#006600; font-size:12px; text-align:center; margin: 10px 0 30px;}

/* Tag-Cloud */
.mod_tagcloudarticles { padding: 20px; }
.mod_tagcloudarticles  ul {overflow: hidden; list-style-type: none;}
.mod_tagcloudarticles  ul li {margin: 0 10px; display: inline;}
.mod_tagcloudarticles a {color: #777; font-size: 10px;}
.mod_tagcloudarticles a .hover {color: #999;}
.mod_tagcloudarticles .size1 a {font-size: 9px;}
.mod_tagcloudarticles .size2 a {font-size: 12px;}
.mod_tagcloudarticles .size3 a,
.mod_tagcloudarticles .size4 a,
.mod_tagcloudarticles .size5 a {font-size: 12px; font-weight: bold;}

/* Navigation  */
#menu1 {margin: 50px 0 0 112px; padding: 0; width: 150px; }
#menu1 ul {overflow: hidden; margin: 0 0 0 0; padding: 0; list-style-type: none;}
#menu1 ul.level_1 li {margin: 0; padding: 3px 0; color: #006600}
#menu1 ul.level_1 li ul.level_2 {display: none;}
#menu1 ul.level_1 li.active ul.level_2, #menu1 ul.level_1 li.trail ul.level_2 {display: block;}

.home #menu1 ul.level_1 li.active,
.home #menu1 ul.level_1 li.trail,
.home #menu1 ul.level_1 li.trail a{ font-weight: bold; } /* TODO: BOLD für alle Bereiche */

#menu1 ul.level_1 li.leistungsspektrum.active,
#menu1 ul.level_1 li.leistungsspektrum.trail a, 
#menu1 ul.level_1 li.leistungsspektrum a:hover{ color: #DC5205;}
#menu1 ul.level_1 li.buero.active,
#menu1 ul.level_1 li.buero.trail a, 
#menu1 ul.level_1 li.buero a:hover{ color: #0D3F96;}
#menu1 ul.level_1 li.vita.active,
#menu1 ul.level_1 li.vita.trail a, 
#menu1 ul.level_1 li.vita a:hover{ color: #6D4A84;}
#menu1 ul.level_1 li.kontakt.active,
#menu1 ul.level_1 li.kontakt.trail a, 
#menu1 ul.level_1 li.kontakt a:hover{ color: #C2510F;}


#menu1 ul.level_2 li {margin: 0 0 0 10px; padding: 3px 0; font-size: 11px;}
#menu1 ul.level_2 li a { font-size: 11px; font-weight: normal;}


#menu2 {overflow: hidden;}
#menu2 ul {overflow: hidden; margin: 70px 0 0 0; float: right; list-style-type: none;}
#menu2 ul li {float: left; padding-left: 10px;}
#menu2 ul li .active {color:#006600;}

#menu3 {display: none; margin: 50px 0 0 112px; padding: 0; width: 150px; }
#menu3 ul {overflow: hidden; margin: 0 0 0 0; padding: 0; list-style-type: none;}
#menu3 ul.level_1 li {margin: 0; padding: 3px 0; color: #006600}
#menu3 ul.level_1 li ul.level_2 {display: none;}
#menu3 ul.level_1 li.active ul.level_2, #menu3 ul.level_1 li.trail ul.level_2 {display: block;}