/*
//===================================================================
//					Agentur Krackow & Battermann
//		(c) Torben Lew Krackow, Thomas Battermann, Hamburg, 2008
//===================================================================
//###################################################################
//					APPOINTMENT OF THIS FILE
//					------------------------
//
//	MAIN Cascading Style Sheet
//	Defines the main layout structure and colors 
//	also for template_portal.html
//
//###################################################################
*/
/* CSS Document für www.enorm-music.de */

/* Wichtige Farben
background grün			-		#eefff0
contentfenster unten	-		#001802

*/

html {
	height: 100%;
	padding-bottom: 30px;
}

div, h2, h3, p, ul, ol, 
span, table, td, form, img, li {
   margin: 0;
   padding: 0;
   font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
   text-decoration: none;
   color: #ffffff;
   font-size: 12px; 
}

h1 {
	font-size: 16px;
	color: #ffffff;
}

body {
	background-color: #eefff0;
	height: 100%;
	}

a {
	font-size: 14px;
	color: #7abf69;
	text-decoration: none;
}

a:hover {
	color: #507d45;
}

textarea {
	background-color: #eefff0;
}

.dropdown {
	width: 250px;
	background-color: #0c3501;
	color: #ffffff;
	border-color: #669659;
}



/* ############################################################################*/

.main {
	position: relative;
	margin: auto;
	top: 10px;
	width: 900px;
	height: auto;
}

/* ###################################  HEADER  #########################################*/

.impressum_btn a, .impressum_btn a:visited {
	position: relative;
	top: 0px;
	left: 760px;
	color: #0d4401;
	text-decoration: none;
}

.impressum_btn a:hover {
	color: #229b02;
}

.header {
	position: relative;
	width: 900px;
	height: 142px;
	top: 0px;
	background-image: url(../images/header_back_2.jpg);
	background-repeat: no-repeat;	
}

.logo a, .logo a:visited {
	position: relative;
	width: 238px;
	height: 60px;
	display: block;
	top: 35px;
	left: 43px;
}

/* ###################################  MENU + BUTTONS ##################################*/

.menu {
	position: relative;
	/*top: 144px;*/
	left: 0px;
	width: 900px;
	height: 24px;
	background-image: url(../images/menu_back.jpg);
	background-repeat: no-repeat;
	z-index: 3;
}

.btn a, .btn a:visited {
	position: relative;
	float: left;
	color: #000000;
	font-size: 14px;
	text-decoration: none;
	line-height: 24px;
}

.btn a:hover {
	color: #ffffff;
}

#aktuell {
	margin-left: 48px;
}

#repertoire {
	margin-left: 155px;
}

#editionen {
	margin-left: 285px;
}

#links {
	margin-left: 398px;
}

#uns {
	margin-left: 475px;
}

#weiteres {
	margin-left: 585px;
}

.btn_active a, .btn_active a:visited  {
	position: relative;
	float: left;
	color: #ffffff;
	font-size: 14px;
	text-decoration: none;
	line-height: 24px;
}

/* ###################################  CONTENT #########################################*/

.fenster {
	position: absolute;
	/*top: 144px;*/
	left: 0px;
	width: 900px;
/*	height: auto;*/ 
	min-height: 300px;
	background-image: url(../images/content_back.jpg);
	background-repeat: repeat-y;
	z-index: 2;
}


/* ###################################  ARTIST VIEWER #########################################*/

.artistback {
	position: relative;
	top: 30px;
	left: 43px;
	width: 750px;
	height: 120px;
	background-image: url(../images/artistviewer.png); 
	background-repeat: no-repeat;
	z-index: 3;
}

.artist_div {
	position: relative;
	float: left;
	top: 15px;
	left: 15px;
	width: 230px;
	height: 92px;
} 

.name a, name a:visited {
	font-size: 18px;
	font-weight: bold;
	color: #f3f6f3;
	text-decoration: none;
}

.name a:hover {
	color: #000000;
}

.artistinfo a, .artistinfo a:visited{
	font-size: 14px;
	color: #939493;
	text-decoration: none;
}

.artistinfo a:hover {
	color: #000000;
}

.artistpic a, .artistpic a:visited {
	position: absolute;
	top: 18px;
	left: 310px;
	width: 370px;
	height: 82px;
	display: block;
/*	background-image: url(../images/artist.jpg); */
	background-repeat: no-repeat;
	z-index: 4;
	border: 1px solid black;
}

