/* 	das froschbuero / visuelle gestaltung	*/
/* 		- css definitionen - 				*/
/* 		(c) 2012-2015 das froschbuero		*/
/*		http://www.froschbuero.de			*/
/* elementformate */
a {
  transition: color 0.5s ease, background-color 0.5s ease;
  color: #759837;
  text-decoration: underline;
  background-color: none;
  display: inline-block; }

a:hover {
  transition: color 0.3s ease, background-color 0.3s ease;
  color: #eee;
  text-decoration: none;
  cursor: pointer;
  background-color: #759837; }

body {
  margin: 0;
  padding: 0;
  height: 100%;
  background-color: #eeeeee;
  font-family: 'nimbus-sans', sans-serif;
  font-weight: 300;
  font-size: 11pt;
  line-height: 1.4;
  color: #262626; }

button {
  background-color: #ddd;
  transition: background-color 0.3s ease;
  height: 24px;
  padding: 3px 10px 4px;
  color: white;
  border: 0; }

button:hover {
  background-color: #759837;
  transition: background-color 0.3s ease;
  cursor: pointer; }

footer {
  width: 940px;
  height: 100px;
  padding-top: 3px;
  position: absolute;
  bottom: 0;
  color: #9f9f9f;
  font-size: 8pt;
  clear: both;
  float: none; }
  footer #foot-left {
    width: 50%;
    float: left; }
  footer #foot-right {
    width: 50%;
    text-align: right;
    margin-left: 50%; }

h1 {
  font-family: 'museo-slab', sans-serif;
  font-weight: 700;
  font-size: 16pt;
  margin: 10px 0 17px; }

h2 {
  font-family: 'museo-slab', sans-serif;
  font-weight: 700;
  font-size: 12pt;
  margin: 10px 0 10px;
  color: #979797; }

h3 {
  font-family: 'museo-slab', sans-serif;
  font-weight: 700;
  font-size: 12pt;
  margin: 0 0 -2px; }

header {
  width: 938px;
  height: 112px;
  padding-top: 20px;
  margin: 0 auto; }

hr {
  border: 0;
  border-top: 1px solid #b1b1b1;
  margin: 20px 0; }

html {
  height: 100%;
  margin: 0;
  padding: 0; }

img {
  border: 0; }

input {
  width: 180px;
  height: 25px;
  line-height: 25px;
  background-color: #eee;
  border: 1px solid #c3c3c3;
  margin: 10px 5px 10px 0px;
  padding: 5px 5px 2px;
  font-family: 'nimbus-sans', sans-serif;
  font-weight: 300;
  font-size: 11pt;
  color: #858585; }

input[type="submit"],
button.submit {
  width: 180px;
  height: 33px;
  margin: 0px;
  background-color: #eee;
  border: 1px solid #c3c3c3;
  float: right;
  color: #759837;
  transition: color 0.6s ease, background-color 0.3s ease; }

input[type="submit"]:hover,
button.submit:hover {
  background-color: #759837;
  color: #eee;
  transition: color 0.3s ease, background-color 0.3s ease;
  cursor: pointer; }

nav {
  width: 640px;
  height: 40px;
  margin: 0 0 0 320px;
  position: absolute;
  top: 53px; }
  nav a {
    width: 140px;
    height: 28px;
    border-top: 1px solid #759837;
    float: left;
    margin-right: 20px;
    padding-top: 8px;
    text-align: center;
    text-decoration: none;
    color: #000;
    transition: color 0.6s ease, background-color 0.3s ease; }
  nav a:hover {
    background-color: #759837;
    color: #eee;
    transition: color 0.3s ease, background-color 0.3s ease; }

textarea {
  width: 608px;
  height: 100px;
  background-color: #eee;
  border: 1px solid #c3c3c3;
  color: #858585;
  padding: 6px 5px;
  resize: vertical;
  margin: 0px 0px 3px;
  font-family: 'nimbus-sans', sans-serif;
  font-weight: 300;
  font-size: 11pt;
  color: #858585; }

ul {
  margin: 0;
  padding: 0 0 0 12px;
  list-style-type: square; }

/* klassenformate */
.content {
  display: none; }

.contentcol {
  width: 300px;
  margin-right: 20px;
  margin-bottom: 20px;
  float: left; }
  .contentcol img {
    opacity: 1.0;
    transition: opacity 0.3s ease;
    margin: 10px 0px 2px; }
  .contentcol img:hover {
    opacity: 0.8;
    transition: opacity 0.3s ease;
    cursor: pointer; }

.navbtn:hover {
  cursor: pointer;
  text-decoration: none;
  color: none; }

.prevpic_big {
  width: 100%; }

.prevpic_small {
  width: 300px;
  height: 215px;
  margin-right: 20px;
  float: left; }

.textcol_left {
  width: 620px;
  float: left;
  margin-right: 20px; }

.textcol_right {
  width: 300px;
  min-height: 200px;
  margin-left: 640px;
  margin-top: 54px;
  border-top: 1px solid #759837; }

/* mini-klassenformate */
.bold {
  font-weight: bold; }

.floatleft {
  float: left; }

.greenfont {
  color: #759837; }

.greybordertop {
  border-top: 1px solid #eee; }

.nofloat {
  clear: both;
  float: none; }

.nohmargin {
  margin-left: 0;
  margin-right: 0; }

.smallfont {
  font-size: 10pt;
  color: #979797; }

.nohoverbg:hover {
  background: none; }

/* individualformate */
#content {
  width: 100%;
  min-height: 200px;
  padding-bottom: 100px; }

#content-projekte .contentcol:nth-child(3n+1) {
  margin-left: 0;
  margin-right: 0; }

#logo {
  width: 229px;
  height: 92px;
  background-color: #eeeeee;
  background-image: url(../gfx/vector_logo.svg);
  background-repeat: no-repeat;
  background-position: 0px 5px;
  margin: 0 0 0 -46px; }

#mainframe {
  width: 940px;
  min-height: 200px;
  margin: 0 auto; }

#wrapper {
  width: 1050px;
  min-height: 100%;
  margin: 0 auto;
  position: relative; }

/*# sourceMappingURL=page.css.map */