/* Print-CSS IT-Service Diedrich/

*/


* {margin: 0;  padding: 0; border: none; background-color: transparent;}

html, body {height: 100%; font: normal 100.01% Trebuchet MS, Arial, Helvetica, sans-serif; color: #666; background-color: transparent;}

H1 {font-size: 13pt; font-weight: bold; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color: #000; background-color: #fff; padding-bottom: 0.6em; line-height: 15pt;}
.head {width: 354px; padding-top: 40px; line-height: 1.2em;}
.angebote {width: 354px; padding-top: 0px; line-height: 1.2em;}
.headerdetail {font-size: 1.2em; color: #77c6f0; padding-top: 6px; line-height: 1.2em;}

H2 {font-size: 11pt; font-weight: bold; color: #000; background-color: #fff; padding-top: 2em; padding-bottom: .2em; line-height: 13pt;}
.projekte {padding-top: 10px;}
H3 {font-size: 0.80em; font-weight: bold; color: #000; background-color: #fff; padding-top: 1em; padding-bottom: .2em; line-height: 1.4em;}
H6 {font-size: 0.66em; font-weight: normal; color: #454d50; background-color: transparent; padding: .4em .2em .4em .2em; line-height: 1.4em;}

p {font-size: 9pt; font-weight: normal; line-height: 11pt; color: #4e565a; padding-bottom: 0.8em; padding-right: 20px;}
.startseite {float: left; font-size: 0.66em; font-weight: normal; line-height: 1.2em; color: #4e565a; padding-bottom: 0.8em;}
.small {line-height: 1.2em;}
.subnavblue, .subnavorange, .subnavgray {font-size: 0.84em; font-weight: bold; padding-left: 3px; padding-bottom: 3px; line-height: 4px; padding-top: 26px;}
.subnavblue a {text-decoration: none; color: #6fc0ff;}
.subnavorange a {text-decoration: none; color: #fe6d4c;}
.subnavgray a {text-decoration: none; color: #4e565a;}

b {font-weight: bold}

i {font-style: italic}

hr {width: 151px; height: 1px; color: #494e4f;}

li {font-size: 9pt; font-weight: normal; line-height: 11pt;}

img a {border: none;}
.left {float: left;}
.stories {float: left; padding-top: 20px;}
.print {float: right; margin-right: 10px;}
.store {float: left; margin-right: 10px;}
.projekt {float: left; margin-right: 10px; margin-bottom: 20px;}


img a {border: none;}
.left {float: left;}
.stories {float: left; padding-top: 20px;}
.print {float: right; margin-right: 10px; display: none;}
.store {float: left; margin-right: 10px;}
.projekt {float: left; margin-right: 10px; margin-bottom: 20px;}

blockquote {margin-top: 1.5em; padding: 4px 0px 0px 15px; background: url(../images/zitatbild.gif) no-repeat top left;}
blockquote p {width: 325px; margin-bottom: 1em; font-style: italic; color: #454d50; background: none;}
cite {display: block; margin-left: 15px; font-weight: bold; background: transparent;}

a.text:link {color: #0057a6; background-color: transparent; font-weight: bold; text-decoration: none; border-bottom: 0.12em dotted}
a.text:visited {color: #999; background-color: transparent; font-weight: bold; text-decoration: none; border-bottom: 0.12em dotted}
a.text:hover {color: #fe6d4c; background-color: transparent; font-weight: bold; text-decoration: none; border-bottom: 0.12em dotted}

a.article:link {color: #626262; background-color: transparent; font-weight: bold; text-decoration: none;}
a.article:visited {color: #626262; background-color: transparent; font-weight: bold; text-decoration: none;}
a.article:hover {color: #fe6d4c; background-color: transparent; font-weight: bold; text-decoration: none;}

a.links:link {color: #626262; background-color: transparent; font-weight: bold; text-decoration: none;}
a.links:visited {color: #626262; background-color: transparent; font-weight: bold; text-decoration: none;}
a.links:hover {color: #fe6d4c; background-color: transparent; font-weight: bold; text-decoration: none;}

a.sitemap:link {color: #0057a6; background-color: transparent; font-weight: bold; text-decoration: none;}
a.sitemap:visited {color: #0057a6; background-color: transparent; font-weight: bold; text-decoration: none;}
a.sitemap:hover {color: #fe6d4c; background-color: transparent; font-weight: bold; text-decoration: none;}

a.valide:link {color: #fff; background-color: transparent; font-weight: normal; text-decoration: none;}
a.valide:visited  {color: #fff; background-color: transparent; font-weight: normal; text-decoration: none;}
a.valide:hover {color: #fe6d4c; background-color: transparent; font-weight: normal; text-decoration: none;}

.cleaner {clear: both; float: none; padding: 0; height: 0px; width: 1px; background: none transparent scroll repeat 0% 0%; margin: 0;}



/*Boxen*/

/*Wrapper: Aufbau*/
#page {width: 100%; height: 100%; margin-top: 0; background-color: #fff;}
#wrapper {margin-left: 0px; height: auto; text-align: left;}


/*HEADER NAVIGATION: */
#header {width: 943px; height: 39px; margin-top: 0px; text-align: center; background-color: #2a3135; display: none;}
#bookmarks {width: auto; height: auto; margin-top: 0px; text-align: right; display: none;}


/*START NAVIGATION: */
#startnavigation {width: 579px; text-align: left; display: none;}


/*CONTENT*/
#main {width: auto; height: auto;}
.headangebote {width: 575px; height: 29px; background-image: url(../stories/head-angebote.gif); position: absolute; top: 251px; display: none;}

.headitservices {width: 579px; height: 149px; background-image: url(../stories/it-services.png); display: none;}
.headkunden {width: 579px; height: 149px; background-image: url(../stories/head-kunden.gif); display: none;}
.headsupport {width: 579px; height: 149px; background-image: url(../stories/head-support.png); display: none;}
.headloesungen {width: 579px; height: 149px; background-image: url(../stories/head-loesungen.png); display: none;}
.headvertrieb {width: 579px; height: 149px; background-image: url(../stories/head-vertrieb.png); display: none;}
.headprojekte {width: 579px; height: 149px; background-image: url(../stories/head-projekte.png); display: none;}
.headprofil{width: 579px; height: 149px; background-image: url(../stories/head-profil.gif); display: none;}
.headpartner{width: 579px; height: 149px; background-image: url(../stories/head-partner.png); display: none;}
.headfachhandel{width: 579px; height: 149px; background-image: url(../stories/head-fachhandel.gif); display: none;}
.headfernwartung{width: 579px; height: 149px; background-image: url(../stories/head-fernwartung.png); display: none;}
.headnetzwerkcheck {width: 579px; height: 149px; background-image: url(../stories/head-netzwerkcheck.gif); display: none;}
.headkomplettpaket {width: 579px; height: 149px; background-image: url(../stories/head-komplettpaket.gif); display: none;}
.headreferenzen {width: 579px; height: 149px; background-image: url(../stories/head-referenzen.gif); display: none;}
.headwebkonzept {width: 579px; height: 149px; background-image: url(../stories/head-webkonzept.gif); display: none;}
.headwebsitecheck {width: 579px; height: 149px; background-image: url(../stories/head-websitecheck.gif); display: none;}
.headwebservices {width: 579px; height: 149px; background-image: url(../stories/head-webservices.gif); display: none;}
.headwebkreation {width: 579px; height: 149px; background-image: url(../stories/head-webkreation.gif); display: none;}
.headwebdesign {width: 579px; height: 149px; background-image: url(../stories/head-webdesign.gif); display: none;}
.headwebprojekte {width: 579px; height: 149px; background-image: url(../stories/head-webprojekte.gif); display: none;}
.headkooperationen {width: 579px; height: 149px; background-image: url(../stories/head-kooperationen.gif); display: none;}

#extrawrapper  {width: 540px; padding-left: 15px; padding-right: 15px; padding-top: 10px; padding-bottom: 16px; border: 1px dotted; background-color: #f4f8fc}
#extra  {font-size: 12px; font-weight: normal; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color: #454d50; background-color: transparent;}

#projektwrapper  {width: 575px; font-size: 12px; font-weight: normal; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color: #454d50; background-color: transparent;}

.subnavheader {padding-left: 0px; padding-right: 5px; color: #454d50; background-color: transparent; display: none;}
.subnavigation {padding-left: 5px; font-size: 12px; font-weight: normal; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color: #454d50; background-color: transparent; display: none;}
.subnavline {width: 151px; height: 1px; margin-top: 10px; margin-bottom: 6px; background-image: url(../images/subheaderline.gif); background-position: top left; background-color: transparent; display: none;}

.leftcol {width: auto; text-align: left; float: left; height: auto; margin: 0;}
.leftleft {width: 285px; float: left; margin-right: 8px; margin-top: 20px;}
.leftright {width: 285px; float: left; margin-top: 20px;}
.referenzen {width: 203px; float: left; margin-left: 8px; margin-bottom: 0px;}

#it-service-screen {width: 579px; display: none;}
#it-service-print {clear: both; width: 580px; margin-top: 0px; padding-top: 0px;}

.webprojekt {width: 580px; float: left; margin-bottom: 18px;}
.imagebox {float: right; padding-right: 24px; margin-top: 20px;}

.rightcol {width: 358px; text-align: left; float: left; height: 100%; margin-top: 0px; display: none;}
.rightcolleft {width: 163px; float: left; margin-left: 10px; margin-top: 5px; border-right: 1px dotted; display: none;}
.centercol {width: 1px; height: 500px; border-right: 1px dotted; float: left; margin-top: 15px; display: none;}
.rightcolright {width: 173px; float: left; margin-top: 5px; margin-left: 10px; display: none;}

.news {width: 173px; margin-top: 30px; display: none;}
.news20 {width: 173px; margin-top: 20px; display: none;}

.angebotbox {width: 579px; margin-top: 20px; background-color: #fff; border: 1px dotted;}
.boximage {float: left; width: 124px;  background-color: #fff;}
.boxcontent {float: left; width: 353px; padding-top: 6px; background-color: #fff;}
.boxspecial {float: left; width: 100px; padding-top: 6px; background-color: #fff;}
.boxbestellen {float: right; width: 330px; height: 30px; padding-top: 0px; padding-bottom: 6px; background-color: #fff;}
.boxpreis {float: left; width: 120px;  font: bold 2em Trebuchet MS, Arial, Helvetica, sans-serif; color: #ff693a;}
.boxtelefon {float: left; width: 210px; font: normal 0.8em Trebuchet MS, Arial, Helvetica, sans-serif; color: #333;}
.boxtelefon span {font-size: 22px; color: #333; font-weight: normal; line-height: 28px;}

.sitemapbox {width: 579px;}
.sitemap {width: 110px; margin-top: 40px; padding-right: 5px; float: left; font-size: 0.9em; font-weight: bold; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color: #0057a6; background-color: transparent; padding-bottom: 0.6em; line-height: 1.4em;}

.kontaktbox {width: 579px; margin-top: 30px;}
.kontakt {float: left; font-size: 0.72em; font-weight: normal; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color: #333; background-color: transparent;}

.loginbox {width: 575px; margin-top: 30px;}
.login {float: left; font-size: 0.72em; font-weight: normal; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color: #333; background-color: transparent;}

#bottom-spacer {height: 235px; display: none;}

/*Footer*/
#footer {clear: both; height: 235px; width: 100%; background-color: transparent; position: absolute; bottom: 0; overflow: hidden; display: none;}


/* +++ FORMATIERUNG Liste im Kasten vom Content  +++ */
ul.copy   {height: auto; list-style: none; margin: 0; padding: 0;}
ul.copy li {padding-left: 20px; display: block; text-decoration: none; color: #454d50; line-height: 1.6em;  background-image: url(../images/bluebullet.gif); background-repeat: no-repeat; background-position: 0 .3em;}

/* +++ FORMATIERUNG Liste Projekte  +++ */
ul.list   {height: auto; list-style: none; margin: 0; padding: 0;}
ul.list li {padding-left: 14px; padding-bottom: 0px; display: block; text-decoration: none; color: #454d50; line-height: 1.6em; background-image: url(../images/projektbullet.gif); background-repeat: no-repeat; background-position: 0 .3em; background-color: #f4f8fc; border-bottom: 2px solid; border-color: #ccc;}

/* +++ FORMATIERUNG Liste Sitemap  +++ */
ul.map   {height: auto; list-style: none; margin: 0; padding: 0;}
ul.map li {padding-bottom: 0px; display: block; text-decoration: none; color: #333; font-size: 0.9em; font-weight: normal;}
ul.map li a {text-decoration: none; color: #333;}
ul.map li a:hover {color: #fe6d4c;}

/* +++ FORMATIERUNG Liste Datenschutz  +++ */
ul.simple   {height: auto; list-style: none; margin: 0; padding: 0;}
ul.simple li {font-size: 0.72em; font-weight: normal; line-height: 1.6em; color: #333; padding-bottom: 12px;}