/* CSS Document */

td {
	font-family: verdana, arial;
	font-size: 11px;
	font-weight: normal;
	color: #707070;
}

h5 {
	font-family: verdana, arial;
	color: #999999;
}

ul {	
	list-style: none;
	text-align: left;
	font-family: verdana, arial;
	font-size: 10px;
}

/* gilt für Kontakt und Impressum */

#header {
	position: absolute;
	top: 15px;
	left: 25px;
}

#mid_kon_back {
	position: absolute;
	top: 100px;
	left: 25px;
	/*border: 1px solid #999999;*/
	background-color: #F0F0F0;
	width: 350px;
	height: 280px;
}

#mid_kon {
	position: absolute;
	top: 110px;
	left: 35px;
	width: 330px;
	height: 270px;
}

#mid_imp_back {
	position: absolute;
	top: 100px;
	left: 25px;
	/*border: 1px solid #999999;*/
	background-color: #F0F0F0;
	width: 350px;
	height: 160px;
}

#mid_imp {
	position: absolute;
	top: 110px;
	left: 35px;
	width: 330px;
	height: 140px;
}

#footer {
	position: absolute;
	bottom: 15px;
	left: 25px;
}

/* gilt für normale Seiten  */

/* ------------------------ */
/* ------ linke Seite ----- */
#left {
	position: absolute;
	top: 5px;
	/*border: 1px solid #999999;*/
	background-color: #DDDDDD;
	width: 150px;
	height: 254px;
}

#left_profil {
	position: absolute;
	top: 15px;
	width: 140px;
	height: 244px;
	font-family: verdana, arial;
	font-size: 11px;
	color: #707070;
	text-align: center;
	z-index: 2;
}

#left_services {
	position: absolute;
	top: 15px;
	width: 140px;
	height: 244px;
	font-family: verdana, arial;
	font-size: 11px;
	color: #707070;
	text-align: center;
	z-index: 2;
}

#left_gbuch {
	position: absolute;
	top: 15px;
	width: 150px;
	height: 244px;
	font-family: verdana, arial;
	font-size: 11px;
	color: #707070;
	text-align: center;
	z-index: 2;
}

#entry_back_1 {
	position: absolute;
	top: 100px;
	left: 39px;
	border-left: 2px solid #CCCCCC;
	border-top: 2px solid #CCCCCC;
	border-right: 2px solid #999999;
	border-bottom: 2px solid #999999;
	background-color: #F0F0F0;
	width: 72px;
	height: 25px;
	z-index: 3;
}

#entry_back_2 {
	position: absolute;
	top: 100px;
	left: 39px;
	border-left: 2px solid #999999;
	border-top: 2px solid #999999;
	border-right: 2px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
	background-color: #F0F0F0;
	width: 72px;
	height: 25px;
	z-index: 3;
}

#entry_1 {
	position: absolute;
	top: 104px;
	left: 45px;
	/*border: 1px solid #999999;*/
	width: 66px;
	height: 21px;
	font-family: verdana, arial;
	font-size: 12px;
	text-align: center;
	z-index: 4;
}

#entry_2 {
	position: absolute;
	top: 104px;
	left: 50px;
	/*border: 1px solid #999999;*/
	width: 58px;
	height: 21px;
	font-family: verdana, arial;
	font-size: 12px;
	text-align: center;
	z-index: 4;
}
.clhdn {
	visibility: hidden;
}

/* ------------------------ */
/* ------ Mittelteil ----- */
#center_back {
	position: absolute;
	top: 5px;
	left: 158px;
	/*border: 1px solid #999999;*/
	background-color: #F0F0F0;
	width: 394px;
	height: 254px;
}

#center {
	position: absolute;
	top: 15px;
	left: 168px;
	border-left: 2px solid #CCCCCC;
	border-top: 2px solid #CCCCCC;
	border-right: 2px solid #999999;
	border-bottom: 2px solid #999999;
	width: 374px;
	height: 234px;
	z-index: 2;
}

#profil {
	position: absolute;
	top: 25px;
	left: 178px;
	/*border: 1px solid #999999;*/
	width: 364px;
	height: 224px;
	font-family: verdana, arial;
	font-size: 11px;
	color: #707070;
	z-index: 3;
}

#services_back {
	position: absolute;
	top: 15px;
	left: 168px;
	background-image: url('../bilder/gif/mitte_logo.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 374px;
	height: 234px;
	z-index: 3;
}

#services {
	position: absolute;
	top: 115px;
	left: 168px;
	width: 374px;
	height: 45px;
	font-family: eurostile extended, verdana, arial;
	font-weight: bold;
	font-style: italic;
	font-size: 18px;
	text-align: center;
	color: #707070;
	z-index: 4;
}

