/*@import url(http://fonts.googleapis.com/css?family=Give+You+Glory&v2);*/
/* bastimedia.de / Sebastian Krüger */

/* GLOBAL STYLES
*******************************************************************************/
body {
  /*font-family: Calibri, Arial, Helvetica, sans serif;*/
  font-family: 'Varela', sans-serif;
  font-size:80%;
  line-height:1.6em;
  height:100%;
  background: url(hintergrund3.png);
}
* {
  font-family: 'Varela', sans-serif;
  font-size: 1em;
  padding:0;
  margin:0;
}


/* CONTAINERS
*******************************************************************************/
#blume {
  dposition: absolute;
  margin: auto;
  margin-top: 25px;
  width: 960px;
  background: url(blume.png) no-repeat 1px 1px;
  padding-top: 20px;
  padding-bottom: 40px;
}
#container {
  position:relative;
  margin:auto;
  dwidth:920px;
  dmargin-top:50px;
  margin-left:125px;
  overflow:visible;  /* Opera brauch das für den Hintergrund... */
  background: white;
  padding: 20px 40px;
  dmargin-top: 100px;
  border-radius: 2px;
  box-shadow: 0px 0px 2px #999;
  border: 1px solid #bbb;
  min-height: 450px;
  padding-bottom: 50px;
  
}
#header {
  display:none;
  position:absolute;
  width: 100%;
  margin: -42px 0 0 0;
  dbackground: url(hintergrund4.png);
  dmargin: -20px -20px 0 -20px;
  dborder-radius: 5px 5px 0px 0px;
  height: 80px;
}
    #header h1 {
      font-family: 'Swanky and Moo Moo', cursive;
      font-size: 3em;
      position: absolute;
      top: 00px;
      left: 10px;
      color: #999;
      margin:0;
      text-shadow: white 1px 1px 0px;
    }


#footer {
  position:absolute;
  width: 760px;
  bottom:0;
  font-size: 0.8em;
  color: #CCC !important;
  border-top: 1px solid #eee;
  sbackground: url(hintergrund4.png);
  smargin: 20px -20px -20px -20px;
  dborder-radius: 0px 0px 5px 5px;
  dheight: 30px;
}
    #footer p {
      margin:0px 00px 10px 0px;
      line-height: 2.5em;
      padding:0;
      color: #999;
      text-shadow: white 1px 1px 0px;
    }


/* NAVIGATION
*******************************************************************************/
#nav {
  dborder-bottom: 2px solid #DDD;
  height: 30px;
  margin-left: 420px;
}
#nav ul {
  display: block;
  dheight: 21px;
  margin:0;
  dmargin-bottom: 10px;
}
#nav li {
  float:left;
  list-style: none;
  position:relative;
  border-radius: 2px 2px 0 0;
  margin-right: 10px;
  background: #999;
}
#nav a {
  font-family: 'Nunito', sans-serif;
  font-size: 1.3em;
  padding: 5px 0px 0px 0px;
  margin-left:0px;
  text-align:center;
  background: url(nav.png) no-repeat 0px 0px;
  display: block;
  width: 119px;
  height: 60px;
  border-radius: 2px 2px 0 0;
  color: white;
  dcolor: #666;
  dfont-weight: bold;
  dtext-shadow: #666 0px 0px 2px;
  dbox-shadow: 0px 0px 3px #999;
  
}

#nav li ul { /* Unterelemente */
  position:absolute;
  top:22px;
  left:0;
}
#nav ul ul li {
  margin-bottom:0em;
  float:none;
}

#nav li a.active, /* hover/active */
#nav li span.active,
#nav a:hover {
  dbackground: #DDD;
  text-decoration:none;
}

#nav ul ul { /* Klappmechanismus */
  display: none;
}
#nav li:hover  ul {
  display: block;
}

#nav li.navli_wir:hover, #nav li.navli_wir.active {
  background: #E8A438;
}
#nav li.navli_blog:hover, #nav li.navli_blog.active {
  background: #D60C66;
}
#nav li.navli_gb:hover, #nav li.navli_gb.active {
  background: #61A737;
}
#nav li.navli_kontakt:hover, #nav li.navli_kontakt.active {
  background: #1085D6;
}


