/* ------------------------------------------------------ */
html { overflow-y:scroll; background:#E0E0E0; }
body { font-size: 1em; line-height:1em; font-family: Verdana,Helvetica,Arial,sans-serif; background:#E0E0E0; margin:0; padding:0 0 20px 0; }
* { margin:0; padding:0; color:#000000; }
a:link, a:visited, a:hover, a:focus, a:active { text-decoration:underline; }
h1,h2,h3,h4 { margin-top:0; font-weight:normal; }
.clearboth { clear: both; }



.textblock { line-height: 1.2em; color: #FFFFFF; padding: 0px 32px 0px 32px; }
.textblock a { color: #FFFFFF; }


/* Registrierung ---------------------------------------- */
.register_label { display: block; float: left; width: 130px; margin-bottom: 6px; }
.register_form  .inputtext { width: 215px; font-size: 1em; font-weight: normal; color: #000000; background-color: #86B7D9; border: 1px #EEEEEE solid; }
#registrierung_bottom .register_label { width: 200px; }
.register_label,
#registrierung_links,
#registrierung_rechts,
#registrierung_bottom { font-size: 1em; font-weight: normal; color: #FFFFFF; }
#registrierung_links  { float: left; width: 360px; margin: 0px 0px 0px 32px; }
#registrierung_rechts {  float: left;  width: 360px; }
#registrierung_bottom, #registrierung_submit {  width: 720px; margin: 0px 0px 0px 32px; }
#registrierung_bottom img { float: left; }
#registrierung_bottom .familienpass { margin-top: 7px; margin-left: 3px; }
#registrierung_bottom .mitglied360 { margin-top: 5px; margin-left: 3px; }
#registrierung_submit { text-align: right; color: #B51071; }
#registrierung_submit input { border: none; background-color: #B51071; color: #FFFFFF; padding: 4px 20px 4px 20px; cursor: pointer; }

#register_error { position: absolute; top: 280px; left: 80px; width: 600px; /*height: 60px;*/ padding: 20px; border: 2px red solid; background-color: #FFFFFF;}
input.registrierung_login { border: none; background-color: #B51071; color: #FFFFFF; padding: 3px 10px 3px 10px; cursor: pointer; }


/* Startseite Regionen --------------------------------------------- */
#regionen {  padding: 20px 40px 25px 40px; }
.region { margin-bottom: 0px; }
.region-title { font-size: 1.6em; margin-bottom: 10px; cursor: pointer; }
.region-item { display: none; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px #EEEEEE solid; }
.region-item h2 { float: left; font-size: 0.8em; font-weight: bold; width: 200px; }
.region-location { float: left; font-size: 0.7em; width: 250px; padding-right: 20px;}
.region-downloads { float: left; width: 250px; font-size: 0.7em; }
.region-downloads a { text-decoration: none;}
.region-downloads a:hover { text-decoration: underline;}



/* Diverses für Layout ---------------------------------- */
#page   { width: 800px; color: #000000; margin: 0 auto; margin-top: 0px; background: url(../design/bg_body.jpg); position: relative; top: 0px; left: 0px; }
#header{ width: 800px; height: 340px; }
#content1 { width: 800px; height: 845px; background: url(../design/bg_content.jpg); }
#content1_register { width: 800px; height: 800px; background: url(../design/bg_content_register.jpg); }
#content1_logbuch { width: 800px; height: 1250px; background: url(../design/bg_content_logbuch.jpg); }
#content1_logbucheintrag { width: 800px; height: 800px; background-image: url(../design/bg_content_logbuch.jpg); background-position: 0px -160px;}


#content1 p { padding: 25px 32px 25px 32px; }
#content1 h1, #content1_register h1 { font-size: 1.6em; line-height: 1.3em; font-weight: bold; padding: 25px 32px 0px 32px; margin-bottom: 30px;}
#content1_register p { padding: 15px 32px 15px 32px; }
#content1_register h1 { margin-bottom: 7px;}
#content1_register p, #content1_register span  { font-size: 0.8em; font-weight: normal; color: #FFFFFF; }

.content1-links { float: left; width: 200px; font-size: 1.4em; font-weight: bold; margin-left: 32px;}
.content1-rechts { float: left; width: 550px; font-size: 1.1em; line-height: 1.4em; font-weight: normal; margin-bottom: 25px; }



#logbuch_navigation { float: left; height: 675px; width: 250px;}
#logbuch { float: left; height: 675px; width: 550px;  }
.logbuch_textblock1 { font-size: 1.4em; line-height: 1.3em; font-weight: normal; color: #FFFFFF; padding: 25px 32px 85px 32px; }
.logbuch_textblock2 { font-size: 1.4em; line-height: 1.3em; font-weight: normal; color: #FFFFFF; padding: 25px 32px 25px 32px; }
.logbuch_textblock3 { font-size: 1.4em; line-height: 1.3em; font-weight: normal; color: #FFFFFF; padding: 10px 32px 25px 32px; }
.loesung { float: left; width: 22px; text-align: center; font-size: 1.1em; padding: 2px; margin: 10px 3px 0px 0px; background-color: #FFFFFF;}
.loesungspacer { float: left; width: 22px; text-align: center; font-size: 1.1em; padding: 2px; margin: 10px 3px 0px 0px; background-color: transparent;}

#logbuch h1{ font-size: 1.4em; line-height: 1.1em; font-weight: normal; color: #B51071; padding: 25px 0px 0px 0px; margin-bottom: 0px; }
#logbuch_navigation h1 { font-size: 1em; line-height: 1.1em; font-weight: normal; color: #B51071; padding: 25px 0px 0px 35px; margin-bottom: 0px; }
#logbuch_navigation p {  padding: 10px 0px 0px 35px; }
#logbuch_navigation a {  font-size: 0.8em; line-height: 1.8em; font-weight: normal; font-style: italic; text-decoration: none; color: #B51071; }

#logbuch p, #logbuch form { font-size: 0.7em; font-weight: normal; color: #000000; }
#logbuch b { font-size: 1.1em; font-weight: bold; color: #000000; }
#logbuch form { margin-top: 5px; }
#logbuch .logbuchsubmit { border: none; background-color: #B51071; color: #FFFFFF; padding: 2px; cursor: pointer; }

.feedback { line-height: 1.1em; width: 170px; }
.logbuch_item { width: 510px; border-bottom: 1px #C0C0C0 solid; }
.codeid,.codewort,.codekommentar { font-size: 0.7em; font-weight: normal; color: #000000; padding: 5px 0px 5px 0px; }
.codeid { float: left; width: 160px; }
.codewort { float: left; width: 170px; }
.codekommentar { float: left; width: 170px; }
.codekommentar a {  font-style: italic; text-decoration: none; }
.codekommentar a:hover { text-decoration: underline; }



#logbucherinnerungen { float: left; height: 675px; width: 550px;  }
#logbucherinnerungen h1{ font-size: 1.4em; line-height: 1.1em; font-weight: normal; color: #B51071; padding: 25px 0px 0px 0px; margin-bottom: 0px; }
#logbucherinnerungen p { font-size: 0.8em; font-weight: normal; color: #000000; }
#logbucherinnerungen .uppercase1 { font-size: 1.7em; font-style: normal; color: #B51071; }
#logbucherinnerungen .uppercase2 { text-transform: uppercase; font-size: 1.2em; font-style: normal; color: #B51071; }

.logbucheintragBild { overflow: hidden; float: left; width: 180px; height: 135px; margin-right: 20px; border: 6px #FFFFFF solid; cursor: pointer;  }
.logbucheintragText { overflow: auto; float: left; width: 288px; height: 125px; font-size: 0.8em; padding: 10px; background-color: #FFFFFF; border: 1px #CCCCCC solid; cursor: pointer; }

.logbucheintragAnleitung { font-size: 0.8em; }


#logbucheintragTextFormular { display: none; position: absolute; top: 535px; left: 450px; width: 300px; height: 510px; font-size: 1em; background-color: #FFFFFF; padding: 10px; border: 2px #B51071 solid; }
#logbucheintragTextFormular textarea { width: 300px; height: 130px; font-size: 1em;  }
.textareaTitle { font-size: 0.5em; }
.logbucheintragSubmit, .logbucheintragBeenden, .logbucheintragBildBeenden { border: none; background-color: #B51071; color: #FFFFFF; padding: 2px; cursor: pointer; }

#logbucheintragBildFormular { display: none; position: absolute; top: 535px; left: 450px; width: 300px; height: 510px; font-size: 0.7em; background-color: #FFFFFF; padding: 10px; border: 2px #B51071 solid; }






/* Startseite Box Registrieren und Login */
#register-login { position: absolute; top: 805px; left: 45px; width: 570px; height: 100px; font-size: 1.2em; font-style: italic; color: #FFFFFF; }
.uppercase1 { font-size: 1.7em; font-style: normal; color: #FFFFFF; }
.uppercase2 { text-transform: uppercase; font-size: 1.2em; font-style: normal; color: #FFFFFF; }
#content1 p.p-register { width: 170px; font-size: 0.8em; color: #FFFFFF; margin-top: 12px; padding: 0; cursor: pointer; }
#content1 p.p-register a { color: #FFFFFF; text-decoration: none; }
#content1 p.p-login { font-size: 0.8em; color: #FFFFFF; margin-top: 12px; padding: 0; }
#content1 p.p-login input { width: 125px; font-size: 0.9em; color: #FFFFFF; border: 1px #CF589C solid; background-color: #9D0D61;}
#content1 p.p-login .login { width: 60px; font-size: 0.9em; color: #FFFFFF; cursor: pointer;}
#content1 p.p-passwort { width: 468px;  margin-top: 1px; padding: 0; text-align: right; }
#content1 p.p-passwort a { font-size: 0.5em; font-weight: bold; text-decoration: none; font-style: normal; color: #FFFFFF; }
#content1 p.p-passwort a:hover { text-decoration: underline; }
#facebooklink { position: absolute; top: 922px; left: 322px; width: 120px; height: 40px; cursor: pointer; }

#content2 { font-size: 1em; line-height: 1.2em; font-weight: normal; }
#content2 p { padding: 25px 40px 25px 40px; }



/* Diverse Farben --------------------------------------- */
.color-arlberg { color: #28B9E7; }
.color-bodensee { color: #8F7DAC; }
.color-bregenzerwald { color: #A860A8; }
.color-bludenz  { color: #E81995; }
.color-montafon { color: #EF9E24; }
.color-kleinwalsertal { color: #24963A; }
.color-rot { color: #B51071; }
.color-weiss { color: #FFFFFF; }
.color-blau { color: #0176BC; }





/* Fehlermeldungen --------------------------------------- */
.register_form .error { border: 2px red solid; }