*{
  font-family: 'Verdana', sans-serif;
  font-size:100%;
}

body{
  font-size:75%;
  color: #6b6c68;
	background: black;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */

:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}

a, a:link, a:active, a:visited{
text-decoration:none;
color:#4b4e8a;
}

a:hover{
text-decoration:underline;
color:#6f73bf;
} 

/********************************************/

.zentrierer{
width:780px;
min-width:780px;
max-width:780px;
margin:auto;
padding:auto;
text-align:center;
border:0px solid blue;
}

.inhalt {
width:780px;
height:583px;
padding:0;
margin:0;
background-color:transparent;
background-image:url('skin2.jpg');
background-repeat: no-repeat;
border: 0px solid black;
text-align:left;
}

a#homelink{
display:block;
width:379px;
height:77px;
margin:0px;
top:0px;
left:0px;
background: transparent;
background-image:url('emolution.gif');
background-repeat: no-repeat;
border: 0px solid black;
}

.menue {
	position:absolute;
	width:780px;
  padding:0;
  margin:0;
  margin-top:94px;
  background-color:transparent;
  text-decoration:none;
  border: 0px solid grey;
}

.mp3player {
	width:780px;
	height:20px;
  padding:0;
  margin:0;
  text-align: left;
  background-color:#4a3846;
  background-image:url('playerbk2.jpg');
  background-repeat: no-repeat;
  border: 0px solid grey;
}

#playr {
	padding: 		.75em 1em;
	text-decoration:none;
}

a:hover#playr{
background-image:url('menubk_black.png');
	background-repeat: repeat-x;
}
a:link#playr { }
a:visited#playr { }
a:active#playr {background-image:url('menubk_black.png');
	background-repeat: repeat-x;}

.cont {
	position:absolute;
	width:752px;
	height:342px;
  padding: 0px;
  margin:0;
  margin-top:45px;
  background-color:transparent;
  background-image:none;
	background-repeat: repeat;
  border: 0px solid grey;
  z-index:1;
}

.cont_ifrm {
	width:752px;
	height:342px;
  padding: 14px;
  margin:0;
  background-color:transparent;
  background-image:url('menubk_black.png');
	background-repeat: repeat;
  border: 0px solid grey;
  font-size:7.0pt;
  font-weight:bold;
	letter-spacing:0.1em;
}



#avatbk {
	position:absolute;
width:73px;
height: 70px;
padding:0;
margin:0;
margin-top:-60px;
margin-left:705px;
padding-left:0px;
background-color:transparent;
background-image:url('avatarback.png');
background-repeat: no-repeat;
border: 0px solid blue;
}

#avat {
	position:absolute;
width:64px;
height: 24px;
padding:0;
margin:0;
margin-top:-44px;
margin-left:717px;
padding-left:0px;
background-color:transparent;
background-image:url('bt_info_off.gif');
background-repeat: no-repeat;
border: 0px solid grey;
}

a:hover#avat{
background-image:url('bt_info_on.gif');
}
a:link#avat { }
a:visited#avat { }
a:active#avat {background-image:url('bt_info_on.gif');}

#avatfrnt {
	position:absolute;
width:73px;
height: 70px;
padding:0;
margin:0;
margin-top:-60px;
margin-left:705px;
padding-left:0px;
background-color:transparent;
background-image:url('menubk_black.png');
background-repeat: no-repeat;
border: 0px solid blue;
}


/* #### Modul Text u/o Bild ################################################ */

.floatLeft {float:left; padding-right:18px;}
.floatRight {float:right; padding-left:18px; }

strong {
	font-weight: bolder;
}

.klein, .kleincred {
	font-size: 8px;
	color:#606060;
}


/* ### Link (Weiterleitung) extern ########################################### */

.liextern {
	padding: 		.75em 1em;
	text-decoration:none;
}

a:hover.liextern{
background-image:url('menubk_black.png');
	background-repeat: repeat-x;
	text-decoration:none;
}
a:link.liextern { }
a:visited.liextern { }
a:active.liextern {background-image:url('menubk_black.png');
	background-repeat: repeat-x; text-decoration:none; }

