/* ############## MAIN.css ########### */

/* ALLGEMEINE ANGABEN */

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.688em;
color: #333;
/*background: #fff url(../i/header_bg.jpg) 25px 85px no-repeat;*/
background: #fff url(../i/header_bg.jpg) 10px 10px no-repeat;
margin: 0px;
}

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

a {
text-decoration: none;
color: #D97E04;
/*color: #C40000;*/
}

a:hover, a:focus {
text-decoration: underline;
color: #D97E04;
/*color: #C40000;*/
}


h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 26px;
color: #020100;
margin: 0 0 10px 0;
padding: 0px;
text-shadow: 1px 1px 0px #fff;
}

h1.wiki {
font-size: 22px;
color: #333;
}

h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 22px;
margin: 0 0 10px 0;
padding: 0px;
color: #333;
text-shadow: 1px 1px 0px #fff;
}

h2.wiki {
font-size: 20px;
}

h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
margin: 0 0 10px 0;
padding: 0px;
color: #333;
text-shadow: 1px 1px 0px #fff;
}

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

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

p.nopadding {
padding: 0px;
}

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

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

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

ul.content {
list-style: disc;
padding: 0 0 15px 15px;
margin: 0px;
line-height: 1.6;
}

ol.content {
line-height: 1.6;
margin: 0px;
padding: 20px;
}



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

div#top {
background: #6B757B url(../i/top_bg.gif) repeat-x;
height: 31px;
width: 980px;
text-align: right;
}

div#top_outside {
width: 100%;
background: #6B757B url(../i/top_bg.gif) repeat-x;
}


div#header {
padding: 15px 15px 15px 25px;
}

#header .top-add {
position: absolute;
top: 35px;
left: 740px;
text-align: right;
width: 240px;
z-index: 1;
}


div#content {
width: 1000px;
padding: 25px 0 25px 25px;
}

#content_profil {
width: 786px;
position: relative;
z-index: 1;
float: left;
}


div#bottom {
padding: 25px;
background-image: url(../i/top_bg.gif);
background-repeat: repeat-x;
background-color: #6B757B;
width: 1100px;

}

div#bottom_outside {
width: 100%;
background: #6B757B url(../i/top_bg.gif) repeat-x;
}

div#bottom h4 {
color: #fff;
margin-bottom: 3px;
text-shadow: none;
}

div#bottom a {
font-size: 10px;
color: #fff;
}

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


div#top ul {
list-style: none;
margin: 0px;
width: 980px;
}

div#top ul li {
float: right;
}

div#top ul li a {
height: 17px;
font-size: 10px;
display: block;
float: left;
color: #fff;
text-decoration: none;
padding: 10px 9px 3px 9px;
}

#content div#top ul li a.active {
background-color: #494C4F;
}

div#top ul li a:hover {
background-color: #494C4F;
}

div#top ul li.last {
margin-left: 779px;
}

.grey {
color: #666;
}


.right {
float: right;
}

.left {
float: left;
}

div#navi_outside {
width: 100%;
background-image: url(../i/nav_bg.jpg);
background-repeat: repeat-x;
}

#nav, #nav ul {padding:0; margin:0 0 0 26px; list-style:none;}
#nav {position:relative; z-index:150; background-image: url(../i/nav_bg.jpg); background-repeat: repeat-x; height: 30px; width: 1100px; background: url(../i/nav_right.jpg) 100% 0 no-repeat;}
#nav ul {display:none; float: left;}
#nav li:hover ul, #nav li.hover ul  {display:block;}

#nav li {float:left; position:relative; margin-left: -1px;}
#nav li a {text-decoration:none; color: #fff; white-space:nowrap; font-size: 11px;}
#nav li b {display:block; padding:0px 26px 0 26px; cursor:pointer;  line-height:30px; float:left; border-left: #fff solid 1px; border-right: #fff solid 1px;background: url(../i/nav_p.jpg) no-repeat;}
#nav li.first b {padding-left:40px; background-position:left top;}
#nav li.last b {background-position:right top;}
#nav li.active b {background: #E98A16 url(../i/nav_h.jpg);}
#nav li.arrow {padding:0px; margin-top: -3px;}
#nav li a b.clicked, #nav li:hover a b, #nav li.hover a b {color:#fff;background: #E98A16 url(../i/nav_h.jpg);}

#nav li ul {position:absolute; left:0; top:30px; height:auto; float:left; background:#f8f8f8; padding:0px; margin: 0px; border:1px solid #ccc; border-top: none;}
#nav li ul.w {min-width: 200px;}


