/* CSS Document */
/** Alexkea-Music **/
/** Design and Code by bNz-designs **/
/** Version 1.0 **/

/** Einstellungen **/
* a 					{outline:none;}
* 						{padding: 0; margin: 0;}
body					{background-color:#000000; font-family:Arial; font-size:12px; color:#FFFFFF;}
ul 						{list-style:none; display:inherit; margin: 0; padding:0;}
*li 					{float:left;}
a:link					{color: #0099FF; text-decoration: none;}
a:visited				{text-decoration: none; color: #0099FF;}
a:hover					{text-decoration: none; color: #00dcfc;}
a:active				{text-decoration: none; color: #0099FF;}

/** Wrapper **/
.wrapper				{width:1176px; height:auto}

/** Header|Footer **/
.header					{background:url(../images/index_01.png) no-repeat; width:1176px; height:140px; float:left}
.footer					{background:url(../images/index_27.png) no-repeat; width:876px; height:156px; float:left; padding-left:300px}
.footer2				{display:none;}

/** Background **/
.bgleft					{background:url(../images/index_02.png) no-repeat; width:294px;  height:612px; float:left}
.bgright				{background:url(../images/index_11.png) no-repeat; width:84px;  height:612px; float:left}

/** Navigation **/
.inhalt					{width:798px; height:612px; float:left}
.navi					{width:798px; height:46px; display:inline; float:left}
li#home a				{background:url(../images/index_03.png) no-repeat; width:108px; height:46px; float:left}
li#about a				{background:url(../images/index_04.png) no-repeat; width:70px; height:46px; float:left}
li#disco a				{background:url(../images/index_05.png) no-repeat; width:136px; height:46px; float:left}
li#charts a				{background:url(../images/index_06.png) no-repeat; width:83px; height:46px; float:left}
li#pics a				{background:url(../images/index_07.png) no-repeat; width:60px; height:46px; float:left}
li#downloads a			{background:url(../images/index_08.png) no-repeat; width:143px; height:46px; float:left}
li#gb a					{background:url(../images/index_09.png) no-repeat; width:120px; height:46px; float:left}
li#links a				{background:url(../images/index_10.png) no-repeat; width:78px; height:46px; float:left}

/** Navigation Hover **/
li#home a:hover			{background:url(../images/index_03_.png) no-repeat; width:108px; height:46px; float:left}
li#about a:hover		{background:url(../images/index_04_.png) no-repeat; width:70px; height:46px; float:left}
li#disco a:hover		{background:url(../images/index_05_.png) no-repeat; width:136px; height:46px; float:left}
li#charts a:hover		{background:url(../images/index_06_.png) no-repeat; width:83px; height:46px; float:left}
li#pics a:hover			{background:url(../images/index_07_.png) no-repeat; width:60px; height:46px; float:left}
li#downloads a:hover	{background:url(../images/index_08_.png) no-repeat; width:143px; height:46px; float:left}
li#gb a:hover			{background:url(../images/index_09_.png) no-repeat; width:120px; height:46px; float:left}
li#links a:hover		{background:url(../images/index_10_.png) no-repeat; width:78px; height:46px; float:left}

/** Content **/
.content-top			{background:url(../images/index_12.png) no-repeat; width:208px; height:28px; float:left}
.content-foot			{background:url(../images/index_19.png) no-repeat; width:590px; height:8px; float:left}
#content				{background:url(../images/index_13.png); width:580px; height:454px; float:left; padding-left:5px; padding-right:5px; padding-top:50px; overflow:auto; overflow-x:visible}


/** Content Left **/
.content-left			{width:208px; height:538px; float:left}	
li#last-remix			{background:url(../images/index_14.png) no-repeat; width:208px; height:186px; float:left}
li#termine a			{background:url(../images/index_15.png) no-repeat; width:208px; height:53px; float:left}
li#releases a			{background:url(../images/index_16.png) no-repeat; width:208px; height:63px; float:left}
li#myspace a			{background:url(../images/index_17.png) no-repeat; width:208px; height:64px; float:left}
li#leer					{background:url(../images/index_18.png) no-repeat; width:208px; height:172px; float:left}

/** Content Footer **/
.cf-1					{background:url(../images/index_20.png) no-repeat; width:42px; height:30px; float:left}
.tb a					{background:url(../images/index_21.png) no-repeat; width:156px; height:30px; float:left}
.tb a:hover				{background:url(../images/index_21_.png) no-repeat; width:156px; height:30px; float:left}
.cf-2					{background:url(../images/index_22.png) no-repeat; width:134px; height:20px; float:left; padding-top:10px}
.cf-3					{background:url(../images/index_23.png) no-repeat; width:258px; height:30px; float:left}
.cf-4					{background:url(../images/index_24.png) no-repeat; width:477px; height:25px; float:left; padding-top:7px}
.cf-5 a					{background:url(../images/index_25.png) no-repeat; width:78px; height:32px; float:left}
.cf-6					{background:url(../images/index_26.png) no-repeat; width:35px; height:32px; float:left}

/** w3b|cms einstellungen **/

#text {
width: 520px;
padding: 18px;
}
#text h1, #text h1 a {
font-size: 18px;
font-weight: normal;
margin: 0px 0px 15px 0px;
color: #00ccff;
font-family: "Arial" , "Verdana" , "Tahoma" , "MS Sans Serif" , Helvetica , sans-serif;
line-height: 24px;
}
#text h2, #text h2 a {
font-weight: normal;
margin: 4px 0px 6px 0px;
font-size: 11px;
line-height: 17px;
color: #cbd3d5;
font-family: "Verdana";
line-height: 11px;
background: url(../images/datum.gif) left no-repeat;
padding-left: 15px;
}
#text h3 {
margin: 0px 0px 17px 0px;
font-size: 11px;
font-weight: normal;
font-family: "Verdana";
font-weight: bold;
line-height: 18px;
}
#text h4, #text h4 a {
font-size: 11px;
font-family: "Tahoma";
color: #fd6400;
}
#text p {
margin: 0px 0px 17px 0px;
}
#text p.hell {
color: #cbd3d5;
}
#text hr {
background: #fff;
border: none;
border-bottom: 1px solid #e8edf0;
height: 1px;
margin: 15px 0px 17px 0px;
line-height: 0px;
}
#footer {
width: 574px;
text-align: left;
margin: 0px;
line-height: 50px;
position: relative;
padding: 0px 1px;
overflow: hidden;
float: left;
color: #bcc1c4;
font-family: "Tahoma" , "Arial" , "MS Sans Serif" , Helvetica , sans-serif;
font-size: 10px;
}
#text a.zurueck {
width: 21px;
height: 21px;
background: url(../images/zurueck.gif) left no-repeat;
display: block;
}
#text a:hover.zurueck {
width: 21px;
height: 21px;
background: url(../images/zurueck_hover.gif) left no-repeat;
display: block;
}
#text a.weiter {
width: 21px;
height: 21px;
background: url(../images/weiter.gif) left no-repeat;
display: block;
}
#text a:hover.weiter {
width: 21px;
height: 21px;
background: url(../images/weiter_hover.gif) left no-repeat;
display: block;
}
#text .blog {
margin: 0px 0px 17px 0px;
text-align: justify;
}
#footer .left {
float: left;
}
#footer .left a {
color: #bcc1c4;
text-decoration: none;
font-weight: bold;
}
#footer .left a:hover {
color: #858b8b;
text-decoration: none;
font-weight: bold;
}
#footer .right {
float: right;
}
#footer .right a {
color: #bcc1c4;
text-decoration: none;
}
#footer .right a:hover {
color: #858b8b;
text-decoration: none;
}