@charset "utf-8";
html {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#828282;
}
body {
margin:0;
padding:0;
background-image:url(../images/background.gif);
background-repeat:repeat-x;
}
h1 {
width:1px;
height:1px;
padding:0;
margin:0;
text-indent:-999px;
}
h3 {
font-size:13px;
color:#FFF;
padding:0;
margin:0;
}
h2 {
font-size:14px;
color:#d84f03;
padding:0;
margin:0;
}

a {
color:#606060;
text-decoration:none;
}
a:hover {
color:#ee8145;
}
img {
border:none;
}
blockquote {
font-style:italic;
padding-left:20px;
border-left:2px solid #153a72;
}
legend {
font-weight:bold;
}
strong {
font-weight:normal;
}
#wrapper {
/*
Seitenbreite 976px + 2px border
*/
width:976px;
border: 1px solid #cdcdcd;
margin:auto;
}
#header {
/*
header höhe: 160px + 1px border-bottom
*/
background-image:url(../images/header.jpg);
width:976px;
height:160px;
border-bottom:1px solid #cdcdcd;
}
#main {
/*width:976px;*/
/*
IE6: width:985px;
*/
width:976px;
background-color:#FFF;
}
#main_1 {
/*
grösse: 976px - 216px navigation
*/
/*width:760px;*/
width:760px;
margin-left:216px;
}
#main_2 {
/*
grösse: 976px - 216px navi - 200px rechts
*/
/*
IE6: width:550px;
*/
width:560px;
margin-right:200px;
/*
min-heigt, damit rechts und links nicht über contentbereich fliesst
*/
min-height:500px;
}
#stat {
width:1px;
height:1px;
display:none;
}

/*************************************************************
                            LINKS
**************************************************************/
#main_links {
/*
Breite: 216px - 5px margin-left
*/
/*width:211px;*/
width:211px;
float:left;
background-image:url(../images/main_left_back.gif);
background-repeat:repeat-x;
margin-left:5px;
border-right:1px solid #f2f2f2;
height:800px;
/*
29px Abstand nach oben wegen Navi
*/
padding-top:29px;
}
.left_div {
border-left:10px solid #d3d3d3;
padding: 12px 0 12px 10px;
color:#d3d3d3;
margin-bottom:20px;
cursor:pointer;
}
.left_div:hover {
color:#606060;
border-left:10px solid #ee8145;
}
.left_div:hover h3 {
color:#ee8145;
}
.left_div_pressed {
background-color:#ee8145;
padding: 12px 0 12px 20px;
color:#FFF;
/*margin-bottom:20px;*/
cursor:pointer;
}
.left_div_pressed h2 {
color:#FFF;
}
#dropdowngallery_ul {
padding:0;
margin:5px 0 0 9px;
list-style-type:none;
display:none;
}
#dropdowngallery_ul li {
display:inline;
}

/*************************************************************
                            RECHTS
**************************************************************/
#main_rechts {
/*
Breite: 200px - 5px margin-right
*/
width:195px;
float:right;
background-image:url(../images/main_left_back.gif);
background-repeat:repeat-x;
margin-right:5px;
border-left:1px solid #f2f2f2;
height:800px;
/*
29px Abstand nach oben wegen Navi
*/
padding-top:29px;
}
.right_div {
background-color:#ee8145;
text-align:right;
color:#FFF;
padding:5px 3px 5px 0;
}
/*************************************************************
                            MITTE
**************************************************************/
/*************************************************************
                            NAVIGATION
**************************************************************/

#navigation {
height:29px;
background-image:url(../images/navi_back.gif);
background-repeat:repeat-x;
text-align:center;
}
#navigation ul {
padding:0;
margin:0;
list-style-type:none;
}
#navigation ul li {
display:inline;
font-size:13px;
}
#navigation ul li a {
/*float:left;*/
float:left;
/*
Width: 100% / Anzahl Menüpunkte
hier: 5 Punkte => 20%
*/
width:19%;
padding-top:4px;
padding-bottom:7px;
text-decoration:none;
color:#606060;
background-image:url(../images/navi_link_back.gif);
background-repeat:no-repeat;
background-position:center;
}
#navigation ul li a:hover {
font-weight:bold;
background-image:url(../images/navi_link_back_hover.gif);
}
#content {
padding:15px 5px 0 5px;
}
#subnavigation_ul  {
display:block;
list-style-image:url(../images/subnavi_pfeil.gif);
}
#intern_leftdiv_login {
display:none;
text-align:right;
padding:5px 10px 0 0;
}
.newsbox {
padding:5px 10px 5px 10px;
}
.newsbox_rechts {
text-align:right;
}
.newsbox2 {
padding:5px 10px 5px 10px;
background-color:#e7e7e7;
}
.newsbox_sub {
padding:5px;
font-style:italic;
font-size:10px;
}
.bildrahmen {
padding:2px;
border:1px solid #828282;
}
.error_box {
border:1px solid #FF0000;
text-align:center;
padding:10px 0 10px 0;
background-color:#CC3300;
font-weight:bold;
color:#FFF;
margin:1px 0 1px 0;
}
.success_box {
border:1px solid #0f7c00;
text-align:center;
padding:10px 0 10px 0;
background-color:#3ad326;
font-weight:bold;
color:#FFF;
margin:1px 0 1px 0;
}
#write_new_message {
padding:5px 0 10px 25px;
background-color:#e7e7e7;
}