#nav li ul li {float:none;}
#nav li ul li a {display:block; height:20px; line-height:20px; padding:0 5px; color:#333; font-weight: normal;}
#nav li ul li a:hover {/*background:#C40000;*/background:#D97E04; color:#fff;}


/* ############ Dropdown Eventkalender ################ */

#subnav, #subnav ul {padding:0; margin:0 0 0 26px; list-style:none;cursor:pointer;}
#subnav {position:relative; z-index:150;}
#subnav ul {display:none; float: left;}
#subnav li:hover ul, #nav li.hover ul  {display:block;}

#subnav li {float:left; position:relative;}
#subnav li a {text-decoration:none; color: #fff; white-space:nowrap; font-size: 11px;}
#subnav li b {display:block; padding:0px 68px 0 26px; cursor:pointer;  line-height:30px; float:left; border-left: #fff solid 1px; border-right: #fff solid 1px;background: url(../i/nav_p.jpg) no-repeat;}
#subnav li.first b {padding-left:40px; background-position:left top;}
#subnav li.last b {background-position:right top;}
#subnav li.active b {background: #E98A16 url(../i/nav_h.jpg);}
#subnav li.arrow {padding:0px; margin-top: -3px;}
#subnav li a b.clicked, #subnav li:hover a b, #subnav li.hover a b {color:#fff;background: #E98A16 url(../i/nav_h.jpg);}

#subnav li ul {position:absolute; left:-1px; top:23px; height:auto; float:left; background:#f8f8f8; padding:0px; margin: 0px; border:1px solid #ccc; border-top: none;}
#subnav li ul.w {width: 200px; background:#333; padding-bottom:1px;}


#subnav li ul li {float:none; background:#333; text-align: left;}
#subnav li ul li a {display:block; height:20px; line-height:20px; padding:0 5px; margin-left:1px; color:#ddd; background:#333; font-weight: normal; width:188px;}
#subnav li ul li a:hover {background:#E98A16; color:#fff;}
#content #subnav li ul li a.active {background:#E98A16; color:#fff;}

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;
top: 1px;
padding: 0 5px 0 5px;
}


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

.tab_box li {
float: left;
}

.tab_box a {
color: #fff;
background: #333333 url(../i/left-tab.gif) 0 0 no-repeat;
font-weight: bold;
padding: 0 0 5px 15px;
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 15px 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: #6B6B6B url(../i/left-tab-hover.gif) 0 0 no-repeat;
}

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

#content .tab_box a.active {
background: #EEE 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: #EEE 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;
}


#vertikal_navi {
position: relative;
left: -26px;
z-index: 2;
}

.tab_vertikal a {
font-size: 11px;
display: block;
width: 285px;
color: #fff;
background: #333 url(../i/vert_p_top.gif) 100% 0 no-repeat;
font-weight: bold;
margin: 2px 0 0 0;
text-decoration: none;
}

.tab_vertikal a.active div{

background: url("../i/vert_a_right.gif") no-repeat scroll 100% 0 transparent;
color: #333333;
}

.tab_vertikal a.active {
background:url("../i/vert_a_bg.gif") repeat-x scroll 0 0 #EEEEEE;
color:#333333;
}

.tab_vertikal a:hover div {
background:url("../i/vert_h_bottom.gif") no-repeat scroll 100% 100% transparent;
}

.tab_vertikal a div {
background: url(../i/vert_p_bottom.gif) 100% 100% no-repeat;
padding: 6px 5px 7px 8px;
}

.tab_vertikal a:hover {
background: #6B6B6B url(../i/vert_h_top.gif) 100% 0 no-repeat;
text-decoration: none;
color: #fff;
}

.tab_vertikal a:hover div {
background: url(../i/vert_h_bottom.gif) 100% 100% no-repeat;
}

#content .tab_vertikal a.active {
color: #333;
background: #EEEEEE url(../i/vert_a_bg.gif) repeat-x;

}

#content .tab_vertikal a.active div {
background: url(../i/vert_a_right.gif) 100% 0 no-repeat;
}

.tab_vertikal a.sub {
width: 265px;
background: none;
color: #333;
padding: 2px 0 5px 15px;
margin: 0 0 0 2px;
}
#content .tab_vertikal a.subactive {
width: 265px;
background: #EAEAEA;
color: #333;
padding: 2px 0 5px 15px;
margin: 0 0 0 2px;
}
.tab_vertikal a.sub:hover {
background: #EAEAEA;
}

.tab_vertikal .head {
padding: 0 10px 0 10px;
height: 100%;
}

.tab_vertikal div.profile_pic {
float: left;
width: 55px;
margin: 0 10px 0 0;
background: #fff;
}

.tab_vertikal div.profile_name {
float: left;
width: 175px;
padding: 20px 0 0 0;
}

