body {
	background:#fff;
	/*background-image:url(img/hf_bg6.gif);*/
	/*background-image:url(img/cry_bg1.gif);*/
	background-image:url(img/duke_bg1.gif);
	background-repeat: repeat-y;
	background-position: top center;
	background-attachment: fixed;
}

#navi {
	color:#FFF;
	position:absolute;
	left: 470px;
	top: 80px;
}

#ticker {

	position:absolute;
	left: 1080px;
	top: 200px;

}

#advert {
	position:absolute;
	left: 1200px;
	top: 370px;
}


#stats {
	color: #000;
	font-size: 12px;
	

}

#wrapper {
width: 1145px;
padding: 0px 0px;
text-align: left;
margin: 0 auto;
border-left:#000000 2px solid;
border-right:#000000 2px solid;

}

#header {
width:1145px;
height:130px;
float:left;
}

#navi2 {
	background-image:url(img/bg_navi.png);
	background-repeat: repeat-x;
	width:1145px;
	height:45px;
	border-bottom:#4b4b4b 2px solid;
	float:left;
	color: #fff;
	font-size: 12px;

}

#leftCol {
width:570px;
float:left;
background:#fff;
border-left:#000000 0px solid;
border-right:#000000 0px solid;
border-bottom:#000000 0px solid;
}

#leftCol_art {
width:1145px;
float:left;
background:#fff;
border-left:#000000 0px solid;
border-right:#000000 0px solid;
border-bottom:#000000 0px solid;
}

#leftCol_news {
width:1145px;
float:left;
background:#e1e1e1;
border-left:#000000 0px solid;
border-right:#000000 0px solid;
border-bottom:#000000 0px solid;
}


#rightCol {
width:570px;
float:right;
background:#e1e1e1;

}
#rightCol_news {
width:495px;
float:right;
background:#fff;
}


#right2a {
width:285px;
float:left;
background:#e1e1e1;
border-left:#000000 0px solid;
border-right:#000000 0px solid;
border-bottom:#000000 0px solid;
}

#right2b {
width:280px;
float:left;
background:#e1e1e1;
border-left:#000000 0px solid;
border-right:#000000 0px solid;
border-bottom:#000000 0px solid;
}

#right2a_news {
width:247px;
float:left;
background:#fff;
border-left:#000000 0px solid;
border-right:#000000 0px solid;
border-bottom:#000000 0px solid;
}

#right2b_news {
width:247px;
float:left;
background:#fff;
border-left:#000000 0px solid;
border-right:#000000 0px solid;
border-bottom:#000000 0px solid;
}

#div_2 {
width:570px;
float:right;
height: 200px;
background:#e1e1e1;
border:#000000 0px solid;
}
#div_shout {
height: 127px;
background:#fff;
}
#div_3 {
width:390px;
float:right;
background:#e1e1e1;
color: #fff;
border-left:#eaeaea 0px solid;
}

#div_3_art {
width:965px;
float:right;
background:#e1e1e1;
color: #fff;
border-left:#eaeaea 0px solid;
}


#div_3_news {
width:570px;
float:left;
background:#fff;
color: #fff;
border-left:#eaeaea 0px solid;
}
#div_3a {
width:175px;
float:left;
background:#e1e1e1;
color: #fff;
}
#div_4 {
width:570px;
float:right;
background:#e1e1e1;
border-bottom:#000000 0px solid;
border-right:#000000 0px solid;
}

#div_4_foot {
width:1145px;
float:right;
background:#0C2F35;
border-bottom:#000000 0px solid;
border-right:#000000 0px solid;
}

#div_4f {
width:1145px;
float:left;
background:#fff;
}

#div_4_news {
width:400px;
float:left;
background:#e1e1e1;
border-bottom:#000000 0px solid;
border-right:#000000 0px solid;
}

#div_5 {
	text-align:center;
	vertical-align:middle;
width:1145px;
height:60px;
float:left;
background:url(img/footer.gif) #011A23;
color:#efefef;
font-size: 10px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}
#div_5 a {
color: #9f9f9f;
font-size: 10px;
}
#div_5 a:hover {
color: #ffffff;
font-size: 10px;
}