/***********
	Galerie
************/
.galerie_box {
width:99%;
height:160px;
padding:5px 0 5px 5px;
}
.galerie_box:hover {
background-color:#F9F9F9;
}
.galerie_box_img {
float:left;
padding:0 5px 0 0;
}
.galerie_box_ue {
color:#FFF;
font-size:14px;
font-weight:bold;
}
.galerie_box_ue a {
color:#FFF;
}
.galerie_box_ue a:hover {
color:orange;
}
.kommentarbox {
border:1px solid #ebebeb;
min-height:130px;
padding: 5px 3px 5px 0;
}
/*************************************************************
                            HOME
*************************************************************/
.home_box {
width:258px;
height:105px;
/*background:url('../images/unterseiten/home/home_box_bg.png') top left no-repeat #FFF;*/
background-image:url('../images/unterseiten/home/home_box_bg.png');
padding-top:15px;
float:left;
cursor:pointer;
}
.home_box h2 {
margin-left:90px;
}
.home_box p {
margin-left:90px;
color:#606060;
}
.home_newsbox { float:left; width:160px; height:310px; padding:0 8px 5px 8px; margin:2px 2px 3px 2px; }
.home_newsbox span.ueberschrift { font-size:13px; font-weight:bold; color:#5c5c5c; } 

.slider ul, .slider li{
margin:0;
padding:0;
list-style:none;
}
.slider, .slider li{  
width:550px;
height:296px;
overflow:hidden; 
}

.sliderBox { float:left; width:550px; height:296px; overflow:hidden; margin-bottom:10px; }
.infobox { height:47px; opacity:0.6; background-color:#000; color:#FFF; padding:3px 0 0 40px; }

#prevBtn a, #nextBtn a { position:absolute; display:block; width:32px; height:32px; background:url(../images/slider/btn_prev.png) no-repeat 0 0; }	
#prevBtn a, #nextBtn a { margin-top:-41px; }
#nextBtn a { margin-left:518px; }
#nextBtn a { background:url(../images/slider/btn_next.png) no-repeat 0 0; }
/*************************************************************
                            SHIMBOKU
*************************************************************/
#tabs .tab_ul {
padding:0;
margin:15px 0 0 40px;
float:left;
list-style-image:url(../images/unterseiten/shimboku/ul_icon.png);
}
#tabs .tab_ul li{
padding:3px 0 0 0;
}
#tabs .tab_ul li a:hover{
color:#FFF;
}

/*************************************************************
                           TRAININGSORTE
**************************************************************/
.trainingsorte_box {
width:491px;
height:260px;
padding-left:55px;
padding-top:20px;
margin:5px 0 5px 0;
}
#cjd_jugenddorf {
background:url('../images/unterseiten/trainingsorte/cjd_jugenddorf_bg.png') -1px 0 no-repeat;
}
#schulturnhalle {
background:url('../images/unterseiten/trainingsorte/schulturnhalle_bg.png') -1px 0 no-repeat;
}
#alte_turnhalle {
background:url('../images/unterseiten/trainingsorte/alte_turnhalle_bg.png') -1px 0 no-repeat;
}
/*************************************************************
                            FORUM
*************************************************************/
#intern_forum {
color:#000;
padding:7px;
background-color:#4f7e9b;
-moz-border-radius:10px;
}
#intern_forum div.kategorie_div {
padding: 10px 0 10px 15px;
background-color:#ccdce6;
}
#intern_forum div.kategorie_div2 {
padding: 10px 0 10px 15px;
background-color:#e1e7e8;
}
#intern_forum div.kategorie_div2:hover {
background-color:#fbf1d3;
}
#intern_forum div.kategorie_div:hover {
background-color:#fbf1d3;
}
#intern_forum a.kategorie_link {
color:#355569;
font-weight:bold;
}
#intern_forum span.autorinfo {
color:#4f7e9b;
font-style:italic;
}
#kalender_table {
text-align:center;
}
#kalender_table tr td {
width:14.28%;
height:50px;
}

