/******************************/
/*                            */
/* styles erstellt von sloe   */
/*        www.sloe.de         */
/*   author: sandra löwe      */
/* erstellt f. dagmar penzlin */
/*                            */
/******************************/

* {
		padding:0px;
		margin:0px;
}

:focus {
		outline: 0px
}

body {
		background-color:#FFEAA7;
		text-align: center;
		margin-top:50px;
}

body, td, div {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#000000;
		line-height:154%;
}

a img {
		border:0px none;
}

a {
		font-weight:bold;
		color:#FF8000;
}

a:hover {
		font-weight:bold;
		color:#999999;
}

h1 {
		font-size:22px;
		color:#FF8000;
		font-weight:normal;
		font-family:Arial, Helvetica, sans-serif;
}

h2 {
		color:#D03F32;
		font-size:16px;
		font-weight:bold;
		line-height:165%;
}

h3 {
		font-size:21px;
		font-weight:normal;
		color:#B0B5BD;
		line-height:165%;
}

ul {
		margin-left:18px;
		padding:0px;
}

li {
}

td {
		vertical-align:top;
}

blockquote {
		margin-left:15px;
		padding:10px;
}

/*  --- container --- */
#container {
		position:relative;
		margin: 0 auto;
		width: 900px;
		background-image:url(../img/bg_content.gif);
		background-color: #FFFFFF;
		text-align: left;
		z-index:1;
}

/*  --- header ------------------------------------ */
#header {
		height:76px;
}

/*  --- sidebar ------------------------------------ */
#sidebar1 {
		/*position:relative;
		float: left;*/
		position:absolute;
		top:76px;
		left:0;
		width: 184px;
		background-color:#FFFFFF;
		padding-top:36px;
}

#navi {
		background-image:url(../img/navi_bg.jpg);
		padding-top:11px;
		padding-bottom:11px;
		/*height:228px;*/
		min-height: 228px;
		height:  auto !important;
		height: 228px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height:154%;
		text-transform:uppercase;
}

#navi_top {
		height:3px;
		background-image:url(../img/navi_top.jpg);
		background-repeat:no-repeat;
		background-position:bottom;
		line-height:0px;
		font-size:0px;
}

#navi_bottom {
		background-image:url(../img/navi_bottom.jpg);
		height:7px;
		background-repeat:no-repeat;
		background-position:top;
		line-height:0px;
		font-size:0px;
}

ul.navi, ul.navi li {
		list-style-type:none;
}

li.navi a {
		color:#FFFFFF;
		text-decoration:none;
		font-weight:normal;
}

li.navi a:hover, li.navi_in a {
		color:#000000;
		text-decoration:none;
		font-weight:normal;
}

ul.border_bt {
		border-bottom:#FFFFFF 1px solid;
		padding-bottom:16px;
}

ul.top16 {
		padding-top:16px;
}

#flash {
		position:relative;
		background-color:#ffe7c0;
		margin-right:5px;
		z-index:1;
}

#flashbt {
		position:absolute;
		top:0;
		left:0;
		z-index:10;
}

/*  ---- mainContent ------------------------------------ */
#mainContent {
		position:relative;
		margin: 0 0 0 184px;
		/*height:371px;*/
background-repeat:no-repeat;
		background-position:bottom right;
		min-height: 300px; /* grundhoehe 351 */
		height:  auto !important;
		height: 351px;
		padding-bottom:77px; /*vorher 20 */
}

.info {
		width:298px;
		/*height:160px;*/
		padding:20px 18px 10px 7px;
		line-height:120%;
		min-height: 160px;
		height:  auto !important;
		height: 160px;
		z-index: 100;
}

h1.info_hl {
		margin-bottom:37px;
		z-index: 100;
}

h1.info_hl a {
		color:#FFFFFF;
		text-decoration:none;
}

h1.info_hl a:hover {
		color:#FF8000;
}

#content1,
#content2 {
		position:relative;
		width:657px;
		background-image:url(../img/bg_starterdoppel.jpg);
}


#start_title {
		position:absolute;
		top:0px;
		left:0px;
		z-index:-1;
}

#musik_home {
		position:relative;
		float:left;
 		z-index:100;
}

#gender_home {
		position:relative;
		float:right;
 		z-index:100;
}

#audi_home {
		position:relative;
		float:left;
 		z-index:100;
}

#wissen_home {
		position:relative;
		float:right;
 		z-index:100;
}
#footer_startcont {
clear:both;
height:17px;
background-image:url(../img/footer_startcontainer.jpg);
background-repeat:no-repeat;
}

#headline {
		position:absolute;
		top:0px;
		left:27px;
}

#headline2 {
		position:absolute;
		top:0px;
		left:0px;
}

.bg_home {
		padding:32px 20px 0 30px;
}

.bg_zurperson {
		background-image:url(../img/dagmar_penzlin.jpg);
		padding:62px 188px 0 30px;
}

.bg_musik {
		background-image:url(../img/bg_musik.jpg);
		padding:62px 188px 0 30px;
}

.bg_gender {
		background-image:url(../img/bg_gender.jpg);
		padding:62px 188px 0 30px;
}

.bg_audio-atelier {
		background-image:url(../img/bg_audio-atelier.jpg);
		padding:62px 188px 0 30px;
}

.bg_wissen {
		background-image:url(../img/bg_wissen.jpg);
		padding:62px 188px 0 30px;
}

.bg_referenzen {
		background-image:url(../img/bg_referenzen.jpg);
		padding:0px 188px 0 30px;
		line-height:120%;
}

.bg_kontakt {
		line-height:120%;
		padding:62px 100px 0 30px;
}

#fwd {
		/*position:absolute;
		top:358px;
		left:30px;*/
		width: 97px;
		z-index: 100;
}

a.nextpage {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:20px;
		font-weight:bold;
		text-decoration:none;
}

#content_hoerfunk2 {
		position: absolute;
		margin: 0px;
		left:205px;
		top:62px;
		width:149px;
		height:366px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		font-weight:normal;
		line-height:13px;
}

#content_print {
	position: absolute;
	margin: 0px;
	left:-87px;
	top:-26px;
	width:167px;
	height:371px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:13px;
}

#content_ehrenamtlich {
		position: absolute;
		margin: 0px;
		left:556px;
		top:0px;
		width:145px;
		height:371px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		font-weight:normal;
		line-height:13px;
}

#content_hoerproben {
	position: absolute;
	margin: 0px;
	left:250px;
	top:0px;
	width:202px;
	height:250px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:13px;
	padding-top:62px;
}

a.noline {
		text-decoration:none;
}

.text_small {
		font-size:10px;
}

.li_15 {
		margin-left:15px;
}

/*  --- footer ------------------------------------ */
#footer {
		background-color:#FF8000;
}

#footer_home {
		background-image:url(../img/bg_footer.gif);
		background-repeat:repeat-y;
}

#footer, #footer_home {
		padding-left:18px;
		line-height:16px;
		min-height: 16px;
		height:  auto !important;
		height: 16px;
}

a.impressum, a.impressum_in {
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		text-decoration:none;
		color:#FFFFFF;
		text-transform:uppercase;
		font-weight:normal;
}

a:hover.impressum, a.impressum_in {
		color:#000000;
}

/*  --- allg. klassen --- */	

.fltrt {
		float: right;
		margin-left: 8px;
}

.fltlft {
		float: left;
		margin-right: 8px;
}

.clearfloat {
		clear:both;
		height:0;
		font-size: 1px;
		line-height: 0px;
}

