@charset "UTF-8";

/*
Theme Name: TWT.de
Theme URI: http://www.twt.de/
Description: Default TWT Theme
Version: 1.0
Author: TWT
*/


/* Projekt:            TWT.de         */
/* Dateiname:          style.css      */
/* erstellt am | von:  01.01.2009 TLu */
/* validiert am:       06.03.2009 TLu */
/* bearbeitet am:		31.08.2011 AL */


/* ----- Inhaltsverzeichnis ----- */
/* ------------------------------ */
/* Container */
/* Inhalte */
/* Detailseite */
/* Kommentare */
/* Sidebar */
/* Navigation */
/* Bookmarks */
/* Digital News */
/* Related Posts */


/* Container */
body.blog #content {
width: 570px;
display: inline;
margin: 1px 6px 10px 2px;
}

/* Inhalte */
.post {
float: left;
margin: 0 0px 25px 0;
border-bottom: 1px solid #ededed;
padding: 0 0 15px 0;
width: 556px;
display: inline;
}

body.blog #content h1 {
margin-bottom: 31px;
}

body.blog #content h2,
body.blog #content h3 {
margin-bottom: 5px;
}

body.blog #content p {
width: 100%;
}

body.blog #content p strong {
font-weight: normal;
}

body.blog #content p.postmetadata {
margin-bottom: 15px;
}

body.blog #content div.entry-date-box {
font-size: 1.3em;
font-weight: bold;
color: #003359;
text-align: center;
line-height: 12px;
background: #ededed;
margin: 2px 16px 0 0;
padding-top: 8px;
width: 40px;
height: 40px;
float: left;
display: inline;
}

body.blog #content div.entry-date-box span.date-day {
font-size: 1.2em;
}

body.blog #content div.entry-date-box span.date-month {
font-size: 0.9em;
}

body.blog #content div.entry-date-box span.date-year {
font-size: 0.8em;
}

body.blog #content a,
body.blog #content h2 a,
body.blog #content h2 a:hover {
text-decoration: none;
}

body.blog #content a:hover,
body.blog #content div.entry a {
text-decoration: underline;
}

/* Detailseite */
body.blog #content #content-single div.post h1 {
margin: 0 0 9px 0;
}

body.blog #content #content-single div.post p strong {
font-weight: bold;
}

body.blog #content #content-single img {
margin: 2px 15px 10px 0;
float: left;
}

body.blog #content #content-single div.tags {
font-size: 1.2em;
color: #7f7f7f;
margin-top: 22px;
display: block;
}

body.blog #content #content-single div.tags a {
text-decoration: none;
}

body.blog #content #content-single div.tags a:hover {
text-decoration: underline;
}

body.blog #content #content-single .post {
float: left;
margin: 0 30px 19px 0;
padding: 0 0 15px 0;
border: 0;
display: inline;
}

/* Kommentare */
body.blog #content #content-single ol.commentlist,
body.blog #content #content-single ol.commentlist li {
list-style: none;
margin: 0 0 15px 0;
padding: 0;
}

body.blog #content #content-single ol.commentlist li {
margin: 0 0 25px 0;
}

body.blog #content #content-single h3#comments {
margin-bottom: 21px;
}

body.blog #content #content-single div.comment-meta {
margin-bottom: 3px;
}

body.blog #content #content-single ol.commentlist p {
font-size: 1em;
background: #ededed;
padding: 13px 15px 12px 15px;
width: 450px;
display: block;
}

body.blog #content #content-single ol.commentlist p:after {
content: ".";
visibility: hidden;
display: block;
clear: both;
height: 0;
}

body.blog #content #content-single ol.commentlist p {
display: inline-block;
}

/* Hides from IE-mac \*/
* html body.blog #content #content-single ol.commentlist p {
height: 1%;
}

body.blog #content #content-single ol.commentlist p {
display: block;
}
/* End hide from IE-mac */

body.blog #content #content-single div#respond {
margin-bottom: 20px;
}

body.blog #content #content-single div#respond h3 {
margin: 24px 0 28px 0;
}

hr {
border-color: #e5e5e5;
border-style: solid;
border-width: 1px 0 0;
height: 1px;
margin: 10px 0 20px 0;
}

/* Sidebar */
#sidebar {
float: right;
display: inline;
width: 172px;
margin: 93px 32px 0 0;
}

