#bild_leiste {position: absolute; top:15px; left:257px;}

#bild_leiste img {float:left;width:80px;height:80px; margin-right:5px; border: 3px solid #ffffce;}

#header, #daten, .box-kl, .box-inhalt-gr {border: 2px solid #8a2f14;}

#header, #daten {width: 801px}


/**********************************************************************************************************/
/**********************************************************************************************************/
/***************************         Haupt CSS Datei für das Root-Template     ****************************/
/***************************                                                   ****************************/
/**********************************************************************************************************/



/********************* Allgemeine Deklarationen **************************/
/*************************************************************************/

* { 
	margin: 0; 
	padding: 0; 
}

html { 
	font-size: 67%; 
	font-family: verdana;  
	height: 101%; 
}
	
body {
	background-color: #ffffce;
	margin: 20px auto auto;
	text-align: center;
}

p, ul {  
	color: #000;
}

h3 { 
	color: #ec8a00;
	font-size: 110%; 
	text-decoration: underline;
	margin-top: 2em;
}

h4 { 
	font-size: 100%; 
	margin-top: 3em; 
}


ul { 
	margin-top: 1em;
	margin-left: 20px; 
}

li { font-size: 110%;
	margin-bottom: 1em; }


/************************* Links *************************************/

a { 
	color: #7a4906; 
	font-weight: bold; 
	text-decoration: none; 
}
	
a:hover { 
	color: #ec8a00; 
}

.external-link-new-window { 
	font-size: 100%; 
	background-image: url(../bilder/layout/elink.GIF); 
	background-repeat: no-repeat; 
	background-attachment: scroll; 
	background-position: left 0; 
	margin-top: 5px; 
	padding-top: 0; 
	padding-bottom: 3px; 
	padding-left: 18px; 
}

.internal-link { 
	background-image: url(../bilder/layout/link-in.gif); 
	background-repeat: no-repeat; 
	background-position: left center; 
	padding-top: 5px; 
	padding-bottom: 5px; 
	padding-left: 14px; 
}

.int_link_box { 
	background-color: #cdd290; 
	margin-top: 2em; 
	padding-right: 10px; 
	padding-bottom: 10px; 
	padding-left: 10px; 
	border: solid 2px #b30000; 
}


/************************** Kopf **************************************/
#header  { 
	background-color: #f5731c;
	border: 2px solid #8a2f14;
	text-align: left;
	margin: auto;
	height: 112px;
	width: 1000px;
 }
	
#header p { 
	text-indent: -9999px; 
}

/************************** DJ Mingo Logo ******************************/
#logo {
	background-image: url(../bilder/layout/logo.gif);
	background-repeat: no-repeat;
	text-indent: -999px;
	position: absolute;
	top: 20px;
	left: 48px;
	width: 170px;
	height: 64px;
	float: left;
}

/************************** Wortnebel Grafik ***************************/	
	
#container {
	position: relative;
	width: 1000px;
	margin: auto;
}



/******************* Navigation ***************************************************/
/*******************             **************************************************/

#brotkruemel { 
	color: #ec8a00; 
	font-weight: bold; 
	margin-bottom: 2em; 
	padding-right: 3px; 
	padding-left: 3px; 
}

#brotkruemel a { 
	font-weight: normal; 
	background-image: none; 
	padding-left: 0; 
}

#brotkruemel a:hover { 
	text-decoration: underline; 
}

/********** Hauptnavigation ****************/

div#navi {
	margin: -20px auto auto auto;
	padding-top: 10px;
	padding-bottom: 5px;
}
	
div#navi a { 
	text-decoration: none;
	margin-right: 1em;
	font-size: 140%;
}

div#navi a:hover {
	color: #7a4906;
}


/************************* Verschiedene Zustände definieren *******************/
.hauptnavi_norm a {
	color: #000;
	margin-right: 1em;
	font-size: 110%;
}

.hauptnavi_akt a {
	color: #AD9413;
	margin-right: 1em;
	border-top: 1px solid #000; 
	border-bottom: 1px solid #000;
	font-size: 110%;
	
}

.hauptnavi_cur {
	color: #AD9413;
	border-top: 1px solid #AD9413;
	border-bottom: 1px solid #AD9413;
	margin-right: 1em;
	text-decoration: none;
	font-weight: bold;
	font-size: 140%;
}


/********************Subnavigation *****************************
****************************************************************/
div#subnavi {
	position: absolute;
	right: 10px;
	top: 15px;
}

div#subnavi a {
	color: #ffffce;
}

div#subnavi a:hover {
	color: #000;
}
	
/******************* Datenbereich inklusive Rahmen *************************************/
/*******************                                *************************************/

#daten   { 
	background-image: url(../bilder/layout/hintergrund-n.jpg);
	background-position: -200px 0;
	background-repeat: no-repeat; 
	background-attachment: scroll;
	background-color: #000;
	margin: auto; 
	padding-bottom: 2em; 
	padding-top: 2em;
	min-height: 595px;
	width: 1000px;
}

#inhalt {
	padding: 0;
	margin: auto;
	text-align: left;
	font-size: 110%;
	width: 90%;
}

/************** Fusszeile ***********************************************************/
/************************************************************************************/
 
