HARSET "UTF-8";

html {
  height:100%
}

body {
  background: url("../../images/body_bg.jpg") repeat-x scroll 0 0 #ababab;
  height:100%;
}

#blasen {
  background: url("../../images/blasen_groesser.jpg") no-repeat scroll center 0 transparent;
  height:785px;
}
#blasen_inner {
  background: url("../../images/blasen.jpg") no-repeat scroll -61px 0 transparent;
  height:100%;
  width: 1000px;
  margin: auto;
}

#blasen_start {
  background: url("../../images/start2.jpg") no-repeat scroll -61px 0 transparent;
  width: auto;
  height: 628px;
  margin: auto;
  padding-left: 56px;
}

.blasen_main {

}

#blasen_main_i {
  background: url("../../images/main_ingenieure.jpg") no-repeat scroll -61px 0 transparent;
}

#blasen_main_gp {
  background: url("../../images/main_inspekteure.jpg") no-repeat scroll -61px 0 transparent;
}

#container {
  height: 100%;
  /*margin:auto;*/
}

#head_nav {
  margin-left: 55px;
}

#navi_path {
  float: left;
  width: 605px;
  color: #999999;
}

#navi_path a:hover {
  color: #666666;
}

.navi_path_active {
  font-weight: bold;
}

#extra_nav {
  width: 244px;
  color: #999999;
  font-weight: bold;
  float: left;
}

.bc_top {
  height:41px;
  margin-top:3px;
  font-size:11px;
}

#extra_nav a {
  font-weight: bold;
}
#extra_nav a:hover {
  color: #666666;
}

/*
.mark1 {
  background-color: red;
  filter: alpha(opacity = 35);
  opacity: .35;
}

.mark2 {
  background-color: green;
  filter: alpha(opacity = 35);
  opacity: .35;
}

.mark3 {
  background-color: yellow;
  filter: alpha(opacity = 35);
  opacity: .35;
}

.mark4 {
  background-color: blue;
  filter: alpha(opacity = 35);
  opacity: .35;
}
*/
.col_start {
  width: 440px;
  float: left;
  padding-top: 250px;
}

#start_col_spacer {
  width: 20px;
  height: 518px;
  float: left;
}

.col_start_logo {
  height: 250px;
  margin: 0 0 1px;
  width: 440px;
}

.col_start_logo_sub {
  width: 420px;
  height: 39px;
  margin-top: 0px;
  margin-right: 10px;
  margin-left: 10px;
  margin-bottom: 15px;
}

.col_start_text {
  width: 410px;
  height: 193px;
  margin-top: 0px;
  margin-right: 15px;
  margin-left: 15px;
  margin-bottom: 0px;
}

.col_start_logo_ingenieure {
  background: url("../../images/balken_ingenieure_start.jpg") no-repeat scroll 0 0 transparent;
  height: 40px;
  font-family:arial,verdana,helvetica,sans-serif;
  font-size:14px;
  line-height: 15px;
  font-weight:bold;
  text-transform: uppercase;
  letter-spacing:0.05em;
  padding:5px 0 0 125px;
  color: #627F51;
}

.col_start_logo_inspekteure {
  background: url("../../images/balken_inspekteure_start.jpg") no-repeat scroll 0 0 transparent;
  height: 40px;
  font-family:arial,verdana,helvetica,sans-serif;
  font-size:14px;
  line-height: 15px;
  font-weight:bold;
  text-transform: uppercase;
  letter-spacing:0.05em;
  padding:5px 0 0 10px;
  color: #DC7D5F;
}

h1 {
  color: #065b26;
}

#blasen_main_gp h1 {
  color: #cc0000;
}

#header h1 {
}


.col_start_text {
  width: 410px;
}

.col_start_text h1{
  margin-bottom:5px;
}

.start_goto_page {
  width: 100px;
  margin-left: 185px;
  font-family:arial,verdana,helvetica,sans-serif;
  font-size:15px;
  font-weight:bold;
  line-height:15px;
  margin-top: 4px;
  text-transform: uppercase;
}

#start_left .start_goto_page a {
  color: #065b26;
}

#start_right .start_goto_page a {
  color: #cc0000;
}

.footnote {
  color: white;
  font: arial, verdana;
  font-size: 10px;
}

.start_news {
  clear: both;
  padding: 20px 0;
  text-align: center;
}
.start_news .newsbox {
  margin: auto;
  text-align:left;
}
.newsbox{
  width:327px;
  height:161px;
  background:url('../../images/news_box.gif') no-repeat 0 40px;
  position:relative
}
.newsbox .newsbox-head {
  background: #065B26;
  color: #627F51;
  font-family: arial,verdana,helvetica,sans-serif;
  font-size: 20px;
  font-weight: bold;
  height: 40px;
  letter-spacing: 0.05em;
  line-height: 40px;
  padding-left: 15px;
  text-transform: uppercase;
}
.newsbox h3 a {
  color: #065B26;
  font-weight:bold;
}
.newsbox .newsbox-more {
  font-family: arial,verdana,helvetica,sans-serif;
  font-size: 15px;
  font-weight: bold;
  bottom:-3px;
  right:0;
  text-transform: uppercase;
  width: 100px;
  text-align:right;
  height: 20px;
  position:absolute;
}
.newsbox .newsbox-more a {
  color: #065B26;
  line-height: 22px;
}
.newsbox .newsbox-content {
  margin:5px 10px 0 10px;
}