/* ###################################  CONTENTBEREICH unter Artisviewer ##################*/

/*.content {
	position: relative;

	width: 900px;
	height: 100%;
	z-index: 4;
}*/



/* ###################################  TOPNEWS  #########################################*/

.topnews {
/*	position: relative;*/
	float: left;
	margin-top: 60px; 
/*	margin-bottom: 60px;*/
	margin-left: 43px;
	top: 60px;
/*	left: 43px;*/
	width: 320px;
	min-height: 200px;
	height: auto; 
	z-index: 5;
}

.top {
	position: relative;
	width: 320px;
	height: 22px;
	line-height: 22px;
	font-size: 14px;
	font-weight: bold;
	text-indent: 15px;
	color: #ffffff;
	background-image: url(../images/topnews_oben.png);
	background-repeat: no-repeat;
	z-index: 6;
}

.topnews_header {
	position: relative;
	width: 290px;
	padding: 15px;
	color: #ffffff;
	background-image: url(../images/topnews_feld.png);
	background-repeat: repeat-y;
	z-index: 6;
}

#datum {
	font-size: 10px;
	color: #afb0af;
}

.topnews_picback {
	position: relative;
	width: 320px;
/*	height: 190px;*/
	background-image: url(../images/topnews_feld.png);
	background-repeat: repeat-y;
	z-index: 6;
}

.topnews_pic {
	position: relative;
	width: 290px;
/*	height: 174px;*/
/*	top: 15px;*/
	left: 15px;
/*	background-image: url(../images/topnews_pic.jpg); */
	background-repeat: no-repeat;
	z-index: 7;
}

.newsfeld {
	position: relative;
	width: 290px;
	font-size: 12px;
	color: #ffffff;
	padding: 15px;
/*	min-height: 250px;*/
/* 	height: auto; */
	background-image: url(../images/topnews_feld.png);
	background-repeat: repeat-y;
	z-index: 6;
	
}

.bottom {
	position: relative;
	width: 320px;
	height: 22px;
	background-image: url(../images/topnews_unten.png);
	background-repeat: no-repeat;
	z-index: 6;
}

/* ###################################  TEXT  #########################################*/

.infotext {
	padding-top: 18px;
	padding-right: 95px;
	padding-left: 37px;
	min-height: 250px;
/*	padding-right: 200px;*/
	width: 400px;
/*	top: 83px;*/
/*	left: 73px;*/ 
	float: right; 
	z-index: 6;
	margin-top: 80px;
/*	margin-bottom: 60px;*/
/*	height: 100%;*/
	font-size: 12px;
	color: #ffffff;
	text-align: justify;
}

/* ####################################################################################*/
/* ###################################  UNTERSEITEN  ##################################*/
/* ####################################################################################*/

.seitencontent {
	min-height: 400px;
	padding: 20px 150px 20px 43px;
}

.spacer_content {
	width: 814px;
	height: 10px;
}

.spacer_content_20 {
	width: 814px;
	height: 20px;
}

.contentpic {
	width: 700px;
	height: 148px;
}

/*
#space {
	position: relative;
	bottom: 23px;
}

#foot {
	position: relative;
	bottom: 0px;
}*/

/* ###################################  AKTUELL  #########################################*/

.aktuell_top {
	width: 750px;
	height: 15px;
	background-image: url(../images/news_oben.png);
	background-repeat: no-repeat;
	}

.aktuell_fenster {
	width: 710px;
	text-align: justify;	
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	background-image: url(../images/newsfeld.png);
	background-repeat: repeat-y;
}

.aktuell_header {
	position: relative;
	width: 750px;
}

.aktuell_titel {
	float: left;
	width: 400px;
} 

.aktuell_pic {
	width: 310px;
	margin-right: 20px;
/*	padding-left: 20px;*/
	float: right;
}

.aktuell_text {
	clear: both;
	padding-top: 10px;
	width: 710px;
}

.aktuell_bottom {
	width: 750px;
	height: 15px;	
	background-image: url(../images/news_unten.png);
	background-repeat: no-repeat;
}

.spacer_2px {
	height: 2px;
}

.fleisch {
	width: 750px;
	height: 10px;
	background-image: url(../images/newsfeld.png);
	background-repeat: repeat-y;
}

/* ###################################  REPERTOIRE  #########################################*/

