/* 
Style Sheet für die KFT-OG-GRUPPE-KAMEN-HELLWEG
*/

* { padding: 0; margin: 0; }
html { height: 101%; } 
body {
    color: white;
    background-color: #336600;
    /*font-family:"Trebuchet MS", Trebuchet, Verdana, Tahoma, Arial, Helvetika, sans-serif;*/
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 62.5%;
}
#wrapper {
    color: black;
    background-color: white;
    width: 99.5em;
    margin-top: 1em;
    margin-right: auto;
    margin-bottom: 1em;
    margin-left: auto;
}
/*########################################## Anfang Kopfbereich ####################################################### */

#kopfbereich img {
    /*background-color: transparent;*/
    /*padding-bottom:-10px;*/
}

/*########################################## Ende Kopfbereich ####################################################### */

#navibereich { 
    text-align: left;
    color: black;
    /*background-color: #FF40EC;*/
    background-image: url(../img/navitab.jpg);
    background-position: bottom left;
    background-repeat: repeat-x;
    padding: 0.4em 1em 0.4em 1em;
    border-bottom: 0.1em solid #8c8c8c;
    font-weight: bold;
} 
#navibereich ul {
    margin-bottom: 0;
}

#navibereich li {
    display: inline;
    list-style-type: none;
    margin: 0 ;
}
#navibereich a { 
    color: white;
    background-color: #FFFFFF;
    font-size: 130% ;
    background-image: url(../img/navitab.jpg);
    padding: 0.4em 0.8em 0.4em 0.8em;
}

#navibereich a:hover,
#startseite #navi01 a,
#ortsgruppe #navi02 a,
#ausbildung #navi03 a,
#veranstaltungen #navi04 a,
#galerie #navi05 a,
#links #navi06 a,
#impressum #navi07 a,
#gaestebuch #navi08 a
{
    text-decoration: none; /* Unterstreichung aus */
    color: black;
    font-size: 130% ;
    background-color: white;
    background-image: url(../img/gradient.jpg);
    padding-bottom: 0.5em; /* ein Pixel mehr als oben */
    border-bottom: none; /* Untere Rahmenlinie aus */
}
#navibereich a:active { background-color: #FFFFFF;color:black; }


/*########################################## Kopfbereich ####################################################### */

/* Subnavigation im Textbereich */
#subnavibereich {
    float: left;
    width: 16em;
    padding-left: 0;
    padding-top: 3em;
    margin-left:1em;
    font-weight:bold;
    color:black;
    /*border : 0.1em solid #8c8c8c;*/
}

#subnavibereich ul {
    color:  black;
    background-color: white;
    width: 15.7em;
    padding-left: 0;
    margin-left: 0;
    /*border : 1px solid solid #8c8c8c;*/
}

#subnavibereich li {
    list-style: square ;
    padding-top: 0.5em;
    margin-left: 2em;
    /*border : 1px solid  #8c8c8c;*/
}

#subnavibereich a {
    /*color: #008000;  gruenton der Menuepunkte */
    color: #000000; /* schwarzton der Menuepunkte */
    background-color: white;
    font-size: 130% ;
}

#subnavibereich a:hover,
#og_aufgaben #subnavi01 a,
#og_teams #subnavi02 a,
#og_platzanlage #subnavi03 a,
#og_mitglied #subnavi04 a,
#og_zucht #subnavi05 a,
#og_chronik #subnavi06 #subnavi10 a
{
    text-decoration:none;
    /*color: #008000;*/
    color: #daa520;
    font-size: 130% ;
    background-color: white;
}

#subnavibereich h2 {
    color: black;
    background-color: white;
    font-family:Verdana, Arial,Helvetica, sans-serif;
    font-size: 167% ;
    text-align: left;
    margin-bottom: 0.5em;
    border-bottom: 0.1em solid #CDCDCD;
    /*border-width: thin;*/
}

#subnavibereich #counter {
    margin-top:25em;
    margin-left:2.4em;
    color:black;
    /*border : 1px solid  red;*/
}
#subnavibereich #kftlogo {
    margin-top:10em;
    margin-left:5em;
}


/* Ende Subnavigation im Textbereich */
/*########################################## Textbereich ####################################################### */

#textbereich { 
    padding-top: 3em ;
    padding-right: 1.5em;
    padding-bottom: 2em;
    padding-left: 19em;
    /*border : 1px solid  #ffff00;*/
}

#textbereich h1 {
    color: black;
    background-color: white;
    font-size: 167% ;
    text-align: left;
    margin-bottom: 0.5em;
    border-bottom: 0.1em solid #CDCDCD;
    /*border-width: thin;*/
}