/* ### Link (credits mp3) ########################################### */

.liexterncred {
	position:absolute;
	padding: 		.0em 1em;
	text-decoration:none;
	font-weight: bolder;
	font-size:12px;
	margin-top:3px;
}

a:hover.liexterncred{
background-image:url('menubk_black.png');
	background-repeat: repeat-x;
	text-decoration:none;
}
a:link.liexterncred { }
a:visited.liexterncred { }
a:active.liexterncred {background-image:url('menubk_black.png');
	background-repeat: repeat-x; text-decoration:none; }
	
/* ### Bildergalerie (Shadowbox) ############################################### */

#galerierahmen {
	padding: 0px;
	padding-left: 2px;
	margin:0px;
	width:760px;
	border: 0px solid black;
	float:left;
}

.bilder {
	border: 0px solid black;
	padding: 0px;
	margin:0px;
	margin-right: 9px;
	margin-top:7px;
	float:left;
}

a:hover.bildint img { border: 3px solid black; }
a:link.bildint img { border: 3px solid #3b2c40; }
a:visited.bildint img { border: 3px solid #3b2c40; }
a:active.bildint img { border: 3px solid black; }

/* ### News-System ############################################################# */
.ns_section
{
//float: left; 
width: 100%; 
border-bottom: 1px solid lightgrey;
margin-top: 5px;
margin-right: 5px;
padding-bottom: 10px;
}

.ns_block
{
//float:left;
width: 450px;
}

/* ### News-Sysem Klassen Modulausgabe ######################################### */

.ns_newsEntry
{
	width:730px;
  border: 0px solid red; 
	margin: 0;
	padding-bottom: 10px;
	//float:left;
}

.ns_newsHeadline
{
	width: auto;
	/* border: 1px solid blue; */
}

.ns_HeadlineLeft
{
	padding-left:10px;
	font-weight:bolder;
}

.ns_HeadlineRight
{
	display: none;
}

.ns_body
{
	/* border: 1px solid white; */
	/* float: left; */
}

.ns_created
{
	//float: left;
	font-size:80%;
	margin-top:2px;
}

.ns_createdBy
{
	//float: left;
}

.ns_Image
{
	margin: 0px 10px 0px 0px;
	//float: left;
}

.ns_image img
{
	border: 1px solid white;
}

.ns_bildschatten {
	background: url(shadow_news.png) no-repeat bottom right;
	padding: 0px 5px 0px 0px;
	/* border: 1px solid red; */
}

.ns_Body
{
	/*font-family: Tahoma,Geneva,Kalimati,sans-serif; */
	margin: 5px;
	color:#606060;
	/*font-size: .9em;*/
	/* border: 1px solid blue; */
	/* float: left; */
}

.ns_MoreLink
{
}

#ns_Link
{
	//float: right;
  padding: 		.75em 1em;
	text-decoration:none;
	margin-top:-20px;
	//margin-left:50px;
}

a:hover#ns_Link {
background-image:url('menubk_black.png');
	background-repeat: repeat-x;
}
a:link#ns_Link { }
a:visited#ns_Link { }
a:active#ns_Link { background-image:url('menubk_black.png');
	background-repeat: repeat-x;}



/* superfish ########################################################### */


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/

.sf-menu {
	float:			right;
	margin-bottom:	1em;
}
.sf-menu a, .sf-menu li p {
	border-left:	0px solid #fff;
	border-top:		0px solid #CFDEFF;
	padding: 		.75em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited, .sf-menu li p  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#6f73bf;
}
.sf-menu li {
	background:		transparent;
}
.sf-menu li li, .sf-menu li p:hover {
	background:		transparent;
	background-image:url('menubk_black.png');
	background-repeat: repeat-x;
	z-index:300;
}
.sf-menu li li li {
	background:		transparent;
	background-image:url('menubk_black.png');
	background-repeat: repeat-x;
	z-index:300;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background-image:url('menubk_black.png');
	background-repeat: repeat-x;
	outline:		0;
	z-index:300;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	/* padding-right: 	2.25em;
	//min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	/* background:		url('arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}



/* 
REDAXO-Modul: do form!
Bereich: CSS 
Für: do form! 2.x  
*/

/* Formular Definition */
/*//////////////////////////////////////////////////////////////////////////////*

/* Div das das Formular umschließt */
.formgen {
	font-size: 1em;
	padding-right: 0px;
	padding-left: 0px;
	margin-top:0px
}

/* Was passiert wenn auf das Label geklickt wird? */
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor : pointer;

}


