/* CSS Document */

body {
background-image:url(../images/bg.jpg);
background-repeat: repeat-x;
background-color:#ececec;
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
text-align: left;
font-size: 12px;
}

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

/* ==================== */



/* <---- LAYOUT -----> */

/* ---- Font definition ---- */

h1, tr, td, th {
font-family: Arial, Helvetica, sans-serif;
color: #000;
font-size: 12px;
}


#header {
background-image: url(../images/header.jpg);
background-repeat: no-repeat;
height: 160px;
vertical-align: top;
}

#main {
}

#container {
margin-top: 20px;
}

#content_main {
padding: 10px 10px 10px 5px;
background: #ffffff;
vertical-align: top;
}

#border_right {
width: 7px;
background: url(../images/line_left.jpg) no-repeat #0d0d09;
}

#table_left {
padding-top: 10px;
padding-left: 10px;
width: 145px;
height: 400px;
background: url(../images/menu.gif) no-repeat #000000;
}

#schatten {
width: 15px;
background: url(../images/schatten.gif) repeat-y;
}

#bottom {
height: 28px;
background: url(../images/bottom.gif) no-repeat;
padding-left: 163px;
padding-bottom: 1px;
vertical-align: bottom;
text-align: left;
}

#search {
width: 120px;
position: absolute;
left: 640px;
top: 118px;
}

.contentpaneopen {
font-family: Arial, Helvetica, sans-serif;
text-align: left;
font-size: 12px;
}

.contentheading, .componentheading, .sectiontableheader div{
padding-left: 8px;
height: 18px;
width: 570px !important;
width: 578px;
background: #70738a;
color: #fff;
font-size: 12px;
font-weight: bold;
letter-spacing: 0.5px;
vertical-align: middle;
text-align: left;
}

.componentheading {
margin-top: 2px;
}

.sectiontableheader div{
text-align: center;
width: 100%;
}

/* ---- Login Tabelle ---- */

.login_field td {
float: left;
background-image: url(../images/bg_login.gif);
background-repeat: no-repeat;
padding-top: 5px;
text-align: left;
color: #000;
font-size: 11px;
}

/* ---- Login Head ---- */

.login_head {
height: 26px;
text-align: left;
vertical-align: middle;
padding-bottom: 5px;
}

/* <----- Such-Feld formatieren ----->*/

#mod_search_searchword {
	border: 1px solid #ccc;
	padding-left: 5px;
	overflow: hidden;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	width: 115px;
	height: 12px !important;
	height:  18px; 
}


/* ---- Login Form ---- */

#mod_login_username.inputbox {
	width: 114px !important;
	width: 120px;
	padding: 2px;
	margin-top: 3px;
	border:solid 1px #cccccc;
	background-color: #ffffff;
	font-size: 11px;
}

#mod_login_password.inputbox {
	width: 114px !important;
	width: 120px;
	padding: 2px;
	margin-top: 3px;
	border:solid 1px #cccccc;
	background-color: #ffffff;
	font-size: 11px;
}

/* Login felder Beschriftung */ 

label {
color: #000;
font-size: 11px;
}

/* Login Button */

.button, .registrier_button {
  color: #c64934;
  font-family: Arial, Hevlvetica, sans-serif;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 3px double #cccccc;
  width: auto;
  padding-left: 10px;
  padding-right: 10px;
  background: url(../images/button_bg.png) repeat-x;
  height: 24px;
  margin: 0px;
  vertical-align: middle;
}


/* ---- Zurueck Button ---- */

.back_button {
	font-family: Arial, Hevlvetica, sans-serif;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	border: 3px double #cccccc;
	width: 80px;
	height: 13px !important;
	height: 14px;
	padding-bottom: 1px;
}
.back_button a, .back_button a:link, .back_button a:hover, .back_button a:visited {
font-size: 11px;}


/* <---- Text Links im Content formatieren ----> */

a, a:link, a:visited, a:hover, a:active {
 color: #55555a;
 text-decoration: underline;
 font-weight: bold;
 font-size: 12px;
}
 
a:hover {
 color: #000;
 text-decoration: none;
 font-weight: bold;
}

/* <------- Hauptdefinition fuer alle Hauptmenu Punkte - gilt fuer alle Hauptpunkte -------> */

a.mainlevel, a.mainlevel:link, a.mainlevel:visited, a.mainlevel:hover, a.mainlevel:active {
	color: #ccc;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	padding-left: 25px;
	padding-top: 2px;
	letter-spacing: 0.3px;
	vertical-align: middle;
	background: url(../images/menu_bg.gif) no-repeat;
	height: 19px;
	width: 115px !important;
	width: 130px;
	display: block;
	margin-top: 1px !important;
	margin-top: 3px;
}

a.mainlevel:hover {
background: url(../images/menu_bg_hover.gif) no-repeat;
color: #fff;
}

a.mainlevelbottom, a.mainlevelbottom:link, a.mainlevelbottom:visited, a.mainlevelbottom:hover, a.mainlevelbottom:active {
	color: #ccc;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}

a.mainlevelbottom:hover {
color: #fff;
}
/* <---- Submenu Bottom Menu -----> */

a.mainlevelshop, a.mainlevelshop:link, a.mainlevelshop:visited, a.mainlevelshop:hover, a.mainlevelshop:active,
a.mainlevelshop2, a.mainlevelshop2:link, a.mainlevelshop2:visited, a.mainlevelshop2:hover, a.mainlevelshop2:active {
	color: #ccc;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
	vertical-align: middle;
	padding-left: 2px;
	height: 15px;
	white-space: nowrap;
}

a.mainlevelshop:hover, a.mainlevelshop2:hover {
 	color: #fff;
}

table.moduletableshop {
background: url(../images/shop_menu_bg.gif) no-repeat;
margin-top: 2px;
padding: 15px 10px 0px 10px;
width: 130px;
height: 150px;
}
/* ------ Guest Book ---- */

.gbook {
width: 600px;
font-size: 12px;
}

.gbentry {
background-color: #fff;
border: 1px double #ccc;
padding: 5px 20px 5px 20px;
}


/* --------- Team Seite --------- */

.team {
vertical-align: top;
padding: 10px 20px 10px 0px;
}

#id {
text-align: justify;
padding: 10px 0px 10px 0px;
}

/* ------------ Musik Seite - übersicht ------------*/

.image_music {
text-align: center;
}

.headline_music {
text-align: center;
padding: 0px 0px 5px 0px;
}

.image_music img {
border: none;}

/* ------------ Musik Seite - details ------------*/

.headline {
padding: 0px 0px 10px 0px;
font-weight: bold;
font-size: 12px;
}

.samples {
width: 100px;
vertical-align: top;
padding: 0px 20px 10px 0px;
}

.player {
width: 20px;
height: 17px;
vertical-align: top;
text-align: left;
padding-bottom: 2px;
}

img {
border: 0px none;
text-decoration: none;}