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, font, 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 {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
.clearfix:after {
content: ".";
display: inline; /* block */
height: 0;
clear: both;
font-size: 0px;
line-height: 0px;
visibility: hidden;
overflow: hidden;
}
.clearfix {display: inline-block;} /* for IE/Mac */
body,html { text-align: center; font-family: Verdana, Tahoma, Arial; font-size: 11px; color: #e6e6e6; background: #212222}
.clear { clear: both; font-size: 0px; height: 0px }
a { text-decoration: none; color: #0066b1}
#main { margin: auto }
#top { height: 264px; width: 100%; float: left; background: url(../images/top_bg.jpg) repeat-x; }
#background_middle { width: 100%; background: #161616 }
#top_flash {margin:auto}
#logo { }
#menu { }
#menu2 { }
h1,h2,h3 { font-weight: normal; }
#middle { width: 999px; margin:auto; background: #161616; background: url(../images/middle.jpg) repeat-y; }
.column { width: 227px; float: left; background: #212222; padding-bottom: 20px ; text-align: justify }
.column h3 { margin: 20px 20px 10px 20px; font-weight: normal; font-size: 13px; color: #969696; clear: both }
.column h2 { padding: 20px 0 5px 20px; font-size: 14px; height: 15px; font-family: arial; line-height: 15px; background: url(../images/sep.jpg) no-repeat bottom}
.column p { margin: 0 20px 0 20px; line-height: 12px; }
.column ul { margin: 20px 20px 14px 20px; line-height: 20px; }
.column a { color: #e6e6e6; }
.column a.weiter { margin: 0px 20px 10px 0px; float: right; display: inline }
.column p.date { margin: 0px 0 10px 20px; float: left; display: inline; color: #969696;}
.column p.about { margin: 10px 0 10px 20px; float: left; color: #969696; }
.column .wysiwyg { padding: 0 20px 15px 20px; width: 190px; overflow: hidden }
.column .wysiwyg p { margin: 0 0 15px 0; line-height: 15px }
.sep { clear: both; width: 227px; height: 2px; line-height: 2px; background: url(../images/sep.jpg) no-repeat }
#content { width: 545px; width: 505px; overflow: hidden; float: left;display: inline; background: #161616; padding: 20px; text-align: justify }
#content .sep { width: 505px; background: url(../images/sep_content.jpg) repeat-x ; }
#content h1 { font-size: 15px; margin: 20px 0 10px 0; color: #969696;}
#content .text { margin-top: 20px; line-height: 17px; width: 505px; overflow: hidden; float: left; display: inline }
#content .text .left { width: 240px; margin-right: 20px; float: left; display: inline }
#content .text .right { width: 240px; float: left }
#content .text img { margin-bottom: 15px; text-align: center }
#content .text li { padding-left: 18px; margin-bottom: 5px; background: url(../images/li_style.jpg) no-repeat 0 7px }
#content .text ul { margin-top: 0px; margin-left: 14px; clear: both }
#tvs_flash { margin-bottom: 25px; marign-top: 10px; float: left; width: 505px; }
/* !!! TOP_MENU */
#content .top_menu { margin-top: -20px; padding: 0px 0 0px 0; height: 40px; zwidth: 505px }
#content .top_menu a { cursor: pointer; background: transparent; line-height: 30px; font-family: Arial; height: 27px; float: left; display: inline; color: white; font-size: 14px; padding: 12px 14px 0 14px; background: url(../images/top_menu_bg.jpg) repeat-y right; }
#content .top_menu a.end { background: transparent }
#content .top_menu a.end.hover, #content .top_menu a.end.selected { background: #161616 }
#content .top_menu a:hover,#content .top_menu a.selected,#content .top_menu a.hover { font-family: arial; color: #2093cc; background: #161616 url(../images/top_menu_bg.jpg) repeat-y right; }
#content .top_menu a img { margin-top: 23px; display: block; }
#content .top_menu li {display: inline; float: left; height: 40px; background: #222222 url(../images/sep_content.jpg) repeat-x bottom; }
.left_n { width: 227px; float: left; display: inline; background: #212222; padding-bottom: 20px ; text-align: justify }
.left_n li { background: url(../images/sep_content.jpg) repeat-x bottom; clear: both; float: left; display: inline; padding-bottom: 5px }
.left_n li a { float: left; display: inline; width: 207px; padding-right: 20px; }
.left_n li a:hover, .left_n li a.selected { background: url(../images/blue_selected.jpg) no-repeat right; }
.left_n h2 { padding: 20px 0 5px 22px; font-size: 14px; height: 15px; font-family: arial; text-transform: uppercase; font-weight: normal; line-height: 15px; background: url(../images/sep.jpg) no-repeat bottom}
/* LIST */
#content.list h1 { padding: 1px 0 5px 0px; margin: 0px 0 10px 0; font-size: 14px; color: #e6e6e6; font-family: arial; height: 14px; background: url(../images/sep.jpg) repeat-x bottom; }
#content.list h2 { padding: 1px 0 5px 0px; margin: 0px 0 10px 0; font-size: 14px; color: #e6e6e6; font-family: arial; height: 14px; background: url(../images/sep.jpg) repeat-x bottom; }
#content.list h3 { color: #c7e7ec; float: left; display: inline; font-size: 12px; color: #969696; font-family: arial; font-weight: normal; margin: 20px 0 20px 0; padding-left: 125px; width: 380px; }
#content.list div.text2 { float: right; display: inline; margin: 0 5px 15px 0; width: 375px; line-height: 15px }
#content a.img_con, #content div.img_con { float: left; display: inline; margin-bottom: 15px; min-width: 100px; max-width: 120px; overflow:hidden; text-align: center }
/* REFERENZEN */
#content.ref { width: 751px; overflow: hidden; padding-right: 0px; background: transparent }
#content.ref h1 { padding: 0px 0 4px 0px; height: 14px; line-height: 17px; margin: 0; color: #e6e6e6; font-familly: arial; font-size: 14px; float: left; display: inline; width: 525px;}
#content.ref h1 img { margin-bottom: -4px; }
#content.ref .right_title { float:right; display: inline; width: 206px; padding: 1px 0 4px 20px; margin: -3px 0 0 0; color: #868686 }
.right_title .left { float: left }
.right_title .right { float: right; margin-right: 20px }
.right_title input { display: none }
.right_title img { margin: 3px 5px 0 0; padding-top: 3px }
.checkbox { cursor: pointer }
#content.ref ul { float: left; font-family: Tahoma }
#content.ref ul li { width: 800px; float: left; display: inline }
#content.ref .slider { position: relative; width :504px; height: 252px; margin: 10px 0 10px 0; float: left; display: inline; overflow: hidden }
#content.ref .slider div.slides { position: absolute; height: 252px; width: 4100px; overflow: hidden; left: 0px }
#content.ref .slider div a { float: left; display: inline; margin-right: 10px; text-align: center; width: 504px }
#content.ref .slider .hidden_img { position: absolute; visibility: hidden; z-index: 10000 }
#content.ref .column { margin-left: 21px; width: 226px; position: relative; min-height: 252px }
#content.ref .column h3 { margin-bottom: 35px }
/* pagg */
#content.ref .pag { position: absolute; bottom: 10px; left: 20px; width: 190px; margin-top: 10px }
#content.ref .pag a { cursor: pointer; float: left; display: inline; margin: 0; padding: 0px; z-index: 100 }
#content.ref .pag ul { display: inline; float: left; width: 137px; margin: 0 20px 0 20px; padding: 0px; }
#content.ref .pag ul li { float: left; display: inline; cursor: pointer; width: 10px; height: 13px; font-size: 10px; padding-left: 3px; line-height: 12px; margin: 0 2px 0 2px; background: url(../images/pag_bg.jpg) no-repeat bottom left}
#content.ref .pag ul li.selected { background: url() }
#content.ref .pag a.next { visibility: hidden; }
#content.ref .pag_all { width: 500px; padding-top: 20px; text-align: center; float: none }
#content.ref .pag_all ul { text-align: center; float: none; display: inline}
#content.ref .pag_all a { display: inline; }
#content.ref .pag_all ul li { display: inline; width: 13px; height: 13px; padding: 0px 1px 0 1px; text-align: center; float: none }
#content.ref .pag_all ul li a { display: inline; width: 13px; height: 13px; line-height: 10px; padding:0px 5px 2px 4px; color: #fff; text-align: center; float: none}
#content.ref .pag_all ul li a:hover, #content.ref .pag_all ul li a.selected { background: url(../images/pag2_bg.jpg) no-repeat }
/* sep */
#content.ref .sep { width: 751px; background: url(../images/sep_content.jpg) repeat-x ; }
#content.ref .sep.first { margin-bottom: 10px }
/* FORM */
/* FORM */
.form { text-align: left }
.form li { clear: both }
.form fieldset { width: 368px; float: left; display: inline; margin: 10px 0 0 50px; }
.form label { width: 118px; float: left; display: inline; height: 20px; line-height: 20px; margin: 0 0 12px 0; color: #6a6a6a }
.form .txt { width: 234px; float: right; display: inline; height: 14px; margin: 0 0 8px 0; padding: 2px 4px 2px 4px; color: #a6a6a6; font-size: 11px; background: #353738; border: 1px solid #2f3031; }
.form select.txt { padding: 0px; width: 244px; height: 22px; border: 0; opacity:0.0; filter:alpha(opacity=0); position: absolute }
.form textarea.txt { height: 150px; font-family: Tahoma }
.form div.form_sep { margin-bottom: 30px; float: left; width: 364px }
.form div label { width: auto; margin-right: 30px }
.form p { float: left; display: inline; margin: 0 0 0 10px; height: 10px; width: 14px; margin-top: 6px; cursor: pointer}
.form p.no { background: url(../images/radio_no.jpg) no-repeat center; }
.form p.ja { background: url(../images/radio_yes.jpg) no-repeat center }
.form .hidden { display: none; font-size: 0px; }
.form input.submit { cursor: pointer; clear: both; float: right; display: inline; padding: 2px 25px 2px 15px; color: #a6a6a6; font-size: 11px; background: #353738 url(../images/send.jpg) no-repeat right; border: 1px solid #2f3031; }
.form .select { background: url(../images/select.jpg) no-repeat top right; position: relative; width: 244px; height: 30px; float: right; display; }
.form .select span { position: absolute; margin: 5px 0 0 5px; width: 210px; color: #a6a6a6; font-size: 11px; z-index: 3}
.form .forma { float: right; width: 245px; }
.form .forma label { width: 60px }
/* WYSIWYG */
.wysiwyg { text-align: justify }
.wysiwyg p { margin-bottom: 13px; }
/* SHADOWBOX ICON */
.popup_img { color: #e6e6e6; curosor: pointer; position: relative; padding-right: 18px }
#content .text a.popup_img img { margin: 0px; margin-left: 5px; position: absolute; right: 0px; bottom: 0px }
#content .text img.popup_img_img { margin: 0 7px 0 -10px; cursor: pointer }
/* TOOLTIP */
.tooltip { color: #e6e6e6; position: relative; padding-right: 18px; }
a.tooltip { color: #e6e6e6; }
#content .text .tooltip img { margin: 0px; margin-left: 10px; position: absolute; right: 0px; bottom: 0px }
#content .text img.img_tooltip { margin: 0 7px 0 -14px}
#tooltip { position: absolute; z-index: 3000; border: 1px solid #363739; background-color: #eee;padding: 5px;color: #161616; }
#tooltip h3, #tooltip div { margin: 0; }
/* IMG LIST */
#content .text .img_list { margin-bottom: 15px }
#content .text .img_list { padding: 0px; margin: 0px }
#content .text .img_list li { display: inline; width: 150px; float: left; margin: 9px; cursor: pointer; background: transparent; padding: 0}
#content .text .img_list li a { color: #e6e6e6; float: left; width: 150px; overflow: hidden }
#content .text .img_list li a img { margin-bottom: 2px }
#content .text .img_list li div { min-height: 51px; overflow: hidden; width: 150px; }
#menu { text-align: center; padding: 15px 0 30px 0; float: left; width: 100%; background: #212222 url(../images/sep.jpg) repeat-x; color: #646464 }
#menu a { color: #979797 }
#menu .boxs { margin: auto; width: 999px; }
#menu .box { width: 222px; padding: 0 20px 0 20px; min-height: 164px; float: left; margin-right: 8px; display: inline; text-align: left; line-height: 18px; background: url(../images/bottom_box_center.jpg) no-repeat }
#menu .box.first,#menu .box.last { padding: 0px; width: 225px; background: url(../images/bottom_box_wing.jpg) no-repeat }
#menu .box.first h4,#menu .box.last h4 { margin-left: 25px; }
#menu .box.first img {float: left; margin-right: 10px }
#menu .box.first p { margin-top: 20px; margin-right: 10px; color: #989898; line-height: 16px; text-align: justify}
#menu .box.last { margin-right: 0px; background: url(../../media/images/phone_box.jpg) no-repeat }
#menu .box.last p.phone { font-size: 14px; color: #848484; margin-bottom: 7px; }
#menu .box.last h4 { margin-bottom: 45px }
#menu .box h4 { font-familly: Arial; margin-top: 6px; font-size: 13px; font-weight: normal }
#menu .box ul { margin: 15px 30px 0 0; width: 95px; float: left; display: inline; }
#menu .box ul.two { margin-right: 0px }
#menu .box ul li { clear: both }
#menu .box ul li a { float: left }
#menu .box p { margin-left: 20px; }
#menu .box img { margin-top: 15px } /* serwice img */
/* MENU 3 */
#menu3 { width: 100%; float: left; text-align: center; height: 20px; overflow: hidden; background: #212222 url(../images/sep.jpg) repeat-x top; text-align: center }
#menu3 ul { width: 850px; margin: auto; height: 20px; margin-top: 2px; text-align: center }
#menu3 a {color: #909090; text-transform: uppercase; padding: 4px 8px 5px 8px; display: inline-block; font-size: 10px}
#menu3 a:hover, #menu3 a.selected { background: #343635 }
#menu3 li { display: inline; height: 20px; padding: 0 3px 0 3px; background: url(../images/menu2_sep.jpg) no-repeat right}
/* MENU 3 */
.newsletter { width: 210px; background: url(../images/newsletter_input.jpg) no-repeat; margin-top: 12px; padding-bottom: 5px }
.newsletter:after { content: ""; }
.newsletter input.email { margin: 3px 0 0 20px; width: 142px; height: 16px; padding: 0 0 3px 2px; line-height: 16px; float: left; display: inline; color: #ffffff; font-size: 11px; background: none; border: none; }
.newsletter input.email.submit { margin-left: 6px; width: 40px; height: 24px; cursor: pointer}
.newsletter input.letter { float: left; display: inline; margin-right: 5px; margin-left: 20px }
.newsletter label { float: left; display: inline; width: 60px; line-height: 20px; }
.newsletter .options { display: none; margin-top: 10px }
.newsletter p.show_options { color: #646464; cursor: pointer }
#footter { width: 100%; float: left; padding: 10px 0 50px 0; background: #212222 url(../images/sep.jpg) repeat-x }