.formgen form
{
line-height : 100%;

}


/* 
Wie sehen die einzelnen Blöcke aus? 
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann
*/


.formgen .formblock
{
	margin-bottom: 15px;
	margin-top: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;	
	
}
 .forminfo 
{
	width: 475px;
	margin-bottom: 15px;
	background-color: #c4843b;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 0px;
	font-weight: bold;
	border: 5px dashed #990000;
}


/* 
--------- FORMULAR-OBJEKTE ------------ 
*/

/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width: 315px;
	height: 110px;
	margin-left: 4px;
	border: 1px solid #808080;
	color: #6b6c68;
	background-color: transparent;
	margin-top:0px;
}

/* Textfeld */
.formgen .formtext, .formgen .formselect
{
	width: 315px;
	margin-left: 4px;
	padding-bottom: 4px;
	font-size: 1em;
	color: #6b6c68;
	background-color: transparent;
	border: 1px solid #808080;
}

.formgen input:focus, .formgen input:hover,
 input.checkoutformsubmit:focus, input.checkoutformsubmit:hover,
.formgen select:focus, .formgen select:hover, 
.formgen textarea:focus, .formgen textarea:hover {
	border-bottom-color: #000000;
	background-color: #000000;	
}


/* Label */
.formgen label {
	width: 120px;
	float:left;
	font-weight: bold;
	color: #6b6c68;
}

.capt {
	margin-left:120px;
	margin-top:-40px;
}

.el_first {
	margin-left:0px;
	margin-top:230px;
}

.captpic {
	border: 0px;
}

.checkoutform {
	position:absolute; 
	padding:0; 
	margin:0; 
	margin-left:4px;
}

.checkoutform .formgen .formblock {
	margin-top: 0px;
}

.checkoutform .formgen .formtextfield
{
	height: 60px;
}

.checkoutform #el_14
{
	margin-top: 10px;
}

.checkoutformsubmit
{
	text-align: center;
	background-color: #2a2a2a;
	border: 1px solid #6b6c68;
	text-decoration:none;
	color: #6b6c68;
}

a.checkoutformsubmit { height:18px; }

a:hover.checkoutformsubmit, a:link.checkoutformsubmit, a:visited.checkoutformsubmit, a:active.checkoutformsubmit { text-decoration:none; color: #6b6c68; }
a:hover.checkoutformsubmit, a:active.checkoutformsubmit { background-color: #000000; border-bottom-color: #000000; }

/* Aussehen der Select-Ausgabe */
.formgen .formselect
{
 width: 317px;
}


/* Sende-Button */
.formgen .formsubmit
{
	width: 100px;
	text-align: center;
	background-color: #2a2a2a;
	border: 1px solid #6b6c68;
	margin-left: 120px;
	color: #6b6c68;
}



/* Fieldsetbeschriftung */
.formgen legend {
	color: #6b6c68;
	background-color: #fff;
	width: 0px;
}
.formgen .fieldset {
	margin-bottom: 0px;
	margin-top:15px;
}

/* -------------- AUSGABEN / Fehlermeldungen --------*/


/* Markierung der Labels bei Fehler */
.formgen .formerror {
	
	border-bottom-width: 1px;
	color: #990000;
}

.formgen .formcaptcha
{
	border: 0px solid #990000;
	vertical-align: top;
	margin-right: 10px;
}

.formgen .formreq {
	color: #6b6c68;
}

.formgen .formheadline {
	color: #993300;
	background-color: #FFF7EA;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-style: italic;
}

.forminfo {
	background-color: transparent;
	border: 0px;
}

#el_12 { margin-top:10px; }

/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */



#textinwrap {
	color:#606060;
}

#textinwrap strong {
	color: #6b6c68;
}
