body{

	background-color: rgba(99, 68, 182, 1);

}

a{

	color: #FFF;

}

l{

	cursor: pointer;
	opacity: 0.8;

}

.tc{

	text-align: center;

}

h1{

	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	letter-spacing: 0.7px;
	line-height: 140%;

}

h1t{

	font-family: Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-weight: lighter;
	letter-spacing: 0.7px;
	line-height: 150%;

}

h2{

	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	letter-spacing: 0.7px;
	line-height: 200%;
	font-weight: normal;	
	margin: 14px 0px 6px 0px;
}

h3{

	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	letter-spacing: 0.7px;
	line-height: 100%;
	font-weight: normal;	
	margin-top: 8px;
}

h4{

	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 0.7px;
	line-height: 140%;

}

h5{

	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 0.7px;
	line-height: 160%;
	margin-top: 6px;

}

h6{

	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	letter-spacing: 0.7px;
	line-height: 0%;
	font-weight: normal;	
	margin: -17px 0px 17px 0px;
	padding: 0px 3% 0px 0px;
	text-align: right;
}

.btn_more{
	opacity: 0.8;
	cursor: pointer;
}

.btn_more:hover{
	opacity: 1;
}

.btn_close{
	height: 18px;
	width: 18px;
	padding: 1px 1px 2.5px 4px;
	position: absolute;
	top: 0px;
	margin-left: 96%;
	cursor: pointer;
	border: 1px solid rgba(255, 255, 255, 0.35);
	border-radius: 12%;
	
	opacity: 0.8;
}

.btn_close:hover{
	opacity: 1;
}

.line{
	height: 2px;
	width: 16px;
	background-color: #FFF;
}

#line1{
	-webkit-transform:translate3d(0,9px,0) rotate(45deg);
	transform:translate3d(0,9px,0) rotate(45deg);
}

#line2{
	-webkit-transform:translate3d(0,7px,0) rotate(-45deg);
	transform:translate3d(0,7px,0) rotate(-45deg);
}




#line_top{

	position: fixed;
	top: 70px;
	left: 101px;
	width: 90%;
	height: 19px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);

}

#header{

}

#header_bg{

	position: fixed;
	top: 0px;
	left: 0px;
	height: 126px;
	width: 100%;
	background-color: rgba(89, 61, 165, 0.95);

}


#footer_bg{

	position: fixed;
	bottom: 0px;
	left: 0px;
	height: 25px;
	width: 100%;
	background-color: rgba(89, 61, 165, 0.95);

}

#name{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 27px;
	letter-spacing: 0.025em;
	line-height: 140%;

	position: fixed;
	left: 100px;
	top: 29px;
}

#occupation{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: lighter;
	letter-spacing: 0.025em;
	line-height: 140%;
	
	position: fixed;
	left: 101px;
	top: 63px;
}


.btn{

	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	letter-spacing: 0.7px;
	line-height: 140%;
	cursor: pointer;


}

#menu{

	top: 0px;

}

#menu_mobile{
	display: none;
	padding-top: 30px;
}

#menu_mobile_bg{
	position: fixed;
	display: none;
	height: 100%;
	width: 100%;
	left: 0px;
	background-color: rgba(99, 68, 182, 0.8);
}

#menu_btn{
	display: block;
	
	height: 18px;
	width: 18px;
	padding: 1px 1px 2.5px 4px;
	position: fixed;
	top: 96px;
	left: 10%;
	cursor: pointer;
	border: 1px solid rgba(255, 255, 255, 0.35);
	border-radius: 12%;
	background-color: rgba(99, 68, 182, 1);
	
	opacity: 0.8;
}

#menu_btn:hover{
	opacity: 1;
}

#men_l1, #men_l2, #men_l3{
	margin-top: 3.5px;
}

#veranst{

	position: absolute;
	top: 28px;
	left: 2px;
	opacity: 0.8;

}

#taetigk{

	position: absolute;
	top: 28px;
	left: 130px;
	opacity: 0.8;

}

#lebensl{

	position: absolute;
	top: 28px;
	left: 275px;
	opacity: 0.8;

}

#bogensch{

	position: absolute;
	top: 28px;
	left: 375px;
	opacity: 0.8;

}

#veroeffentl{

	position: absolute;
	top: 28px;
	left: 500px;
	opacity: 0.8;

}

#imp{

	position: relative;
	top: 28px;
	float: right;
	opacity: 0.8;

}

#veranst_m, #taetigk_m, #lebensl_m, #bogensch_m, #veroeffentl_m, #imp_m{
	display: none;
	position: relative;
	opacity: 0.8;
	text-align: center;
	margin-top: 15px;
	top: 15px;
	
}

.text_std{

	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	letter-spacing: 0.7px;
	line-height: 140%;
	padding-bottom: 60px;

}