/* ------------------------------- */
/* Untermenüpunkte von Services    */
#beratung {
	position: absolute;
	top: 25px;
	left: 178px;
	background-color: #F0F0F0;
	width: 354px;
	height: 214px;
	visibility: hidden;
	font-family: verdana, arial;
	font-size: 11px;
	font-weight: normal;
	color: #707070;
	z-index: 5;
}

#planung {
	position: absolute;
	top: 25px;
	left: 178px;
	background-color: #F0F0F0;
	width: 354px;
	height: 214px;
	visibility: hidden;
	font-family: verdana, arial;
	font-size: 11px;
	font-weight: normal;
	color: #707070;
	z-index: 6;
}

#gestaltung {
	position: absolute;
	top: 25px;
	left: 178px;
	background-color: #F0F0F0;
	width: 354px;
	height: 214px;
	visibility: hidden;
	font-family: verdana, arial;
	font-size: 11px;
	font-weight: normal;
	color: #707070;
	z-index: 7;
}

#umsetzung {
	position: absolute;
	top: 25px;
	left: 178px;
	background-color: #F0F0F0;
	width: 354px;
	height: 214px;
	visibility: hidden;
	font-family: verdana, arial;
	font-size: 11px;
	font-weight: normal;
	color: #707070;
	z-index: 8;
}

#betreuung {
	position: absolute;
	top: 25px;
	left: 178px;
	background-color: #F0F0F0;
	width: 354px;
	height: 214px;
	visibility: hidden;
	font-family: verdana, arial;
	font-size: 11px;
	font-weight: normal;
	color: #707070;
	z-index: 9;
}

#internet {
	position: absolute;
	top: 25px;
	left: 178px;
	background-color: #F0F0F0;
	width: 354px;
	height: 214px;
	visibility: hidden;
	font-family: verdana, arial;
	font-size: 11px;
	font-weight: normal;
	color: #707070;
	z-index: 10;
}

#print {
	position: absolute;
	top: 25px;
	left: 178px;
	background-color: #F0F0F0;
	width: 354px;
	height: 214px;
	visibility: hidden;
	font-family: verdana, arial;
	font-size: 11px;
	font-weight: normal;
	color: #707070;
	z-index: 11;
}

/* ------------------------------- */

#refer {
	position: absolute;
	top: 25px;
	left: 178px;
	/*border: 1px solid #999999;*/
	width: 364px;
	height: 224px;
	font-family: verdana, arial;
	font-size: 11px;
	color: #707070;
	z-index: 3;
}

#gbuch {
	position: absolute;
	top: 25px;
	left: 178px;
	/*border: 1px solid #999999;*/
	width: 354px;
	height: 224px;
	font-family: verdana, arial;
	font-size: 11px;
	color: #707070;
	z-index: 3;
}

#lexikon_start {
	position: absolute;
	top: 15px;
	left: 168px;
	background-image: url('../bilder/gif/mitte_logo.gif');
	background-repeat: no-repeat;
	background-position: center;
	/*border: 1px solid #000000;*/
	width: 374px;
	height: 234px;
	z-index: 3;
}

#lexikon {
	position: absolute;
	top: 25px;
	left: 178px;
	/*border: 1px solid #000000;*/
	width: 354px;
	height: 224px;
	font-family: verdana, arial;
	font-size: 11px;
	color: #707070;
	z-index: 3;
}

/* ----------------------------- */
/* -- rechte Seite und Bilder -- */
#right {
	position: absolute;
	top: 5px;
	left: 560px;
	/*border: 1px solid #999999;*/
	background-color: #DDDDDD;
	width: 150px;
	height: 254px;
}

#i_refer_01 {
	position: absolute;
	top: 70px;
	left: 4px;
	border: 1px solid #999999;
	z-index: 4;
}

#i_refer_02 {
	position: absolute;
	top: 70px;
	left: 564px;
	border: 1px solid #999999;
	z-index: 4;
}

#bilder {
	position: absolute;
	top: 60px;
	left: 580px;
	z-index: 4;
}
/* ----------------------------- */

/* --------------------------- */
/* ----- Abschlussbalken ----- */
#bottom_back {
	position: absolute;
	top: 267px;
	/*border: 1px solid #A9A9A9;*/
	background-color: #DDDDDD;
	width: 710px;
	height: 40px;
}

/* --- Icons im Abschluss ---- */
#i_profil {
	position: absolute;
	top: 268px;
	left: 1px;
	width: 38px;
	height: 38px;
	z-index: 2;
}

#i_services {
	position: absolute;
	top: 268px;
	left: 1px;
	width: 38px;
	height: 38px;
	z-index: 2;
}

#i_referenzen {
	position: absolute;
	top: 268px;
	left: 1px;
	width: 38px;
	height: 38px;
	z-index: 2;
}

