/* CSS Document */

/* DJ Obtain */
/* 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; text-align:center}
ul 					{list-style:none; display:inherit; margin: 0; padding:0;}
*li 				{float:left;}
a:link				{color: #e46127; text-decoration: none;}
a:visited			{text-decoration: none; color: #e46127;}
a:hover				{text-decoration: none; color: #ef8f65;}
a:active			{text-decoration: none; color: #e46127;}

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

/** Header **/
.header				{background:url(../images/index_01.png) no-repeat; width:1000px; height:272px; float:left}
.headerleft			{background:url(../images/index_21.png) no-repeat; width:752px; height:32px; float:left}
.gb	a				{background:url(../images/index_22.png) no-repeat; width:84px; height:32px; float:left}
.gb a:hover			{background:url(../images/index_22_.png) no-repeat; width:84px; height:32px; float:left}
.headerright		{background:url(../images/index_23.png) no-repeat; width:164px; height:32px; float:left}
.headerfoot			{background:url(../images/index_24.png) no-repeat; width:1000px; height:12px; float:left}

/** Background **/
.bgleft				{background:url(../images/index_02.png) no-repeat; width:33px; height:743px; float:left}
.bgright			{background:url(../images/index_02.png) no-repeat; width:36px; height:743px; float:left}

/** Navigation **/
.navi				{width:931px; height:39px; display:inline; float:left;}
li#home	a			{background:url(../images/index_03.png) no-repeat; width:71px; height:39px; float:left}
li#about a			{background:url(../images/index_04.png) no-repeat; width:99px; height:39px; float:left}
li#release a		{background:url(../images/index_05.png) no-repeat; width:103px; height:39px; float:left}
li#events a			{background:url(../images/index_06.png) no-repeat; width:90px; height:39px; float:left}
li#gallerie	a		{background:url(../images/index_07.png) no-repeat; width:100px; height:39px; float:left}
li#downloads a		{background:url(../images/index_08.png) no-repeat; width:127px; height:39px; float:left}
li#links a			{background:url(../images/index_09.png) no-repeat; width:97px; height:39px; float:left}
li#contact a		{background:url(../images/index_10.png) no-repeat; width:114px; height:39px; float:left}
li#impressum a		{background:url(../images/index_11.png) no-repeat; width:130px; height:39px; float:left}

/** Navigation MouseOver **/
li#home	a:hover		{background:url(../images/index_03_.png) no-repeat; width:71px; height:39px; float:left}
li#about a:hover	{background:url(../images/index_04_.png) no-repeat; width:99px; height:39px; float:left}
li#release a:hover	{background:url(../images/index_05_.png) no-repeat; width:103px; height:39px; float:left}
li#events a:hover	{background:url(../images/index_06_.png) no-repeat; width:90px; height:39px; float:left}
li#gallerie	a:hover	{background:url(../images/index_07_.png) no-repeat; width:100px; height:39px; float:left}
li#downloads a:hover{background:url(../images/index_08_.png) no-repeat; width:127px; height:39px; float:left}
li#links a:hover	{background:url(../images/index_09_.png) no-repeat; width:97px; height:39px; float:left}
li#contact a:hover	{background:url(../images/index_10_.png) no-repeat; width:114px; height:39px; float:left}
li#impressum a:hover{background:url(../images/index_11_.png) no-repeat; width:130px; height:39px; float:left}

/** Content **/
.inhalt				{width:931px; height:auto; float:left; text-align:left}
#content			{background:url(../images/index_13.png); width:771px; height:582px; float:left; padding-left:80px; padding-right:80px; padding-top:20px; overflow:auto; overflow-x:visible}
.contentfooter		{background:url(../images/index_14.png) no-repeat; width:931px; height:20px; float:left}

/** Banner **/
#banner				{width:468px; height:82px; float:left}
.bannerleft			{background:url(../images/index_15.png) no-repeat; width:219px; height:82px; float:left}
.banner a			{background:url(../images/index_16.png) no-repeat; width:468px; height:60px; float:left}
.bannerbottom		{background:url(../images/index_18.png) no-repeat; width:468px; height:22px; float:left}
.bannerright		{background:url(../images/index_17.png) no-repeat; width:244px; height:82px; float:left}

/** Footer **/
.footer1			{background:url(../images/index_19.png) no-repeat; width:1000px; height:39px; float:left}
.footer2			{background:url(../images/index_20.png) no-repeat; width:1000px; height:102px; float:left}

.clear				{clear:both}

/** 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;
}