/******************** Style-Sheet für RMB *************************/

@import url(http://fonts.googleapis.com/css?family=Didact+Gothic:400);
@import url("http://fonts.googleapis.com/css?family=Open+Sans");
@import url("http://fonts.googleapis.com/css?family=Pontano+Sans");

/************** Hauptelemente / Container *************************/

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

body {
    color: #222222;
    /*schriftfarbe*/
    background-color: #eeeeee;
    /*außen rum*/
    background-image: url(/img/KarteTraillegen_einfarbig_gruen.jpg);
    background-repeat: repeat;
    font-family: "Didact Gothic", sans-serif;
    font-size: 95%;
}

#page {
    /*background-color: #FFFFFF;  */
    width: 60%;
    margin: 24px auto;
    padding: 12px;
}

#header {
    padding: 6px;
    /* Innenabstand */
    /*        text-align: center;
  background-color: #FFFF00;  */
}

.header {
    background-color: #83a342;
    color: #ffffff;
}

/*grün - was ist das hier?*/

#content {
    font-family: "Open Sans", sans-serif;
    padding: 4px 0 24px 0;
    width: 700px;
    float: right;
    margin-right: 20px;
}

#content_text {
    padding: 4px 0 24px 0;
    width: 500px;
    float: left;
    font-family: "Open Sans", sans-serif;
}

#footer {
    clear: both;
    color: #3d5636;
    background: #eaf5e2;
    padding: 10px 20px;
    border-bottom: 5px #d4f0c3 solid;
    font-size: 0.8em;
    text-align: center;
}

#footer a {
    color: #3d5636;
    text-decoration: none;
}

#navioben {
    color: #3d5636;
    background: #eaf5e2;
    padding: 10px 20px;
    border-top: 5px #d4f0c3 solid;
    font-size: 0.8em;
    text-align: right;
}

#navioben a {
    color: #3d5636;
    text-decoration: none;
}

/*#navigation {
/*	position: relative;*/
/*	 clear: both;
	 float: left;
	 width: 180px;
	 margin-top: 10px;
	 margin-bottom: 10px;
	 text-align: left;
   min-height: 400px;
} */

#navigation ul {
    list-style-type: none;
    /*	list-style: disc;  */
    /*width: 100%;*/
    display: block;
    margin: 0;
    padding: 10px;
    line-height: 14.5pt;
    text-align: left;
    text-decoration: none;
}

#navigation li {
    padding: 5px;
    border-top: 2px #cd0074 solid;
    border-bottom: 2px #cd0074 solid;
    border-left: 2px #cd0074 solid;
    border-right: 2px #cd0074 solid;
    background-color: #e6399b;
}

*/ #navigation a {
    color: #7109aa;
    text-decoration: none;
}

#rahmen {
    font-family: "Open Sans", sans-serif;
    padding: 6px;
    text-align: center;
    /*width: 160px;*/
    /*float: right;*/
    background-color: #fafcf8;
    border: 1px #3d5636 groove;
}

#container {
    width: 960px;
    margin: 0 auto;
    padding: 10px;
    border-right: 2px #3d5636 solid;
    border-bottom: 2px #3d5636 solid;
    border-left: 2px #3d5636 solid;
    background-color: #fefffc;
}

#logo {
    width: 200px;
    float: left;
    height: 200px;
    /*background-color: #FFF000;*/
}

#content_infobox {
    font-family: "Open Sans", sans-serif;
    padding: 6px;
    /*text-align: center;  */
    width: 160px;
    float: right;
    background-color: #f6fcf1;
    border: 3px #3d5636 groove;
}

/*#titelbild{
   padding: 6px ;
   width: 520px;
   float: right;
} */

#titel {
    padding: 10px;
    /*width: 520px;*******???****/
    float: right;
    /*height: 180px;*/
    background-color: #fdfcfe;
}

#hauptteil {
    clear: both;
    min-width: 900px;
}

#teamkasten {
    padding: 10px;
    padding-bottom: 30px;
    margin-right: 50px;
    background-color: #f2fee9;
    border: 3px #8dc27e groove;
}

/**************** Textauszeichnungen / Abs�tze **********************/

h1 {
}

