/**
 * @author FlipZoom Media Inc.
 * @copyright 2011
 * @created 20.5.2011
 * @license THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY
 * APPLICABLE LAW.  EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT
 * HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY
 * OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO,
 * THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
 * PURPOSE.  THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM
 * IS WITH YOU.  SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF
 * ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
 */


@charset "utf-8";

/* RESET ALL ELEMENTS
----------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, 
caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin:     0;
  padding:     0;
  border:     0;
  font-size:     100%;
  font:       inherit;
  vertical-align:  baseline;
}

/* HTML5 DISPLAY-ROLE RESET FOR OLDER BROWSERS
----------------------------------------------*/

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display:    block;
}
body {
  line-height:  1.6em;
  background:    #fff url("../images/grid/default.background.png") repeat-x 0 0 !important;
  font-family:  Tahoma, Arial, Verdana, sans-serif;
  font-size:    10pt;
  color:      #555;
}
ol, ul {
  list-style:    none;
}
blockquote, q {
  quotes:      none;
}
blockquote:before, 
blockquote:after,
q:before, 
q:after {
  content:     '';
  content:     none;
}
table {
  border-collapse:collapse;
  border-spacing: 0;
}
a, 
a:link, 
a:active, 
a:visited {
  text-decoration:none;
  color:      #1a92d7;
}
a:hover {
  text-decoration:underline;
}
strong, b {
  font-weight:  bold;
}
h1 {
  font-family:  Cambria, Georgia, Times, serif;
  font-size:    21px;
  font-weight:  normal;
  line-height:  1em;
  color:      #555;
  background:    url("../images/grid/schonecke_arrow_blue.gif") no-repeat left center;
  padding:    0 0 0 13px;
}
h2 {
  color:      #1a92d7;
  font-weight:  normal;
  font-size:    16px;
}
h3 {
  color:      #777;
  font-weight:  normal;
  font-size:    16px;
}
h4 {
  font-family:  Cambria, Georgia, Times, serif;
  font-size:    33px;
  font-weight:  normal;
  line-height:  1.2em;
  color:      #fff;
  padding:    0 15px 4px 15px;
  margin:      0 0 0 -20px;
  background:    #656565;
  display:    inline;
  -moz-border-radius:   20px;
    -webkit-border-radius:   20px;
    border-radius:       20px;
}
h5 {
  color:      #aaa;
  font-size:    8pt;
  font-weight:  normal;
}
h6 {
  color:      #777;
  font-size:    8pt;
  font-weight:  normal;
}
ul {
  list-style:     none;
  list-style-image:  url("../images/grid/schonecke_blue.gif");
  list-style-position:outside;
  margin-left:  10px;
}
ul li {
  margin-left:  10px;
}
ul.checked_list {
  list-style:     none;
  list-style-image:  url("../images/grid/schonecke_blue_checked.gif");
  list-style-position:outside;
}
ul.checked_list li {
  margin-left:  10px;
}
hr {
  height:      1px;
  border:      none;
  background:    none;
  border-bottom:  1px solid #ddd;
  display:    block;
  width:      100%;
  float: none !important;
  clear: both !important;
}
.schonecke_font_blue {
  color:      #1a92d7 !important;
}
a.button, 
p.readmore > a, 
div.userComment div.message > a {
  background:   #eee url("../images/grid/schonecke_button.gif") repeat-x 0 0;
  border:     1px solid #ccc;
    border-bottom:   1px solid #bbb;
    text-align:    center;
    color:      #444;
    font-weight:  bold;
    padding:    5px 7px;
    line-height:  1;
    font-size:    9pt;
    font-family:  Tahoma, Arial, Verdana, sans-serif;
    text-decoration:none !important;
    -moz-border-radius:   3px;
    -webkit-border-radius:   3px;
    border-radius:       3px;
    text-shadow:     0 1px 0 #fff;
}
p.readmore > a {
  margin: 20px 0 !important;
  display: inline-block;
}
div.userComment div.message > a {
   margin: 10px 0 !important;
  display: inline-block;
}
a:hover.button, 
p.readmore > a:hover, 
div.userComment div.message > a:hover {
  background:   #eee url("../images/grid/schonecke_button.gif") repeat-x 0 -25px;
  border:     1px solid #bbb;
    border-bottom:   1px solid #aaa;
    color:      #333;
}
a:active.button, 
p.readmore > a:active, 
div.userComment div.message > a:active {
  background:   #eee url("../images/grid/schonecke_button.gif") repeat-x 0 -50px;
  border:     1px solid #bbb;
    border-bottom:   1px solid #aaa;
    color:      #333;
}
.image_capture {
  font-size:    8pt !important;
  color:      #888 !important;
  line-height:  1.7em;
  margin-bottom:  0px;
}
  .image_capture img, 
  .image_capture a, {
    text-decoration:none !important;
    border:      none !important;
  }
  .image_capture img {
    margin-bottom:  3px;
  }