/* HEADING
*******************************************************************************/
h1 {
  font-family: 'Nunito', sans-serif;
  font-size:2.2em;
  line-height:1em;
  margin-bottom:1em;
  margin-top:1em;
}
h2 {
  font-size:1.5em;
  margin:1em 0 0em 0px;
  line-height:16px;
}
h3 {
  font-size:1.0em;
  letter-spacing:0px;
  margin:1em 0 -0.5em 0px;
  dcolor: #BDAB90;
  dcolor:#D60C66;
  line-height:12px;
}
h4 {
  font-size:1.0em;
  font-weight:normal;
  letter-spacing:0px;
  margin:1em 0 -1em 0;
  color:black;
}


/* CONTENTS
*******************************************************************************/
p {
  margin: 1em 0 1em 0;
  color: #333;
  font-size: 1em;
}

ul,ol {
  margin: 1em 0 1em 2em;
  color: #333;
}
    ol {
      margin-left:2.5em;
    }

blockquote {
  background: #F6F3EA;
  background: #f5f5f5;
  padding:1px 15px;
  margin:1em 0;
}
blockquote p {
  margin:0.5em 0;
}

div.box {
  color: white;
  background: #D60C66;
  margin: 1em 0;
  padding: 0.5em 1em;
  font-weight: bold;
}

strong {
  font-weight:bold;
}
em {
  font-style:normal;
  
  color:#777;
}

hr {
  height:1px;
  border:none;
  border-bottom:2px solid #F6F3EA;
}

.small, small {
  display:block;
  font-size:0.8em;
  line-height:1.4em;
}

pre, code {
  font-family: Consolas !important;
  font-size: 0.9em;
  line-height: 1.3em;
  font-weight: bold;
  background: #EEE;
  color: #666;
  padding: 0.1em 0.5em;
}
pre {
  border-left: 3px solid #F77F00;
  padding: 0.4em 1em;
  margin: 0.75em 0 0.3em 0;
  font-size: 1.1em;
  color: #A64;
  color: #666;
}

/* LINKS
*******************************************************************************/
a {
  dfont-weight:normal;
  color:#F77F00;
  color:#D60C66;
  text-decoration:none;
  dtext-shadow: 0px 0 1px  black;
}
a:visited {
  dcolor: #F77F00;
  dcolor: black;
}
a:hover {
  color:black;
  text-decoration: underline;
}
small a, small a:visited, small a:hover {
  background:none;
  padding:0;
}



/* IMAGES
*******************************************************************************/
img {
  border: 2px solid #E0D6C1;
  margin: 6px 4px;
  padding:2px 2px 2px 2px;
  border: 1px solid #ccc;
  box-shadow: 0 0 3px #bbb;
}

a.img {
}

img[align=left], img.l {
  margin-right:10px;
}
img.r {
  margin-left:10px;
}

.gallery_box { /* Albumansicht */
  display:block;
  margin:0;   
  padding:0;
  text-indent:0;
}
    .gallery_box img {
      margin:5px; /* braucht der IE */
    }
.image_caption {
  padding: 1px;
  border: 1px solid #ccc;
  box-shadow: 0 0 3px #bbb;
}




/* TABLES
*******************************************************************************/
table {
  margin: 1em 0 1em 0;
}
td {
  padding:1px 5px;
  vertical-align:top;
}
.tab1 {
  background:#F1F1F1;
}
.tab2 {
  background:#FAFAFA;
}
th {
  padding:1px 5px;
  text-align:left;
}

dt {
  dfont-weight: bold;
  margin-top: 0.5em;
  line-height: 1.4em;
}

dd {
  margin-left: 1em;
  line-height: 1.4em;
}


/* SPECIALS
*******************************************************************************/
#blog {
}
    #blog .info {
    color: #999;
    }
    #blog h2 a {
      color:inherit;
      font-weight:inherit;
    }