.tab_vertikal div.profile_name h3 {
background: #fff;
}






/* ############## content.css ########## */
/* ########### CONTENT ########### */

#content_left {
margin: 0 25px 0 0;
width: 665px;
float: left;
}
#content_right {
width: 260px;
float: left;
}

.index-highlightbox-left {
width: 411px;
float: left;
background: #DBDBDB;
min-height: 430px;
}
.index-highlightbox-right {
width: 250px;
float: left;
background: url(../i/contentbox_bg.gif) no-repeat;
}

.tipp_start {
width: 400px;
float: left;
margin-right: 10px;
}
.calendar_start {
width: 230px;
float: left;
}


.magazin_left {
width: 410px;
float: left;
margin: 0 10px 0 0;
}

.balken01 {
text-align: center;
background: url(../i/nav_bg.jpg) repeat-x;
color: #fff;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight: bold;
text-shadow: 1px 1px 0px #000;
padding: 2px 0px 6px 0px;
}

.magazin_right {
width: 200px;
float: left;
}

blockquote {
font-style: italic;
background: url(../i/quote.png) 0 0 no-repeat;
margin: 5px 5px 0 5px;
padding: 10px 10px 10px 20px;
}

.image {
margin: 2px;
}

.image img {
border: #ccc solid 1px;
padding: 2px;
}

.image_left {
float: left;
margin: 0 10px 10px 0;
}

.image_left img {
border: #ccc solid 1px;
padding: 2px;
}

.image_right {
float: right;
margin: 0 0 10px 10px;
}

.image_right img {
border: #ccc solid 1px;
padding: 2px;
}


table.list td {
vertical-align: top;
padding: 10px;
}
table.list tr.alt {
background-color: #f0f0f0;
}


.image_list {
text-align: center;
float: left;
margin: 0 20px 20px 20px;
width: 200px;
height: 200px;
}

.image_list_schmal {
text-align: center;
float: left;
margin: 0 3px 10px 3px;
width: 200px;
}

.image_list_big {
text-align: center;
float: left;
margin: 0 3px 10px 3px;
width: 300px;
}

.image_list2 {
text-align: center;
float: left;
margin: 0 10px 10px 10px;
height: 170px;
}

.image_list_small {
text-align: center;
float: left;
margin: 0 0 20px 0;
width: 150px;
height: 150px;
overflow:hidden;
}

.image_list_small_profil {
text-align: center;
float: left;
margin: 0 16px 0 0;
width: 150px;
height: 150px;
}

div.image_gray {
	display:none;
}

.image_change:hover div.image_gray  {
	display:block;
}

.image_change:hover div.image_color {
	display:none;
}


.list01 {
float: left;
padding: 0 15px 10px 15px;
width: 280px;
}

.list02 {
float: left;
padding: 0 15px 10px 15px;
width: 280px;
position: relative;
z-index: 20;
}

.region {
position: absolute;
z-index: 10;
font-size: 26px;
font-weight: bold;
color: #D3D3D3;
margin: 0 0 0 7px;
}

.linie {
height: 1px;
background-color: #ccc;
}

.small {
font-size: 10px;
}

.news_bottom {
background-color: #E3E7E8;
border-top: #ccc solid 1px;
border-bottom: #ccc solid 1px;
padding: 5px 25px 5px 25px;
margin: 0 0 10px 0;
height: 100%;
}


.head_trenner {
background-color: #E3E7E8;
border-top: #ccc solid 1px;
border-bottom: #ccc solid 1px;
padding: 3px 20px 3px 20px;
margin: 0 0 0 0;
height: 100%;
}

h2.header_trenner1 {
	margin: 0 0 0 0;
}
/* ########### BOXEN ########### */


.content_box {
text-align: left;
font-weight: normal;
color: #333;
background-color: #EEE;
border: #999 solid 1px;
height: 100%
}

.boxpadding {
padding: 20px;
height: 100%;
}

.boxpadding10 {
padding: 10px;
}
.box_alterna {
background-color: #e2e2e2;
}


.tl {
background: url(../i/tl.gif) 0 0 no-repeat;
}
.tr {
background: url(../i/tr.gif) 100% 0 no-repeat;
padding: 5px 0 0 0;
}

.box_head_bg {
text-align: center;
background: url(../i/box_head_bg.jpg) repeat-x;
color: #fff;
font-weight: bold;
}

.box_head_bg p {
padding-bottom: 7px;
}

.box_head_bg_950 {
font-size: 11px;
text-align: center;
background: url(../i/top_950.png) 0 0 no-repeat;
color: #fff;
font-weight: bold;
padding: 5px 0 0 0;
}