form table {
  margin-bottom:  20px;
}
form table tr td {
  padding:    2px 0 2px 0;
}
form hr {
  clear:       both;
}
input, textarea, select, button, .buttonstyle {
  font-size:    10pt;
    font-family:  Tahoma, Arial, Verdana, sans-serif;
  color:      #444;
  padding:    5px 5px;
  border:      1px solid #bbb;
  background:    #fff url("../images/grid/default.input.gif") repeat-x left top;
}
textarea {
  resize:      none;
}
input[type="submit"] {
  padding:    6px 12px;
  background:    url("../images/grid/schonecke_button_slider.gif") repeat-x left top;
  border:     1px solid #bbb;
    border-bottom:   1px solid #aaa;
    font-weight:  bold;
    text-shadow:  0 1px 0 #fff;
}
input[type="submit"]:hover {
  background-position:0 -40px;
  color:      #fff;
  border:     1px solid #444;
    border-bottom:   1px solid #333;
  text-shadow:  0 1px 0 #333;
}
input[type="submit"]:active {
  background-position:0 -80px;
  color:      #fff;
  border:     1px solid #555;
    border-bottom:   1px solid #444;
  text-shadow:  0 1px 0 #333;
}
input[type="checkbox"], 
input[type="radio"] {
  border:      none !important;
  padding:    0 !important;
}
.contact_error {
  border:      1px solid #e57d7d !important;
  background:    url("../images/grid/default.input.error.gif") repeat-x left top !important;
}
textarea.contact_error {
  background:    #fff url("../images/grid/default.input.gif") repeat-x left top !important;
}
#contact_inline_error {
  display:     none;
  border:      1px solid #e57d7d !important;
  background:    #e8baba !important;
  color:      #333 !important;
  padding:    5px 10px !important;
  margin-top:    20px !important;
  clear:both !important;
}

.w10 {width: 10%;}
.w20 {width: 20%;}
.w30 {width: 30%;}
.w40 {width: 40%;}
.w50 {width: 50%;}
.w60 {width: 60%;}
.w70 {width: 70%;}
.w75 {width: 75%;}
.w80 {width: 80%;}
.w84 {width: 84%;}
.w90 {width: 90%;}
.w100 {width: 100%;}

.center {text-align: center;}

/* LAYOUT
----------------------------------------------*/

#left_top_logo {
  height:      70px;
  background:    transparent !important;
  border:      none;
  text-align:    left;
  overflow:    hidden;
}
  #left_top_logo a, 
  #left_top_logo a:link, 
  #left_top_logo a:active, 
  #left_top_logo a:visited, 
  #left_top_logo a:hover, 
  #left_top_logo a img {
    border:      none !important;
    text-decoration:none !important;
  }
#right_top_navigation {
  height:      70px;
  background:    transparent !important;
  border:      none;
  text-align:    right;
  overflow:    hidden;
}

/* MAIN NAVIGATION
----------------------------------------------*/

  ul.main_navigation {
    list-style:   none !important;
    display:    block;
    margin:      20px 0 0 0;
    float:      right;
  }
    ul.main_navigation li {
      display:    block;
      float:      left;
    }
      ul.main_navigation li a, 
      ul.main_navigation li a:link, 
      ul.main_navigation li a:active, 
      ul.main_navigation li a:visited {
        display:    block;
        font-size:    11pt;
        text-transform:  uppercase;
        color:       #777;
        font-weight:   normal;
        line-height:   1;
        padding:     8px 8px;
        text-align:   center;
        text-decoration:none !important;
        text-shadow:   0 1px 0 #fff;
        transition:       color 0.3s linear;
            -moz-transition:     color 0.3s linear;
            -o-transition:       color 0.3s linear;
            -webkit-transition:   color 0.3s linear;
      }
      ul.main_navigation li a:hover {
        text-decoration:none !important;
        color:      #1a92d7 !important;
      }
      ul.main_navigation li.active > a {
        font-weight:  normal !important;
        color:      #fff !important;
        padding:     7px 7px;
        background:   #eee url("../images/grid/main_navigation.png") repeat-x 0 0;
          border:     1px solid #999;
          border-bottom:   1px solid #777;
          -moz-border-radius:   3px;
          -webkit-border-radius:   3px;
          border-radius:       3px;
          text-shadow:   0 1px 0 #777;
      }

/* CONTENT SLIDER
----------------------------------------------*/