/*************************************************************
                            Intern
*************************************************************/
table.telefonliste thead { background-color:#b7b7b7; color:#FFF; font-weight:bold; }
table.telefonliste tr td { border:1px solid #b7b7b7; } 
table.telefonliste tr.row2 td { background-color:#f9f9f9; }

/*************************************************************
                            Kalender
*************************************************************/
#eventkalender {
border-collapse: separate;
border: 1px solid #9DABCE;
border-width: 0px 0px 1px 1px;
margin: 10px auto;
font-size: 20px;
}
#eventkalender td, th {
width: 81px;
height: 81px;
text-align: center;
vertical-align: middle;
background: url(../images/unterseiten/cells.png);
color: #444;
position: relative;
}
#eventkalender th {
height: 30px;
font-weight: bold;
font-size: 14px;
}
#eventkalender td:hover, th:hover {
background-position: 0px -81px;
color: #222;
}
#eventkalender td.date_has_event {
background-position: 162px 0px;
color: white;
}
#eventkalender td.date_has_event:hover {
background-position: 162px -81px;
}
#eventkalender td.padding {
background: url(../images/unterseiten/calpad.jpg);
}
#eventkalender td.today {
background-position: 81px 0px;
color: white;
}
#eventkalender td.today:hover {
background-position: 81px -81px;
}
#eventkalender .events {
position: relative;
}
#eventkalender .events ul {
text-align: left;
position: absolute;
display: none;
z-index: 1000;
padding: 15px;
background: #E7ECF2 url(../images/unterseiten/popup.png) no-repeat;
color: white;
border: 1px solid white;
font-size: 15px;
width: 200px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
-border-radius: 3px;
list-style: none;
color: #444444;
-webkit-box-shadow: 0px 8px 8px #333;
}
#eventkalender .events li {
padding-bottom: 5px;
}
#eventkalender .events li span {
display: block;
font-size: 12px;
text-align: justify;
color: #555;
}
#eventkalender .events li span.title {
font-weight: bold;
color: #222;
}
.inputs {
width:500px;
padding-left:30px;
}
.inputs input.field {
margin:5px 0 5px 0;
width:300px;
}
.inputs div.form-row {
margin:5px 0 5px 0;
text-align:inherit;
}
/*************************************************************
                            Fotoalben
**************************************************************/

#neuste_fotoalben table tr td {
text-align:center;
font-weight:bold;
cursor:pointer;
}
#neuste_fotoalben table tr td:hover {
background-color:#ededed;
}
#fotoliste {
float: left;
list-style-type: none;
margin:0;
padding:0;
width:100%;
padding-bottom:30px;
}
#fotoliste li {
text-align:center;
display: block;
width: 150px;
height: 165px;
float: left;
background: #eff1f3;
margin:5px;
padding:5px;
cursor:pointer;
}
#fotoliste li:hover {
background: #c0c0c0;
}

/*************************************************************
						Alle Mitglieder anzeigen
**************************************************************/
.alle_mitglieder_span {
font-weight:bold;
margin:2px 0 2px 5px;
padding:2px 0 2px 0;
}

/*************************************************************
						Deutsch <-> Japanisch
**************************************************************/
.suggestionsBox {
    position: relative;
    left: 30px;
    margin: 10px 0px 0px 0px;
    width: 200px;
    background-color: #212427;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border: 2px solid #000;
    color: #fff;
}

.suggestionList {
    margin: 0px;
    padding: 0px;
}

.suggestionList li {
    margin: 0px 0px 3px 0px;
    padding: 3px;
    cursor: pointer;
}

.suggestionList li:hover {
    background-color: #659CD8;
}

/*************************************************************
						Downloadarea
**************************************************************/
#downloadarea h4 {
margin:0;
padding:10px 0 2px 25px;
background-color:#e7e7e7;
border-bottom:3px solid orange;
cursor:pointer;
background: url('../images/plus.png') 3px 7px no-repeat;
}
#downloadarea h4:hover {
background-color:#000;
color:#FFF;
}
#downloadarea ul {
margin:5px;
margin-left:30px;
padding:0;
list-style-image:url('../images/arrow_right.png');
}
.downloadarea_ueberschrift {
font-size:14px;
font-weight:bold;
color:#000;
}

/*************************************************************
                           Elemente
**************************************************************/
#elemente_box {
width:550px; 
height:600px; 
background:url('../images/unterseiten/elemente/elemente_back.jpg') top left no-repeat;
color:#000;
}


/*************************************************************
                           Projekte
**************************************************************/
#projektbilder {
width:200px;
}
#projektbilder img{
padding:3px;
border:1px solid;
}

/*************************************************************
                            FOOTER
**************************************************************/
#footer {
text-align:center;
height:100px;
padding:10px 0 10px 0;
}