@charset "utf-8";

html { 
padding:0; 
margin:0;
}

body { 
margin:0; 
padding:0; 
width:100%; 
background:url(../bilder/main_bg.gif);
position:relative; 
font-family: Arial,sans-serif;
font-size: 12px;
color: #414141;
}

h5, h6 {
font-family: Arial,sans-serif;
font-size: 14px;
margin: 0px;
padding: 0px;
padding-bottom: 25px;
}

h6 {
padding-bottom: 5px;
color: #AFBD0D;
}

ul {
padding-left: 10px;
}

a img {
border: 0px;
}


/* main */
.main {width:100%; padding:0; margin:0 auto; }
.resize { width:949px; margin:0 auto;}

/********** header **********/
.header { }
.block_header {display:block;margin:0 auto; width:949px;height:188px;}
/* logo */
.logo { position:absolute; padding:0; margin:0; width:299px;}
/* search */
.search { float:right; width:356px; height:57px; margin: 40px 0 0 40px;padding:0;background:url(../bilder/search_bg.gif) top no-repeat;}
.search form { float:right; padding:15px 50px 0 0; margin:0;}
.search form b, .search form strong { display:block; float:left; color:#b4b4b4; font:normal 12px Arial, Helvetica, sans-serif; padding:4px 10px;}
.search form label { }
.search form input { float:left;}
.search form input.text { padding:3px 3px; margin:2px 5px 0 0; background:url(../bilder/search_form_bg.gif) top no-repeat; border:0; color:#b4b4b4; font:normal 12px Arial, Helvetica, sans-serif; width:198px; height:14px;}
.search form input.button_search { padding:0; margin:0; height:23px; width:23px;}
/* menu */	
.menu { position:absolute;padding:0; margin:0; width:949px; height:58px; background:url(../bilder/menu_bg.gif) top no-repeat;margin-top: 34px;}
.rss { width:100px; float:left; margin:25px 0 0 10px; padding:0;}
.rss img { margin:0; padding:0; float:right;}
.menu ul { float:right; padding:0; margin:7px 30px 0 0; list-style:none; border:0;}
.menu ul li { float:left; margin:0; padding:0;}
.menu ul li a, #service a { float:left; margin:0 1px 0 0; padding:15px 0; color:#c8c8c8; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none;}
.menu ul li a span { padding:15px; margin:0; background:none;}
.menu ul li a:hover { color:#bfce0f; background:url(../bilder/r_menu.gif) no-repeat right;}
.menu ul li a:hover span { color:#bfce0f; background:url(../bilder/l_menu.gif) no-repeat left;}
.menu ul li.active a { color:#bfce0f; background:url(../bilder/r_menu.gif) no-repeat right;}
.menu ul li.active a span { color:#bfce0f; background:url(../bilder/l_menu.gif) no-repeat left;}
#service {position: absolute; width: 335px; margin-top:15px;padding: 0px;margin-left:618px; }
#service li {list-style-type: none;float:left;}
#service a {margin-right: 20px;padding:0px}
/********** slider **********/
.slider {margin:0 auto; width:949px;
height:550px;
padding:0; background:#f5f6f7 url(../bilder/slider_bgN.png) top no-repeat; 
margin-bottom: 30px;
position: relative;
}
.slider .left1 { float:left; width:460px;text-align:justify;}
.slider h2 { padding:35px 10px 10px 40px; margin:0; color:#565f65; font:normal 26px Arial, Helvetica, sans-serif;}
.slider h2 span { font-size:30px}
.slider h4 { margin:0; color:#9ca3a8; font:normal 15px Arial, Helvetica, sans-serif; line-height:17px;padding:5px 0 5px 40px;}
.slider p { font:normal 12px Arial, Geneva, sans-serif; color:#5e5e5e; padding:5px 0 5px 40px; margin:0; line-height:17px;}
.slider ul.buttons { float:left; padding:20px 0 10px 25px; margin:0; list-style:none;}
.slider ul.buttons li { float:left; padding:0 5px; margin:0;}
.slider .gallery { position: absolute; width:309px; height:255px; margin: 35px 0 0 400px;}
.slider .gallery img { margin-left: 35px}
/*toppik*/
.toppik {margin:0 auto 43px auto; width:949px; padding:0; background:url(../bilder/topi_bg.gif) top no-repeat; height:90px;position:absolute;margin-top:460px}
.toppik p { padding:16px 0 0 40px; margin:0; font:normal 12px Arial, Geneva, sans-serif; color:#5e5e5e; width: 185px;}
.toppik ul { width:500px; list-style:none; padding:0;}  
.toppik ul li { float:left; padding:0 10px;}
#preisStartseite {
position:absolute;
margin-top: 265px;
margin-left: 60px;
width: 400px;
}
#preisStartseite p {
padding: 0px;
margin: 0px;
}
#preisStartseite a {
text-decoration: none;
}
/*blog_body*/
.blog_body { width:949px; background:#fff url(../bilder/body_top_img.gif) top no-repeat; margin:0 auto; padding:0;}
.blog_bottom { margin:0; padding:0 2px; background:url(../bilder/body_bottom_img.gif) bottom no-repeat;}
.blog_bottom li {
list-style: square inside;
line-height: 17px;
}
.blog_bottom td ul {
padding-left: 16px;
}
.blog_bottom td li {
list-style-type: square;
list-style-position: outside;
}
.blog_bottom li a {
background: transparent url(../bilder/linkicon.gif) no-repeat scroll 0 1px;
padding-left: 16px;
}
.blog h3 {
background:url(../bilder/h3ueberschrift.jpg) left no-repeat;
margin:0; font:normal 12px Arial, Helvetica, sans-serif; color:#414141; padding:3px; padding-left:0px;line-height: 17px
}
.blog_body p { margin:0; font:normal 12px Arial, Helvetica, sans-serif; color:#414141; padding:5px; padding-left:0px;line-height: 17px}
.blog_body td p { padding-top:0px;}
.blog_body table tr td.einzelproduktZelle200 p { padding-bottom:0px;}
.blog_body table tr td.einzelproduktZelle200 p img { position: absolute;}
.blog_body td a img { padding-top:10px;}
.blog_body p.absatzLeistungen { 
padding:0px; 
}

.blog_body a, #zusatzinformationen a {
font:bold 12px Arial, Helvetica, sans-serif; 
color: #AFBD0D; 
text-decoration: underline;
}
/*
.blog_body .absatzEingerueckt a, .blog_bottom .left td a, .tx-felogin-pi1 a { 
font:bold 12px Arial, Helvetica, sans-serif; 
color: #AFBD0D; 
text-decoration: underline;
background: url(../bilder/linkicon.gif) no-repeat 0px 1px;
padding-left: 16px;
}
*/
.blog_body a.big { font:bold 12px Arial, Geneva, sans-serif; color:#afbd0d; text-decoration:none;}
.blog_body span { font:normal 15px Arial, Helvetica, sans-serif; color:#898989; line-height:17px;}
.blog_body ul {
padding-left: 2px;
padding: 0px;
margin: 0px;
}
.blog_body h2 { font:normal 22px Arial, Geneva, sans-serif; color:#485157; border-bottom:1px solid #d1d4d7; padding:13px 10px 13px 40px; margin:5px 0; line-height:17px;}
.blog_body h2.welcome { background:url(../bilder/piktoUnternehmen.jpg) left no-repeat;}
.blog_body h2.what { background:url(../bilder/piktoProdukte.jpg) left no-repeat;}
.blog_body h2.our { background:url(../bilder/piktoLeistungen.jpg) left no-repeat;}
.blog_body .lorem { width:275px; float:left; padding:10px 20px;}

/*FBG*/
.FBG { margin:0 auto; padding:0; width:949px;padding-bottom:250px}
.FBG h2 { font:normal 22px Arial, Geneva, sans-serif; color:#fff; border-bottom:1px solid #414a50; padding:13px 0px; margin:5px 0; line-height:17px;}
.FBG p { 
font:normal 12px Arial, Geneva, sans-serif; 
color:#cccccc; 
padding: 5px; 
margin:0; 
line-height: 17px;
}
.FBG a { color:#afbd0d; text-decoration:underline;}
.FBG span { color:#878787;}
.FBG .larem { width:275px; float:left; padding:10px 20px;margin-right: 0px;}
.FBG .larem h3 { font-size: 12px; color: #AFBD0D; margin-bottom: 0px;}
.FBG .larem p { margin: 0px; padding: 0px}
.FBG .larem a { font-size: 12px;}

/* search2 */
.search2 { float:right; margin:10px 0 0 0; padding:0;}
.search2 form { padding:5px 0 0 0; margin:0;}
.search2 form label { }
.search2 form input { float:left;}
.search2 form input.text { padding:8px 3px; margin:2px 5px 0 0; background:url(../bilder/search_foorm_bg2.gif) top no-repeat; border:0; color:#b4b4b4; font:normal 12px Arial, Helvetica, sans-serif; width:175px; height:14px;}
.search2 form input.button_search { padding:0; margin:2px 0 0 0; height:28px; width:74px;}

/*left*/
.left { width:580px; float:left; padding:10px 40px; padding-right: 20px;margin:0;}
.left h2 { font:normal 19px Arial, Geneva, sans-serif; color:#4e4a38; border-bottom:1px solid #d1d4d7; padding:10px 10px 10px 40px; margin:0; line-height:24px;}
.left h2.port { background:url(../bilder/h2_port.gif) left no-repeat;}
.left h2.sevr { background:url(../bilder/h2_servises.gif) left no-repeat;}
.left h2.con { background:url(../bilder/h2_con.gif) left no-repeat;}
.left h3 { background:url(../bilder/h3ueberschrift.jpg) no-repeat;font:normal 14px Arial, Geneva, sans-serif; color:#4e4a38; padding:7px; padding-left:10px; margin:0;  margin-bottom:15px; line-height:17px;}
.left .img { float:left; margin:10px; padding:0;}
.left a.linkMitPfeil { 
font:bold 12px Arial, Helvetica, sans-serif; 
color: #AFBD0D; 
text-decoration: underline;
background: url(../bilder/linkicon.gif) no-repeat 0px 1px;
padding-left: 16px;
}

#linkeInhaltsspalte {
position: absolute;
top: 270px;
}

#linkeInhaltsspalte p {
padding-left: 0px;
}


/*right*/
.right { width:245px; float:left; padding:10px 20px; margin:0;}
.right h2 { font:normal 18px Arial, Geneva, sans-serif; color:#485157; border-bottom:1px solid #d1d4d7; padding:15px 10px 10px 12px; padding:10px 10px 10px 35px;margin:0; margin-left: 10px; margin-bottom: 10px;line-height:24px; background:url(../bilder/pfeilrechtespalte.gif) no-repeat 4px 13px;}
.right h2.rechtespalteoben {
margin-bottom: 0px;
background:url(../bilder/pfeiluntermenu.jpg) no-repeat 4px 13px;
}
.right li a { 
font:bold 12px Arial, Helvetica, sans-serif; 
color: #AFBD0D; 
text-decoration: underline;
background: url(../bilder/linkicon.gif) no-repeat 0px 1px;
padding-left: 16px;
}

.right li a.linkOhnePfeil { 
background: none;
padding-left: 0px;
}

.right ul { background:none; margin:10px; padding:0; padding-top: 4px; list-style:none; border:0;}
.right li { 
padding:4px 5px; 
padding-bottom: 3px;
margin:0; 
list-style-type: none;
}

.right p { 
margin-top: 8px;
padding-left: 10px 
}

.right li img {
top: 2px
}

.right li.bildInListe {
margin-left: 0px;
}

.right li.bildInListe img {
position: relative;
top: 2px;
left: -4px;
}




/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#6e6e6e;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { margin:0; width:110px; display:block; padding:5px 0; font:normal 12px Arial, Geneva, sans-serif; color:#6e6e6e; text-transform:capitalize; float:left;}
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif;}
#contactform input.text { width:440px; border:1px solid #dedede; margin:5px 0; padding:5px 2px; height:16px; background:#fff; float:left;}
#contactform textarea { width:440px; border:1px solid #dedede; margin:10px 0; padding:2px; background:#fff; float:left;}
#contactform li.buttons input { padding:3px 0; margin:0 0 0 110px; border:0; color:#FFF;}
p.response { text-align:center; color:#2c2c2c; font:bold 12px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}

/*************footer**********/
.footer { padding:15px 0; margin:10px auto 0 auto; background:#090909 url(../bilder/footer_bg.gif) top repeat-x; width:949px;}
.footer p { float:left; width:424px; padding:0 25px; margin:0; color:#646d73; font:normal 10px Arial, Geneva, sans-serif;}
.footer a { color:#646d73; font:normal 12px Arial, Helvetica, sans-serif; padding:0 5px;}
.text_left { text-align:left;}
.text_right { text-align:right; float:right;}

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { clear:both; border-top:1px dashed #b8bec1; padding:0; margin:5px 0; background:none;}


/******************* Zusatzinformationen ***********************/
#zusatzinformationen {
position: absolute;
width:100%; 
height: 225px;
top: 980px;
margin:0 auto; 
color: #cccccc;
font-family: Arial, Verdana, sans-serif;
text-align: center;
}

#zusatzinformationen h2 {
width:935px; 
font-size: 14px;
margin: 0px auto;
padding-left: 25px;
text-align: left;
}

#zusatzinformationen p {
width:900px;
font-size: 12px;
line-height: 17px;
margin: 0px auto;
margin-top: 10px;
margin-bottom: 10px;
padding: 0px;
padding-left: 25px;
padding-right: 35px;
text-align: left;
}


/******************* Kontaktformular ***********************/

.tx-powermail-pi1 {
margin: 0px;
padding: 0px;
}

.tx-powermail-pi1 input, .tx-powermail-pi1 textarea, .tx-powermail-pi1 select {
color: #414141;
font-size: 12px;
}

.tx_powermail_pi1_fieldwrap_html_submit {
margin-top: 30px;
}

fieldset {
text-align: right;
vertical-align: top;
width: 530px;
border: 0px;
padding: 0px 0px 8px 0px;
font-size: 12px;
color: #414141;
font-family: arial,sans-serif;
}

fieldset div {
margin-bottom: 10px;
}

textarea {
font-size: 12px;
color: #545454;
font-family: Arial,sans-serif;
}

label {
float: left;
}

legend {
display: none;
}

fieldset #powermaildiv_uid14, #powermaildiv_uid16, #powermaildiv_uid26 {
text-align: left;
margin-bottom: 15px;
font-weight: bold;
}

#powermaildiv_uid16 {
margin-top: 30px;
}

#powermaildiv_uid15 label {
text-align: left;
width: 250px;
}

.tx-srfreecap-pi2-cant-read {
display: none;
}

.blog_bottom  .left {
margin-bottom: 40px;
}

.blog_bottom  .left h2 {
margin-bottom: 25px;
}

.blog_bottom .left p {
/*padding-left: 170px;*/
}

.blog_bottom .left td {
vertical-align: top;
}

.blog_bottom .left p.absatzBreite, .blog_bottom .left td p {
padding-left: 0px;
padding-bottom: 15px;
}

.produktTabelle td, .produktTabelleAnschluss td, .zellenbreite190 {
text-align: left;
width: 190px;
}

.produktTabelleAnschluss td {
padding-right: 25px;
vertical-align: top;
}

.einzelproduktZelle200 {
width: 250px;
}

/********** Überschriften ****************/

.h2_1 {
background:url(../bilder/piktoUnternehmen.jpg) no-repeat 4px 9px;
}

.h2_2 {
background:url(../bilder/piktoProdukte.jpg) no-repeat 4px 9px;
}

.h2_3 {
background:url(../bilder/piktoLeistungen.jpg) no-repeat 4px 9px;
}

.h2_4 {
background:url(../bilder/h2_services.gif) no-repeat 4px 9px;
}

.h2_5 {
background:url(../bilder/piktoDemo.jpg) no-repeat 4px 9px;
}

.h2_6 {
background:url(../bilder/piktoKontakt.jpg) no-repeat 4px 9px;
}

.h2_7 {
background:url(../bilder/piktoKunden.jpg) no-repeat 4px 9px;
}

.h2_8 {
background:url(../bilder/piktoService.jpg) no-repeat 4px 9px;
}


/********** Klassen *****************/

.blog_bottom .left .absatzEingerueckt p {
padding-left: 190px;
}

table.leistungenUebersicht td {
padding-left: 30px;
padding-right: 40px;
}

#twrss_table p {
color: #cccccc;
}

#untermenu {
margin-left: 7px;
}

.tabelleintranet {
padding-left: 5px;
}

.tabelleinternet {
padding-left: 15px;
}

.tabellebranchen {
padding-left: 21px;
}

/***********IT-NEWS***********/

.tx-gkhrssimport-pi1 img, .rss_title, .rss_description, .rss_pubbox {
display: none;
}

.rss_summary {
color: #cccccc;
}


#preisschild {
position: absolute;
margin-top: -40px;
display: none;
}


/************* Login ***************/

.tx-felogin-pi1 div, .felogin-hidden {
display: none;
}

.tx-felogin-pi1 fieldset {
width: 320px;
}

.tx-felogin-pi1 fieldset div {
display: block;
}

#trackingcode {
display: none;

}


/****** Gefunden unter *******/

#gefunden {
color: #AFBD0D;
}

#gefunden ul {
padding: 0;
margin: 0;
padding-top: 4px;
}

#gefunden li {

list-style-type: none;
margin-right: 10px;

}


/********** Tarife ************/

#tariftabelle, #domaintabelle {
margin-left: 10px;
}

#tariftabelle td, #domaintabelle td {
border-bottom: 1px solid #cccccc;
width: 145px;
padding-top: 5px;
}

#tariftabelle td p, #domaintabelle td p {
font-weight: bold;
}

#tariftabelle td.spalte1 p, #domaintabelle td.spalte1 p {
font-weight: bold;
color: #AFBD0D;
}