.fetter{
    font-weight:600;
}
/*#################################### Lightbox ############################*/
#lightbox{
    background-color:#eee;
    padding: 10px;
    border-bottom: 2px solid #666;
    border-right: 2px solid #666;
}
#lightboxDetails{
    font-size: 0.8em;
    color: black;
    padding-top: 0.4em;
    font-size:100%;
}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(../img/overlay.png); }

* html #overlay {
    background-color: #333;
    background-color: transparent;
    background-image: url(../img/blank.gif);
    /*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");*/
}

/*#################################### Lightbox ############################*/
/*#################################### Anfang Gaestebuch ############################*/

p.addpost, p.gb_navi {
    text-align:right;
    line-height:1.4em;
    font-size:100%;
    padding:0.1em 0;
}
.addpost {
    /*border-top:0.1em solid  #8c8c8c;*/
    border-bottom:none;
}
p.gb_navi {border-bottom:0.1em solid  #8c8c8c;}
.gb_navi span {color:rgb(190,190,190);}
/*#################################### Ende Gaestebuch ############################*/
.aktuell_h1{
    /*margin-left:45em;*/
    float:right;
    color:gray;
    font-size:100%;
    margin-right:1em;
    margin-top:-2.5em;
}
.aktuell{
    float:right;
    color:gray;
    font-size:80%;
    margin-right:1em;
    margin-top:-1.3em;
}
.nachricht {
    font-weight:normal;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    background-color:#DCDCDC;
    padding: 3px 1px 3px 8px;
    margin-top:2px;
    margin-bottom:7px;
    /*border : 1px solid  red;*/
}
.nachrichtbox {
    float:left;
    width:98%;
    /*border : 1px solid  #ff0000;*/
    padding:5px;
    font-size:130%;
}
.text{
    font-size:130%;
}
.text_li {
    line-height:2.0em;
    list-style-type:none;
    font-size:130%;
    color:maroon;
}
.text_lib {
    line-height:2.0em;
    list-style-type:none;
    color:maroon;
}
.text_rot{
    color:#FF0000;
}
.textkarte {
    text-align: left;
    color: black;
    padding: 0.4em 1em 0em 1em;
    font-size:130%;
}
.textkarte_tst {
    float:left;
    width:50em;
    text-align: left;
    color: black;
    background-color: #ffffcc;
    margin-right:2em;
    margin-left:1em;
    padding: 0.4em 1em 0.4em 0.1em;
    border-left: solid 1em maroon;
    font-size:130%;
}
li.bu_none{
    list-style-type:none;
}
ol.bu_nr {
    margin-left: 0; padding-left:1em;
}

.bilderbox {
    float:left;
    width:100px;
    /*border : 1px solid  #ff0000;*/
    padding:5px;
}

.textbox {
    float:left;
    width:98%;
    /*border : 1px solid  #ff0000;*/
    padding:5px;
    border-bottom: 1px solid #CDCDCD;
    margin-bottom:5px;
    font-size:130%;
}
.textbox_top {
    float:left;
    width:98%;
    /*border : 1px solid  #ff0000;*/
    padding:5px;
    /*border-bottom: 1px solid #CDCDCD;*/
    margin-bottom:5px;
    font-size:130%;
}
.textboxheader {

    font-weight:bold;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    background-color:#99ff99;
    padding: 3px 1px 3px 8px;
    margin-top:2px;
    margin-bottom:7px;
    background-image: url(../img/gradient.jpg);
}
.ankertop {
    border:0px;
    clear:left;
    float:right;
}
.tabellebr{
    clear:left;
    float:left;
    margin-top:8px;
}
.tabellebrak{
    font-size:130%;
    clear:left;
    float:left;
    margin-top:8px;
}

.tabellelist{
    /*font-size:130%;*/
    width: 90%;
}
.tabelleli{

    float:left;
    margin-top:8px;
}
.tabellere{

    float:right;
    margin-top:8px;
}

/* start Definition des Tabellenlayout */
.tabelle_titel { margin: 0.5em 0em; font-weight:bolder; caption-side: top; text-align:left;}
.tabelle_listen { margin: 0.5em 0em; font-weight:800; caption-side: top; text-align:left;}

.werte{
    /*border: 3px inset #003300;*/
    background-color:#708090;
}

th{
    font-weight:500;
}
.farbe1{
    background-color:#FFFF66;
}
.farbe2{
    background-color:#FFFF99;
}
.farbe_spi{
    background-color:#FF9966;
}
thead,tfoot{
    background-color:#DCDCDC;
}
td, th{
    padding: 0.5em;
}
/* ####anfang Auswahlliste im Tabellenlayout z.B. fuer Berichte */
.tabelle_list{
    width:95%;
    border-bottom:0.1em solid black;
    font-size:110%;
}
.tabelle_liste{
    margin-left:2em;
    width:90%;
    border-bottom:0.1em solid black;
    font-size:130%;
}
.spalte_nr{
    width:5%;
    text-align:right;
}
.spalte_titel{
    width:50%;
}
.spalte_datum{
    width:5%;
}
.spalte_autor{
    width:15%;
    text-align:center;
    white-space:nowrap;
}
tfoot#liste{
    background-color:white;
}
thead#kopf{
    background-color:black;
    color:white;
}
.farbe3{
    background-color:#F5F5F5;
}