#logo {

	width: 89px;
	height: 30px;
	position:absolute;
	top: 1464px;
}
	
.clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum alle seine untergeordneten Floats enthalten sollte. */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.search1 /*für pw hg*/
{ 
    color: #000000;
    background-color: #000000;
	width: 127px;
	height: 15px;
    font: 9px Arial;
  	border-width: 1px;
    border-color: #222222;
    font-weight: normal;
    text-decoration: none;
	text-align: center;
	padding-top: 5px;
}

.search2 /*für searchbutton*/
{ 
    background-color: #000000;
	width: 91px;
	height: 15px;
  	border-width: 0px;
    font-weight: normal;
    text-decoration: none;
}

.log1 /*für nickname hg*/
{ 
    color: #343434;
   background-color: #000000;
	width: 100px;
	height: 12px;
    font: 11px Arial;
  	border-width: 1px;
    border-color: #222222;
    font-weight: normal;
    text-decoration: none;
	text-align: center;
	vertical-align: middle;
	padding-top: 5px;
}

.log2 /*für pw hg*/
{ 
    color: #ffffff;
   background-color: #000000;
	width: 100px;
	height: 12px;
    font: 11px Arial;
  	border-width: 1px;
    border-color: #222222;
    font-weight: normal;
    text-decoration: none;
	text-align: center;
	padding-top: 5px;
}

.logbutton /*für loginbutton*/
{ 
    background:url(images/loginbutton.png) ;
	width: 101px;
	height: 22px;
  	border-width: 0px;
    font-weight: normal;
    text-decoration: none;
}

.abg
{
}

td 
{
  color: #000;
  font-family: Arial; 
  font-size: 12px;
}

a 
{ 
  color: #999999; 
  font-family: Arial; 
  font-size: 12px; 
text-indent: 12px;
text-decoration: none;
line-height: 14px;
}

a:hover 
{ 
  color: #8e8e8e;
  text-decoration: none; 
text-indent: 12px;
line-height: 14px;
}
a.menu
{
	display:block;
	color: #000;
	font-size: 9px;
	background:url(img/menubgcup.gif) #fff;
	width: 100%;
	height: 22px;
  font-size: 12px; 
	text-indent: 30px;
	text-decoration: none;
	font-family:  Arial;
	line-height: 22px;

}

a.menu:hover
{
	display:block;
	color: #000;
	font-size: 9px;
	background:url(img/menubgcup_h.gif) #fff;
	width: 100%;
	height: 22px;
  font-size: 12px; 
	text-indent: 30px;
	text-decoration: none;
	font-family:  Arial;
	line-height: 22px;
	
}

.menuhead
{
display:block;
color: #f9f9f9;
font-size: 12px;
font-weight: bold;
text-indent: 15px;
}
.menuhead2
{
display:block;
color: #15ADFF;
font-size: 18px;
text-indent: 15px;
}

a.button_aktuelles
{
	display:block;
	color: #71250f;
	font-size: 9px;
	background:url(img/button_aktuelles.jpg) #000000;
	width: 150px;
	height: 50px;
  font-size: 12px; 
	text-indent: 60px;
	text-decoration: none;
	font-family:  Arial;
	line-height: 22px;
}

a.box 
{ 
  color: #636363; 
  font-family: Arial; 
  font-size: 12px;

}

a.box:hover 
{  
  color: #e2652d;
  text-decoration: none;  
}

.Chead
{
	background:url(images/forumbgh.jpg) #0A262A ;
  color: #ffffff;
  font-size: 12px; 
}

.Chead td, .Chead td strong, .Chead h4, .Chead td b
{
  color: #636363;
  font-size: 12px; 
}

.Callg
{
	color: #636363;
	  font-family: Arial;
  font-size: 12px; 
}

.Callg td
{
  color: #636363;
    font-family: Arial;
  font-size: 12px; 
}

.Cnorm 
{
	background:url(images/forumbgh.jpg) #eeeeee ;
}

.Cmite
{
	background:url(images/forumbgh.jpg) #ffffff ;
}
.kalender
{
	background: #2CB6FF ;
}
.Cdark
{
	background:url(images/forumbgh.jpg) #eeeeee ;
}