h12 {
    display: block;
    font-size: 1.7em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

h2 {
    font-size: 1.2em;
    text-align: center;
    color: 220101;
}

h5 {
    font-size: 1.1em;
    color: blue;
}

.datum {
    color: blue;
}

blockquote {
    font-style: italic;
}

.mit_box {
    padding: 5px;
    width: 7cm;
    border-top: 1px #3d5636 solid;
    border-bottom: 1px #3d5636 solid;
    border-left: 1px #3d5636 solid;
    border-right: 1px #3d5636 solid;
    background-color: #a9d88a;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#bee2a5) to(#e7f4e0)
    );
    background-image: -webkit-linear-gradient(top, #a9d88a, #e7f4e0);
    background-image: -moz-linear-gradient(top, #a9d88a, #e7f4e0);
    background-image: -ms-linear-gradient(top, #a9d88a, #e7f4e0);
    background-image: -o-linear-gradient(top, #a9d88a, #e7f4e0);
    background-image: linear-gradient(top, #a9d88a, #e7f4e0);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#A9D88A, endColorstr=#e7f4e0);
}

p.zgf {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}

p.zentriert {
    text-align: center;
}

.mit_box_lang {
    padding: 5px;
    width: 9.2cm;
    border-top: 1px #3d5636 solid;
    border-bottom: 1px #3d5636 solid;
    border-left: 1px #3d5636 solid;
    border-right: 1px #3d5636 solid;
    background-color: #a9d88a;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#bee2a5) to(#e7f4e0)
    );
    background-image: -webkit-linear-gradient(top, #a9d88a, #e7f4e0);
    background-image: -moz-linear-gradient(top, #a9d88a, #e7f4e0);
    background-image: -ms-linear-gradient(top, #a9d88a, #e7f4e0);
    background-image: -o-linear-gradient(top, #a9d88a, #e7f4e0);
    background-image: linear-gradient(top, #a9d88a, #e7f4e0);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#A9D88A, endColorstr=#e7f4e0);
}

.alarm {
    padding: 5px;
    margin-bottom: 20px;
    margin-left: 145px;

    font-weight: bold;
    text-align: center;
    font-size: 14px;
    color: #220101;
    width: 200px;
    border-top: 1px #f00505 solid;
    border-bottom: 1px #f00505 solid;
    border-left: 1px #f00505 solid;
    border-right: 1px #f00505 solid;
    background-color: #f5aeae;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#f5aeae) to(#f30e0e)
    );
    background-image: -webkit-linear-gradient(top, #f5aeae, #f30e0e);
    background-image: -moz-linear-gradient(top, #f5aeae, #f30e0e);
    background-image: -ms-linear-gradient(top, #f5aeae, #f30e0e);
    background-image: -o-linear-gradient(top, #f5aeae, #f30e0e);
    background-image: linear-gradient(top, #f5aeae, #f30e0e);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F5AEAE, endColorstr=#F30E0E);
}

.alarm_rechts {
    padding: 5px;
    margin-bottom: 20px;
    /*margin-left: 5px;  */
    float: right;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
    color: #220101;
    width: 200px;
    border-top: 1px #f00505 solid;
    border-bottom: 1px #f00505 solid;
    border-left: 1px #f00505 solid;
    border-right: 1px #f00505 solid;
    background-color: #f5aeae;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#f5aeae) to(#f30e0e)
    );
    background-image: -webkit-linear-gradient(top, #f5aeae, #f30e0e);
    background-image: -moz-linear-gradient(top, #f5aeae, #f30e0e);
    background-image: -ms-linear-gradient(top, #f5aeae, #f30e0e);
    background-image: -o-linear-gradient(top, #f5aeae, #f30e0e);
    background-image: linear-gradient(top, #f5aeae, #f30e0e);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F5AEAE, endColorstr=#F30E0E);
}

#boxen ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

/********************* Menu / Navigation *********************************************/

#menu {
    clear: both;
    float: left;
    margin: 0 auto;
    background-color: #fafef7;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#fafef7) to(#88c85c)
    );
    background-image: -webkit-linear-gradient(top, #fafef7, #88c85c);
    background-image: -moz-linear-gradient(top, #fafef7, #88c85c);
    background-image: -ms-linear-gradient(top, #fafef7, #88c85c);
    background-image: -o-linear-gradient(top, #fafef7, #88c85c);
    background-image: linear-gradient(top, #fafef7, #88c85c);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FAFEF7, endColorstr=#88c85c);
}

#menu,
#menu ul {
    width: 180px;
    display: block;
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-family: "Pontano Sans", sans-serif;
}

#menu li:hover {
    width: 180px;
    z-index: 10000;
    white-space: normal;
}

#menu li li {
    float: none;
}

#menu li:hover > ul {
    visibility: visible;
    top: 100%;
}

#menu li li:hover > ul {
    top: 0;
    left: 100%;
}

#menu,
#menu ul {
    min-height: 0;
}

#menu ul,
#menu ul ul {
    margin: 0;
    padding: 0;
}

#menu ul li a:hover,
#menu li li a:hover {
    color: #3d5636;
    /*Schriftfarbe beim Hovern*/
    text-decoration: none;
}

#menu ul {
    width: 180px;
    /*min-width: 15em;*/
    margin-top: 1px;
}

#menu a {
    display: block;
    position: relative;
    height: 45px;
    margin: 0;
    padding: 0 0.9em;
    border-left: 1px solid #4a9e32;
    border-right: 1px solid #4a9e32;
    border-top: 1px solid #4a9e32;
    /*border-bottom: 1px solid #3d5636;  */
    color: #477839;
    /*Schriftfarbe Men�punkt*/
    text-shadow: 0 -1px 0 #000;
    font-size: 13px;
    font-weight: 700;
    line-height: 45px;
    white-space: nowrap;
    text-decoration: none;
    cursor: pointer;
}

#menu a:hover {
    color: #3d5636;
    background-color: #d6fabb;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#d6fabb),
        to(#61a038)
    );
    background-image: -webkit-linear-gradient(top, #d6fabb, #61a038);
    background-image: -moz-linear-gradient(top, #d6fabb, #61a038);
    background-image: -ms-linear-gradient(top, #d6fabb, #61a038);
    background-image: -o-linear-gradient(top, #d6fabb, #61a038);
    background-image: linear-gradient(top, #d6fabb, #61a038);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#D6FABB, endColorstr=#61A038);
}

ul.menu > li:hover {
    color: #3d5636;
    background-color: #363636;
}

#menu .current_page_item a,
#menu .current-menu-item a {
    color: #3d5636;
    background-color: #d6fabb;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#d6fabb),
        to(#61a038)
    );
    background-image: -webkit-linear-gradient(top, #d6fabb, #61a038);
    background-image: -moz-linear-gradient(top, #d6fabb, #61a038);
    background-image: -ms-linear-gradient(top, #d6fabb, #61a038);
    background-image: -o-linear-gradient(top, #d6fabb, #61a038);
    background-image: linear-gradient(top, #d6fabb, #61a038);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#D6FABB, endColorstr=#61A038);
}

#menu li li {
    width: 180px;
    margin: -1px 0 1px 0;
    border: 1px solid #e5e5e5;
    color: #444;
    background: #fff;
    background-image: none;

    filter: none;
}

.menu .current_page_item a,
.menu .current-menu-item a {
    background-color: #343434;
}

/*********************  B I L D E R **************************/
.lbild {
    float: left;
    margin-right: 10px;
    margin-left: 10px;
}

.rbild {
    float: right;
    margin-left: 10px;
    margin-right: 10px;
}

.zbild {
    display: block;
    text-align: center;
}

.lbild_rand {
    border: 1px #3d5636 solid;
    margin: 5px;
    float: left;
}

.rbild_rand {
    border: 1px #3d5636 solid;
    margin: 5px;
    float: right;
}

.bild_rand {
    border: 1px #3d5636 solid;
    margin: 5px;
}

.rtabelle {
    margin-right: 20px;
    float: right;
}

.ltabelle {
    margin-right: 20px;
    float: left;
}

.helfer_rechts {
    margin-right: 20px;
    float: right;
}

.helfer_links {
    margin-left: 20px;
    float: left;
}

.doppel_team {
    clear: both;
}

.teammitglied {
    clear: both;
    font-family: "Open Sans", sans-serif;
    padding: 4px 0 24px 0;
    margin-bottom: 10px;
    padding: 10px;
    /*background-color: #DEFCD6;
  border: 1px #D4F0C3 solid;  */
}

.teamhund {
    clear: both;
    font-family: "Open Sans", sans-serif;
    padding: 4px 0 24px 0;
    margin-bottom: 10px;
    margin-top: 10px;
}

.UeberschriftFormular {
    font-family: "Open Sans", sans-serif;
    margin-bottom: 10px;
    font-size: 16px;
}

/******************  Kontaktformular ****************************************/

form.kontaktformular fieldset {
    margin-top: 25px;
    padding: 10 10 10px;
    width: 500px;
    background-color: #f6fcf1;
    border: 3px #3d5636 groove;
}

form.kontaktformular legend {
    padding: 0 10px;
    font-weight: bold;
}

form.kontaktformular label {
    float: left;
    width: 130px;
}

.bold {
    font-weight: bold;
}

form.kontaktformular input,
textarea {
    width: 220px;
    margin-bottom: 5px;
}

form.kontaktformular textarea {
    width: 350px;
    height: 150px;
}

.submitbuttonkontakt {
    font-weight: bold;
    font-family: "Pontano Sans", sans-serif;
    cursor: pointer;
    margin-left: 0px;
    margin-top: 25px;
    width: 120px;
    height: 40px;
    border-top: 1px #3d5636 solid;
    border-bottom: 1px #3d5636 solid;
    border-left: 1px #3d5636 solid;
    border-right: 1px #3d5636 solid;
    background-color: #a9d88a;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#bee2a5) to(#e7f4e0)
    );
    background-image: -webkit-linear-gradient(top, #a9d88a, #e7f4e0);
    background-image: -moz-linear-gradient(top, #a9d88a, #e7f4e0);
    background-image: -ms-linear-gradient(top, #a9d88a, #e7f4e0);
    background-image: -o-linear-gradient(top, #a9d88a, #e7f4e0);
    background-image: linear-gradient(top, #a9d88a, #e7f4e0);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#A9D88A, endColorstr=#e7f4e0);
}

.submitbuttonabo {
    font-weight: bold;
    cursor: pointer;
    margin-left: 0px;
    margin-top: 25px;
    width: 100px;
    height: 30px;
    border-top: 1px #3d5636 solid;
    border-bottom: 1px #3d5636 solid;
    border-left: 1px #3d5636 solid;
    border-right: 1px #3d5636 solid;
    background-color: #a9d88a;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#bee2a5) to(#e7f4e0)
    );
    background-image: -webkit-linear-gradient(top, #a9d88a, #e7f4e0);
    background-image: -moz-linear-gradient(top, #a9d88a, #e7f4e0);
    background-image: -ms-linear-gradient(top, #a9d88a, #e7f4e0);
    background-image: -o-linear-gradient(top, #a9d88a, #e7f4e0);
    background-image: linear-gradient(top, #a9d88a, #e7f4e0);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#A9D88A, endColorstr=#e7f4e0);
}

/*input.submitbuttonkontakt:
 {
	color: ##6A046A;
	background-color: #89D69A;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#89D69A), to(#B2D5B9));
	background-image: -webkit-linear-gradient(top, #89D69A, #B2D5B9);
	background-image: -moz-linear-gradient(top, #89D69A, #B2D5B9);
	background-image: -ms-linear-gradient(top, #89D69A, #B2D5B9);
	background-image: -o-linear-gradient(top, #89D69A, #B2D5B9);
	background-image: linear-gradient(top, #89D69A, #B2D5B9);

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#D689D6, endColorstr=#C811C8);
} */

.submitbuttonkontakt:hover {
    color: #3d5636;
    background-color: #8dc27e;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#8dc27e) to(#b4f3a2)
    );
    background-image: -webkit-linear-gradient(top, #8dc27e, #b4f3a2);
    background-image: -moz-linear-gradient(top, #8dc27e, #b4f3a2);
    background-image: -ms-linear-gradient(top, #8dc27e, #b4f3a2);
    background-image: -o-linear-gradient(top, #8dc27e, #b4f3a2);
    background-image: linear-gradient(top, #8dc27e, #b4f3a2);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#8DC27E, endColorstr=#B4F3A2);
}

.submitbuttonabo:hover {
    color: #3d5636;
    background-color: #8dc27e;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#8dc27e) to(#b4f3a2)
    );
    background-image: -webkit-linear-gradient(top, #8dc27e, #b4f3a2);
    background-image: -moz-linear-gradient(top, #8dc27e, #b4f3a2);
    background-image: -ms-linear-gradient(top, #8dc27e, #b4f3a2);
    background-image: -o-linear-gradient(top, #8dc27e, #b4f3a2);
    background-image: linear-gradient(top, #8dc27e, #b4f3a2);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#8DC27E, endColorstr=#B4F3A2);
}

.error {
    padding-left: 130px;
    padding-top: 4px;
    padding-bottom: 0;
    color: red;
    display: inline-block;
    justify-content: left;
}

.error_r {
    color: red;
    display: flex;
    justify-content: right;
}