.box_head_bg_665 {
font-size: 11px;
text-align: center;
background: url(../i/top_665.png) 0 0 no-repeat;
color: #fff;
font-weight: bold;
padding: 5px 0 0 0;
}

.box_head_bg_260 {
font-size: 11px;
text-align: center;
background: url(../i/top_260.png) 0 0 no-repeat;
color: #fff;
font-weight: bold;
padding: 5px 0 0 0;
}

.rss_header {
text-align: left;
padding: 0 10px 0 20px;
color: #fff;
text-shadow: 1px 1px 0px #666;
margin: 0px;
}

.bl {
background: url(../i/bl.gif) 0 100% no-repeat;
}
.br {
background: url(../i/br.gif) 100% 100% no-repeat;
padding: 4px 0 4px 0;
}

.box_bottom_bg {
font-size: 11px;
text-align: center;
background: url(../i/box_bottom_bg.jpg);
background-repeat: repeat-x;
color: #fff;
height: 100%;
margin-bottom: 25px;
}

.box_bottom_bg .bl .br a {
color: #fff;
}

.box_space {
margin: 0 0 30px 0;
}

.box_space li {
margin: 0 0 5px 0;
}


#overlayGrey {
background-color:#000000;
position:absolute;
left:0px;
top:0px;
opacity:0.7;
filter: alpha(opacity = 50);
width:100%;
height:100%;
z-index: 200;
}

#messageContent {
padding:16px;
width:300px;
height:250px;
position:absolute;
left:50%;
top:20%;
margin-left:-166px;
margin-top:-91px;
background-color:#ffffff;
z-index: 300;
}



/*  ########### LINKS & AUFZ\UffffffffLUNGEN ########### */


.infobutton {
background: url(../i/icon_info.png) 1px 1px no-repeat;
padding: 0 0 2px 27px;
display: block;
font-size: 11px;
color: #D97E04;
text-align: left;
}

.arrow_left a {
float: left;
display: block;
color: #fff;
font-size: 11px;
background: #333333 url(../i/buttons.jpg) left top no-repeat scroll;
font-weight: bold;
height: 19px;
margin-right: 5px;
text-decoration: none;
}

.arrow_left a:hover {
background: #6B757B url(../i/buttons.jpg) left -19px no-repeat scroll;
}

.arrow_left a span {
color: #fff;
background: url(../i/buttons.jpg) right -76px no-repeat scroll;
color: #FFFFFF;
display: block;
line-height: 13px;
padding: 3px 8px 3px 13px;
}

.arrow_left a:hover span {
background: url(../i/buttons.jpg) right -95px no-repeat scroll;
}

.arrow_right a {
background: #333333 url(../i/buttons.jpg) left -114px no-repeat scroll;
color: #FFFFFF;
font-size: 11px;
display: block;
float: left;
font-weight: bold;
height: 19px;
margin-left: 5px;
text-decoration:none;
}

.arrow_right a:hover {
background: #6B757B url(../i/buttons.jpg) left -133px no-repeat scroll;
}

.arrow_right a span {
background: url(../i/buttons.jpg) right -38px no-repeat scroll;
color: #FFFFFF;
display: block;
line-height: 13px;
padding: 3px 13px 3px 8px;
}

.arrow_right a:hover span {
background: url(../i/buttons.jpg) right -57px no-repeat scroll;
}

div.button a  {
font-size: 11px;
float: left;
display: block;
margin: 0 5px 5px 0;
color: #fff;
background: #333333 url(../i/buttons.jpg) left -114px no-repeat scroll;
font-weight: bold;
height: 19px;
text-decoration: none;
}

div.button a span {
background: url(../i/buttons.jpg) right -76px no-repeat scroll;
color: #FFFFFF;
display: block;
line-height: 13px;
padding: 2px 10px 4px 10px;
}

div.button a:hover {
background: #6B757B url(../i/buttons.jpg) left -133px no-repeat scroll;
}

div.button a:hover span {
background: url(../i/buttons.jpg) right -95px no-repeat scroll;
}

div.button a.active {
background: #6B757B url(../i/buttons.jpg) left -133px no-repeat scroll;
}

div.button a.active span {
background: url(../i/buttons.jpg) right -95px no-repeat scroll;
}


.button2 a  {
font-size: 11px;
float: left;
display: block;
margin: 0 5px 5px 0;
color: #fff;
background: #333333 url(../i/buttons.jpg) left -114px no-repeat scroll;
font-weight: bold;
height: 19px;
text-decoration: none;
}

.button2 a span {
background: url(../i/buttons.jpg) right -76px no-repeat scroll;
color: #FFFFFF;
display: block;
line-height: 13px;
padding: 2px 10px 4px 10px;
}