/* .farbe3:a {
text-decoration: none;
outline: none;
} */

.farbe3:hover, .farbe3:focus{
    background: #FFFFCC;
}

.ho_reihe:hover, .ho_reihe:focus{
    background: #FFFFCC;
}

/* ####ende Auswahlliste im Tabellenlayout z.B. fuer Berichte */

/* stop Definition des Tabellenlayout */
.bild_og {
    float:left;
    padding: 1em;
    margin-top:0em;
    margin-right: 2em;
    margin-bottom: 0em;
    /*border: 1px solid green;*/
}
.textogbox{
    margin-top:1em;
}
.ogbox{
    float:left;
    margin-top:1.5em;
    margin-left:5em;
    width:70%;
    font-size: 130% ;
    /*border: 1px solid blue;*/
}
.ogbox_zucht{
    margin-top:1.5em;
    margin-right:0.1em;
    float:right;
    width:98%;
    /*border: 0px solid blue;*/
}
.ogbox_zucht_top{
    margin-top:1.5em;
    margin-right:0.1em;
    float:right;
    width:98%;
    font-size: 130% ;
    border-bottom: 1px solid #CDCDCD;
    /*border: 0px solid blue;*/
}
.txt_zucht {
    float:left;
    padding: 1.0em;
    margin-top:0em;
    margin-right: 1em;
    margin-bottom: 0em;
    width:44%;
    border: 0.1em solid green;
}
.dia {
    margin:-0.3em;
    margin-top:4em;
    padding-top:0em;
    border:0em;
}
.dia_2Z {
    margin:-0.3em;
    margin-top:0.4em;
    border:0em;
}

.bildhund {
    float:left;
    padding: 3px;
    /*border: 5px solid #ccc;*/
    margin-top:5px;
    margin-right: 3px;
    margin-bottom: 3px;
}
.bilduname {
    clear:left;
    float:left;
    padding: 0.3em;
    border:0em;
    /*border: 5px solid #ccc;*/
    margin-top:0.5em;
    margin-right: 1em;
    margin-bottom: 0.3em;
}

.bildlinks {
    float:left;
    padding: 0.3em;
    border:0em;
    /*border: 1px solid red;*/
    margin-top:0.5em;
    margin-right: 1em;
    margin-bottom: 0.3em;
}
.bildlinks_br {
    float:left;
    padding: 0.3em;
    border:0em;
    /*border: 1px solid red;*/
    margin-top:0.5em;
    margin-right: 0.5em;
    margin-bottom: 0.3em;
}
.bildlinks_clsl {
    clear:left;

}
.bildrechts {
    float:right;
    padding: 0.3em;
    border:0em;
    /*border: 5px solid #ccc;*/
    margin-top:0.5em;
    margin-left: 1em;
    margin-bottom: 0.3em;
}
.bildrechts1 {
    float:right;
    padding: 0.3em;
    border:0em;
    /*border: 5px solid #ccc;*/
    margin-top:0.5em;
    margin-left: 0.5em;
    margin-bottom: 0.3em;
}
.bildbreak {
    padding: 0.3em;
    /*border: 1px solid #ccc;*/
    margin-top:0.5em;
    margin-right: 1em;
    margin-bottom: 0.3em;
}
.bild600 {
    padding: 0.3em;
    margin-top:1.5em;
    margin-right: 1em;
    margin-bottom: 1.5em;
}
a.readon {
    /*padding: 0.1em 0.1em 0.1em 1.4em;*/
    border: 0.1em solid #ff0033;
    background: url(../img/arrow.png) no-repeat 0.5em 48%;
    color: #0066CC;
    font-size:x-small;
    font-weight:bold;
    text-decoration: none;
    text-transform: uppercase;
}