#i_gbuch {
	position: absolute;
	top: 268px;
	left: 1px;
	width: 38px;
	height: 38px;
	z-index: 2;
}

#i_lexikon {
	position: absolute;
	top: 268px;
	left: 1px;
	width: 38px;
	height: 38px;
	z-index: 2;
}

#bottom {
	position: absolute;
	top: 277px;
	width: 700px;
	height: 30px;
	font-family: eurostile extended, verdana, arial;
	font-style: italic;
	color: #666666;
	text-align: right;
	z-index: 3;
}
/* --------------------------- */

/* --------- Klassen --------- */
/* --------------------------- */
.hline {
	font-family: verdana, arial;
	font-size: 14px;
	letter-spacing: 0.2em;
	color: #009900;
}

.hline_2 {
	font-family: verdana, arial;
	font-size: 12px;
	letter-spacing: 0.2em;
	color: #009900;
}

.profil {
	border-left: 1px solid #999999;
	border-top: 1px solid #999999;
	border-right: 2px solid #999999;
	border-bottom: 2px solid #999999;
	padding-left: 10px;
}

.i_refer_02 {
	border-color: #999999;
}

.bilder {
	border-color: #999999;
}

.gb_inline {
	background-color: #FFFFFF;
	/*border: 1px solid #999999;*/
	/*padding-left: 10px;*/
}

.anliegen {
	padding-bottom: 65px;
}

.small {
	font-family: verdana, arial;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
}

.normal {
	font-family: verdana, arial;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}

.input { 
	width: 160px;
   	height: 18px;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	color: #000000;
	float: left;
	font-family: verdana, arial;
	font-size: 11px;
}

.textarea { 
	width: 200px;
   	height:60px;
   	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
   	color: #000000;
	float: left;
	font-family: verdana, arial;
	font-size: 11px;
}

.button { 
	width: 60px;
	height: 18px;
	background-color: #D9D9D9;
   	color: #000000;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-bottom: 2px solid #000000;
	border-right: 2px solid #000000;
	float: left;
	font-family: verdana, arial;
	font-size: 10px;
	cursor: pointer;
}

/* -------------------------------- */
/* ---- Lexikon Schalterbutton ---- */

.s_button_a {
	position: absolute;
	top: 60px;
	left: 28px;
	background-color: #CCCCCC;
	width: 14px;
	height: 20px;
	color: #009900;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	font-family: verdana, arial;
	font-size: 11px;
	cursor: pointer;
	z-index: 5;
}

.s_button_b {
	position: absolute;
	top: 60px;
	left: 48px;
	background-color: #CCCCCC;
	width: 14px;
	height: 20px;
	color: #009900;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	font-family: verdana, arial;
	font-size: 11px;
	cursor: pointer;
	z-index: 4;
}

.s_button_c {
	position: absolute;
	top: 60px;
	left: 68px;
	background-color: #CCCCCC;
	width: 14px;
	height: 20px;
	color: #009900;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	font-family: verdana, arial;
	font-size: 11px;
	cursor: pointer;
	z-index: 4;
}

.s_button_d {
	position: absolute;
	top: 60px;
	left: 88px;
	background-color: #CCCCCC;
	width: 14px;
	height: 20px;
	color: #009900;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	font-family: verdana, arial;
	font-size: 11px;
	cursor: pointer;
	z-index: 4;
}

.s_button_e {
	position: absolute;
	top: 60px;
	left: 108px;
	background-color: #CCCCCC;
	width: 14px;
	height: 20px;
	color: #009900;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	font-family: verdana, arial;
	font-size: 11px;
	cursor: pointer;
	z-index: 4;
}

.s_button_f {
	position: absolute;
	top: 86px;
	left: 28px;
	background-color: #CCCCCC;
	width: 14px;
	height: 20px;
	color: #009900;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	font-family: verdana, arial;
	font-size: 11px;
	cursor: pointer;
	z-index: 4;
}

.s_button_g {
	position: absolute;
	top: 86px;
	left: 48px;
	background-color: #CCCCCC;
	width: 14px;
	height: 20px;
	color: #009900;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	font-family: verdana, arial;
	font-size: 11px;
	cursor: pointer;
	z-index: 4;
}

.s_button_h {
	position: absolute;
	top: 86px;
	left: 68px;
	background-color: #CCCCCC;
	width: 14px;
	height: 20px;
	color: #009900;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	font-family: verdana, arial;
	font-size: 11px;
	cursor: pointer;
	z-index: 4;
}

.s_button_i {
	position: absolute;
	top: 86px;
	left: 88px;
	background-color: #CCCCCC;
	width: 14px;
	height: 20px;
	color: #009900;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	font-family: verdana, arial;
	font-size: 11px;
	cursor: pointer;
	z-index: 4;
}