table{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	letter-spacing: 0.7px;
	line-height: 140%;
	
}

.tbl_s{

	width: 100%;
	padding-bottom: 60px;

}


tr{

}

td{
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 8px;
	padding-left: 8px;
	vertical-align: top;
	
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

#cont0{

	display: block;
	position: relative;
 	opacity: 1;
 	
 	top:170px;
 	left: 22%;
 	width: 56%;
 	
}

#ns{

	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	letter-spacing: 0.7px;
	line-height: 140%;
	padding: 0px 8px;

}

#cont1{

	display: none;
	position: relative;
 	opacity: 1;
 	
 	top:170px;
 	left: 22%;
 	width: 56%;
 	
}

#cont_sem_int_bog, #cont_fortb_int_bog, #cont_ther_bog_fortb, #cont_ther_bog_selbst, #cont_coach_bog, #cont_sup_woch, #cont_nach_tb{

	display: none;
	position: relative;
 	opacity: 1;
 	
 	top:170px;
 	left: 22%;
 	width: 56%;

}

.no_break_txt{
	white-space: nowrap;
}

.veranst_detail{

	cursor: pointer;
	opacity: 0.8;

}

.veranst_detail:hover{

	opacity: 1;

}

#veran{
	
 	display: table;
 	width: 100%;
 	
}

#veranst_info{
	
	position: relative;
	padding-bottom: 50px;
	padding-top: 35px;
	padding-left: 8px;
	padding-right: 8px;

}


#cont2{

	display: none;
	position: relative;
 	opacity: 1;
 	
 	top:170px;
 	left: 22%;
 	width: 56%;
 	
}


#cont3{

	display: none;
	position: relative;
 	opacity: 1;
 	
 	top:170px;
 	left: 22%;
 	width: 56%;
 	
}

#cont4{

	display: none;
	position: relative;
 	opacity: 1;
 	
 	top: 170px;
 	left: 22%;
 	width: 56%;
 	
}

.bog_txt{

	display: table-cell;
	width: 50%;
	border-bottom: 1px solid rgba(255, 255, 255, 0.7);

}

.bog_txt_mob{

	display: table-cell;
	width: 100%;
	border-bottom: 1px solid rgba(255, 255, 255, 0.7);

}

.veroe_pic{

	height: 100px;
	float: right;
	border: 1px solid rgba(255, 255, 255, 0.2);
	
}

#cont5{

	display: none;
	position: relative;
 	opacity: 1;
 	
 	top:170px;
 	left: 22%;
 	width: 56%;
 	
}

#cont6{

	display: none;
	position: relative;
 	opacity: 1;
 	
 	top:170px;
 	left: 22%;
 	width: 56%;
 	
}

#taeti{
	opacity: 1;
}

#leben{
	opacity: 1;
}

#bogen{
	display: table;
	opacity: 1;
}

#bogen_mob{
	display: none;
}

#veroe{
	opacity: 1;
}

#impre{
	opacity: 1;
}


@media screen
and (min-width: 651px)
and (max-width: 920px){

	#cont0, #cont1, #cont2, #cont3, #cont4, #cont5, #cont6, #cont_sem_int_bog, #cont_fortb_int_bog, #cont_ther_bog_fortb, #cont_ther_bog_selbst, #cont_coach_bog, #cont_sup_woch, #cont_nach_tb{
		left: 14%;
		top: 140px;
		width: 72%;
	}
	
	#name, #occupation, #line_top{
		left: 10%;
	}

	#menu{
		display: none;
	}
	
	#menu_mobile{
		display: block;
	}
	
	#menu_btn{
		top: 115px;
	}
	
	.btn_close{
		top: -34px;
	}
	
	#header_bg{
		height: 105px;
	}

}

@media screen
and (max-width: 650px){

	#cont0, #cont1, #cont2, #cont3, #cont4, #cont5, #cont6, #cont_sem_int_bog, #cont_fortb_int_bog, #cont_ther_bog_fortb, #cont_ther_bog_selbst, #cont_coach_bog, #cont_sup_woch, #cont_nach_tb{
		left: 14%;
		top: 125px;
		width: 72%;
	}
	
	#line_top{
		left: 10%;
		top: 62px;
	}

	#menu{
		display: none;
	}
	
	#menu_mobile{
		display: block;
	}
	
	#menu_btn{
		top: 105px;
	}
	
	#header_bg{
		height: 95px;
	}
	
	#name{
		left: 10%;
		font-size: 23px;
	}
	
	#occupation{
		left: 10%;
		font-size: 9.4px;
		top: 58px;
	}
	
	h6{
		margin: 17px 0px 17px 0px;
		padding: 0px 3% 0px 0px;
		text-align: left;
	}
	
	.btn_close{
		top: -29px;
	}
	
	#bogen{
		display: none;
	}
	
	#bogen_mob{
		display: table;
	}

}