.button2 a:hover {
background: #6B757B url(../i/buttons.jpg) left -133px no-repeat scroll;
}

.button2 a:hover span {
background: url(../i/buttons.jpg) right -95px no-repeat scroll;
}

.button2 a.active {
background: #6B757B url(../i/buttons.jpg) left -133px no-repeat scroll;
}

.button2 a.active span {
background: url(../i/buttons.jpg) right -95px no-repeat scroll;
}

a.button_long {
float: left;
display: block;
margin: 0 0 3px 0;
background: url(../i/long_button_p.png) 0 0 no-repeat;
color: #fff;
font-weight: bold;
text-decoration: none;
width: 254px;
padding: 3px 0 4px 6px;
}

a.button_long:hover {
background: url(../i/long_button_h.png) 0 0 no-repeat;
}

a.button_long_active {
float: left;
display: block;
margin: 0 0 3px 0;
background: url(../i/long_button_a.png) 0 0 no-repeat;
color: #fff;
font-weight: bold;
text-decoration: none;
width: 254px;
padding: 3px 0 4px 6px;
}
.rss {
background-image: url(../i/rss.gif);
background-repeat: no-repeat;
padding: 0 0 1px 20px;
}

.pen {
font-size: 10px;
background-image: url(../i/pen.gif);
background-repeat: no-repeat;
padding: 0 0 0 20px;
margin: 0 5px 0 0;
}

.eye {
font-size: 10px;
background-image: url(../i/eye.gif);
background-repeat: no-repeat;
background-position: 0 2px;
padding: 0 0 0 22px;
margin: 0 5px 0 0;
}

.add {
font-size: 10px;
background-image: url(../i/add.gif);
background-repeat: no-repeat;
padding: 0 0 0 20px;
float: left;
display: block;
margin: 0 0 5px 0;
}

.minus {
font-size: 10px;
background-image: url(../i/minus.gif);
background-repeat: no-repeat;
padding: 0 0 0 20px;
float: left;
display: block;
margin: 0 0 10px 0;
}

.mail {
font-size: 10px;
background-image: url(../i/mail.gif);
background-repeat: no-repeat;
padding: 0 0 0 20px;
margin: 0 0 10px 0;
}

.profil {
font-size: 10px;
background-image: url(../i/icon_profil.png);
background-repeat: no-repeat;
padding: 2px 0 5px 20px;
margin: 0 0 10px 0;
}

.group {
font-size: 10px;
background-image: url(../i/icon_group.png);
background-repeat: no-repeat;
padding: 2px 0 5px 20px;
margin: 0 0 10px 0;
}

.page {
font-size: 10px;
background-image: url(../i/icon_page.png);
background-repeat: no-repeat;
padding: 2px 0 5px 20px;
margin: 0 0 10px 0;
}

.delete {
font-size: 10px;
background-image: url(../i/icon_trashbin.png);
background-repeat: no-repeat;
padding: 2px 0 5px 16px;
margin: 0 0 10px 0;
}

.info {
background-image: url(../i/icon_info.png);
background-repeat: no-repeat;
padding: 2px 0 5px 26px;
margin: 0 0 10px 0;
}

.newitem {
background: url(../i/icon_new.png) 100% 3px no-repeat;
padding: 5px 35px 5px 0;
}

ul.kat li {
background-image: url(../i/kat1.gif);
background-repeat: no-repeat;
padding: 0 0 0 20px;
margin: 0 0 10px 0;
}

ul.kat li.a {
background-image: url(../i/kat1_a.gif);
font-weight: bold;
}

ul.kat li.e2 {
background-image: url(../i/kat2.gif)
background-repeat: no-repeat;
background-position: 22px 0;
padding: 0 0 0 40px;
}
ul.kat li.e2a {
background: url(../i/kat1_a.png) 22px 2px no-repeat;
padding: 0 0 0 40px;
font-weight: bold;
}

ul.kat li.e3 {
background: url(../i/kat1.gif) 42px 2px no-repeat;
padding: 0 0 0 60px;
}

/* ####### FORUM ####### */

table.forum {
width: 100%;
border: 0px;
}

table.forum th {
text-align: left;
padding: 5px 5px 5px 10px;
}

table.forum td {
padding: 10px 5px 10px 10px;
vertical-align: top;
}

table.forum tr.alt {
background-color: #e2e2e2;
}

.commentEntry {
float: left;
width: 80%;
margin: 0 0 10px 0;
}

.lastAction {
float: left;
width: 125px;
}
td.ui-datepicker-current-day {
        background-color: #D97E04;
}


/* ####### SHOUTBOX ####### */