.s_button_j {
	position: absolute;
	top: 86px;
	left: 108px;
	background-color: #CCCCCC;
	width: 14px;
	height: 20px;
	color: #009900;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	font-family: verdana, arial;
	font-size: 11px;
	cursor: pointer;
	z-index: 4;
}

.s_button_k {
	position: absolute;
	top: 112px;
	left: 28px;
	background-color: #CCCCCC;
	width: 14px;
	height: 20px;
	color: #009900;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	font-family: verdana, arial;
	font-size: 11px;
	cursor: pointer;
	z-index: 4;
}

.s_button_l {
	position: absolute;
	top: 112px;
	left: 48px;
	background-color: #CCCCCC;
	width: 14px;
	height: 20px;
	color: #009900;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	font-family: verdana, arial;
	font-size: 11px;
	cursor: pointer;
	z-index: 4;
}

.s_button_m {
	position: absolute;
	top: 112px;
	left: 68px;
	background-color: #CCCCCC;
	width: 14px;
	height: 20px;
	color: #009900;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	font-family: verdana, arial;
	font-size: 11px;
	cursor: pointer;
	z-index: 4;
}

.s_button_n {
	position: absolute;
	top: 112px;
	left: 88px;
	background-color: #CCCCCC;
	width: 14px;
	height: 20px;
	color: #009900;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	font-family: verdana, arial;
	font-size: 11px;
	cursor: pointer;
	z-index: 4;
}

.s_button_o {
	position: absolute;
	top: 112px;
	left: 108px;
	background-color: #CCCCCC;
	width: 14px;
	height: 20px;
	color: #009900;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	font-family: verdana, arial;
	font-size: 11px;
	cursor: pointer;
	z-index: 4;
}

.s_button_p {
	position: absolute;
	top: 138px;
	left: 28px;
	background-color: #CCCCCC;
	width: 14px;
	height: 20px;
	color: #009900;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	font-family: verdana, arial;
	font-size: 11px;
	cursor: pointer;
	z-index: 4;
}

.s_button_q {
	position: absolute;
	top: 138px;
	left: 48px;
	background-color: #CCCCCC;
	width: 14px;
	height: 20px;
	color: #009900;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	font-family: verdana, arial;
	font-size: 11px;
	cursor: pointer;
	z-index: 4;
}

.s_button_r {
	position: absolute;
	top: 138px;
	left: 68px;
	background-color: #CCCCCC;
	width: 14px;
	height: 20px;
	color: #009900;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	font-family: verdana, arial;
	font-size: 11px;
	cursor: pointer;
	z-index: 4;
}

.s_button_s {
	position: absolute;
	top: 138px;
	left: 88px;
	background-color: #CCCCCC;
	width: 14px;
	height: 20px;
	color: #009900;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	font-family: verdana, arial;
	font-size: 11px;
	cursor: pointer;
	z-index: 4;
}

.s_button_t {
	position: absolute;
	top: 138px;
	left: 108px;
	background-color: #CCCCCC;
	width: 14px;
	height: 20px;
	color: #009900;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	font-family: verdana, arial;
	font-size: 11px;
	cursor: pointer;
	z-index: 4;
}

.s_button_u {
	position: absolute;
	top: 164px;
	left: 28px;
	background-color: #CCCCCC;
	width: 14px;
	height: 20px;
	color: #009900;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	font-family: verdana, arial;
	font-size: 11px;
	cursor: pointer;
	z-index: 4;
}

.s_button_v {
	position: absolute;
	top: 164px;
	left: 48px;
	background-color: #CCCCCC;
	width: 14px;
	height: 20px;
	color: #009900;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	font-family: verdana, arial;
	font-size: 11px;
	cursor: pointer;
	z-index: 4;
}

.s_button_w {
	position: absolute;
	top: 164px;
	left: 68px;
	background-color: #CCCCCC;
	width: 14px;
	height: 20px;
	color: #009900;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	font-family: verdana, arial;
	font-size: 11px;
	cursor: pointer;
	z-index: 4;
}

.s_button_xyz {
	position: absolute;
	top: 164px;
	left: 88px;
	background-color: #CCCCCC;
	width: 34px;
	height: 20px;
	color: #009900;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	font-family: verdana, arial;
	font-size: 11px;
	cursor: pointer;
	z-index: 4;
}
/* -------------------------------- */

/* -------------------------------- */
a:link {
	text-decoration: none;
	color: #009900;
}

a:visited {
	text-decoration: none;
	color: #009900;
}

a:hover {
	text-decoration: underline;
	color: #009900;
}

a:active {
	text-decoration: none;
	color: #009900;
}