#footer   { 
	font-size: 100%; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-align: center; 
	margin: auto; 
	width: 809px; 
	height: 34px ; 
	padding-top: 20px; 
}

#footer a { 
	font-weight: normal;
	background-image: none; 
	padding-left: 0; 
}

#footer a:hover { 
	text-decoration: underline; 
}

/************** Textboxen für Inhalt****************
 **************                     ****************/

.box-inhalt-gr {  
	background-image: url(../bilder/layout/li-slice.png); 
	background-repeat: repeat-y; 
	background-position: left top; 
	height: 100%; 
	padding: 5px 10px;
}

.box-inhalt-gr table.contenttable td {padding: 0;vertical-align: top; padding-bottom: 10px;}

.box-inhalt-gr table.contenttable tbody tr td h2 {padding: 0; margin-top: 0;}

.box-inhalt-gr table h2 {
	font-size: 95%;
}

.box-inhalt-gr table.contenttable tbody tr td p.bodytext {
	font-size: 100% !important;
	font-family: verdana;
	font-weight: normal;
	margin: 0;
}

.box-gr  { 
	color: #000; 
	text-align: left; 
	margin-left: 0; 
	padding-right: 5px; 
	padding-bottom: 5px; 
	padding-left: 5px; 
	width: 609px; 
	float: left; 
}

.box-gr h1, .box-kl h1  { 
	color: #8a2f14; 
	font-family: georgia;
	font-size: 200%; 
	font-weight: bold; 
	margin-bottom: 5px; 
	padding: 0 5px 2px; 
	border-bottom: 1px solid #60531e; 
}

.box-gr h2, .box-kl h2  {
	color: #60531e; 
	font-size: 165%; 
	font-family: Tahoma; font-variant: small-caps; 
	margin-top: 1.5em; 
	margin-right: 20px; 
	margin-bottom: 5px; 
}

.box-gr p {
	font-size: 110%; 
	font-family: Verdana;
	line-height: 1.25em; 
	text-align: left;  
	margin-top: 10px; 
}

.box-gr img { 
	margin-right: 5px; 
	padding: 3px; 
	border: solid 1px #ceba10  
}


.wichtig { 
	color: #c00; 
	font-weight: bold; 
}

.gross_b { 
	font-size: 300%; 
	font-weight: bold; 
	visibility: visible; 
	float: left; 
	clear: right; 
	padding: 5px; 
	border: solid 1px #1a22c5; 
}

.datum_e { 
	color: #60531e; 
	font-size: 100%; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	margin-top: 5px; 
	margin-bottom: -5px; 
}

.eigen_n { 
	color: #60531e; 
	font-size: 120%; 
	font-weight: bold; 
	word-spacing: 1px; 
}

#charts p { 
	font-size: 100%; 
	font-family: verdana; 
	line-height: 1.1em; 
	word-spacing: 2px; 
	margin-top: 0; 
}


/*******************  Regeln ********************
 ******************          ********************/

.letzte-z {
	height: 2em; 
	margin-bottom: 0; 
}

p + h1 { 
	margin-top: 1em; 
}


/***************** Salsa Charts ****************
************************************************/

ol#songliste { 
	color: #b30000; 
	margin-left: 30px;
}

span.interpret { 
	color: #b30000; 
	font-weight: bold; 
}

span.pl_name { 
	color: #7a4906; 
}

span.lied { 
	color: #b30000; 
	font-style: oblique; 
}

div#legende { 
	background-color: #faffaf; 
	width: 60%; 
	margin-top: 2em; 
	padding-top: 10px; 
	padding-bottom: 5px; 
	padding-left: 15px; 
	border: solid 1px #b30000; 
}

div#legende p { 
	font-size: 100%; 
	margin-top: -5px; 
	margin-bottom: 5px; 
}

li.song { 
	line-height: 1.5;
	list-style-type: none;
}

div#salsacharts h2 span { 
	color: #7a4906; 
	font-size: 0.75em;
}


/* --------------------Powermail -------------------------------*/
.tx-powermail-pi1 div {
	float: left;
	width: 500px;
}

.tx-powermail-pi1 label {
	width: 20%;
	margin-bottom: 0.5em;
	margin-top: 1em;
	margin-left: 1em;
	float: left;
}

.tx-powermail-pi1 input {
	margin-top: 0.5em;
}

div.tx_powermail_pi1_fieldwrap_html_submit {
	margin-left: 22%;
}

p.tx_powermail_pi1_fieldwrap_html_radio_title {
	font-size: 100%;
}

.tx_powermail_pi1_fieldwrap_html_radio label,
.tx_powermail_pi1_fieldwrap_html_radio input {
	float:none;
	display: block;
}

.tx_powermail_pi1_fieldwrap_html_radio label {
	margin-top: -10px;
	margin-left: 8em;
}
.tx_powermail_pi1_fieldwrap_html_radio input {
	margin-left: 2em;
	margin-left: 7em;
}

.tx_powermail_pi1_fieldwrap_html_label{
	color: red;
	margin-left: 1em;
}

/* ---------------------- Besondere Formatierungen der Startseiten Boxen ---------------------*/

div#musik ul li {margin-bottom: 0em;}