.shoutbox-top {
        float: left;
        border-left: #fff solid 1px;
        border-right: #fff solid 1px;
        position: absolute;
        top: 0px;
        left: 0px;
        background: #212426 url(../i/shoutbox_top.gif) 6px 7px no-repeat;
        width: 728px;
        color: #fff;
}

.shoutopen {
        background: none;
        border: none;
        z-index: 2;
}

.shoutbox-top a.shout-start {
        float: left;
        width: 100%;
        font-weight: bold;
        display: block;
        padding: 8px 5px 10px 90px;
        width: 628px;
        color: #fff;
        text-decoration: none;
        background: url(../i/shoutbox_open.gif) right 4px no-repeat;
}

.shoutbox-top a.shout-start:hover {
        background: url(../i/shoutbox_open.gif) right -32px no-repeat;
}

.shoutbox-top form input.shout_input {
        background:url(../i/shoutbox_form.gif) no-repeat;
        background-color: none;
        border: none;
        width: 383px;
        padding: 5px 10px 6px 22px;
        margin: 0px;
        float: left;
}

.shoutbox-top form input.shout_send {
        background-color: none;
        border: none;
        width: 24px;
        padding: 0px;
        margin: 0px;
        float: left;
}

.shoutbox-header {
        float: left;
        height: 27px;
        width: 638px;
        padding: 4px 0 0 90px;
        background: #212426 url(../i/shoutbox_top.gif) 6px 7px no-repeat;
        border-left: #fff solid 1px;
        border-right: #fff solid 1px;
}

.shoutbox-content {
        float: left;
        background: url(../i/shoutbox_contentbg.png);
        width: 728px;
        border-left: #fff solid 1px;
        border-right: #fff solid 1px;
}

.shoutbox-content p {
        border-bottom: #ccc solid 1px;
        padding: 1px 10px 4px 7px;
}

.shoutbox-bottom {
        float: left;
        background: url(../i/shoutbox_bottom.png);
        height: 16px;
        width: 728px;
        margin: 0 0 0 1px;
}

div.tinybox ul {
list-style: disc;
padding: 0 0 15px 15px;
margin: 0px;
line-height: 1.6;
}

div.tinybox ol {
line-height: 1.6;
margin: 0px;
padding: 20px;
}

.box {
background: #fff;
border: #CCCCCC solid 1px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
margin: 0 0 3px 0;
}

.boxpadding5 {
padding: 5px;
}

.sprechblase {
background: url(../i/sprechblase.gif) no-repeat;
width: 11px;
height: 7px;
top: 1px;
left: 25px;
position: relative;
}

.chatright {
width: 562px;
float: right;
}

.innerchatright {
width: 490px;
float: right;
}

.button, .button:visited {
        background: #333 url(../i/alert-overlay.png) repeat-x;
        display: inline-block;
        padding: 5px 10px 6px;
        color: #fff;
        text-decoration: none;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
        -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
        border-radius: 5px;
        box-shadow: 0 1px 3px rgba(0,0,0,0.5);
        text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
        position: relative;
        cursor: pointer;
        margin: 3px 3px 0 0;
}