.seitencontent_repertoire {
	position: relative;
	min-height: 300px;
	width: 857px;
	padding-left: 43px;
}

.repertoiredrop {
	width: 814px;
	height: 30px;
	
}

.dropcase {
	position: relative;
	width: 550px;
	top: 15px;
}

.spacer_repertoire_top {
	width: 814px;
	height: 14px;
	clear: left;
}

.case {
	position: relative;
/*	min-height: 300px;*/
	width: 814px;
	
}

.artist_back_left {
	width: 374px;
/*	min-height: 250px;*/
	padding: 13px;
	float: left;
	background-image: url(../images/newsfeld.png);
	background-repeat: repeat-y;
}

.artist_area {
	width: 370px;
	border: 2px solid #293227;
	height: 129px;
	z-index: 7;
}

.artistname {
	width: 370px;
	height: 20px;
	text-indent: 5px;
	margin-bottom: 5px;
	z-index: 7;
	}

.name_artist   {
/*	line-height: 20px;*/
	text-decoration: none;
	font-weight: bold;
	font-size: 18px;
	color: #ffffff;
}

.weblinks {
	position: relative;
	padding-left: 5px;
	width: 365px;
	height: 22px;
/*	text-indent: 5px;*/
}

.web {
	text-indent: 10px;
}

.weblink_artist  {
	text-decoration: none;
	font-size: 12px;
	color: #939493;	
}


.mys_btn a, .mys_btn a:visited {
	width: 18px;
	height: 18px;
	float: left; 
	display: block;
	background-image: url(../images/myspace.png);
	background-repeat: no-repeat;
	z-index: 8;
}

.mys_btn a:hover{
	background-image: url(../images/myspace_hover.png);
	background-repeat: no-repeat;
}

.webspacer {
	width: 370px;
	height: 4px;
	clear: both;
}

.repertoirepic a, .repertoirepic a:visited {
	border: none;
	width: 370px;
	height: 82px;
	display: block;
}

.artist_back_right {
	width: 374px;
/*	min-height: 250px;*/
	padding: 13px;
	float: right;
	background-image: url(../images/newsfeld.png);
	background-repeat: repeat-y;
}

.spacer_case {
	clear: both;
	width: 814px;
	height: 14px;
}

.spacer_rep_bottom {
	width: 900px;
	height: 20px;
}
/*
.repertoire_footer {
	width: 900px;
	height: 36px;
	background-image: url(../images/footer_back.jpg);
	background-repeat: no-repeat;
	z-index: 6;
}

.repertoire_spacerbottom {
	width: 100%;
	height: 40px;
	background-color: #eefff0;
	z-index: 8;
}*/

/* ###################################  ARTIST DETAIL  #########################################*/

.seitencontent_detail {
	padding-right: 43px;
	padding-bottom: 20px;
	padding-left: 43px;
}

.detail_fenster {
	width: 784px;
/*	height: 200px; */
	padding: 15px;
	background-image: url(../images/detailback.png);
	background-repeat: repeat-y;
	z-index: 4;
}

.detailcase {
	width: 784px;
	z-index: 5;
}

.header_detail {
	position: relative;
	width: 784px;
}

.leftinfo {
	position: relative;
	float: left;
	width: 460px;
}

.weblink_detail a, .weblink_detail a:visited {
	height: 20px;
	line-height: 20px;
	text-decoration: none;
	font-size: 12px;
	color: #939493;
}
.weblink_detail a:hover {
	color: #507d45;	
}

#mys_detail {
	float: none;
	margin-top: 5px;
	z-index: 7;
}

.logopic {
	position: relative;
	width: 290px;
/*	float: right; */
	background-image: url(../images/picrahmen.png);
	background-repeat: repeat-y;
	margin-bottom: 30px;
/*	margin-left: 10px;*/
	padding: 10px;
	z-index: 6;
}

.piccontainer {
	width: 290px;
/*	margin-bottom: 10px;*/
	z-index: 7;
}

.detailspacer {
	clear: both;
	width: 784px;
	height: 15px;
}

.infotext1 {
	position: relative;
	width: 754px;
	font-size: 14px;
	text-align: justify;
	padding-right: 15px;
/*	padding-top: 20px;*/
	padding-bottom: 15px;
}

.detail_spacer_1 {
	width: 784px;
	height: 5px;
	clear: right;
}

