@import url(http://fonts.googleapis.com/css?family=Ubuntu:400,700);

html,body {width: 100%; height: 100%; margin: 0px;}

body, table, tr, td, input, div, a, textarea {font-family: 'Ubuntu', sans-serif; font-size: 16px;}

h1 {margin-top: 0px; margin-bottom: 20px; font-size: 26px; font-weight: 700;}
h2 {margin-top: 0px; margin-bottom: 10px; font-size: 22px; font-weight: 700;}
h3 {margin-top: 0px; margin-bottom: 10px; font-size: 18px; font-weight: 700;}

a {color: #FFF; text-decoration: underline;}

.layout_table {width: 100%; height: 100%;}
.t_header {height: 160px;}
.t_spacer {height: 20px;}
.t_content {}
.t_bottom  {height: 40px;}

.info_bar td {height: 24px; border-bottom: 3px solid #BBB; text-align: center; background-color: #FFF; overflow: hidden;}
.info_bar_div {width: 940px; color: #666; margin-left: auto; margin-right: auto; height:24px;}

.info_bar_a {float:left; height: 24px; line-height: 24px; background-image: url(ibicon_loc.png); background-repeat: no-repeat; background-position: left center; font-size: 12px; text-indent: 22px;}
.info_bar_p {margin-left: 40px; float:left; height: 24px; line-height: 24px; background-image: url(ibicon_phone.png); background-repeat: no-repeat; background-position: left center; font-size: 12px; text-indent: 22px;}
.info_bar_e {margin-left: 40px; float:left; height: 24px; line-height: 24px; background-image: url(ibicon_mail.png); background-repeat: no-repeat; background-position: left center; font-size: 12px; text-indent: 22px;}
.info_bar_o {margin-left: 40px; float:left; height: 24px; line-height: 24px; background-image: url(ibicon_time.png); background-repeat: no-repeat; background-position: left center; font-size: 12px; text-indent: 22px;}
.info_bar_s {margin-left: 60px; float:left; height: 20px; text-align: right; padding-top: 4px;}

.white_header {width: 100%; height: 160px; background-color: #FFF;}
.logo_header {background-image:url(stiasny_logo_300.png); width: 300px; height: 105px; background-position: center bottom; background-repeat: no-repeat; position: relative; margin-left: auto; margin-right: auto;}

.nav_container {width: 980px; position: relative; margin-left: auto; margin-right: auto;}
.nav_main {display: block; width: 160px; text-align: left; height: 50px; font-size: 18px; line-height: 60px; font-weight: normal; color: #000; float: left; text-decoration: none; white-space: nowrap; overflow: hidden; text-align: center;}
a.nav_main:hover {background-color:#666; color: #FFF;}
div.nav_bold a {font-weight: 700;}

tr.sub_navi td {width: 100%; height: 30px; border-bottom: 1px solid #FFF; background-color: #000; color: #FFF; opacity:0.8; filter:alpha(opacity=80);}
div.subnavcontainer {width: 980px; margin-left: auto; margin-right: auto; overflow: hidden; font-size: 12px;}
div.subnavcontainer div {float: left; height: 30px; line-height: 30px; font-size: 14px;}
div.subnavcontainer a {display: block; float: left; height: 30px; line-height: 30px; font-size: 14px; text-decoration: none;}
div.subnavcontainer a:hover {text-decoration: underline;}
.subsep {width: 30px; height: 30px; background-image:url(subnaviarrow.png); background-position: center center; background-repeat:no-repeat;}


.split_table_980 {width: 980px;}
.content_600 {width: 600px; padding: 15px; background-color: rgba(0,0,0,0.9); text-align: left; color: #FFF; height: auto; min-height: 340px; overflow:visible;}
.content_980 {width: 980px; padding: 15px; background-color: rgba(0,0,0,0.9); text-align: left; color: #FFF; height: auto; min-height: 340px; overflow:visible;}
.content_470 {width: 440px; padding: 15px; background-color: rgba(0,0,0,0.9); text-align: left; color: #FFF; height: auto; min-height: 340px; overflow:visible;}
.smallbox_300_auto {width: 300px; height: auto; padding: 15px; background-color: rgba(0,0,0,0.9); text-align: left; color: #FFF;}
.smallbox_300_300 {width: 300px; height: 300px; padding: 15px; background-color: rgba(0,0,0,0.9); text-align: left; color: #FFF; overflow: hidden;}
.smallbox_300_400 {width: 300px; height: 340px; padding: 15px; background-color: rgba(0,0,0,0.9); text-align: left; color: #FFF; overflow: hidden;}

.smallbox_300_col {width: 300px; height: auto; padding: 15px; background-color: rgba(0,0,0,0.9); text-align: left; color: #FFF;}




.kat_desc {text-align: justify;}
div.kat_desc p {text-align: justify;}

.copyright {font-weight: 400; color: #FFF; font-size: 13px; text-decoration: none;}

.stcalendar {border: 1px solid #FFF; border-collapse: collapse; width: 280px; margin-left: 10px;}
.stcalendar td {width: 40px; height: 25px; line-height: 25px; text-align: center; border: 1px solid #FFF; border-collapse: collapse; font-size: 13px;}
.stcalendar tr:first-child td {font-weight: 700;}
.stcal_hi {background-color: #666; cursor: pointer;}
td.stcal_hi:hover {background-color: #FFF; color: #000;}

div.the_news div {margin-left: 10px; margin-bottom: 15px; font-size: 15px; font-weight: bold; cursor: pointer; color: #BBB;}
div.the_news div:hover {background-color: #666; color: #FFF;}
div.the_news span {font-size: 13px; font-weight: normal;}

div.showmore {margin-left: 10px; margin-top: 30px; font-size: 12px!important; background-color: #111; width: 150px; height: 25px; line-height: 25px; text-indent: 5px; border: 1px dashed #777;}

a.leistung {display: block; margin-left: 10px; border: 1px solid #444; border-left: 5px solid #FFF; margin-bottom: 15px; padding: 4px; padding-left: 10px; height: 20px; overflow: hidden; cursor: pointer; color: #BBB; text-decoration: none;}
a.leistung:hover {background-color: #666; color: #FFF;}

.customer_logos {-moz-column-count:2; -webkit-column-count: 2; column-count: 2; width:  300px;}
 
a.referenz {display: block; text-decoration: none; background-image:url(wsquare13.png); background-position: 0px 3px; background-repeat: no-repeat; padding-left: 20px; margin-bottom: 10px;}
a.referenz:hover {background-color: #666; color: #FFF;}
 
a.kunden_logo {display: block; width: 140px; margin-left: 5px; margin-bottom: 10px;}
a.kunden_logo img {width: 140px;}

 
.opaque_60 {opacity:0.6; filter:alpha(opacity=60);}
.opaque_75 {opacity:0.75; filter:alpha(opacity=75);}
.opaque_80 {opacity:0.8; filter:alpha(opacity=80);}
.opaque_90 {opacity:0.9; filter:alpha(opacity=90);}
.opaque_95 {opacity:0.95; filter:alpha(opacity=95);}

.grayout {background-color: #000; position: fixed; left: 0px; top: 0px; z-index: 4; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; display: none;}
.elementdetail {position: absolute; z-index: 5; left: 20px; top: 5px; width: 500px; height: 250px; background-color: #000; border: 1px dashed #FFF; border-radius: 25px;}
.newsdetail { border-bottom-left-radius: 0px;}
.termindetail { border-bottom-right-radius: 0px;}
.closex {position: absolute; right: 11px; top: 5px; width: 21px; height: 21px; background-image:url(/layout2013/closex.gif); cursor: pointer;}
.detailcontent {position: absolute; left: 15px; top: 15px; height: 218px; width: 435px; padding-right: 10px; overflow: auto; text-align: justify; color: #FFF; font-size: 14px;}
div.detailcontent h2 {text-align: left; font-size: 17px;}
div.detailcontent h3 {text-align: left; font-size: 15px; color: #AAA;}

.cf_label {font-size: 12px;}
.cf_input {width: 100%; padding: 5px; font-size: 13px; background-color: rgba(40,40,40,.6); border: 1px dashed #EEE; border-radius: 5px; color: #FFF;}
.cf_area {height: 90px; width: 100%; padding: 5px; font-size: 13px; background-color: rgba(40,40,40,.6); border: 1px dashed #EEE; border-radius: 5px; color: #FFF;}
.cf_submit {margin-top: 10px; width: 100%; text-align: center; padding: 5px;; font-size: 13px; border: 1px solid #AAA; color: #EEE; border-radius: 5px; cursor: pointer;}
div.cf_submit:hover {background-color: #EEE; color: #444;}

.cf_error_close {width: 100%; border: 1px solid #777; text-align: center; cursor: pointer; margin-top: 15px; line-height: 20px; border-radius: 5px;}
div.cf_error_close {background-color: #333;}
.cf_errmsg {display: block; margin-bottom: 7px; background-image:url(warning.png); background-position: left center; background-repeat: no-repeat; text-indent: 20px;}

.gal_container {cursor: pointer;}
div.gal_container:hover {background-color: #555;}
.gal_title {line-height: 20px; font-size: 16px; font-weight: bold; margin-top: 20px;}
.gal_desc {line-height: 14px; color: #BBB; font-size: 13px; margin: 0px;}
.gal_desc p {margin: 0px;}
.gal_fotos {margin-top: 10px; width: 100%; border: 1px dashed #777; display: none;}


a.sub_link {display: block; margin-left: 10px; border: 1px solid #444; border-left: 5px solid #FFF; margin-bottom: 15px; padding: 4px; padding-left: 10px; height: 20px; overflow: hidden; cursor: pointer; color: #BBB; text-decoration: none;}
a.sub_link:hover {background-color: #666; color: #FFF;}

.doc_link {display: block; width: 120px; height: 120px; overflow: hidden; margin: 12px; float: left; text-decoration: none;}
.doc_icon {width: 120px; height: 70px; background-image:url(pdfdoc.png); background-position: center top; background-repeat: no-repeat;}
.doc_title {text-align: center; font-size: 12px;}

.link_title {display: block; background-image:url(linkicon.png); background-repeat:no-repeat; background-position: left center; text-indent: 24px; text-decoration: none; font-size: 15px;}
a.link_title:hover {background-color: #666; color: #FFF;}
.link_desc {font-size: 12px; font-weight: normal; margin-top: 5px; margin-bottom: 20px; margin-left: 24px; color: #BBB;}