#top_center_slider {
  margin-top:    4px;
  height:      280px;
  background:    url("../images/grid/default.slider.bg.png") repeat-x left top;
  box-shadow:     5px 0 10px -4px #777, -5px 0 10px -4px #777;
  -moz-box-shadow:   5px 0 10px -4px #777, -5px 0 10px -4px #777;
  -webkit-box-shadow: 5px 0 10px -4px #777, -5px 0 10px -4px #777;
}
  #top_center_slider ul {
    list-style: none !important;
  }
  #top_center_slider ul#main_slider {
    height:      280px !important;
    width:      870px;
  }
    #top_center_slider ul#main_slider li {
      line-height:  1.5em;
      width:      870px;
      color:      #fff;
      font-size:    17px;
      text-shadow:  0px 1px 1px #444;
    }
      #top_center_slider ul#main_slider li table {
        border-collapse:collapse;
        width:      100%;
      }
        #top_center_slider ul#main_slider li table tr td {
          padding:    10px 0 10px 0;
          text-align:    left !important;
          vertical-align:  top !important;
        }
      #top_center_slider ul#main_slider li p {
        display:    block;
        text-align:   right;
      }
      #top_center_slider ul#main_slider li a.button {
        padding:    12px;
        background:    url("../images/grid/schonecke_button_slider.gif") repeat-x left top;
        border:     1px solid #555;
          border-bottom:   1px solid #444;
      }
      #top_center_slider ul#main_slider li a:hover.button {
        background-position:0 -40px;
        color:      #fff;
        border:     1px solid #444;
          border-bottom:   1px solid #333;
        text-shadow:  0 1px 0 #333;
      }
      #top_center_slider ul#main_slider li a:active.button {
        background-position:0 -80px;
        color:      #fff;
        border:     1px solid #555;
          border-bottom:   1px solid #444;
        text-shadow:  0 1px 0 #333;
      }

/* ENTRY PAGE STYLE
----------------------------------------------*/

#center_center_big_teaser {
  margin-top:    35px;
  margin-bottom:  35px;
  font-family:  Cambria, Georgia, Times, serif;
  font-size:    26px;
  font-weight:  normal;
  line-height:  1.4em;
  color:      #666;
  height:      104px;
  border-bottom:  1px solid #ddd;
  text-shadow:   0 1px 0 #eee;
}
  #center_center_big_teaser span {
    font-size:    30px;
    font-weight:  bold;
    color:      #555;
  }
  .span_transition {
    cursor:      default;
    font-size:    26px !important;
    font-weight:  normal !important;
    color:      #666 !important;
    transition:       color 0.2s linear;
    -moz-transition:     color 0.2s linear;
        -o-transition:       color 0.2s linear;
        -webkit-transition:   color 0.2s linear;
  }
  .span_transition:hover {
    color:      #1a92d7 !important;
  }
#center_right_contact {
  background:    #e1e5e8;
  margin-top:   -20px;
  padding:    20px 20px 7px 20px;
  width:      240px;
  text-shadow:   0 1px 0 #eee;
  -moz-border-radius:   13px;
  -webkit-border-radius:   13px;
    border-radius:       13px;
}
  #center_right_contact h1 {
    color:      #444 !important;
  }
  #center_right_contact a.button {
    line-height:  3em;
  }
  #center_right_contact hr {
    border-bottom:  1px solid #ccc;
  }

/* FOOTER
----------------------------------------------*/

#bottom_center_partner {
  margin-top:    23px;
  padding-top:  33px;
  text-align:    right;
  line-height:  1;
  border-top:    1px solid #ddd;
}
  #bottom_center_partner a, 
  #bottom_center_partner a:link, 
  #bottom_center_partner a:active, 
  #bottom_center_partner a:visited, 
  #bottom_center_partner a:hover, 
  #bottom_center_partner a img {
    border:      none !important;
    text-decoration:none !important;
    margin-left: 3px !important;
  }
#center_bottom_footer {
  margin-top:    30px;
  margin-bottom:  20px;
  padding:    5px 7px 7px 7px !important;
  background:    url("../images/grid/footer_background.png") repeat-x left top;
  color:      #666;
  text-shadow:  0px 1px 0px #111;
}
  #left_bottom_footer {
    font-size:    8pt;
  }
  #right_bottom_footer {
    font-size:    8pt;
    font-weight:  bold;
    text-align:    right !important;
    margin-left:  -16px;
  }
    #center_bottom_footer a, 
    #center_bottom_footer a:link, 
    #center_bottom_footer a:active, 
    #center_bottom_footer a:visited, 
    #center_bottom_footer a:hover, 
    #center_bottom_footer a img {
      color:      #666;
      border:      none;
    }
    #center_bottom_footer a:hover {
      color:      #777;
    }
    #right_bottom_footer a, 
    #right_bottom_footer a:link, 
    #right_bottom_footer a:active, 
    #right_bottom_footer a:visited, 
    #right_bottom_footer a:hover, 
    #right_bottom_footer a img {
      color:      #777;
    }
    #right_bottom_footer a:hover {
      color:      #999;
    }