#Ballg
{
	color: #636363;

}
#Ballg td
{
	color: #636363;

}

.Bhead
{
	color: #636363;
 
}

.Bbody
{
	color: #636363;
}

.Bbody2
{
	color: #636363;
}

.rand
{
}

.smalfont 
{ 
    font-size: 10px;
	text-decoration: none; 
}


.border 
{ 
    background-color: #222222;
}

hr 
{ 
    height: 0px; 
	border-top-width: 1px; 
}

input, textarea, select
{ 
    color: #000000;  
    font: 10px Arial;  
    border-color: #222222;
    background-color: #ffffff;
  	border-width: 1px;
    border-style: solid;  
    font-weight: none;  
    text-decoration: none;  
}
.Stil3 {
	color: #636363; 
  font-family: Arial; 
  font-size: 10px; 
}
.contentstyle 
{
	color: #000;
}
	


#menu {}
#menu ul { padding-left: 10px; margin-left: 10px; }
#smallmenu { }
#smallmenu li { font-size: 9px; }
#smallmenu a { font-size: 9px; }

.wb_random_user {
	color:#000;
}

.cal1 {
	background:#cccccc;
}


/*############ PANEL1 ##############*/

.panel {
position: fixed;
top: 50px;
left: 115px;
display: none;
background: #e1e1e1;
border:1px solid #000;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
width: 200px;
height: auto;
padding: 0px 30px 30px 30px;
}


.panel p{
margin: 0 0 15px 0;
padding: 0;
color: #cccccc;
}

.panel a, .panel a:visited{
margin: 0;
padding: 0;
color: #9FC54E;
text-decoration: none;
border-bottom: 1px solid #9FC54E;
}

.panel a:hover, .panel a:visited:hover{
margin: 0;
padding: 0;
color: #ffffff;
text-decoration: none;
border-bottom: 1px solid #ffffff;
}

a.trigger{
position: fixed;
text-decoration: none;
top: 80px; left: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 40px 20px 15px;
font-weight: 700;
background:#333333 url(img/plus.png) 85% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
display: block;
}

a.trigger:hover{
position: fixed;
text-decoration: none;
top: 80px; left: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 40px 20px 30px;
font-weight: 700;
background:#222222 url(img/plus.png) 85% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
display: block;
}

a.active.trigger {
background:#222222 url(img/minus.png) 85% 55% no-repeat;
}

/*############ PANEL2 ##############*/

.panel2 {
position: fixed;
top: 80px;
left: 180px;
display: none;
background: #e1e1e1;
border:1px solid #000;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
width: 500px;
height: auto;
padding: 0px 30px 30px 30px;
}


.panel2 p{
margin: 0 0 15px 0;
padding: 0;
color: #cccccc;
}

.panel2 a, .panel a:visited{
margin: 0;
padding: 0;
color: #9FC54E;
text-decoration: none;
border-bottom: 1px solid #9FC54E;
}

.panel2 a:hover, .panel2 a:visited:hover{
margin: 0;
padding: 0;
color: #ffffff;
text-decoration: none;
border-bottom: 1px solid #ffffff;
}

a.trigger2{
position: fixed;
text-decoration: none;
top: 150px; left: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 40px 20px 15px;
font-weight: 700;
background:#333333 url(img/plus.png) 85% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
display: block;
}

a.trigger2:hover{
position: fixed;
text-decoration: none;
top: 150px; left: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 40px 20px 30px;
font-weight: 700;
background:#222222 url(img/plus.png) 85% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
display: block;
}

a.active.trigger2 {
background:#222222 url(img/minus.png) 85% 55% no-repeat;
}











a.sidebutton{
position: fixed;
text-decoration: none;
top: 300px; left: 0;
font-size: 16px;
letter-spacing:-1px;
color:#fff;
padding: 20px 40px 20px 15px;
background:#333333;
border:1px solid #444444;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
display: block;
}

a.sidebutton:hover{
position: fixed;
text-decoration: none;
top: 300px; left: 0;
font-size: 16px;
letter-spacing:-1px;
color:#fff;
padding: 20px 40px 20px 30px;
background:#222222;
border:1px solid #444444;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
display: block;
}