.button:hover                                                   { background-color: #111; color: #fff; }
.button img                                                                        { vertical-align:middle; border: 0px; }
.button:active                                                        { top: 1px; }
.button:hover                                                                { text-decoration: none; }
.small.button, .small.button:visited         { font-size: 11px; padding: ; }
.button, .button:visited,
.medium.button, .medium.button:visited         { font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.large.button, .large.button:visited         { font-size: 14px; padding: 8px 14px 9px; }
input.large.button                                                 { padding: 6px 14px 6px; }
input.middle.button                                         { padding: 2px 14px 3px; }
input.small.button                                                 { padding: 2px 14px 3px; }
.lila.button, .lila.button:visited                { background: #B31E65; border: #5B0F33 solid 2px; }
.lila.button:hover                                                { background: #87164B; }
.red.button, .red.button:visited                { background: #e33100; }
.red.button:hover                                                { background: #872300; }
.green.button, .green.button:visited                { background: #20a44e; }
.green.button:hover                                                { background: #0e7934; }
.blue.button, .blue.button:visited                { background: #3b5998; }
.blue.button:hover                                                { background: #0f147b; }

#content .active, #content .active:hover {
background: #333 url(../i/box_bottom_bg.jpg) repeat-x;
}

/* ###################################### partyplaner #####################################*/

.calender {
        width: 43px;
        float: left;
        text-align: center;
        margin: 0 5px 5px 0;
        color: #fff;
}

.calender .month {
        background: #333;
        height: 19px;
        font-weight: bold;
        padding: 3px 0 0 0;
        -moz-border-radius: 5px 5px 0 0;
        -webkit-border-radius: 5px 5px 0 0;
}

.calender .day {
        background: url(../i/box_head_bg.jpg) repeat-x;
        color: #fff;
        font-size: 30px;
        border: #333 1px solid;
        border-top: none;
        line-height: 1.3;
        -moz-border-radius: 0 0 5px 5px;
        -webkit-border-radius: 0 0 5px 5px;
}

h3.partyplaner {
        padding-top: 20px;
}

.partyplaner {
        width: 300px;
        float: left;
        padding: 10px 0 0 0;
}

.partyplaner_user {
text-align: right;
width: 320px;
float: left;
}

.partyplaner_userlist {
width: 60px;
float: right;
text-align: center;
padding: 10px 10px 0 10px;
}

.partyplaner a.button {
height: 23px;
display: block;
float: left;
margin-right: 3px;
}




.chart_number {
background:url(../i/charts_bg.png) center center no-repeat;
height:18px;
width:18px;
padding:5px;
}

/* ############## form.css ########## */

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

form label {
font-weight: bold;
float: left;
margin: 6px 5px 10px 0;
}

form input, textarea, select {
 border: #999999 solid 1px;
 background-color: #FBFBFB;
 width: 150px;
 margin: 0px 2px 0px 0px;
 font-size: 11px;
 color: #666677;
 padding: 4px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}

form input:hover, textarea:hover, select:hover{
 background-color: #DFDFDF;
}



form input.button {
background-color: #333;
border: none;
color: #fff;
font-weight: bold;
cursor: pointer;
padding: 0px;
margin: 0px;
height: 19px;
}

div.input_button_left {
background: #333 url(../i/buttons.jpg) left -114px no-repeat scroll;
padding: 0 0 0 10px;
margin: 2px 0 0 0;
float: left;
}

div.input_button_right {
background: url(../i/buttons.jpg) right -76px no-repeat scroll;
padding: 0 10px 0 0;
}



form input.checkbox {
 width: 20px;
 border: 0px;
}

form input.radio {
 width: 20px;
 border: 0px;
}


input.chat, textarea.chat, select.chat {
border: #ccc solid 1px;
background: #FBFBFB;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
width: 150px;
margin: 0px 2px 0px 0px;
padding: 6px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

form.mailform label {
width: 580px;
margin: 0 0 3px 0;
}

form.mailform input, textarea, select {
width: 580px;
margin: 0 0 10px 0;
}



/* ############## navi_right.css ########## */

div#login {
font-size: 11px;
position: absolute;
left: 1000px;
/*top: 0px;*/
top: 202px;
width: 250px;
float:left;
z-index: 160;
}

.login_head {
background: #333;
color: #fff;
padding: 6px 10px 4px 12px;
font-weight: bold;
cursor:pointer;
}

.logged {
background: #D97E04;
/*color: #C40000;*/
}

.logged a {
color: #fff;
}

.login_contentout, .login_content{
border-left: #ccc solid 1px;
border-right: #ccc solid 1px;
border-bottom: #ccc solid 1px;
padding: 10px 10px 0 10px;
background: #F9F9F9 url(../i/webx0a.png) 100% 0 no-repeat;
}

.login_content h1 {
font-size: 11px;
margin: 0px;
}

.login_content div#navi {
width: 78px;
height: 15px;
background-color:#FFFFFF;
border: #999 solid 1px;
float:left;
color: #666677;
font-size: 10px;
text-align: center;
padding-top: 2px;
margin-right: 5px;
}


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

.login_content li {
background-image:url(../i/arrow01.gif);
background-repeat:no-repeat;
background-position: 0px 4px;
margin: 0 0 0 0px;
padding: 5px 0 5px 20px;
}

.login_content li.edit {
background-image:url(../i/edit.gif);
background-repeat:no-repeat;
background-position: 5px 5px;
margin: 0 0 0 15px;
}

.newitem {
background: url(../i/icon_new.png) 100% 3px no-repeat;
padding: 5px 35px 5px 0;
}





/* ############## pushup.css ########## */


#pushup {
  position: fixed;
  top: 10px;
  left: 10px;
  margin: 0;
  padding: 4px;
  background: #ffffc6;
  border: 1px solid #b0dfc8;
  z-index: 9999;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  z-index: 5000;
}
* html #pushup {
  position: absolute;
  top: expression(_pushupIETop = 10 + (document.documentElement.scrollTop || 0) + 'px');
}
#pushup * {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
}
.withReminder { padding-bottom: 6px; }
#pushup a {
  outline-style: none;
  text-decoration: none;
}

#pushup .pushup_messageLink {
  float: left;
  position: relative;
  color: #4293cd;
  font-size: 12px;
  cursor: pointer;
}

#pushup .pushup_icon {
  position: relative;
  float: left;
  height: 22px;
  width: 22px;
  margin-right: 5px;
  overflow: hidden;
  vertical-align: middle;
}

#pushup .pushup_message {
  position: relative;
  float: left;
  margin-right: 3px;
  line-height: 22px;
  vertical-align: middle;
}

#pushup .pushup_reminder {
  float: left;
  clear: both;
  font-size: 10px;
  color: #84a2ac;
  margin-left: 27px;
  cursor: pointer;
}

