/* ALLGEMEINE ANGABEN */

body {
background: #fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.688em;
color: #333;
margin: 0px;
}

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

a {
text-decoration: none;
color: #999999;
}

a:hover, a:focus {
text-decoration: underline;
color: #999999;
}


h1 {
font-size: 26px;
margin: 0 0 10px 0;
padding: 0px;
font-weight: normal;
}

h2 {
font-size: 22px;
margin: 0 0 10px 0;
padding: 0px;
color: #333;
font-weight: normal;
}


h3 {
font-size: 14px;
margin: 0 0 10px 0;
padding: 0px;
color: #333;
}

h4 {
font-size: 11px;
margin: 0px 0 8px 0;
padding: 0px;
color: #333;
line-height: 1.6;
}

p {
margin: 0px;
padding: 0 0 10px 0;
line-height: 1.6;
}

.clear {
font-size: 1px; 
height: 1px;
} 

ul {
list-style: none;
padding: 0px;
margin: 0px;
}

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



/* ########## RAHMEN (Header, Content, Bottom) ############ */

#rahmen {
width: 1000px;
position: relative;
margin: auto;
min-height: 100%;
height: auto !important;
height: 100%;

}

#content_rahmen {
position: relative;
width: 1000px;
}

#header {
position: relative;
top: -50px;
background: url(../i/head_forum.png) 0 12px no-repeat;
height:76px;
width: 1000px;
text-align: left;
}

#header.luna {
background: url(../i/head_luna.png) 0 12px no-repeat;
}

#header.sjr {
background: url(../i/head_sjr.png) 0 12px no-repeat;
}

#header.fv {
background: url(../i/head_fv.png) 0 12px no-repeat;
}

#header a {
color: #999;
font-weight: bold;
}

#arrow {
background: url(../i/play.jpg);
height: 59px;
width: 69px;
position: relative; 
top: 20px; 
left: -535px;
}

#content {
position: relative;
top: -50px;
text-align: left;
width: 998px;
margin: 0 0 0 0;
border: #ccc solid 1px;
border-top: none;
border-bottom: none;
}

#content_index {
position: relative;
margin: 10px 0 0 0;
}

.index_fv {
float: left;
width: 478px;
height: 71px;
background: url(../i/index_fv.png);
}

.index_fv:hover {
background: url(../i/index_fv.png) 0 -74px;
}

.index_sjr {
float: left;
margin-right: 10px;
width: 478px;
height: 71px;
background: url(../i/index_sjr.png);
}

.index_sjr:hover {
background: url(../i/index_sjr.png) 0 -73px;
}

.index_forum {
float: left;
margin-right: 10px;
width: 478px;
height: 128px;
background: url(../i/index_forum.png) no-repeat;
}

.index_forum:hover {
background: url(../i/index_forum.png) 0 -128px no-repeat;
}

.index_luna {
float: left;
width: 478px;
height: 128px;
background: url(../i/index_luna.png) no-repeat;
}

.index_luna:hover {
background: url(../i/index_luna.png) 0 -128px no-repeat;
}

.box_dates {
border-left: #ccc solid 1px;
border-right: #ccc solid 1px;
padding-top: 5px;
}

div.luna_dates a {
color: #ECB304;
}

.forum22_dates a {
color: #009900;
}

.news_box {
border-left: #ccc 1px solid;
border-right: #ccc 1px solid;
background: url(../i/news_bg.png) repeat-x;
height: 100%;
}

.news_item {
padding: 10px 0px 10px 40px;
width: 450px;
float: left;
}

#bottom {
position: relative;
top: -50px;
background: url(../i/bottom_bg.jpg) repeat-x;
height: 56px;
}

#bottom a {
color: #999;
font-weight: bold;
}

#bottom div.left {
float: left;
background: url(../i/bottom_left.jpg) 0 0 no-repeat;
padding: 8px 0 12px 20px;
}

#bottom div.right {
float: right;
background: url(../i/bottom_right.jpg) 100% 0 no-repeat;
padding: 17px 20px 27px 0;
}

/* ########## NAVI (Tableiste) ############ */


a.tab_active {
border: #999 solid 1px;
background-color:#fff;
border-bottom: none;
float: left;
padding: 5px;
margin-right: 5px;
font-weight: bold;
}

div.tab_leiste {
position: relative;
z-index: 100;
padding: 0;
}


ul.tab_box  {
margin: 0 0 0 0;
}

.tab_box li {
float: left;
} 

.tab_box a {
color: #fff;
background: #727272 url(../i/left-tab.gif) 0 0 no-repeat;
font-weight: bold;
padding: 0 0 5px 10px;
margin: 0 3px 0 0;
text-decoration: none;
}

.tab_box a span {
color: #fff;
background: url(../i/right-tab.gif) 100% 0 no-repeat;
padding: 5px 10px 0 0;
}

.tab_box a, .tab_box a span {
display: block;
float: left
}

/* Hide from IE5-Mac \*/ .tab_box a, .tab_box a span
{
float: none
}
/* End hide */

.tab_box a:hover {
background: #BFBFBF url(../i/left-tab-hover.gif) 0 0 no-repeat;
text-decoration: none;
}

.tab_box a:hover span {
background: url(../i/right-tab-hover.gif) 100% 0 no-repeat;
}

.tab_box a.active {
background: #fff url(../i/left-tab-active.gif) 0 0 no-repeat;
}

.tab_box a.active span {
color: #333;
background: url(../i/right-tab-active.gif) 100% 0 no-repeat;
}

.tab_box a.active:hover {
background: #fff url(../i/left-tab-active.gif) 0 0 no-repeat;
}

.tab_box a.active:hover span {
background: url(../i/right-tab-active.gif) 100% 0 no-repeat;
}



ul.tab_box2  {
margin: 0 0 0 8px;
}

.tab_box2 li {
float: left;
margin: 0 5px 0 0;
} 

.tab_box2 a {
color: #fff;
background: #333 url(../i/l_tab_p.gif) 0 0 no-repeat;
font-weight: bold;
padding: 5px 0 5px 10px;
margin: 0 0 0 0;
text-decoration: none;
}

.tab_box2 a span {
color: #fff;
background: url(../i/r_tab_p.gif) 100% 0 no-repeat;
padding: 5px 10px 5px 0;
}

.tab_box2 a, .tab_box a span {
display: block;
float: left
}

/* Hide from IE5-Mac \*/ .tab_box a, .tab_box a span
{
float: none
}
/* End hide */

.tab_box2 a:hover {
background: #999 url(../i/l_tab_h.gif) 0 0 no-repeat;
text-decoration: none;
}

.tab_box2 a:hover span {
background: url(../i/r_tab_h.gif) 100% 0 no-repeat;
}

.tab_box2 a.active {
background: url(../i/l_tab_a.gif) 0 0 no-repeat;
}

.tab_box2 a.active span {
color: #333;
background: url(../i/r_tab_a.gif) 100% 0 no-repeat;
}

.tab_box2 a.active:hover {
background: url(../i/l_tab_a.gif) 0 0 no-repeat;
}

.tab_box2 a.active:hover span {
background: url(../i/r_tab_a.gif) 100% 0 no-repeat;
}



#header a.nav {
border-left: #fff dashed 1px;
color: #fff;
padding: 17px 25px 19px 5px;
margin: 0px;
display: block;
float: left;
}

#header a.nav:hover {
border-left: #333 dashed 1px;
color: #333;
text-decoration: none;
}

#header a.active {
border-left: #333 dashed 1px;
color: #333;
text-decoration: none;
}