#blog h2 {
  dmargin-top:0.5em;
  dfont-weight: bold;
  font-size: 1.7em;
}
#blog .blog_date {
  font-size: 1em;
  text-transform: uppercase;
  margin:2em 0 -1em 0 ;
  padding:0;
  background:white;
  color: #ddd;
  font-weight: bold;
}
#blog p.more {
  margin: -0.5em 0;
}

.pagenavi a, .pagenavi span {
      padding: 1px 8px;
      margin-right: 5px;
      background:none;
      border: 1px solid orange;
    }
    .pagenavi span {
      background: #FDA;
    }
    .pagenavi span.inactive {
      background:none !important;
      border: 1px solid #BBB !important;
      color: #AAA !important;
    }
    .pagenavi span.skip {
      background:none !important;
      border: 1px solid #BBB !important;
      color: #AAA !important;
    }

.board {
}
    .board .entry {
      background: #FAFAFA;
      -moz-border-radius: 5px;
      border: 1px solid #EEE;
      margin: 5px 0 ;
    }
    .board .entry .title {
      -moz-border-radius-topleft: 5px;
      -moz-border-radius-topright: 5px;
      background: #F3F3F3;
      font-weight: bold;
      padding: 0px 10px;
      margin:0;
    }
    .board .entry .title span {
      font-weight: normal;
    }
    .board .entry .message {
      padding: 5px 10px;
      margin:0;
    }
    .board .entry.hot {
      background: #EBF5E3;
      border: 1px solid #61A737;
    }
    .board .entry.hot .title {
    
      background: #D7ECC6;
     }
     #board #message {
       width: 500px;
     }
     #board #name {
       width: 200px;
     }
     #board #url {
       width: 300px;
     }
#admin_log {
  color: #999;
}


/* Kommentarfunktion
*******************************************************************************/

.comments_container {
  fbackground: #eee;
  dmargin: 1em 0 0em 0;
  dpadding: 0em 1em;
  margin-bottom: -10px;
}
.comments_links {
  dborder-bottom: 2px solid white;
  dmargin-bottom: -10px;
}
.comments {
  clear:both;
  font-size: 0.9em;
  line-height: 1.4em;
  padding-bottom: 0.1em;
}
.comments_link_add {
  float:right;
}
.comment {
  border: 1px solid #eee;
  border-radius: 1px;
  margin: 1em 0em 1em 1em;
  padding: 0.5em 1em;
  background: #f5f5f5;
  color: #666;
}
.comment .comment_head {
  float:left;
  width: 180px;
}
.comment .comment_name {
  font-weight: bold;
  display:block;
}
.comment .comment_date {
  display:block;
}
.comment .comment_text {
  float:right;
  width: 500px;
}
.comments_num {
  background: #D60C66;
  padding: 0.0em 0.7em;
  margin-left: 0.5em;
  border-radius: 2px;
  color: white;
}

/* Farben */
.yellow a, .yellow h1, .yellow h2, .yellow h3, .yellow .pagenavi a {
  color: #E8A438;
  border-color: #E8A438;
}
.pink a, .pink h1, .pink h2, .pink h3,  .pink .pagenavi a, .pink .pagenavi span {
  color: #D60C66;
  border-color: #D60C66;
}
.green a, .green h1, .green h2, .green h3,  .green .pagenavi a, .green .pagenavi span {
  color: #61A737;
  border-color: #61A737;
}
.blue a, .blue h1, .blue h2, .blue h3,  .blue .pagenavi a, .blue .pagenavi span {
  color: #1085D6;
  border-color: #1085D6;
}

.pink .pagenavi span {
      background: #FFDDEC;
}
.green .pagenavi span {
      background: #D7ECC6;
}


#blume.yellow {
  background-image: url(blume_yellow.png);
}
#blume.blue {
  background-image: url(blume_blue.png);
}
#blume.green {
  background-image: url(blume_green.png);
}


#form_comment_from {
  width: 140px !important;
}