* {padding: 0; margin: 0;}
html, body {height:100%;}
body {color: #000; font: normal 14px/20px Tahoma, Verdana, Helvetica; background: #fff;}

ul {list-style: none;}
a { color: #336699;outline:0;}
b {color: #336699;}
p {margin: 4px 0;}
.clear {clear: both;height: 0; line-height:0; font-size:0;}
.fleft {float:left;}
.fright {float: right;}
.hide {display:none;}
.txtright {text-align: right;}
.txtleft {text-align: left;}
.txtcenter {text-align: center;}
.section5 {margin-bottom: 5px !important;}
.section10 {margin-bottom: 10px !important;}
.section15 {margin-bottom: 15px !important;}
.section20 {margin-bottom: 20px !important;}
.section25 {margin-bottom: 25px !important;}
.section30 {margin-bottom: 30px !important;}
.i-cbx {width: 14px; height: 14px;}
.nopad {padding: 0 !important;}
.valignTop {vertical-align: top;}
.w100 {width: 100%;}
.font12px {font-size: 12px;}

#container, #footer {width:885px;margin: 0 auto;}
#container {min-height:100%;position:relative;background: url(img/menu_all.gif) no-repeat -2000px -200px;}
* html #container {height:100%;}

#footer {color: #666;position:relative; margin-top: -127px;height:127px; background: url(img/foot_bg.jpg) repeat-x bottom center;}
#footer .foot_left {background: url(img/foot_left.jpg) no-repeat bottom left;height:127px;}
#footer .foot_right {background: url(img/foot_right.jpg) no-repeat bottom right;height:127px;padding-left:30px;}
#footer .logo_foot {background: url(img/logo_foot.gif) no-repeat;width:166px; height:69px;display:block;float:right;margin-top:20px;}
#footer .big {padding-top: 54px;font-weight: bold; font-size:14px; }
#footer li {display: inline;padding-right: 20px;}
#footer a {color: #666;}
#footer .small {padding: 3px 0 /*4px*/;font-size: 10px;line-height:21px;}
#footer .small a {font-size: 10px;line-height:21px;}
#footer p {font-size: 9px;line-height:8px; color: #ccc;margin-right: 17px;}
#footer p a {color: #ccc;}

#header {height: 116px;background: url(img/head_right.jpg) no-repeat right center; /*position: relative;*/}
* html #header {/*margin-top;-10px;*/} * html #header .head_left {padding-top: 0px !important;}
#header .head_left {background: url(img/head_left.jpg) no-repeat left center;height: 106px /*116px*/;padding-top: 10px;}
#header ul {background: url(img/head_menu.gif) no-repeat left center;height: 116px;margin-left:31px;}
#header li {overflow:hidden;margin-right:-1px;text-align: center;float:left; width: 104px; background: url(img/menu_bg.gif) no-repeat right bottom;height: 88px;}
#header .last {background:none !important;}
#header .logo_head {width:165px;}
#header .logo_head a, #header .logo_head a:hover {background: url(img/sibers_reg.gif) /*logo_head.gif*/ no-repeat 60% 75%;height:/*50px*/ 42px;}

.head_left a {display:block; padding-top:40px;width:100%;height:50px;font-size: 18px;line-height: 38px; color:#006699; text-decoration:none;}
.head_left .cur, .head_left .cur:hover  {background: url(img/menu_all.gif) no-repeat left center;height:68px;color: #fff;}
.head_left a:hover {background: url(img/menu_all.gif) no-repeat right center;height:68px;color: #fff;}

.head_left .cur {cursor: default;} 
.flags { position: absolute; top: 7px; left: 127px; height: 20px; width: 200px; } * html .flags {top: 3px !important;left: 117px;}
.flags a { font-size: 5px; width:18px; height:15px;/*border:none;*/border: 1px solid #aaa;display:block;}
.flags .fl_usa {/*background: url(img/flag_usa.gif) no-repeat;*/background: url(img/flag_uk.gif) no-repeat; margin: 0px 10px;float:left;}
.flags .fl_ru {background: url(img/flag_ru.gif) no-repeat; margin: 0px 40px;}

#main {padding-bottom: 127px;}
#ban, #ban ul, #ban li/*, #ban a*/ {height: 149px;}
#ban {margin: 0px 0 20px; background: url(img/ban_right_long.gif) no-repeat right center; }
#ban ul {background: url(img/ban_left.gif) no-repeat left center;padding: 0 14px;}
#ban li {float: left; width: 20%; text-align:center;}
#ban a {height:129px;padding-top:20px;outline:0;display:block;width: 100%;color: #4c5400;font-size:17px; text-decoration:none;}
#ban a {background-image: url(img/link_bg.jpg); background-repeat: no-repeat; background-position: 50% 0%;}
#ban .last a {background-position: 0px -1000px;}
#ban a:hover {margin-left:-2px;padding-left:2px;background-position: 50% 100%;}

#ban b {margin: 0px auto 0;display:block; position:relative;height:80px; width:80px; overflow: hidden;}
#ban i {left:0;top:0;display:block;height:160px; width:80px; position: absolute;}
#ban a:hover i {top:-80px;}

#ban .ban_serv1 i {background: url(img/ban1_link.png) no-repeat 50% 50%;}
#ban .ban_serv2 i {background: url(img/ban2_link.png) no-repeat 50% 50%;}
#ban .ban_serv3 i {background: url(img/ban3_link.png) no-repeat 50% 50%;}
#ban .ban_serv4 i {background: url(img/ban4_link.png) no-repeat 50% 50%;}
#ban .ban_serv5 i {background: url(img/ban5_link.png) no-repeat 50% 50%;}

.intro {/* background: url(img/telman_max5.jpg) no-repeat right center;*//*background: url(img/intro_bg.jpg) no-repeat right center;*/
        min-height:255px;margin: 40px 0;/*padding-right:400px;*/height:1%;}
.intro h3 {font-size: 25px; line-height:38px; padding: 60px 0;width:430px; letter-spacing: 1px;}
.intro p {/*width:430px;*//*padding-right:200px;*/}
.intro ul {margin: 20px 35px;}
.intro b {font-weight:normal; /*font-size:17px;*/color: Black;}

.contacts {float: right; width: 300px; text-align: center;}

.prev_text p {display:none;font-size: 17px; color: #333; }
.prev_text {/**/margin: 20px 0;}
.center {/*margin: 105px 0;*/ }

#tabs_serv {margin: 0px 0 20px; background: url(img/tab_right_long.gif) no-repeat right center;}
#tabs_serv ul {/*margin: 10px 0;*/}
#tabs_serv, #tabs_serv ul, #tabs_serv li, #tabs_serv a, #tabs_serv b, #tabs_serv span {display:block;height: 55px;}
#tabs_serv ul {background: url(img/tab_left.gif) no-repeat left center;padding: 0 11px;}
#tabs_serv li {float: left; width: 20%; text-align:center; background: url(img/tab_bg.gif) no-repeat right top;}
#tabs_serv .last {background:none;}
#tabs_serv a {outline: 0;width: 100%;color: #006699;font-size:14px; text-decoration:none;line-height:60px; }
#tabs_serv a:hover, #tabs_serv .ui-tabs-selected a {font-size:16px;}
* html #tabs_serv a { line-height: 55px;}*+html #tabs_serv a { line-height: 55px;}

#tabs_serv i { font-style:normal;height:1%;}
#tabs_serv a:hover, #tabs_serv .ui-tabs-selected {background: url(img/tab_hov_right_long2.gif) no-repeat right top;}
#tabs_serv a:hover b, #tabs_serv .ui-tabs-selected b {margin-left:-2px;background: url(img/tab_hov_left2.gif) no-repeat left top;padding: 0 6px;}

#tabs_serv i {padding: 12px 14px;line-height:0 !important; font-size: 12px !important;overflow:hidden;  background-repeat:no-repeat; background-position: top center;}
#tabs_serv a:hover i, #tabs_serv .ui-tabs-selected i {background-position: bottom center;padding: 11px 19px;}

#tabs_serv .tab_serv1 i {background-image: url(img/tab1.png);}
* html #tabs_serv .tab_serv1 i {background-image: url(img/tab1.gif);}
#tabs_serv .tab_serv2 i {background-image: url(img/tab2.png);}
* html #tabs_serv .tab_serv2 i {background-image: url(img/tab2.gif);}
#tabs_serv .tab_serv3 i {background-image: url(img/tab3.png);}
* html #tabs_serv .tab_serv3 i {background-image: url(img/tab3.gif);}
#tabs_serv .tab_serv4 i {background-image: url(img/tab4.png);}
* html #tabs_serv .tab_serv4 i {background-image: url(img/tab4.gif);}
#tabs_serv .tab_serv5 i {background-image: url(img/tab5.png);}
* html #tabs_serv .tab_serv5 i {background-image: url(img/tab5.gif);}

.tab_body {/*position:relative;*/}
.ui-tabs-panel {/*left:0;*//*width:845px;*/}
.ui-tabs-hide {/*left:-4000px;position: absolute; visibility: hidden;*/
               height:0; position:relative; padding: 0 !important; overflow:hidden;}

/*
.ui-tabs-hide {display:none;}
*/
.tab_body {padding: 20px 0;}
.content {padding: 40px 0;}
.tab_cont {/*padding: 0 20px;*/}
.tab_body h3, .content h3 {color: #006600; font-size:18px;}
.tab_body h4, .content h4 {margin: 10px 0 4px;font-size:15px;color: #006600;}
.portfo p {margin: 10px 40px 10px 0;}
.tab_body p, .content p {margin: 10px 0;}

.port_cont {padding:0px 40px 10px 0;}

.left_col {width:197px; padding-right:20px;float:left;}
.right_col {/*float:right;*/ margin-left:230px;}
.arr li {height:1%;padding: 6px 0;background-image: url(img/ul_arr.png);background-repeat: no-repeat;background-position: 0 8px;padding-left:20px;}
* html .arr li {background: url(img/ul_arr2.gif) no-repeat 0 8px;}
.dot {padding-left:20px;}
.dot li {padding: 6px 0;background: url(img/ul_dot2.gif) no-repeat 0 13px;padding-left:13px;height:1%;}

.pic {width:196px; height:197px; margin: 0px 0 20px;border: 0px solid #bebebe;}
.serv1 .pic {background: url(img/innovation.jpg) no-repeat left top;}
.serv2 .pic {background: url(img/umwandlung.jpg) no-repeat left top;}
.serv3 .pic {background: url(img/absicherung.jpg) no-repeat left top;}
.serv4 .pic {background: url(img/effizienz.jpg) no-repeat left top;}
.serv5 .pic {background: url(img/Optimierung.jpg) no-repeat left top;}


.prev {height:140px; padding: 10px 30px;}
.prev li {font-size:0; line-height:0;}
.prev a { float: left;margin: 32px 0px;}
.service .prev img {/*border: 1px solid #1c3557 !important;margin:-1px;*//*padding: 0 10px 0px 0px;*/padding-top: 5px;}
.portfo .prev img {/*border: 1px solid #1c3557 !important;margin:-1px;*/padding: 5px 20px 0px 0px;/*padding-top: 5px;*/}

.portfo .jqDock {/*width:75% !important;*/}
.service .jqDock {/*width:77% !important;*/}

.jqDock {/*width:100% !important;*/}
.jqDockLabel {width: auto !important;height: 20px !important;/*background: #f6f6f6;*/border:0px none; padding:0px 4px; font-weight:bold;color: #336699; font-size:14px; white-space:nowrap;}
.jqDockLabelLink {cursor:pointer;}
.jqDockLabelImage {cursor:default;}

.portfo #port1 .jqDock, .portfo #port5 .jqDock {/*left: 29% !important;*/padding-left:250px !important;}
.portfo #port2 .jqDock {/*left: 16% !important;*/padding-left:200px !important;}
.portfo #port3 .jqDock, .portfo #port4 .jqDock {/*left: 20% !important;*/padding-left:200px !important;}
.service #port1 .jqDock, .service #port5 .jqDock {/*left: 23% !important;*/padding-left:150px !important;}
.service #port2 .jqDock {/*left: 6% !important;*/padding-left:100px !important;}
.service #port3 .jqDock, .service #port4 .jqDock {/*left: 14% !important;*/padding-left:120px !important;}

.cor_box {margin: 20px 0;background: #f6f6f6; border: 1px solid #bebebe;position:relative;height: 1%;}
.cor_box .cor {position: absolute; height: 6px; width: 6px; overflow: hidden;}
.cor_box .lt {top: -1px; left: -1px; background: url(img/cor_lt.gif) no-repeat;}
.cor_box .lb {bottom: -1px; left: -1px; background: url(img/cor_lb.gif) no-repeat;}
.cor_box .rt {top: -1px; right: -1px; background: url(img/cor_rt.gif) no-repeat;}
.cor_box .rb {right: -1px; bottom: -1px; background: url(img/cor_rb.gif) no-repeat;}
* html .cor_box .rt, * html .cor_box .rb {right: -2px;}

.scr_box { overflow: hidden; margin: 0px 0; height:226px; width:192px; background: url(img/scr_box_r.gif) repeat-x bottom right;border-top: 1px solid #bebebe;}
* html .scr_box {height:227px;} /**+html .scr_box {height:227px;}*/
.scr_wrap {/*position:relative;*/height:216px; width:182px;padding: 5px;/*height:226px; width:192px;*/background: url(img/scr_box_l.gif) no-repeat bottom left;}
.scr_img {display:block;/*left: 5px; top: 5px;*/border: 1px solid #bebebe;overflow:hidden;width:180px; height:180px;position: relative;}
.scr_img img {z-index:1;position: absolute;left:0; top:0;}

.scr_box p {/*border:1px solid blue;*/margin: 0px 0 !important; font-size:14px; color: #006600; font-weight:bold; text-align: center;padding-top: 15px;}
.scr_wrap a {outline:0;cursor:default;height:16px; width:27px;border:none;display:block;/*padding: 0 8px;*/ text-decoration:none; line-height:0; font-size:0;}
.scr_wrap b {display:block;height:16px; width:11px;padding: 0 8px; background-repeat:no-repeat;}
.scr_wrap .left_arr {float:left;}
.scr_wrap .rig_arr {float:right;}
.screen {z-index: 20 !important;}

*+html .serv_cont .ui-tabs-panel .scr_img {/*border:1px solid red !important;*//*float:left;left:0px;*//*height:180px;*/}
*+html .serv_cont .ui-tabs-hide .scr_img {/*border:1px solid green !important;*//*float:left;*//*margin-left:-30px;*//*left:-30px;*//*height:180px;*/}
*+html .scr_box p {/*position:relative;*//*height:17px;left:0;bottom:0px;*//*margin-top: 150px;*/}

.ui-tabs-panel .scr_img {display:block;/*height:100%;*/}
.ui-tabs-hide .scr_img {display:none; /*visibility:hidden;*/}

.scr_wrap .left_arr b {background-image: url(img/scr_arr_l.png);}
.scr_wrap .rig_arr b {background-image: url(img/scr_arr_r.png);}
* html .scr_wrap .left_arr b {background-image: url(img/scr_arr_l.gif);}
* html .scr_wrap .rig_arr b {background-image: url(img/scr_arr_r.gif);}
.scr_wrap .on {cursor:pointer; background-position: bottom center !important;}
.scr_wrap .off {cursor:default; background-position: top center;}

.highlight { background-color: #e9fad5 !important;}
.activ_hover { background-color: #e9fad5 !important;}
.left_col .hover_it {/*cursor:pointer;*/padding:0px 0pt 0px 20px !important;/*display:inline;*/}
.left_col .hover_it a {display:block;color: #000; text-decoration: none;padding: 6px 0;height:100%;width:100%;}
.service .right_col {margin-left: 220px; }
.service .right_col p, .service .right_col h3, .service .right_col h4 {padding-left: 10px; padding-right:10px;}
.right_col .hover_it a {line-height:0; font-size:0;height:0;padding:0 !important;}

.cont {padding: 5px 10px 5px 18px; margin: 0px !important; }
.cont p {padding: 5px 0;margin-right: 0px !important; font-size: 85%;}
.cont h5 {color: #336699; font-size: 105%;margin: 10px 0 -10px 0;}
.cont b {/*font-weight: normal;*/}
#map {border: 1px solid #8b8b8b; height: 300px;margin-top: 10px;}

.form {width:100%; float: left; height: 420px;}
.form ul {list-style:none;padding: 0 0 30px 0;/*margin-left:230px;*/}
.form li {clear:both;padding: 7px 0;}
.form label { float:left; width:77px;display:block; /*text-align:right;*/padding-right:20px; line-height:17px;}
* html .form label {width:95px;padding-right:10px;}
.form .txt {border: 1px solid #7f9db9;width:300px;float:left;}
.form .txt:focus {border: 1px solid #069; background: #fdfdfd;}
.form textarea {height:130px;}
.form .but {margin-left:97px;}

.company {}
.company h4 {color: Black;margin-top: 5px; margin-bottom: 6px;}
.company p {margin: 7px 0;}
.alfa, .beta, .gamma, .delta, .eta {/*padding: 0px 0px 20px 230px;*/margin: 0 0 10px;}
/*
.alfa {background: url(img/pic_alfa.jpg) no-repeat left top; }
.beta {background: url(img/pic_beta.jpg) no-repeat left top; }
.gamma {background: url(img/pic_gamma.jpg) no-repeat left top; }
*/

.port_preload, .serv_preload {/*display:none;*/}
.portfo .cor_box, .service .cor_box {display:none;}

/*.contact_form*/ input.error, textarea.error {border: 1px solid #dd0a14 !important;}
/*.contact_form*/ label.error {color: #dd0a14;font-size: 80%;padding-left: 10px;/*width:400px;margin-left:107px;*/ }
.contact_form label.error {/*width:200px;*/width:auto;float:left;padding-right: 0;}
.thanks {font-weight:bold; font-size: 18px; color: #336699; }
.contact_form .status {/*float:left;*/}

#mail {padding: 40px 0 0 0; font-size: 12px;}

.defineYourProject {margin: 0; padding: 0;}
.defineYourProject textarea {width: 411px;}
* html .defineYourProject textarea {width: 416px;}
.defineYourProjectCapt {font-size: 2em; font-weight: normal; margin-bottom: 30px;}
.toLeft {float: left; width: 47%; padding: 0 0 20px;}
.toRight {float: right; width: 47%; padding: 0 0 20px;}

.aufgabe {list-style: none; margin: 0; padding: 0;}
.aufgabe li {margin: 0; padding: 0 0 5px;}
.aufgabe label {display: block; font-weight: bold; font-size: 0.95em;}
.aufgabe label.floated {float: left; width: 115px; margin: 0 5px 0 0;}
.aufgabe input.hidden {display: none;}
.aufgabe input.i-txt {width: 290px; float: left;}
.aufgabe textarea {width: 290px !important; float: left;}
.aufgabe input.deadLine {width: 70px;}
.aufgabe input.deadLineDate {width: 40px;}

.addedFields {padding: 0 0 5px; font-size: 0.95em;}
.addedField {white-space: nowrap; float: left; width: 100%; padding: 0 0 3px;}
.aufgabeField {float: left; width: /*105px*/115px; overflow: hidden; margin-right: 5px; position: relative; color: #999; font-weight: bold;}
.beshreibungField {float: left; width: 220px; overflow: hidden; position: relative; color: #555;}
* html .beshreibungField {width: 210px;}
.deadLineField {float: left; width: 45px; overflow: hidden; margin-right: 10px; color: #333;}

.txt-end {background: url(img/txt-end2.png) no-repeat; position: absolute; margin-left: -36px; width: 36px; height: 20px;}
* html .txt-end {/*background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src=’./green_it_sibers/php/img/txt-end.png’, sizingMethod=’crop’);*/}
.addedFields .txt-end {margin-left: 0; width: 36px; height: 20px; right: 0; top: 0;}
.number {font-size: 2em; color: #555;}

.paddedTable {border-collapse: collapse;}
.paddedTable th {text-align: left;}
.paddedTable td {padding: 0 5px 5px 0;}
.paddedTable .i-txt {width: 265px;border: 1px solid #aaa;}
.paddedTable .big-txt {width: 598px;}
.paddedTable label {padding-right: 15px;}
abbr {color: Red;}


.senden {padding: 5px 10px;}

.form_button { margin-top: 25px; display:block; height: 52px; width: 431px; background: url(img/form_button4.gif) no-repeat 0 0; outline: 0; text-decoration: none;}