* {margin:0;padding:0;}
html, body {margin:0;padding:0;height:100%;font-family: Verdana, Sans-Serif; font-size: 13px;background-color:#000;}

/* Globale CSS */
.flle {float:left;}
.flri {float:right;}
.clear {clear:both;}

h1, h2 {font-size:16px;color:#000;/*#0086E5*/padding-top:10px;vertical-align:middle;line-height:1.5em;padding-bottom:5px;}
.Box_4 h2 {font-size:16px;color:#000;/*#0086E5*/padding-top:10px;vertical-align:middle;line-height:1.5em;padding-bottom:5px;padding-left:25px;}
/*h2 {font-size:13px;padding-top:10px;padding-bottom:10px;letter-spacing:1px;color:#0086E5;}*/

h1 a , h2 a {text-decoration:none;}


a {color:#000;}
a:hover {color:#0192D5;}
p { padding-top:7px; padding-bottom:7px;line-height:1.5em;}

img {border:none;}

#page {margin:0 auto;width:971px;min-height:100%;height:auto !important;}
#msg {display:none;}

#header {z-index:1;position:relative;width:971px;height:281px;background-image:url('./images/header.jpg');}
#header .logo {z-index:10;position:relative;width:287px;height:63px;top:80px;left:50px;}
#header .logo img {border:0px;}
#header .slogan {z-index:3;position:relative;width:500px;height:20px;top:90px;left:140px;color:#e3e3e3;font-size:11px;}

*html #header .searchBox {z-index:4;position:relative;top:133px;left:730px;width:212px;height:24px;line-height:24px;vertical-align:middle;}
#header .searchBox {z-index:4;position:relative;top:148px;left:730px;width:210px;height:24px;line-height:24px;vertical-align:middle;}
#header .searchBox .search_field {border:1px solid #000;width:170px;font-size:12px;padding:3px;}
#header .flle {float:left;margin-right:5px;}
#header .searchBox .search_button {}
.search_item {border-bottom:solid 1px #E6E4E5;margin-bottom:20px;margin-top:5px;padding-bottom:5px;}
#search {height:22px;width:700px;float:right;text-align:right;margin-top:25px;color:#0093D6;font-weight:bold;}
#hotline {height:22px;width:700px;float:right;text-align:right;margin-top:5px;}

#content {z-index:1;clear:both;margin-left:6px;width:950px;overflow:hidden;padding-bottom:10px;}

#main {float:left;width:950px;padding-bottom:10px;}
#main ul {list-style-type:none;margin-left:30px;margin-top:10px;}
#main ul li {font-weight:bold;padding-top:5px;padding-left:20px;}
#main ul li ul li {font-weight:normal;padding-top:5px;background-image:url('./images/bullet_blue.png');background-repeat:no-repeat;background-position:left 5px;padding-left:20px;padding-bottom:2px;}
#main a {color:#0192D5;}
#main p {padding-top:10px;padding-bottom:10px;line-height:1.7em;letter-spacing:0.7px;text-align:justify;}
#mainright {float:left;margin-left:20px;margin-top:0px;width:250px;background-color:#F8F6F7;}

#content_small {float:left;width:510px;margin-left:30px;margin-top:20px;padding-bottom:10px;}

#sub_navi {margin:0px;width:396px;background-color:#fff;}
#subs ul {width:338px;list-style-type:none;padding-left:20px;}
#subs ul li {width:338px;height:37px;background-image:url(images/sub_nav1.jpg);background-repeat:no-repeat;padding-left:20px;padding-top:5px;font-weight:bold;}
#subs ul li a {color:#000;font-weight:bold;}
#subs ul li a:hover {color:#0192D5;font-weight:bold;}
#subs ul li a #sub-nav-active {color:#000;}

#sub-content {}
#sub-content h3 a {margin-left:20px;border-bottom:dashed 1px #0093D6;}
#sub-content p {margin-left:20px;margin-top:-4px;}
#sub-content-top-bg {/*float:left;width:490px;margin-left:30px;margin-top:20px;padding-bottom:10px;*/}
.sub_cont {margin-left:20px;margin-top:0px;padding-bottom:20px;}

.fix    	{line-height: 0px;font-size:0px;height:0px;}
h2.sub_cat_points {margin-left:5px;background-image:url(images/sub_cat_points.jpg);background-repeat:no-repeat;padding-left:27px;background-position:0px 10px;height:25px;padding-top:5px;}
.plus {margin-right:7px;margin-left:5px;background-image:url(images/plus.jpg);background-repeat:no-repeat;background-position:0px 3px;}
.circle {margin-right:7px;margin-left:5px;}

#nav_referenzen {width:338px;height:233px;background-image:url(images/sub_nav2.jpg);background-repeat:no-repeat;padding-left:10px;margin-left:5px;}
.sub-categorie {color:#000;font-size:16px;font-weight:bold;background-image:url(images/sub_nav1.jpg);background-repeat:no-repeat;width:338px;height:37px;margin-left:20px;padding-left:20px;padding-top:5px;}
.sub-categorie img {vertical-align:middle;}
#subnav_top {color:#000;}


/* Category Images */
h2.blog {margin-left:5px;margin-top:10px;background-image:url(images/news_icon.png);background-repeat:no-repeat;padding-left:55px;height:41px;padding-top:13px;}
.arrow_ul {list-style-type:none;margin-left:35px;color:#0086E5;line-height:25px;}
.host {margin-left:20px;padding-left:20px;color:#4C4C4C;line-height:25px;list-style-type:none;background-image:url(images/nav_circle.png);background-repeat:no-repeat;background-position:0px 10px;}
/*.link {margin-left:20px;padding-left:20px;color:#4C4C4C;line-height:25px;list-style-type:none;background-image:url(images/arrow.gif);background-repeat:no-repeat;background-position:0px 7px;}*/
#headnav {margin-left:5px;}


#credentials {clear: both;height: 185px;width: 310px;}
#prodpicrotation {height: 185px;width: 310px;position: relative;overflow: hidden;border: dotted 1px #8FACB0;margin-left: 7px;}
#prodpicrotation a {border: none;}
#prodpicrotation img {width: 310px;height: 185px;border: none;}

/*#copynote {text-align:center;font-size:10px;}*/
#sub-content h2 {padding-left:20px;}
.err {color:#FF0000;}
.ref_img {float:left;margin-right:10px;width:35%;margin-top:8px;border:solid 1px #E6E4E5;margin-bottom:30px;}
.short_text {float:right;width:350px;}

.liner  {border-bottom:solid 1px #E6E4E5;margin-left:20px;margin-bottom:20px;}
.post_footer {margin-left:0px;padding-top:11px;margin-bottom:10px;font-size:10px;color:#6C6C6C;font-weight:bold;}

.navigation {margin-top:-10px;}
.entry ul li {list-style-type:none;padding-left:20px;}

#comment_form {margin-left:0px;}
ol.commentlist {list-style-type:none;}
.entry p {margin-bottom:15px;text-align:justify;}
.entry ol li {margin-left:30px;  }
.alignleft {float:left;}
.alignright {float:right;}

#tags {background-image:url(images/sub_nav_tagcloud_bg.jpg);width:338px;margin-left:20px;background-repeat:repeat-y;}
#subs ul li.catLastItem {background-image:url(images/subnav_footer.jpg);background-repeat:no-repeat;}


/*#navi,#main {margin-bottom:-30000px;padding-bottom:30000px;}*/
#footer {margin-top:-20px;clear:both;margin-left:-1px;width:963px;height:228px;background-color:#000;background-image:url('./images/footer_bg.jpg');color:#fff;text-align:center;background-repeat:no-repeat;}
#footer h3 {padding-top:30px;font-weight:bold;font-size:11px;color:#fff;letter-spacing:1px;}
#footer img {border:0px;width:167px;height:124px;}
#footer hr.spacer3 {height:4px;margin:5px 0px 5px 0px;;border:1px solid #515151;}
#footer ul {clear:both;list-style-type:none;padding-top:5px;width:568px;margin:auto;margin-top:5px;}
#footer ul li {float:left;width:167px;text-align:center;margin-right:11px;margin-left:11px;display:inline;}
#footer ul li.endPic {float:left;display:inline;margin-right:-22px;}
#footer ul li a {text-decoration:none;color:#fff;}
/* Grauschwarze Abschlu�zeile mit Copyrighthinweis */
#endFooter {clear:both;position:relative;background-color:#4A4A4A;height:40px;line-height:30px;vertical-align:middle;color:#fff;font-size:12px;width:100%;bottom: 0 !important;bottom:-1px;padding-top:10px;text-align:center;}
#endFooter .innerFooter {text-align:center;width:963px;height:30px;margin:0 auto;}
#endFooter .innerFooter ul {margin-left:190px;list-style-type:none;height:30px;text-align:center;}
#endFooter .innerFooter ul li {float:left;margin-left:10px;margin-right:10px;}
#endFooter .innerFooter ul li a {color:#fff;text-decoration:none;}

.ref_img {float:left;}
.short_text {float:left;width:305px;}

/* Module CSS */

/* Ein bis Drei Spaltiger Text */
.columnOne {font-family:verdana,arial;font-size:12px;float:left;padding:0pt 0px 20px 0pt;width:98%;margin-top:15px;}
.columnTwo {font-family:verdana,arial;font-size:12px;float:left;padding:0pt 5% 20px 0pt;width:45%;margin-top:15px;}
.columnTree {font-family:verdana,arial;font-size:12px;float:left;padding:0pt 3% 20px 0pt;width:30%;margin-top:15px;}
.clearfix {clear:both;display:block;}

.zweispalter {width:100%;padding:10px;margin-bottom:15px;}
.zweispalter_2 {margin-left:10px;float:left;padding:10px;width: 45%;margin-bottom:15px;}
.clboth {clear: both;display: block;line-height: 0;font-size: 0;}

/* 1 Bild und 1 Fliesstext 	*/
/* Modul Bild und Text 		*/
.centertab {margin-right: auto;margin-left: auto;}
.bildtext { margin: 0px;padding: 10px;font-size: 11px;}
.imgleft {float: left;margin-right: 20px;}
.imgright {float: right;margin-left: 20px;}
.stopleft {clear: left;}
.stopright {clear: right;}
.stopcenter {clear:both;}
.bildtext2 {text-align: justify;}

/* Beispiel-CSS f�r magazin_Layout */
.magazine-layout {position: relative;width: 100%;}
.magazine-container {background: #f6f6f6;}
/* magazin_Layout mit verlinkten Einzelbildern */
.magazine-image a, .magazine-image a:link, .magazine-image a:visited {display: table;display: inline-block;line-height: 0.0em;}
/* komplett verlinktes magazin_Layout */
a.magazine-link, a:link.magazine-link, a:visited.magazine-link {cursor: pointer;display: table;	display: inline-block;line-height: 0.0em;}
a:focus.magazine-link, a:hover.magazine-link, a:active.magazine-link {cursor: pointer;}
	
/* Drei Spalten Bilder */
.column {float:left;padding:0pt 25px 0pt 0pt;width:29%;}
.clearfix {clear:both;display:block;}


/* Navigation CSS */

/* MENU */
#navi {z-index:1;position:absolute;width:713px;height:40px;top:240px;left:5px;color:#fff;font-family:verdana;font-size:12px;font-weight:bold;}

#menu {margin:0px;height:40px;}
#menu ul {height:40px;list-style-type:none;}
#menu ul li {margin:0px;padding:0px;float:left;height:40px;line-height:40px;vertical-align:middle;color:#fff;text-align:center;}
#menu ul li a {font-weight:bold;padding-left:26px;padding-right:26px;font-size:12px;color:#fff;text-decoration:none;background-color:transparent;display:block;}
#menu ul li a:hover {color:#0192D5;}
#menu ul li ul a {color:#fff;}
#menu ul li a:hover, #menu ul li a.active-link {color:#0192D5;}
#menu li ul.sub-menu {display:none;}
#menu li:hover ul.sub-menu {display:block;}
#menu ul li ul {position:absolute;top:40px;display:block;width:164px;}
#menu ul li ul.sub-menu {position:absolute;top:40px;background-image:url('../images/subnavi_top_bg.png');background-repeat:no-repeat;background-position:top;width:164px;}
#menu ul li ul.sub-menu li {height:auto;margin-left:7px;margin-top:0px;clear:both;list-style-type:none;width:150px;text-align:center;background-color:#101010;border-bottom:1px dashed #0192D5;}
#menu ul li ul.sub-menu li a {display:block;clear:both;margin-left:-17px;width:130px;text-align:center;line-height:1.5em;padding-top:5px;padding-bottom:5px;}
#menu ul li ul.sub-menu li a:hover {display:block;color:#0192D5;}
#menu ul li ul.sub-menu .naviFinish {margin-left:7px;background-color:transparent;height:21px;border-bottom:0px;background-image:url('../images/footer_sub_nav.gif');background-repeat:no-repeat;background-position:top;}

#main .sitemap-menu li {margin-left:10px;margin-top:5px;clear:both;list-style-type:none;}
#main .sitemap-menu li a {display:block;clear:both;}
#main .sitemap-menu li a:hover {display:block;color:#0192D5;}

#main ul.sister {list-style-image:url('');margin:0;background-color:#fff;padding:10px;}
#main ul.sister li, .smd {margin:0;margin-bottom:5px;background-image:url('./images/bullet_blue.png');background-repeat:no-repeat;padding-left:20px;background-position:left 5px;}

.widthStartseite {width:80px;}
.widthBlog {width:50px;}
.widthWebdesign {width:90px;}
.RedaktionLeft {margin-left:9px;}
*+html .RedaktionLeft {margin-left:-147px;}
.ShopLeft {margin-left:-12px;}
*+html .ShopLeft {margin-left:-125px;}
.AgenturLeft {margin-left:-15px;}
*+html .AgenturLeft {margin-left:-125px;}
.WebdsignLeft {margin-left:-17px;}
*+html .WebdsignLeft {margin-left:-120px;}
.ImpressumLeft {margin-left:-32px;}
*+html .ImpressumLeft {margin-left:-120px;}

/* IE Hack */
*+html #header .searchBox .search_button {margin-top:-37px;}

*+html #menu ul li ul.sub-menu li {height:auto;margin-left:7px;margin-top:0px;clear:both;list-style-type:none;width:150px;text-align:center;background-color:#000;border-bottom:1px solid #0192D5;}
*+html #referenzBoxen .referenzBox {margin-left:10px;width:355px;min-height:275px;margin-top:10px;}


/* ?? */
.done {font-weight:bold;color:#0086E5;text-align: left;}



.contact_image {background-image:url('./images/contact_icon.jpg');background-repeat:no-repeat;padding-left:60px;margin-left:-15px;}
*html .contact_image {background-image:url('./images/contact_icon.jpg');background-repeat:no-repeat;padding-left:53px;margin-left:0px;}
.contactText {width:217px;height:20px;background-image:url('./images/formular_bg.jpg');background-repeat:no-repeat;border:0;margin-bottom:3px;}
.contactMessage {margin-bottom:5px;width:217px;height:52px;background-image:url('./images/textfeld_bg.jpg');background-repeat:no-repeat;border:0;}
*html .telephon {margin-bottom:5px;background-image:url('./images/phone.png');background-repeat:no-repeat;padding-left:20px;height:16px;color:#0093D3;font-weight:bold;font-size:14px;letter-spacing:0.1em;float:right;margin-right:15px;}
.telephon {margin-bottom:5px;background-image:url('./images/phone.png');background-repeat:no-repeat;padding-left:20px;height:16px;color:#0093D3;font-weight:bold;font-size:14px;letter-spacing:0.1em;float:right;margin-right:23px;}
.Kundenmeinung {font-size:30px;color:#0086E5;font-weight:bold;}

.Box_1, .Box_2, .Box_3, .Box_4 {margin:0;padding:0;width:950px;background-color:#fff;}

/* IE 6 */
*html .Box_left {margin-left:13px;float:left;width:520px;/*border-right:1px solid #000;*/padding-right:25px;}
.Box_left {margin-left:25px;float:left;width:520px;/*border-right:1px solid #000;*/padding-right:25px;}

/* Trennlinie für die Boxen */
.Box_Line {background-image:url('images/pixel.gif');background-repeat:repeat-y;background-position:570px top;}

/* IE 6 */
*html .Box_right {float:right;width:320px;padding-right:30px;margin-left:2px;}
.Box_right {float:right;width:320px;padding-right:30px;margin-left:25px;}
.Box_all {margin-left:25px;width:900px;padding-right:25px;}

.Box_1 .Box_left, .Box_1 .Box_right {margin-top:0px;}

.Box_1 table {margin-left:0px;}
.Box_1 td {color:#8f8f8f;white-space:nowrap;vertical-align:top;}
.Box_1 .Box_left ul, .Box_2 .Box_left ul, .Box_3 .Box_left ul {margin:0;padding:0;}
.Box_1 .Box_left ul li, .Box_2 .Box_left ul li, .Box_3 .Box_left ul li, .Box_4 ul li {line-height:1.5em;background-image:url('./images/accept.png');background-repeat:no-repeat;background-position:0 7px;padding-left:20px;}

.Box_2 .Box_right ul.sister {list-style-image:url('');margin:0;background-color:#fff;padding:10px;}
.Box_2 .Box_right ul.sister li, .smd {margin:0;margin-bottom:5px;background-image:url('./images/bullet_blue.png');background-repeat:no-repeat;padding-left:20px;background-position:left 5px;}

.Box_header {margin-top:10px;width:950px;height:25px;background-image:url('./images/content_box_header.jpg');background-repeat:no-repeat;}
.Box_footer {clear:both;background-image:url('./images/content_box_footer.jpg');background-position:bottom;background-repeat:no-repeat;width:950px;height:33px;}


#order_box {margin-top:10px;float:right;width:100%;} 
.err {color:#ff0000!important;}

/* Breadcrump */
#breadcrumb {font-size:11px;color:#414141;background-color:#fff;padding-left:26px;}
#breadcrumb a {font-size:11px;color:#414141;}   

*+html .fix {padding-top:10px;}
*html .fix {padding-top:10px;}

#sitemap {margin-left:0px;padding-left:0px;}
#sitemap li {background-image:none;}

#show_references {float:right;padding-right:25px;}