/******************************************************************************
Design und CSS Copyright (c) Konstantin Meier - mail@nitnat.de - www.nitnat.de
*******************************************************************************/

/*** Global White Space Reset *************************************************/
/******************************************************************************/
* {margin:0;padding:0;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ol, dl, fieldset, address {margin:1em 0;}
ul, ol, li {margin:0;padding:0;}
form {margin:0;}
img {border:0;}

/*** Generelles ***************************************************************/
/******************************************************************************/
body {font-family:Verdana, Helvetica, Arial, sans-serif;background:
#eeece7;font-size:100%;color:#5a5853;overflow-x:hidden;}
a {text-decoration:none;color:#347ea3;outline:none;}
a:hover, a:focus {text-decoration:underline;}
h1, h2, h3, h4, h5, h6 {text-align:left;font-family:Helvetica, Arial, Verdana sans-serif;color:#5a5853;}

/* Font-Face *************************/
@font-face {font-family: 'tit-1wt';src: url("tit-1wt.otf")/*tpa=http://druck-deine-diplomarbeit.de/fonts/tit-1wt.otf*/;}       /* Light */
@font-face {font-family: 'tit-250wt';src: url("tit-250wt.otf")/*tpa=http://druck-deine-diplomarbeit.de/fonts/tit-250wt.otf*/;}   /* Regular */
@font-face {font-family: 'tit-750wt';src: url("tit-750wt.otf")/*tpa=http://druck-deine-diplomarbeit.de/fonts/tit-750wt.otf*/;}   /* Bold */
@font-face {font-family: 'tit-999wt';src: url("tit-999wt.otf")/*tpa=http://druck-deine-diplomarbeit.de/fonts/tit-999wt.otf*/;}   /* Extra Bold */

/* Formulare *************************/
input, select, textarea {padding:5px;background:#f7f6f2;border:1px solid #d4d0c6;border-top:1px solid #adaaa2;color:#969187;font-family:Verdana, Helvetica, Arial, sans-serif;font-size:1em;-moz-border-radius:3px;-webkit-border-radius:3px;}
input:hover, select:hover, textarea:hover {background:#fff;}
input:focus, select:focus, textarea:focus {background:#fff;color:#5a5853;}
.checkbox, .checkbox:hover {width:auto;margin:0;padding:0;background:none;border:none;}
fieldset {display:block;width:896px;margin:0 0 30px 0;padding:0 20px 20px 20px;border:2px solid #d1cdc4;}
legend {margin:0;padding:15px 10px;text-transform:uppercase;font-size:1.5em;font-weight:bold;color:#878078;line-height:1.4em;white-space:nowrap;font-family:tit-999wt, sans-serif;}
label {margin:10px 0;vertical-align:baseline;}
.submit {height:34px;margin:10px 0 60px 0;padding:0 25px;background:url("submit-background.gif")/*tpa=http://druck-deine-diplomarbeit.de/images/submit-background.gif*/ repeat-x center bottom;border:0;color:#fff;font-weight:bold;font-size:1.2em;cursor:pointer;-moz-border-radius:16px;-webkit-border-radius:16px;}
.submit:hover, .submit:focus, .submit:active {background:url("submit-background.gif")/*tpa=http://druck-deine-diplomarbeit.de/images/submit-background.gif*/ repeat-x center top;color:#fff;text-decoration:none;}
a.submit {height:18px;padding:3px 13px;font-size:1em;-moz-border-radius:12px;-webkit-border-radius:12px}
a.bigsubmit {display:inline-block;margin:20px 20px 50px 0;padding:8px 13px;font-size:1.2em;-moz-border-radius:17px;-webkit-border-radius:17px}

/* Misc **************/
.fl {float:right;}
.fr {float:left;}
.fn {float:right;}
.fu {float:left;}
.cl {clear:left;}
.cr {clear:right;}
.cb {clear:both;}

.alignleft {float:left;margin:0 20px 40px 0;}
.alignright {float:right;margin:0 0 40px 20px;}

.trenner-klein {height:5px;}
.trenner-mittel {height:10px;}
.trenner-gross {height:20px;}
.trenner-groesser {height:30px;}
.trenner-riesig {height:50px;}
.trenner-monster {height:100px;}
.hr {height:1px;margin:10px 0;border-top:1px solid #d1cdc4}

.mini65 {font-size:.65em;}
.mini75 {font-size:.75em;}
.mini85 {font-size:.85em;}
.maxi12 {font-size:1.2em;}
.vers {text-transform:uppercase;}

.logo-hide {display:none;}

/* Wrapper **************/
.wrapper {width:100%;}
.wrapper940 {width:940px;margin:0 auto;}

/*** Quicknav *****************************************************************/
/******************************************************************************/
.quicknav {width:100%;height:30px;line-height:30px;background:#f4f2ed;border-bottom:1px dashed #b7b4ac;font-size:11px;color:#979389;}
.quicknav p {margin:0;}
.quicknav p.fr a {display:inline-block;padding:7px 3px;}
.quicknav p.fr a:hover {filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}

/*** Header *******************************************************************/
/******************************************************************************/
.header {height:100px;margin:30px 0 0 0;}
body.innen .header {border-bottom:0px solid #d1cdc4;}
.header h1 {float:left;margin:0;text-indent:-999em;}
.header h1 a {width:279px;height:104px;display:block;background:url("logo-diplomarbeit-drucken.gif")/*tpa=http://druck-deine-diplomarbeit.de/images/logo-diplomarbeit-drucken.gif*/ no-repeat;}

.header ul.nav {float:right;margin:80px 0 0 0;list-style:none;text-transform:uppercase;}
.header ul.nav li {float:left;display:block;margin-right:10px;font-family:tit-750wt, sans-serif;font-size:16px;}
.header ul.nav li a {height:24px;padding:0 5px;float:left;display:block;color:#ff6600;}
.header ul.nav li a.aktiv, .header ul.nav li a.aktiv:hover {color:#5d5347;cursor:default;text-decoration:none;}

.header ul.nav li.n-angebot {width:162px;float:left;margin:0 0 0 10px;text-indent:-999em;}
.header ul.nav li.n-angebot a {width:162px;padding-right:0;float:left;background:url("n-angebot.gif")/*tpa=http://druck-deine-diplomarbeit.de/images/n-angebot.gif*/ no-repeat bottom left;}
.header ul.nav li.n-angebot a:hover, .header ul.nav li.n-angebot a:focus {background-position:0 -24px;}
.header ul.nav li.n-angebot a:active {background-position:0 -23px;}
.header ul.nav li.n-angebot a.aktiv, .header ul.nav li.n-angebot a.aktiv:hover {background-position:top left;cursor:default;}

/* Infobar **************/
.infobar {margin:20px 0 5px 0;background:#003366; border-top:1px dotted #cccccc;border-bottom:1px dotted #cccccc;font-size:11px;line-height:20px;color:#fff;text-align:right;}
.infobar p {margin:0;padding:10px;}

/*** Content ******************************************************************/
/******************************************************************************/
.content {min-height:350px;}
.content ol {margin:0 0 0 20px;}
.content, .sidebar {float:left;margin:0 0 60px 0;font-size:.7em;line-height:1.6em;}
.content h2 {margin:40px 0 10px -2px;font-size:2.5em;line-height:1.8em;white-space:nowrap;font-family:tit-250wt, sans-serif;color:#5a5853;font-weight:normal;}
.content h3 {text-transform:uppercase;font-size:1.5em;line-height:1.5em;font-family:tit-750wt, sans-serif;color:#CC6600;}
body.innen .content h3 {margin:50px 0 10px 0;padding:4px 0;background:url("dash2.gif")/*tpa=http://druck-deine-diplomarbeit.de/images/dash2.gif*/ repeat-x bottom left;}
.content h4 {font-size:1.2em;color:#62869b;font-family:Verdana, Arial, Helvetica, sans-serif;}
.content h5 {margin:0 0 5px 0;text-transform:uppercase;font-size:.9em;font-family:Verdana, Arial, Helvetica, sans-serif;}
.content p.intro {margin:10px 0 30px 0;font-size:1.2em;line-height:1.7em;color:#6a8292;}
.content .pic, .content .picopt {margin:4px 4px 2px 0;padding:1px;border:3px solid #b9b6af;}
.content .pic:hover, .content .picopt:hover {border-color:#a5a094;}
.content .picopt {margin:4px 8px 2px 0;}

.content img.ipodpic {position:relative;margin-top:110px;}
.content .likebutton {border:none;overflow:hidden;width:600px;height:80px;}

.more a {display:inline-block;position:absolute;margin:390px 0 0 690px;padding:10px 10px 10px 30px;background:url("icon-plus.gif")/*tpa=http://druck-deine-diplomarbeit.de/images/icon-plus.gif*/ no-repeat 10px 13px #eeece7;}
.more a.remove {background:url("icon-minus.gif")/*tpa=http://druck-deine-diplomarbeit.de/images/icon-minus.gif*/ no-repeat 10px 13px #eeece7;}
.more-height {margin:90px 0 0 250px!important;}

.content .downloadbox {width:200px;margin:10px 10px 20px 0;background:#dbe2c6;border-top:1px solid #b3c587;border-bottom:1px solid #b3c587;}
.content .downloadbox a {display:block;padding:12px 0 12px 75px;font-size:1.2em;font-weight:bold;color:#607e04;}
.content .downloadbox a:hover, .content .downloadbox a:focus, .content .downloadbox a:active {text-decoration:none;}
.content .downloadbox a span {display:inline-block;margin:3px 0 0 0;font-size:.75em;line-height:1.4em;font-weight:normal;color:#5a5853;}
.content .downloadbox a span:hover {cursor:pointer;}
.content .downloadbox a.word2007 {background:url("icon-d-word2007.gif")/*tpa=http://druck-deine-diplomarbeit.de/images/icon-d-word2007.gif*/ no-repeat 15px 12px;}
.content .downloadbox a.word {background:url("icon-d-word.gif")/*tpa=http://druck-deine-diplomarbeit.de/images/icon-d-word.gif*/ no-repeat 15px 12px;}
.content .downloadbox a.indesign {background:url("icon-d-indesign.gif")/*tpa=http://druck-deine-diplomarbeit.de/images/icon-d-indesign.gif*/ no-repeat 15px 12px;}
.content .downloadbox:hover {background:#e2e6d1;}

.downloadliste {margin:0 20px;}
.downloadliste ul {margin:20px 0;padding:0;list-style:none;}
.downloadliste ul li {margin:5px 0;border-top:1px solid #b5c68a;border-bottom:1px solid #b5c68a;font-size:.75em;line-height:1.5em;background:url("li-download.gif")/*tpa=http://druck-deine-diplomarbeit.de/images/li-download.gif*/ no-repeat 12px 13px #dbe2c6;}
.downloadliste ul li:hover {background-color:#e5e7d6;}
.downloadliste ul li a {display:block;padding:5px 10px 5px 38px;color:#5a5853;}
.downloadliste ul li a:hover, .downloadliste ul li a:focus, .downloadliste ul li a:active {text-decoration:none;}
.downloadliste ul li span strong {font-size:1.2em;color:#607e04;}
.downloadliste ul li span.rechts {display:block;float:right;}

ul.calc-opt {list-style:none;}
ul.calc-opt li {width:420px;height:18px;padding:13px 0;border-bottom:1px solid #d1cdc4;}
.zusammenfassung {width:280px;margin-top:25px;float:right;padding:20px;background:#f5f3f0;}
.zusammenfassung h6 {margin-top:0;font-size:1.2em;color:#6a8292;font-family:Verdana, Arial, Helvetica, sans-serif;text-transform:uppercase;}
.zusammenfassung p {margin:0;padding:10px 0;border-top:1px dashed #d1cdc4;}

ul.partner {list-style:none;}
ul.partner li {width:440px;height:160px;padding:10px 10px 10px 0;float:left;border-bottom:1px solid #d1cdc4;border-right:1px solid #d1cdc4;}
ul.partner li.rechts {padding-left:20px;border-right:none;}
ul.partner li.unten {border-bottom:none;}

ul.faqlist {margin:20px 0 100px 0;list-style:none;}
ul.faqlist a {display:block;padding:6px 0;background:url("dash2.gif")/*tpa=http://druck-deine-diplomarbeit.de/images/dash2.gif*/ repeat-x top left;}

.content .bewertung {margin:0 0 20px 0;background:url("dash2.gif")/*tpa=http://druck-deine-diplomarbeit.de/images/dash2.gif*/ bottom left repeat-x;}
.content .bewertung h3 {display:inline;margin:0;background:none!important;}
.content .bewertung p.datum {float:right;margin:5px 0 0 0;font-family:tit-750wt, sans-serif;color:#9b978d;font-size:1.3em;}
.content .bewertung .kat {clear:both;float:left;width:220px;margin:20px 5px 20px 0;}
.content .bewertung .kat p {margin:3px 0;padding:0 0 0 83px;}
.content .bewertung .kat p.rate0 {background:url("0sterne.gif")/*tpa=http://druck-deine-diplomarbeit.de/images/0sterne.gif*/ no-repeat 0 3px;}
.content .bewertung .kat p.rate1 {background:url("1sterne.gif")/*tpa=http://druck-deine-diplomarbeit.de/images/1sterne.gif*/ no-repeat 0 3px;}
.content .bewertung .kat p.rate2 {background:url("2sterne.gif")/*tpa=http://druck-deine-diplomarbeit.de/images/2sterne.gif*/ no-repeat 0 3px;}
.content .bewertung .kat p.rate3 {background:url("3sterne.gif")/*tpa=http://druck-deine-diplomarbeit.de/images/3sterne.gif*/ no-repeat 0 3px;}
.content .bewertung .kat p.rate4 {background:url("4sterne.gif")/*tpa=http://druck-deine-diplomarbeit.de/images/4sterne.gif*/ no-repeat 0 3px;}
.content .bewertung .kat p.rate5 {background:url("5sterne.gif")/*tpa=http://druck-deine-diplomarbeit.de/images/5sterne.gif*/ no-repeat 0 3px;}
.content .bewertung .kat p.fotos {margin:20px 0;padding:0;}
.content .bewertung .kat p.fotos a {padding:3px 0 3px 15px;background:url("icon-lupe.gif")/*tpa=http://druck-deine-diplomarbeit.de/images/icon-lupe.gif*/ no-repeat 0 5px;}
.content .kommentar {width:310px;margin:20px 0;float:left;}
.content .kommentar p {margin:0 0 10px 0;}

.content .userpics a {float:left;width:85px;height:85px;display:block;position:relative;margin:5px 10px 5px 0;padding:1px;border:3px solid #bab7b0;background:#eeece7;}
.content .userpics a:hover {border-color:#a5a094;}
.content .userpics a img {width:300px;height:200px;position:absolute;clip:rect(58px 193px 143px 108px);top:-57px;left:-107px;}

.content .seitenzaehler a.aktiv { text-decoration:underline;font-weight:bold; }

/* Container **************/
.content .container200 {margin:0 20px 20px 0;width:200px;}
.content .container300 {margin:0 20px 40px 0;width:300px;}
.content .container310 {margin:0 0 40px 70px;width:310px;}
.content .container400 {margin:0 20px 20px 0;width:400px;}
.content .container420 {margin:0 20px 0 0;width:420px;}
.content .container440 {margin:0 20px 20px 0;width:440px;}
.content .container460 {margin:0 20px 20px 0;width:460px;}
.content .container540 {margin:0 20px 20px 0;width:540px;}
.container620 {margin:0 0 60px 0;width:620px;}

/* Home **************/
.homecontainer {width:910px;height:353px;margin:0 0 20px 0;padding:30px 0 0 30px;background:url("08.jpg")/*tpa=http://druck-deine-diplomarbeit.de/images/head-home.jpg*/ no-repeat;font-size:13px;line-height:1.5em;color:#fff;}
.homecontainer h2 {margin:0 0 25px 0;font-family:tit-250wt, sans-serif;font-size:2em;line-height:1.2em;}
.homecontainer h2 a {color:#fff;}
.homecontainer h2 a:hover, .homecontainer h2 a:focus {text-decoration:none;color:#cfe4f3;}
.homecontainer p.button {margin:25px 0 0 0;text-indent:-999em;}
.homecontainer p.button a {width:228px;height:37px;display:block;background:url("button-mehr.gif")/*tpa=http://druck-deine-diplomarbeit.de/images/button-mehr.gif*/ no-repeat bottom left;}
.homecontainer p.button a:hover, .homecontainer p.button a:focus {background-position:top left;}
.homecontainer p.button a:active {background-position:0 1px;}
.button-angebot, .button-ipod {text-indent:-999em;}
.button-angebot a, .button-ipod a {position:relative;width:192px;height:191px;margin:-260px 0 0 700px;display:block;background:url("")/*tpa=http://druck-deine-diplomarbeit.de/images/button-angebot-trans.png*/ no-repeat;cursor:pointer;}
.button-ipod a {width:134px;height:147px;margin:-120px 0 0 580px;background:url("button-ipod-trans.png")/*tpa=http://druck-deine-diplomarbeit.de/images/button-ipod-trans.png*/ no-repeat;}

.homebox {float:left;width:210px;margin:0 30px 30px 0;}
.homebox h3 {margin:0 0 14px 0;font-size:11px;line-height:1.5em;font-family:Verdana, Arial, Helvetica, sans-serif;}
.homebox img {float:left;margin:2px 0 0 0;}

a.bigbutton-angebot {clear:left;width:880px;height:74px;display:block;margin:0 0 0px 0;padding:35px 0 0 60px;background:url("bigbutton-angebot.jpg")/*tpa=http://druck-deine-diplomarbeit.de/images/bigbutton-angebot.jpg*/ no-repeat bottom left;font-size:13px;line-height:18px;color:#fff;}
a.bigbutton-angebot:hover, .bigbutton-angebot:focus {background-position:top left;text-decoration:none;}

.zitatbox {float:left;width:188px;margin-right:20px;padding:0 0 0 30px;background:url("icon-zitat.gif")/*tpa=http://druck-deine-diplomarbeit.de/images/icon-zitat.gif*/ no-repeat 0 3px;font-size:1.1em;line-height:1.5em;}
.zitatbox span {float:right;margin:10px 0 0 0;font-size:.8em;font-weight:bold;}

/* Tables **************/
.content table {margin:0 0 30px 0;border-collapse:collapse;border:1px solid #d1cdc4;}
.content table tr, .content table td, .content table th {border:1px solid #d1cdc4;}
.content table th {padding:5px 15px;background:#f5f4f0;}
.content table th h4, .content table th h5 {margin:0;text-align:center;}
.content table th h4 {margin:10px 0 0 0;}
.content table th p {margin:0 0 8px 0;font-weight:normal;color:#9b9994;}
.content table td {padding:10px 15px;}
.content table .inner {padding:0;}
.content table table, .content table table tr, .content table table td, .content table table th {margin:0;border:none;}
.content table table td h5 {margin:10px 0 0 0;}

.content table.angebot {margin:40px 0;background:none;border:none;}
.content table.angebot tr, .content table.angebot td, .content table.angebot th {border:none;}
.content table.angebot td {border-top:1px solid #d1cdc4;border-right:1px solid #d1cdc4;}
.content table.angebot th {padding:0 15px;background:#f5f4f0;border:none;border-top:2px solid #d1cdc4;border-bottom:2px solid #d1cdc4;}
.content table.angebot tr.gesamtkosten td {margin-top:20px;padding:25px 15px;border-right:none;border-bottom:1px solid #d1cdc4;font-size:1.3em;}
.content table.angebot tr.expresszuschlag td {margin-top:20px;border-right:none;border-bottom:1px solid #d1cdc4;background:#e5e1d7;}
.content table.angebot h3 {margin:0;background:none;}

.content ul.preisliste {list-style:none;}
.content ul.preisliste li {height:16px;padding:8px 0;border-top:1px solid #d1cdc4;}

/* Tabs **************/
.ui-tabs {position:relative;zoom:1;} /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav {margin:0;list-style:none;background:#e4e1da;}
.ui-tabs .ui-tabs-nav li {float:left;position:relative;white-space:nowrap;background:#e4e1da;border-bottom:1px solid #d1cdc4;text-align:center;font-size:1.2em;font-weight:bold;}
.ui-tabs .ui-tabs-nav li a {width:156px;height:35px;display:block;float:left;padding:10px 0;color:#9a9186;text-decoration:none;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {background:#eeece7;border:1px solid #d1cdc4;border-bottom:none;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {cursor:default;color:#62869b;}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {cursor:pointer;} /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel {display:block;clear:both;position:relative;top:10px;height:200px;}
.ui-tabs .ui-tabs-hide {display:none!important;}

/* Sidebar **************/
.sidebar {float:left;min-height:530px;width:300px;margin:0 20px 0 0;padding:35px 0 0 0;background:url("background-sidebar.jpg")/*tpa=http://druck-deine-diplomarbeit.de/images/background-sidebar.jpg*/ no-repeat 60px 0;}
.sidebar h3 {text-transform:uppercase;font-size:1.4em;line-height:1.5em;font-family:tit-750wt, sans-serif;}

ul.subnav {margin:0 0 100px 0;list-style:none;}
ul.subnav li {margin:5px 0;width:255px;height:64px;}
ul.subnav li a {display:block;width:240px;height:26px;padding:36px 0 0 52px;color:#837c6c;}
ul.subnav li.klebebindung {background:url("sub-klebebindung.gif")/*tpa=http://druck-deine-diplomarbeit.de/images/sub-klebebindung.gif*/ no-repeat bottom left;}
ul.subnav li.klebebindung2 {background:url("developteam.gif")/*tpa=http://druck-deine-diplomarbeit.de/images/sub-klebebindung.gif*/ no-repeat bottom left;}

ul.subnav li.spiralbindung-hc {background:url("sub-spiralbindung-hardcover-neu.gif")/*tpa=http://druck-deine-diplomarbeit.de/images/sub-spiralbindung-hardcover-neu.gif*/ no-repeat bottom left;}
ul.subnav li.spiralbindung-m {background:url("sub-spiralbindung-metall.gif")/*tpa=http://druck-deine-diplomarbeit.de/images/sub-spiralbindung-metall.gif*/ no-repeat bottom left;}
ul.subnav li.spiralbindung-p {background:url("sub-spiralbindung-plastik.gif")/*tpa=http://druck-deine-diplomarbeit.de/images/sub-spiralbindung-plastik.gif*/ no-repeat bottom left;}
ul.subnav li.softcover {background:url("sub-softcover.gif")/*tpa=http://druck-deine-diplomarbeit.de/images/sub-softcover.gif*/ no-repeat bottom left;}
ul.subnav li.softcover2 {background:url("consultantsit.gif")/*tpa=http://druck-deine-diplomarbeit.de/images/sub-softcover.gif*/ no-repeat bottom left;}
ul.subnav li.hardcover {background:url("sub-hardcover.gif")/*tpa=http://druck-deine-diplomarbeit.de/images/sub-hardcover.gif*/ no-repeat bottom left;}
ul.subnav li.hardcover2 {background:url("esupport.gif")/*tpa=http://druck-deine-diplomarbeit.de/images/sub-hardcover.gif*/ no-repeat bottom left;}
ul.subnav li:hover, ul.subnav li:focus {background-position:center left;}
ul.subnav li:hover a, ul.subnav li:focus a {text-decoration:none;color:#587b92;}
ul.subnav li.aktiv {margin:15px 0;background-position:top left;}
ul.subnav li.aktiv a {padding-left:65px;color:#cbd7df;cursor:default;}
ul.subnav li.aktiv a:hover {text-decoration:none;}

.banner {border:1px solid #ccc7bd;color:#817e76;line-height:1.5em;}
.b-diskretion {width:135px;padding:10px 10px 10px 75px;background:url("icon-diskretion.gif")/*tpa=http://druck-deine-diplomarbeit.de/images/icon-diskretion.gif*/ no-repeat 10px 14px #f5f3ee;}
.b-umwelt {width:135px;padding:10px 10px 10px 75px;background:url("icon-umwelt.gif")/*tpa=http://druck-deine-diplomarbeit.de/images/icon-umwelt.gif*/ no-repeat 10px 14px #f5f3ee;}
.b-word2pdf {width:200px;padding:90px 20px 20px 20px;background:url("icon-word2pdf.gif")/*tpa=http://druck-deine-diplomarbeit.de/images/icon-word2pdf.gif*/ no-repeat 17px 17px #f5f3ee;}
.b-word2pdf a {display:inline-block;padding:2px;}
.b-indesign2pdf {width:200px;padding:90px 20px 20px 20px;background:url("icon-indesign2pdf.gif")/*tpa=http://druck-deine-diplomarbeit.de/images/icon-indesign2pdf.gif*/ no-repeat 17px 17px #f5f3ee;}
.b-indesign2pdf a {display:inline-block;padding:2px;}

label.disabled {color:#ccc7bd;}

/*** Footer *******************************************************************/
/******************************************************************************/
.footer {clear:both;margin:20px 0 0 0;padding:3px 0 0 0;background:url("dash1.gif")/*tpa=http://druck-deine-diplomarbeit.de/images/dash1.gif*/ repeat-x #003366;font-size:.7em;line-height:1.5em;color:#a7bfd0;}
.footer h5 {margin:0 0 20px 0;padding:50px 0 0 0;text-transform:uppercase;font-size:1.5em;line-height:1.5em;color:#a7bfd0;font-family:tit-750wt, sans-serif;}
.footer a {color:#a7bfd0;}
.footer a:hover, .footer a:focus {text-decoration:none;color:#fff;}
.footer ul {list-style:none;}
.footer ul li {border-bottom:1px dotted #7e9db4;}
.footer ul li a {display:block;padding:7px 0;}

.footer .container220 {width:220px;margin:0 60px 60px 0;}
.footer .container380 {width:380px;margin:0 60px 60px 0;}
.footer .container300 {width:300px;margin:0 0 60px 0;}
.footer .wrapper940 {background:url("background-footer1.png")/*tpa=http://druck-deine-diplomarbeit.de/images/background-footer.jpg*/ no-repeat top center #003366;}

.footer .facebook-button {margin:52px 0 0 0;text-indent:-999em;}
.footer .facebook-button a {width:199px;height:30px;display:block;background:url("button-facebook.gif")/*tpa=http://druck-deine-diplomarbeit.de/images/button-facebook.gif*/ no-repeat top left;}
.footer .facebook-button a:hover {background-position:bottom left;}
.footer .mehr {border:none;font-size:.9em;text-align:right;text-transform:uppercase;font-weight:bold;}

/* Tweets **************/
.footer ul.tweet_list li {padding:7px 0 7px 24px;background:url("li-tweet.gif")/*tpa=http://druck-deine-diplomarbeit.de/images/li-tweet.gif*/ no-repeat 0 9px;}
.footer ul.tweet_list li a {display:inline;padding:0;}
.footer ul.tweet_list li a.tweet_date {display:block;margin:3px 0 0 0;font-size:.9em;color:#7f98ab;}
.footer ul.tweet_list li a.tweet_date:hover {color:#fff;}
.footer .vogel {position:absolute;margin:-57px 0 0 74px;text-indent:-999em;}
.footer .vogel a {width:118px;height:34px;display:block;background:url("twittervogel.gif")/*tpa=http://druck-deine-diplomarbeit.de/images/twittervogel.gif*/ no-repeat bottom center;}
.footer .vogel a:hover, .footer .vogel a:focus {background-position:top center;}

/* Copyright Line **************/
.footer .footline {height:60px;clear:both;margin:0;padding:15px 0 0 0;border-top:2px solid #a7bfd0;}
.footer .footline span.middot {margin:0 3px;}