.swfx img {
  background-position:  0 0;
}
.swfx:hover img {
  background-position:  0 -20px !important;
}

/* BLOG
----------------------------------------------*/

.blog .items-row {
  border-bottom: 0px solid #ddd;
  margin-bottom: 20px;
}
.blog .items-row .item h1, 
.item-page h1{
  border-bottom: 1px solid #ddd;
  padding-bottom: 15px;
  margin-bottom: 15px;
  color: #1a92d7;
  background-position: 0 7px;
}
.item-page .sectionTitle h2 {
  border-top: 1px solid #ddd;
  padding-top: 15px;
  margin-top: 15px;
}

.pagination p.counter {
  color: #777;
}
.pagination ul {
  list-style: none !important;
  margin: 10px 0 0 0 !important;
  padding: 0px !important;
}
.pagination ul li {
  display: inline;
  margin: 0px 3px 0 0 !important;
  padding: 3px 7px !important;
  border: 1px solid #ddd;
  color: #777;
  background: #efefef;
}
.pagination ul li a {
  display: inline-block;
  text-decoration: none;
}
.pagination ul li:hover a, 
.pagination ul li:hover span {
  color: #fff !important;
}
.pagination ul li:hover {
  background: #444 !important;
}
.commentForm textarea {
  width: 98% !important;
  height: 180px;
  margin: 10px 0;
}
.commentForm input{
  margin-right: 10px;
}
.commentForm input[type="submit"]{
  margin-right: 0px !important;
}
.sectionTitle h2 {
  margin: 10px 0;
  padding-bottom:10px;
  display:block;
}
.userComment h3 {
  color: #1a92d7 !important;
}
.userComment .titleBar {
  padding-bottom: 5px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
  margin-top:25px;
}
.userComment .titleBar h3 {
  margin-bottom:0px;
}
.userComment .titleBar .date {
  font-size: 8pt;
  color: #aaa;  
  display: block !important;
  float:right;
}
.userComment .message {
  padding-bottom: 0px;
  border-bottom: 0px solid #ddd;
  margin-bottom: 5px;
  display: block !important;
}
dl#system-message {
  width:560px;
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  position: relative;
  display:     none;
  border:      1px solid #80e37b !important;
  background:    #DEF5DC !important;
  color:      #333 !important;
  padding:    5px 10px !important;
  margin: 0 0 20px 0 !important;
  clear:both !important;
}
.custom {
  float:left;
}
form.commentForm label  {
	margin-bottom:5px;
	margin-top:5px;
	margin-left:1px;
	float:left;
	
}
.marginup {
	margin-top:0px !important;
}
.marginright {
	float:right;
}
.floatleft {
	float:left;
}
.grau {
	float:left;
	color:#444 !important;
	
	width:100%;
	margin-top:40px !important;
	margin-bottom:40px !important;
}
.captchar {
	float:left;
	margin-right:10px;
}
.nomargin {
	margin-right:0px !important;
}

/* REFERENZEN
----------------------------------------------*/

.referenzen tr td {
  vertical-align: top !important;
  padding-right: 10px !important;
}
.tdBreaker {
  padding: 10px 0 !important;
}
.shadow {
  border:      2px solid #fff;
  -o-box-shadow:       0 0 9px #bbb;
    -moz-box-shadow:     0 0 9px #bbb;
    -webkit-box-shadow:   0 0 9px #bbb;
    box-shadow:       0 0 9px #bbb;  
  transition:       box-shadow 0.3s linear;
  -moz-transition:     -moz-box-shadow 0.3s linear;
  -o-transition:       -o-box-shadow 0.3s linear;
  -webkit-transition:   -webkit-box-shadow 0.3s linear;
}
.shadow:hover {
  border:      2px solid #fff;
  -o-box-shadow:       0 0 9px #1a92d7;
    -moz-box-shadow:     0 0 9px #1a92d7;
    -webkit-box-shadow:   0 0 9px #1a92d7;
    box-shadow:       0 0 9px #1a92d7;  
}






ul.social_share_privacy_area {
	list-style-image: none;
}

.fb_comment {
	font-size:0.7em;
	margin-left:5px;
	margin-bottom:2px;
}

.syndicate-module {
	float:right;
	margin-top:10px;
	margin-right:50px;
}