a.readon:hover, a.readon:active, a.readon:focus {
    border: 0.1em solid #990033;
    background: url(../img/arrow.png) no-repeat 0.5em 48% #FFFFFF;
}

a.lnk_farbe{
    color:blue;
    text-decoration:underline;

}
a.lnk_farbe:hover, a.lnk_farbe:active, a.lnk_farbe:focus {
    color:blue;
}
.einzug{
    text-indent: -1em;
    margin-left: 1em;
    font-size:130%;
}
.einzug2em{
    text-indent: -1em;
    margin-left: 2em;
    font-size:130%;
}
.einzug_h5{
    clear:both;
    text-indent: -1em;
    margin-left: 2em;
    margin-bottom:1em;
    padding-top:1em;
    font-size:130%;
    text-decoration:underline;
    /*border: 1px solid red;*/
}
.links{
    /*border: 1px solid #f09;*/
    width: 14.6em;
    float: left;
}
.links_u{
    /*border: 1px solid #f09;*/
    width: 29.3em;
    float: left;
}



#fussbereich {
    clear: both;
    color: black;
    background-color: white;
    padding-left: 2em;
    padding-right: 2em;
    padding-bottom: 2em;
    padding-top: 1em;
    border-top: 0.1em solid #CDCDCD;
    margin-top: 2em;
    margin-left: 2em;
    margin-right: 2em;
}

h1 { font-size: 150%; } 
h2 { font-size: 130%;text-align: center;   margin-bottom: 1em; }
h4 {
    margin-top: 1em;
    margin-bottom: 1em;
    font-size:130%;
}
h5 {
    font-size:120%;
}
strong { color: #4e9b88;background-color: white; }
address {
    padding-top:1em;
    text-align: left;
    font-size: 100%;
    font-style: normal;
    letter-spacing: 0.2em;
    line-height: 1.5em;
}

#fussbereich address {
    text-align: center;
    font-size: 80%;
    font-style: normal;
    letter-spacing: 0.2em;
    line-height: 1.5em;
}

a { text-decoration: none; outline: none; } 
/*a:link { color: #497DFF;}*/
a:visited { color:black;}
/*a:hover, a:focus { background-color: #C8E4FF; color: black;}
a:active { color: white; background-color: #C8E4FF; }*/
.skiplink { display: none; }

p, ul { 
    margin-top: 0 ;
    margin-right: 0 ;
    margin-bottom: 1em ;
    margin-left: 0;
}  
ul ul { 
    margin: 0;
} 
li { 
    margin-top: 0 ;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 1em;
}


.searchword {
    color: #222;
    background-color: #ff6;
    border: 1px dotted #ff6;
}
.searchword0 {
    color: #222;
    background-color: #ff6;
    border: 1px dotted #ff6;
}
.searchword1 {
    color: #222;
    background-color: #a0ffff;
    border: 1px dotted #0affff;
}
.searchword2 {
    color: #222;
    background-color: #9f9;
    border: 1px dotted #9f9;
}
.searchword3 {
    color: #222;
    background-color: #f99;
    border: 1px dotted #f99;
}
.searchword4 {
    color: #222;
    background-color: #f6f;
    border: 1px dotted #f6f;
}
.searchword5 {
    color: #fff;
    background-color: #800;
    border: 1px dotted #800;
}
.searchword6 {
    color: #fff;
    background-color: #0a0;
    border: 1px dotted #0a0;
}
.searchword7 {
    color: #fff;
    background-color: #886800;
    border: 1px dotted #886800;
}
.searchword8 {
    color: #fff;
    background-color: #004699;
    border: 1px dotted #004699;
}
.searchword9 {
    color: #fff;
    background-color: #909;
    border: 1px dotted #909;
}
/* FORM
--------------------------------------------------------- */

form {
    margin: 0;
    padding: 0;
}

form label {
    cursor: pointer;
}

input, select, textarea, .inputbox {
    padding: 0.3em 0.5em;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 100%;
}

.button {
    float:right;
    padding: 0.2em 0.5em;
    border: 0.1em solid #333333;
    background: url(../img/grad1.gif) repeat-x top #333333;
    color: #CCCCCC;
    font-size: 100%;
    text-transform: uppercase;
    margin-top:-0.3em;
}

.button:hover, .button:focus {
    border: 0.1em solid #999999;
    background: #333333;
    color: #FFFFFF;
}


.inputbox {
    float:right;
    border: 0.1em solid #CCCCCC;
    background: #FFFFFF;
    font-size: 100%;
    margin-top:-0.3em;
}

.inputbox:hover, .inputbox:focus {
    background: #FFFFCC;
}