
/*** DEFAULTS ***/

*
{
  padding:0px;
  margin:0px;
}
body
{
  background-color:white;
}
img
{
  border:none;
}


/*** WEBFONTS ***/

@font-face {
    font-family:'open_sansregular';
    src:url('/fonts/OpenSans-Regular-webfont.eot');
    src:url('/fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('/fonts/OpenSans-Regular-webfont.woff2') format('woff2'),
        url('/fonts/OpenSans-Regular-webfont.woff') format('woff'),
        url('/fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
        url('/fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}  
@font-face {
    font-family:'open_sanssemibold';
    src:url('/fonts/OpenSans-Semibold-webfont.eot');
    src:url('/fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
        url('/fonts/OpenSans-Semibold-webfont.woff2') format('woff2'),
        url('/fonts/OpenSans-Semibold-webfont.woff') format('woff'),
        url('/fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
        url('/fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family:'open_sansbold';
    src:url('/fonts/OpenSans-Bold-webfont.eot');
    src:url('/fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('/fonts/OpenSans-Bold-webfont.woff2') format('woff2'),
        url('/fonts/OpenSans-Bold-webfont.woff') format('woff'),
        url('/fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
        url('/fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight:normal;
    font-style:normal;

}
@font-face {
    font-family:'open_sansextrabold';
    src:url('/fonts/OpenSans-ExtraBold-webfont.eot');
    src:url('/fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
        url('/fonts/OpenSans-ExtraBold-webfont.woff2') format('woff2'),
        url('/fonts/OpenSans-ExtraBold-webfont.woff') format('woff'),
        url('/fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
        url('/fonts/OpenSans-ExtraBold-webfont.svg#open_sansextrabold') format('svg');
    font-weight:normal;
    font-style:normal;
}


/*** LINKS ***/

a.navigation:link { color:white; text-decoration:none; font-size:15px; font-family:open_sanssemibold }
a.navigation:visited { color:white; text-decoration:none; font-size:15px; font-family:open_sanssemibold }
a.navigation:hover { color:white; text-decoration:underline; font-size:15px; font-family:open_sanssemibold }
a.navigation:active { color:white; text-decoration:none; font-size:15px; font-family:open_sanssemibold }

a.text:link { color:#0488E0; text-decoration:underline; }
a.text:visited { color:#0488E0; text-decoration:underline; }
a.text:hover { color:#666666; text-decoration:underline; }
a.text:active { color:#0488E0; text-decoration:underline; }

a.hover:link { color:#666666; text-decoration:none; }
a.hover:visited { color:#666666; text-decoration:none; }
a.hover:hover { color:#999999; text-decoration:underline; }
a.hover:active { color:#666666; text-decoration:none; }

a.footer:link { color:#333333; text-decoration:none; }
a.footer:visited { color:#333333; text-decoration:none; }
a.footer:hover { color:#333333; text-decoration:underline; }
a.footer:active { color:#333333; text-decoration:none; }


/*** LAYOUT ***/

#bar_top
{
  position:absolute;
  width:100%;
  height:95px;
  top:0px;
  background-color:white;
  background-image:url(/img/bg_top.png);
  background-repeat:repeat-x;
  background-position:top center;
  z-index:0;
}
#shadow_top
{
  position:absolute;
  width:900px;
  height:20px;
  top:64px;
  background-image:url(/img/shadow_bottom.png);
  background-repeat:no-repeat;
  background-repeat:repeat-x;
  z-index:3;
  left:50%;
  margin-left:-450px;
}
#logo
{
  position:relative;
  width:900px;
  height:114px;
  top:1px;
  background-color:;
  background-position:top center;
  background-image:url(/img/logo.png);
  background-repeat:no-repeat;
  z-index:4;
}
#banner_home
{
  position:absolute;
  width:257px;
  height:100px;
  top:11px;
  background-color:;
  left:50%;
  margin-left:-432px;
  z-index:5;
}
#bar_logo
{
  position:absolute;
  width:100%;
  height:10px;
  top:15px;
  background-image:url(/img/balken.png);
  background-repeat:no-repeat;
  background-repeat:repeat-x;
  z-index:5;
}
#navigation
{
  position:absolute;
  top:32px;
  left:315px;
  color:white;
  z-index:4;
}
#navigation td
{
  padding-left:9px;
  padding-right:9px;
  border-left:1px solid #717B80;
  vertical-align:bottom;
}
#main_image
{
  position:relative;
  top:-50px;
  width:900px;
  height:300px;
  background-color:white;
  z-index:2;
}
#main_image-1
{
  width:900px;
  height:300px;
  position:absolute;
  background-position:center center;
  background-image:url(/img/main_image1.jpg);
  background-repeat:no-repeat;
  z-index:2;
}
#main_image-2
{
  width:900px;
  height:300px;
  position:absolute;
  background-position:center center;
  background-image:url(/img/main_image2.jpg);
  background-repeat:no-repeat;
  z-index:2;
}
#main_image-3
{
  width:900px;
  height:300px;
  position:absolute;
  background-position:center center;
  background-image:url(/img/main_image3.jpg);
  background-repeat:no-repeat;
  z-index:2;
}
#main_image-small
{
  position:relative;
  top:-50px;
  width:900px;
  height:150px;
  background-position:center center;
  background-image:url(/img/main_image.jpg);
  background-repeat:no-repeat;
  z-index:1;
  margin-bottom:30px;
}

.title_main_image
{
  position:absolute;
  top:170px;
  right:50px;
  width:290px;
  height:95px;
  color:white;
  background-image:url(/img/bg_title.png);
  background-repeat:repeat-x;
  z-index:4;
}
.text_main_image
{
  color:white;
  font-family:open_sanssemibold;
  font-size:20px;
  font-weight:normal;
  font-style:normal;
  text-align:left;
}
.subtext_main_image
{
  color:white;
  font-family:open_sansregular;
  font-size:16px;
  font-weight:normal;
  font-style:normal;
  text-align:left;
}

#bar_bottom
{
  position:relative;
  width:100%;
  height:200px;
  background-color:#BCBCBC;
  background-image:url(/img/shadow_bottom.png);
  background-repeat:no-repeat;
  background-position:top center;
  background-repeat:repeat-x;
  border-bottom:1px solid #666666;
}

#footer
{
  font-family:Verdana, sans-serif;
  color:#999999;
  font-size:12px;
  margin-top:50px;
  margin-bottom:25px;
}
#footer_inputs
{
  display:none;
}

#table_content
{
  width:870px;
  margin-bottom:50px;
}
#table_content td
{
  vertical-align:top;
}

#container_fullscreen
{
  position:fixed;
  top:0px;
  bottom:0px;
  width:100%;
  z-index:6;
  border:1px solid black;
  background-image:url(/img/bg_title.png);
  overflow:auto;
}
#button_close
{
  position:absolute;
  top:30px;
  right:30px;
  cursor:pointer;
}
#image_fullscreen
{
  position:relative;
  top:50px;
  border:1px solid black;
  cursor:pointer;
  z-index:6;
}


/*** CONTENT ***/

#content_home
{
  position:relative;
  width:900px;
  background-color:;
  top:-30px;
  z-index:3;
  min-height:300px;
}
#content
{
  position:relative;
  width:900px;
  background-color:;
  top:-30px;
  z-index:3;
  min-height:450px;
}
#previews
{
  width:900px;
}
#previews td
{
  border-left:1px solid #B9B8B8;
  padding:0px 20px 0px 20px;
}
.preview_box
{
  background-color:#F1F1F1;
  height:280px;
  padding:10px 14px 10px 14px;
}

h1.content_text, h1.preview_text
{
  font-family:open_sanssemibold, sans-serif;
  font-weight:normal;
  color:#666666;
  text-align:left;
}
h1.preview_text
{
  font-size:22px;
  margin-bottom:6px;
}
h1.content_text
{
  font-size:24px;
  margin-bottom:6px;
}
h1.sub
{
  margin-bottom:20px;
}
h2.content_text
{
  font-family:open_sanssemibold;
  font-size:18px;
  font-weight:bold;
  color:#666666;
  text-align:left;
  margin-bottom:6px;
  line-height:18px;
  padding-left:8px;
  border-left:9px solid #F63266;
}
h2.sub
{
  margin-bottom:20px;
}
h3.content_text
{
  font-family:open_sanssemibold;
  font-size:16px;
  font-weight:500;
  color:#666666;
  text-align:left;
  margin-bottom:6px;
}
h3.sub
{
  margin-bottom:15px;
}
p.content_image
{
  margin-bottom:12px;
}
p.content_text, p.preview_text
{
  font-family:Verdana, sans-serif;
  font-size:12px;
  font-weight:normal;
  color:#666666;
  text-align:left;
  line-height:16px;
}
p.content_text
{
  margin-bottom:40px;
}
p.sub
{
  margin-bottom:60px;
}
div.arrow_top
{
  font-family:Verdana, sans-serif;
  font-size:11px;
  font-weight:normal;
  color:#666666;
  text-align:center;
  line-height:16px;
}
ul.content_text, ul.preview_text
{
  list-style-type:square;
  font-family:Verdana, sans-serif;
  font-size:12px;
  font-weight:normal;
  color:#666666;
  margin-left:14px;
  margin-bottom:20px;
}
ul.sub
{
  margin-bottom:40px;
}
li.preview_text
{
  margin-bottom:4px;
  line-height:16px;
}
li.content_text
{
  margin-bottom:12px;
  color:#F63266;
}
span.li_content_text
{
  color:#666666;
}
table.referenzen_preview
{
  width:100%;
  margin-bottom:40px;
}
table.referenzen_preview td
{
  font-family:Verdana, sans-serif;
  font-size:12px;
  color:#333333;
  background-color:#F1F1F1;
  padding:20px;
  border:1px solid white;
  text-align:center;
  vertical-align:middle;
}
#footer
{
  width:900px;
  padding-top:20px;
}
#content_footer td
{
  padding:0px 34px 0px 34px;
  border-left:1px solid #999999;
  vertical-align:top;
}
h1.content_footer
{
  font-family:open_sanssemibold;
  font-size:14px;
  font-weight:bold;
  color:#333333;
  margin-bottom:5px;
  text-align:left;
}
p.content_footer
{
  font-family:Verdana, sans-serif;
  font-size:12px;
  font-weight:normal;
  color:#333333;
  line-height:16px;
  text-align:left;
}
span.link_extern
{
  color:#999999;
}