#sidebar div.branches,
#sidebar div.loesungen,
#sidebar div.blogroll {
background: url(images/image-dropshadow.gif) left bottom no-repeat;
margin: 0 0 10px 0;
padding: 0 0 27px 0;
}

#sidebar div.branches,
#sidebar div.loesungen,
#sidebar div.blogroll {
background-color: #ededed;
}

/*Anpassungen fuer Greenbox*/

#sidebar .context-box-news {
background-color: #fff;
}

/*Anpassungen fuer Greenbox Ende */

#sidebar li.categories,
#sidebar li.linkcat {
font-size: 1.8em;
color: #003359;
margin: 0 0 1px 0;
padding: 10px 0 0 11px;
list-style: none;
}

#sidebar li.linkcat h2 {
font-size: 1em;
font-weight: normal !important;
}

#sidebar li.categories ul,
#sidebar li.linkcat ul {
margin: 8px 0 0 0;
padding: 0;
}

#sidebar li.categories ul li.cat-item a,
#sidebar li.linkcat ul li a {
font-size: 0.65em;
color: #003359;
text-decoration: none;
background: #ededed url(http://www.twt.de/customer/images/references-sorting-arrow.gif) 0 5px no-repeat;
margin: 0;
padding: 2px 0 0 12px;
width: auto;
display: block;
}

#sidebar li.categories ul li.cat-item a:hover,
#sidebar li.linkcat ul li a:hover {
text-decoration: underline;
}

div.greenbox {
margin-bottom: 10px;
float: none;
}

div.greenbox ul li a,
div.kontaktbox ul li {
font-size: 1.2em !important;
}

div.kontaktbox ul li a {
font-size: 1.0em !important;
}

div.greenbox div.kontaktbox {
padding: 15px 10px 20px 10px !important;
}

div.greenbox div.downloadbox {
padding: 15px 10px 12px 10px !important;
}

div.downloadbox h4,
div.kontaktbox h4,
div.servicebox h4 {
margin: 0 0 10px 0 !important;
}

#sidebar div.greenbox div.servicebox ul.service-bookmarks {
margin: 12px 0 10px 0 !important;
}

/* Navigation */
body.blog #content div.navigation,
body.blog #content div.bookmarks {
background: #ededed;
margin: 6px 0 20px 0;
padding: 5px 10px 0 10px;
width: 536px;
height: 20px;
display: block;
float: left;
}

body.blog #content div.bookmarks {
margin: 0;
}

body.blog #content div.navigation div.alignleft {
float: left;
}

body.blog #content div.navigation div.alignright {
float: right;
}

body.blog #content div.navigation div.alignleft a,
body.blog #content div.navigation div.alignright a {
font-size: 1.2em;
font-weight: bold;
color: #003359;
display: block;
}

body.blog #content div.navigation div.alignleft a {
background: url(images/arrow-prev.gif) 0 3px no-repeat;
padding-left: 19px;
}

body.blog #content div.navigation div.alignright a {
background: url(images/arrow-next.gif) right 3px no-repeat;
padding-right: 19px;
}

/* Bookmarks */
body.blog #content div.bookmarks {
margin-top: 15px;
padding: 0;
width: 556px;
height: 29px;
}

body.blog #content div.bookmarks ul {
margin: 0;
padding: 0;
}

body.blog #content div.bookmarks ul li {
background: none;
list-style: none;
margin: 0;
padding: 0;
float: left;
}

body.blog #content div.bookmarks ul li a {
font-size: 1em;
font-weight: bold;
color: #003359;
text-decoration: none;
}

body.blog #content div.bookmarks ul li a.post-comment {
background: url(http://www.twt.de/customer/images/references-sorting-arrow.gif) 11px 11px no-repeat;
border-right: 1px solid #fff;
padding: 7px 0 0 23px;
width: 135px;
height: 27px;
display: block;
}

body.blog #content div.bookmarks ul li a.get-permalink {
background: url(http://www.twt.de/customer/images/references-sorting-arrow.gif) 11px 11px no-repeat;
border-right: 1px solid #fff;
padding: 7px 0 0 23px;
width: 69px;
height: 27px;
display: block;
}

body.blog #content div.bookmarks ul li a.post-comment:hover,
body.blog #content div.bookmarks ul li a.get-permalink:hover {
text-decoration: underline;
}

