@charset "UTF-8";

/*
## -----------------------------------------------------------------------------
##
##
##  STYLE SHEET
##                                             
##        Style-Sheet-Definitionen | Hinweisgebern
##                                                                          
##        SCHEME:      __hinweisgeber_scheme__                                                
##        AUTHOR:      Carsten Zandecki, mediaMinds internet services            
*/


*          { margin:0; padding:0; }

html       { height: 100%; width : 100%; margin: 0px;  padding: 0px; }
body       { background-color: transparent; /* rgba(255,255,255,0.95); */
             color: #444;
             font-family: Helvetica,"Helvetica Neue",Arial,sans-serif,"websafe";
             font-size: 16px;
             line-height: 1.25em;
             margin:0;
             padding:0; 
           }

/*
## -----------------------------------------------------------------------------
##
##  GENERAL ELEMENT/FORM CLASSES
##                                             
*/

h2 { font-family: Verdana,Geneva,sans-serif,"websafe";
    font-size: 24px;
    font-weight: normal;
    font-style: normal;
    text-align: left;
    text-transform: none;
    color: #444; 
    margin-bottom:30px; }

h3 { font-family: Verdana,Geneva,sans-serif,"websafe";
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    text-align: left;
    text-transform: none;
    color: #444; }


form     { height:100%; }
input    { width:100%; box-sizing: border-box; transition: border-color .2s ease-in; font-family: Helvetica,"Helvetica Neue",Arial,sans-serif,"websafe"; font-size: 16px; border: 1px solid #888; background-color: #fff; color: #9ec4ea; padding: 5px; }
textarea { width:100%; box-sizing: border-box; transition: border-color .2s ease-in; font-family: Helvetica,"Helvetica Neue",Arial,sans-serif,"websafe"; font-size: 16px; border: 1px solid #888; background-color: #fff; color: #9ec4ea; padding: 5px; }

input:focus, input:active, input:hover { border-color: #9ec4ea; color: #9ec4ea; border:1px solid #9ec4ea; outline: none;  }

input[type=submit], .sndbutton
{
    width:auto;
    padding: 8px 16px;
    margin: 16px 0;
    background-color: #033664;
    border-color: rgba(0,0,0,0);
    border-width: 1px;
    border-style: solid;
    color: #fff;
    font-size: 16px;
    border-radius: 0;
    cursor:pointer;

}

input[type=submit]:hover, input[type=submit]:active 
{ 
  transition: background-color .2s ease-in;
  background-color: #3984c8;
  border-color: rgba(0,0,0,0);
  color: #fff;
}

textarea:focus, textarea:active, textarea:hover { border-color: #9ec4ea; color: #9ec4ea; border:1px solid #9ec4ea; outline: none;  }


a { color: #ea7b3c; }
a:hover { color: #444; }

.smEmpty { margin-top:2px; }
.sm { font-size:14px; color: #888; }


/*
## -----------------------------------------------------------------------------
##
##  JIMDO EMULATED CLASSES
##                                             
*/

.j-m-required { color: #eb433e; }
.j-module a, .j-static-page a { color: #ea7b3c; }
.cc-m-required:after { color: #eb433e; content: "*"; margin-left: 4px; }


/*
## -----------------------------------------------------------------------------
##
##  MAIN SITE STYLES
##                                             
*/

#horizon   { clear:both; width:100%; /*max-width:980px;*/ margin:0 auto; /*padding:25px;*/  }

article { }

.col      { width:100%; }
.col2     { float:left; width:75% }


.ok       { -webkit-border-radius: 2px;
            border-radius: 2px;
            border-style: solid!important;
            border-width: 1px!important;
            color: #4e5056!important;
            font-family: Verdana,Arial,sans-serif!important;
            font-size: 13px!important;
            -moz-osx-font-smoothing: grayscale;
            -webkit-font-smoothing: antialiased;
            line-height: 1.5!important;
            padding: 10px!important;
            background-color: #9bae50!important;
            border-color: #d0b77f!important;
            margin:20px 0 40px 0; 
          }

.error    { -webkit-border-radius: 2px;
            border-radius: 2px;
            border-style: solid!important;
            border-width: 1px!important;
            color: #4e5056!important;
            font-family: Verdana,Arial,sans-serif!important;
            font-size: 13px!important;
            -moz-osx-font-smoothing: grayscale;
            -webkit-font-smoothing: antialiased;
            line-height: 1.5!important;
            padding: 10px!important;

            background-color: #fc9e90!important;
            border-color: #eb3d41!important;
            margin:20px 0 40px 0; 
          }

/*
## -----------------------------------------------------------------------------
##
##  CLEAR STYLES
##                                             
*/
 
    .clear        { clear:both; }
    .group:after  { content: ""; display: table; clear: both; }