#pushup .pushup_messageLink:hover,
#pushup .pushup_reminder:hover { text-decoration: underline; }

/* ### ANFANG ANPASSUNGEN BAISINGER WERBUNG ### */

#top_full{
height:123px;
width:100%;
/*background: url("../i/top_bg.gif") repeat-x scroll 0 0 #6B757B; */
}
#werbung_banner{
width:730px;
}

.baisinger_banner{
margin:0 0 20px 20px;
padding:3px;
border:1px solid #CCCCCC;
background-color:#E3E7E8;
}
.baisinger_banner p{
font-size:12px;
font-weight:bold;
margin:0 0 2px 5px;
padding:0;
}
.link_infobox {
        position:relative;
        cursor:help;
}

.link_infobox:hover .infobox {
        display:block;
}

.infobox {
        -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
        background:none repeat scroll 0 0 white;
        border:1px solid #CCCCCC;
        color:#333333;
        display:none;
        height:auto;
        left:0px;
        padding:5px 10px;
        position:absolute;
        top:20px;
        width:240px;
        z-index:10000;
}

a.lupe{
        background:url("../i/lupe_anschauen.png") no-repeat;
        padding:2px 0 2px 25px;
        margin:5px 0 5px 5px;
        display:block;
        font-size:12px;
        color:#000;
}
.change-background-color{
background-color:#E3E7E8;
}

/* #################################### Spielberichte ########################### */
/*
.spielbericht_ergebnis{
padding:5px;
width:510px;
float:left;
}*/
.spielbericht_liga{
padding:5px;
width:230px;
float:right;
margin-top:3px;
}
.spielbericht_liga img{
margin:0 10px 0 0;
}

.spielbericht_ergebnis table tr td{
text-align:center;
width:33%;
}
.spielbericht_event{
padding:0 5px;
width:645px;
}

.new_event .time_empty, .new_event .time{
float:left;
width:60px;
padding:10px 20px;
font-weight:bold;
}
.align-right{
text-align:right;
}
.new_event .text{
width:400px;
float:left;
padding:10px 15px;
text-align:justify;
}
.bg_hell{
background-color:#efefef; background-image: -moz-linear-gradient(90deg, #efefef, #ffffff 9px); background-image: -webkit-linear-gradient(90deg, #efefef, #ffffff 9px); background-image: -o-linear-gradient(90deg, #efefef, #ffffff 9px); background-image: -ms-linear-gradient(90deg, #efefef, #ffffff 9px); background-image: linear-gradient(90deg, #efefef, #ffffff 9px);
}
/*
.spielbericht{
width:240px;
float:right;
}*/
#content .spielbericht p.small, #content .spielbericht_view p.small{
line-height:1em;
font-size:9px;
text-align:right;
padding:5px 0 3px 0;
}
#content .spielbericht_view h1{
line-height:37px;
font-size:30px;
}

a.normal h2 {
color: #D97E04;
}

.sportlerprofil .head_trenner h2 {
	margin: 0;
}

.stuck {
	position:fixed;
	top: 0;
	z-index: 140;
}

/* ################################ WEBX0 Icon ###################################### */
.divbox {float:left;height:480px;padding:10px;background-color:#eaeaea;width:300px}

.link_infoboxWebx {
	position:relative;
	cursor:help;
}

.link_infoboxWebx:hover .infoboxWebx {
	display:block;
}

.infoboxWebx {
	-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
/*	background:none repeat scroll 0 0 white;
	border:1px solid #CCCCCC;*/
	background: none;
	color:#333333;
	display:none;
	height:auto;
	left:0px;
	padding:5px 10px;
	position:absolute;
	bottom:28px;
	width:1000px;
	z-index:10000;
}

.infoboxWebx ul {
	padding-left: 20px;
	list-style-type: disc;
}

.infoboxWebx ul li {
	margin-bottom: 5px;
}

div#bottom .divbox a {
	color: #D97E04;
	font-size: 12px;
}

.left {
	float: left;
}

.right {
	float: right;
}

.fb-share-button iframe {
	height:30px !important;
	width:100px !important;
}