.popup-head {
  background: #065B26;
  color: #627F51;
  font-family: arial,verdana,helvetica,sans-serif;
  font-size: 20px;
  font-weight: bold;
  height: 40px;
  letter-spacing: 0.05em;
  line-height: 40px;
  padding-left: 10px;
  text-transform: uppercase;
}
.popup-content {
  margin:10px;
  width:910px;
}

.start_footnote {
  margin-top: 6px;
  margin-left: 18px;
}

#start_left h1 {
  color: #065b26;
}

#start_right h1 {
  color: #cc0000;
}

#start_right ul li {
  list-style-image:url("../../images/isas_aufzaehlung_rot.gif");
}


/* Main Page Styles  */

#main_center {
  min-height:520px;
}

.main_logo {
  height: 250px;
  width: 900px;
  margin-left: 55px;
}

#main_logo_sub {
  height: 40px;
  padding-top:0;
  padding-left:180px;
  font-family:arial,verdana,helvetica,sans-serif;
  font-size:14px;
  line-height: 15px;
  font-weight:bold;
  text-transform: uppercase;
  letter-spacing:0.05em;
  color:#627F51;
}

.main_logo_sub_text {
  padding-top:15px;
}

.main_logo_sub_link {
  float:right;
}
#blasen_main_gp #main_logo_sub {
  color:#DC7D5F;
}

#footer {
  margin-bottom:20px;
}
.main_footnote {
  background:url("../../images/schatten_content_unten_breit.png") no-repeat scroll 40px 0 transparent;
height:42px;
text-align:center;
  margin-top: 0px;
}

#navi1 {
  margin-left: 180px;
  height:40px;
  width:700px;
}

.navi {
  font-family: arial, verdana, helvetica, sans-serif;
  font-size:12px;
  line-height:14px;
}
.navi a {
  color:#666666;
  font-weight:bold;
}

.navi1 {
float:left;
}
.navi .navi1 {
  font-size:14px;
  text-transform: uppercase;
  margin-top:5px;
}

.navi1_sep {
  float:left;
  margin:0 10px;
}

.navi .navi_active a {
  color: #065b26;
}

#blasen_main_gp .navi .navi_active a {
  color: #cc0000;
}

.navi a:hover {
  color: #065b26;
}

#blasen_main_gp .navi a:hover {
  color: #cc0000;
}

.navi2 a {
  font-weight:bold;
}

.navi2 {
  border-top:1px solid #cccccc;
  padding: 5px;
}

#navi2 {
  border-bottom:1px solid #cccccc;
}

.navi3 a {
  font-weight:normal;
  font-size:11px;
  font-family:verdana, helvetica, sans-serif;
}

.navi3 {
  border-top:1px solid #cccccc;
  margin-left: 10px;
  padding: 5px;
}

#cont_icons_navi2 {
  width:160px;
  float:left;
}

#icons {
  height:25px;
}

#main_shadow {
  background: url("../../images/schatten_content_quer.png") repeat-y scroll 35px 0 transparent;
  min-height:270px;
}

#main_bg {
  background: url("../../images/main_white_area.jpg") no-repeat scroll 0 0 #fbfbfb;
  min-height:369px;
  padding:0 10px;
  margin-left: 55px;
  width:880px;
}

#content {
  width:700px;
  margin-left:180px;
}

#content_c {
  float:left;
  width:700px;
}

#content_l {
  float:left;
  width:340px;
}
#content_r {
  float:right;
  width:340px;
}
#content_cb {
  float: left;
  width: 510px;
}
#content_b {
  float:right;
  width:182px;
}

#content_clearer {
  padding-bottom:10px;
  clear:both;
}

#schalter {
        float: left;
        height:15px;
        padding-top: 5px;
}

#schalter a {
  background: url("../../images/umschalter_inspekteure_hell.jpg") no-repeat;
  display:block;
  height: 15px;
}

#schalter a:hover {
  background: url("../../images/umschalter_inspekteure_dunkel.jpg") no-repeat;
}

#blasen_main_gp #schalter a {
  background: url("../../images/umschalter_ingenieure_hell.jpg") no-repeat;
}

#blasen_main_gp #schalter a:hover {
  background: url("../../images/umschalter_ingenieure_dunkel.jpg") no-repeat;
}

#main_logo_img {
left:0;
top:-15px;
}

.kontakt {
  color: #999999;
}

.kontakt h3 {
  text-transform: uppercase;
}

ul li {
  list-style-image:url('../../images/isas_aufzaehlung_gruen.gif');
}

#blasen_main_gp ul li {
  list-style-image:url('../../images/isas_aufzaehlung_rot.gif');
}

/* Kontaktformular */
fieldset, form {
  border:0;
  margin:0;
  padding:0;
}

.csc-mailform label {
  display:block;
}
.csc-mailform .csc-mailform-field-check label {
  display:inline;
}
.csc-mailform .csc-mailform-field {
  margin-bottom:2px;
}

.csc-mailform input, .csc-mailform textarea {
  border:1px solid #cccccc;
  width:440px;
  color:#333333;
  font-family:verdana,arial,helvetica,sans-serif;
  font-size:11px;
  line-height:18px;
  padding:2px;
}

.csc-mailform input.csc-mailform-check {
  width:auto;
  padding:0;
  margin-right:10px;
  vertical-align:middle;
}

.csc-mailform input.csc-mailform-submit {
  border:0;
  background:#065b26;
  color:#ffffff;
  width:auto;
}

#blasen_main_gp .csc-mailform input.csc-mailform-submit {
  background:#cc0000;
}

.csc-mailform hr {
  color:#cccccc;
  background:#cccccc;
  border:0;
  height:1px;
  margin:5px 0;
}