.infotext2 {
	width: 754px;
	font-size: 14px;
	padding-right: 30px;
/*	padding-top: 20px;*/
	padding-bottom: 25px;
/*	background-color: #05d2df;*/
}

.bottom_detail {
	width: 784px;
	height: 92px;
	padding-top: 10px;
	background-image: url(../images/detailback.png);
	background-repeat: repeat-y;
/*	background-color: #d705df;*/
}

.bottom_pic {
	width: 370px;
	height: 82px;
	margin: auto;
}

.back_to1 a, .back_to1 a:visited {
	position: absolute;
	top: 10px;
	right: 12px;
	width: 250px;
	height: 30px;
	border: none;
	line-height: 30px;
	text-decoration: none;
	font-size: 14px;
	color: #507d45;	
}

.back_to1 a:hover {
	color: #939493;
}

.back_to2 a, .back_to2 a:visited {
	position: relative;
/*	width: 784px;
*/	height: 20px;
	left: 567px;
	border: none;
	line-height: 20px;
	text-decoration: none;
	font-size: 14px;
	color: #939493;	
}

.back_to2 a:hover {
	color: #507d45;
}

/* ###################################  Editionen  #########################################*/

.editionen_case {
	position: relative;
	width: 680px;
	background-image: url(../images/editionen_back.png);
	background-repeat: repeat-y;
	padding: 5px 10px 10px;
}

.edition {
	width: 300px;
	height: 30px;
}

.edition_web {
	width: 400px;
	height: 30px;
}

.editionpic {
	width: 290px;
}

.edition_text {
	width: 680px;
	padding-top: 10px;
	padding-bottom: 10px;
	}

.edition_bands {
	width: 680px;
}

.editionen_spacer {
	width: 700px;
	height: 5px;
}

/* ###################################  LINKS  #########################################*/

.seitencontent_links {
	min-height: 400px;
	padding: 20px 150px 20px 43px;
}

.link_header {
	height: 30px;
	line-height: 30px;
	width: 500px;
	font-size: 14px;
	color: #ffffff;
		
}

.linkcase {
	height: 20px;
	width: 814px;
	background-image: url(../images/detailback.png);
	background-repeat: repeat-y;
}

.spacer_links {
	height: 10px;
	width: 814px;
}

.link a, .link a:visited {
	width: 809px;
	height: 20px;
	padding-left: 5px;
	font-size: 12px;
	color: #ffffff;
	line-height: 20px;
	text-indent: 5px;
	text-decoration: none;
}

.link a:hover {
	color: #507d45;
}

/* ###################################  Über Uns  #########################################*/

.seitencontent_uns {
	min-height: 500px;
	padding: 20px 150px 20px 43px;
}

.weiteres_case {
/*	position: relative;*/
	width: 680px;
	background-image: url(../images/editionen_back.png);
	background-repeat: repeat-y;
	padding: 5px 10px 10px;
}

.weiteres_name {
	width: 300px;
	height: 30px;
}

.weiteres_web {
	width: 400px;
	height: 30px;
}

.weiteres Text {
	position: relative;
	width: 680px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: justify;
}

.piccase {
	position: relative;
	width: 290px;
	margin-left: 10px;
	float: right;
}

.weiteres_pic {
	width: 290px;
	margin-bottom: 10px;
}

.weiteres_spacer {
	clear: right;
	width: 680px;
	height: 5px;
}

/* ###################################  FOOTER  #########################################*/

.spacer {
	clear: both;
	width: 900px;
	height: 30px;
}

.footer {

	width: 900px;
	height: 36px;
	background-image: url(../images/footer_back.jpg);
	background-repeat: no-repeat;
	z-index: 6;
}

.spacerbottom {
	width: 100%;
	height: 40px;
	background-color: #eefff0;
	z-index: 8;
}

/* ###################################  BACK  #########################################*/

.backend_btn {
	background-color: #135201;
	color: #ffffff;
}

.backend_btn_red {
	background-color: maroon;
	color: #ffffff;
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
}

.textfeld {
	background-color: #eefff0;
}
.erfolgreich {
	position: absolute;
	top: 40px;
	left: 420px;
	width: 350px;
	height: 60px;
	background-image: url(../images/erfolgreich.png);
	background-repeat: no-repeat;
	border: none;
}

.backend_btn_red_bottom {
	background-color: maroon;
	color: #ffffff;
}