body.blog #content div.bookmarks ul li dl dt,
body.blog #content div.bookmarks ul li dl dd {
margin: 0;
padding: 0;
float: left;
background: none;
}

body.blog #content div.bookmarks ul li dl dt {
color: #333;
padding: 7px 10px 0 10px;
}

body.blog #content div.bookmarks ul li dl dd {
padding: 7px 0 0 0;
}

body.blog #content div.bookmarks ul li dl dd ul li {
float: left;
clear: none;
}

body.blog #content div.bookmarks ul li dl dd ul li a {
margin: 0 10px 11px 0;
padding: 0;
width: 16px;
height: 16px;
display: block;
}

body.blog #content div.bookmarks ul li dl dd ul li a#bookmark-icon-browser {
background: url(http://www.twt.de/customer/images/footer-1st-icons.gif) 0 0 no-repeat !important;
}

body.blog #content div.bookmarks ul li dl dd ul li a#bookmark-icon-browser:hover {
background: url(http://www.twt.de/customer/images/footer-1st-icons.gif) 0 -16px no-repeat !important;
}

body.blog #content div.bookmarks ul li dl dd ul li a#bookmark-icon-mr-wong {
background: url(http://www.twt.de/customer/images/footer-1st-icons.gif) -16px 0 no-repeat;
}

body.blog #content div.bookmarks ul li dl dd ul li a#bookmark-icon-mr-wong:hover {
background: url(http://www.twt.de/customer/images/footer-1st-icons.gif) -16px -16px no-repeat;
}

body.blog #content div.bookmarks ul li dl dd ul li a#bookmark-icon-delicious {
background: url(http://www.twt.de/customer/images/footer-1st-icons.gif) -32px 0 no-repeat;
}

body.blog #content div.bookmarks ul li dl dd ul li a#bookmark-icon-delicious:hover {
background: url(http://www.twt.de/customer/images/footer-1st-icons.gif) -32px -16px no-repeat;
}

body.blog #content div.bookmarks ul li dl dd ul li a#bookmark-icon-digg {
background: url(http://www.twt.de/customer/images/footer-1st-icons.gif) -48px 0 no-repeat;
}

body.blog #content div.bookmarks ul li dl dd ul li a#bookmark-icon-digg:hover {
background: url(http://www.twt.de/customer/images/footer-1st-icons.gif) -48px -16px no-repeat;
}

body.blog #content div.bookmarks ul li dl dd ul li a#bookmark-icon-google {
background: url(http://www.twt.de/customer/images/footer-1st-icons.gif) -64px 0 no-repeat;
}

body.blog #content div.bookmarks ul li dl dd ul li a#bookmark-icon-google:hover {
background: url(http://www.twt.de/customer/images/footer-1st-icons.gif) -64px -16px no-repeat;
}

body.blog #content div.bookmarks ul li dl dd ul li a#bookmark-icon-facebook {
background: url(http://www.twt.de/customer/images/footer-1st-icons.gif) -80px 0 no-repeat;
}

body.blog #content div.bookmarks ul li dl dd ul li a#bookmark-icon-facebook:hover {
background: url(http://www.twt.de/customer/images/footer-1st-icons.gif) -80px -16px no-repeat;
}

/* Digital News */
#content div.digitalnext {
padding-bottom: 11px;
}

#content div.digitalnext h2,
#content div.digitalnext h3 {
background: url(images/icon-digitalnext.gif) 0 2px no-repeat;
margin-bottom: 13px;
padding-left: 25px;
}

#content div.digitalnext p.postmetadata {
display: none;
}

#content div.digitalnext div.entry {
font-size: 1.3em;
color: #333;
}

#content div.digitalnext div.entry div.entry-date-box span.date-day {
font-size: 1em;
}

#content div.digitalnext div.entry div.entry-date-box span.date-month {
font-size: 0.7em;
}

#content div.digitalnext div.entry div.entry-date-box span.date-year {
font-size: 0.6em;
}

/* Related Posts */
.related-posts {
font-weight: bold;
padding-top: 20px;
display: block;
}

/* Newsbereich auf den Solutionsites */
#solution-news .post {
margin-right: 0;
}

#solution-news  #navi-wrapper {
width: 183px;
}