/******************************************/
/*****			slider				  *****/
/******************************************/

.slider-wrap {
	position: relative;
	margin-left: -80px;
	width: 650px;
}
.slider {
	position: relative;
	width: 650px;
	left: 64px;
}
.slider img{
	padding:0;
}
.slider ul {
	margin: 0;
	padding: 0;
}
.slider ul li {
	list-style: none;
	text-align: center;
	width: 500px;
}
.slider ul li span {
	display: inline-block;
	vertical-align: middle;
	position: relative; 
	width: 500px;
	height: 332px;
}
.slider-arrow {	
	position: absolute;
	top: 125px;
	width: 29px;
	/*height: 60px;*/
}
.sa-left {
	left: 15px;
}
.sa-right {
	right: 5px;
}

/******************************************/
/*****			programme			  *****/
/******************************************/
.video{
	margin-left: 5px;
	margin-top: 45px;
}

audio{
	height: 25px;
	width: 350px;
}
.hoerproben{
	width: 395px;
	text-align: left;
}
.hoerprobe{
	margin-left: 0px;
}
.hoer_titel{
	margin-left: 15px;
	margin-top: 5px;	
	float: right;
	width: 215px;
}
.cd_bestellen{	
	float: right;
	padding-top: 105px;
}
.cd_wrapper{	
	width: 420px;
}
.bestellen{
	background-color: #F3C62B;
	padding-left: 14px;
	padding-top: 14px;
	padding-bottom: 10px;	
}
/******************************************/
/*****			wir				      *****/
/******************************************/

.vita_thomas{
	float: left;
	width: 265px;
}
.vita_bille{
	float: right;	
	width: 265px;
}

.wrapper{
	width: 575px;
}
/******************************************/
/*****			termine				  *****/
/******************************************/

.termin_jahr{
	font-weight: bold;
	padding-top: 32px;
}
.termin_aktuell{
	color: #000000;
	border-bottom: #000000 1px dotted;
}

td{
	color: #999999;
	border-bottom: #cccccc 1px dotted;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 18px;
}
tr{
	padding-top: 15px;
}
table{
	margin-top: -35px;
	padding-top: 0px;
}

/******************************************/
/*****			content			  *****/
/******************************************/

.content{
	margin-left:115px;		
	margin-top: 35px;
	width: 675px;
	/*font-family: 'PT Sans',Helvetica,Arial,sans-serif;*/
}

/******************************************/
/*****			navigation			  *****/
/******************************************/

.unter_navi a.activ{
	font-weight: bold;
	text-decoration: underline;
	/*padding-right: 15px;*/
}
.unter_navi a{
	text-decoration: none;
	margin-right: 15px;
	
}
.unter_navi{
	padding-top: 7px;
	/*padding-bottom: 8px;*/
	padding-left: 55px;
	font-size: 15px;
}

.haupt_navi a.activ{
	font-weight: bold;
}

.haupt_navi a{
	text-decoration: none;
	margin-right: 32px;
	
}

.haupt_navi{
	padding-top: 14px;
	padding-bottom: 8px;
	padding-left: 55px;
	font-size: 15px;
}

/******************************************/
/*****			oberer bereich 		  *****/
/******************************************/

#head img{
	padding-left: 115px;	
}

#head{
	background-image: url("http://hellmann-und-denker.de/images/hg_hellmann_denker.jpg");
	width: 100%;
	height: 405px;
	margin-left:0;
}

.aet_h1{
	font-size: 37px;
}

h1{
	font-family: DejaVuSans,Helvetica,Arial,sans-serif;
	font-size: 50px;
	color: #a4310e;
	margin-top: 55px;
	margin-bottom: 38px;
	margin-left: 55px;
	letter-spacing: 0.8px;
}

/**********************/
/*****	allgemein	*****/
/**********************/
.clear{
	clear: both;
}

hr{
	clear: both;
	visibility: hidden;
	}
	
h2{
	/*font-size: 16px;
	font-weight: bold;*/
}

h3{
	font-size: 15px;
	font-weight: bold;	
}

p{
	margin-bottom: 18px;	
}

a{
	color: #a4310e;
}

ul{
	list-style-type: none;margin-bottom: 25px;
	
}

.bold{
	font-weight: bold;
}

body{
	/*color:#2c221b;*/
	color: #000000;
	font-family: DejaVuSans,Helvetica,Arial,sans-serif;
	font-size: 13px;
	letter-spacing: 0.3px;
	line-height: 1.2em;
	margin-top: 25px;
	margin-bottom:125px;
}

@font-face {
   font-family: DejaVuSans;
   local: DejaVuSans; 
   src: url('http://hellmann-und-denker.de/font/DejaVuSans.ttf');
}