/**
 * @author	Markus Brunner
 * @domain	stuttgart.de version 2011
 * @media	print
 */

/************************
 * general print config *
 ************************/
@page narrow { size: 9cm 18cm }
* {
    background: none !important;
    color: black !important;
    font-family: Arial,Helvetica,sans-serif;
}
body {
    font-size: 100%;
}
/*
a:after {
	content: ' [LINK: ' attr(href) ']';
	font-size: 0.75em;
}
*/
ul,ol,dl,li,dt,dd {
    margin: 0;
    padding: 0;
}
ul,ol,dl,section,article,p {
    margin: 0;
    padding: 0 0 0.5em 0;
}
h1,h2,h3,h4,h5,h6 {
    page-break-before: auto;
    page-break-after: avoid;
    page-break-inside: avoid;
}
img {
    page-break-inside: avoid;
}

/***************************
 * display: block elements *
 ***************************/
.print {
    display: block !important;
    clear: both !important;
    float: none !important;
}

/**************************
 * display: none elements *
 **************************/
.usability,
.web,
#header-nav,
#language-selection,
#contrast-selection,
#fontsize-selection,
#search-wrapper,
#quicklinks,
#header-img,
#quick-navigation,
#breadcrumb,
nav,
#nav,
#socialmedia,
#pagination,
#footer,
.footer-links,
.more-closed,.more-opened,
.pagination,
.content-top-box-image .btn,
.wetter,
aside,
.content-col-box-col2,
#fancybox-wrap,
#north,
#environment-warning {
    display: none !important;
}

/*******************
 * printing design *
 *******************/
.more-boxes,
.tipp-boxes,
.news-boxes,
.special-link-list {
    margin-bottom: 2em;
}
.more-boxes li,
.tipp-boxes li,
.news-boxes li {
    clear: both;
    list-style-type: none;
    list-style-position: outside;
}
.special-link-list {
    list-style-type: disc;
    list-style-position: inside;
}
#footer_print {
    border-top: 1px solid black;
    margin: 10px 0 0 0;
    padding: 5px 0 0 0;
    text-align: left;
}
#content {
    display: block;
    width: 100%;
}
section,
article {
    clear: both;
}

/*******************************
 * printing design - web-cover *
 *******************************/
.media-left,
.media-right {
    width: 226px;
}
.media-left-wide,
.media-right-wide {
    width: 316px;
}
.media-left,
.media-left-wide {
    float: left;
    margin-right: 14px;
}
.media-right,
.media-right-wide {
    float: right;
    margin-left: 14px;
}
.content-col-box-col2 .media-left,
.content-col-box-col2 .media-right,
.link-boxes-transp img,
.link-boxes-white img {
    width: 100px;
}
.link-tipp-boxes img,
.link-tipp-boxes .media-left,
.link-tipp-boxes .media-right {
    width: 60px;
}

/***direct copy***/
ol, ul, li, dt, dd {
    list-style: none;
    margin: 0;
    padding: 0;
}
.content-col-box-inner ul li {
    padding: 0 0 0 10px;
}
.content-col-box-inner ol li {
    list-style-type: decimal;
    list-style-position: inside;
}
.content-col-box-inner ol ol {
    padding-left: 18px;
}
ul.inline-list,
ul.inline-list li {
    display: inline-block;
    float: left;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
:focus {
    outline: 0;
}
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
table.table-no-padding td {
    padding: 0 !important;
}
fieldset {
    border: none;
    padding: 4px 7px 9px;
}
.content-col-box-inner fieldset {
    margin: 0 0 10px 0;
}
label.std-label {
    display: inline-block;
    float: left;
    width: 150px;
}
.form-row {
    clear: both;
    padding-bottom: 10px;
    clear: both;
}
.form-group {
    float: left;
    clear: both;
}
textarea {
    font-family: Arial, sans-serif;
    font-size: 100%;
}
input {
    text-indent: 0.2em;
}
select,
input,
input[type="password"],
input[type="search"] {
    border: 1px solid #dedefe;
    padding: 0;
}
input[type="radio"],
input.radio,
input[type="checkbox"],
input.checkbox {
    border: none;
}
nav,
aside,
section,
article,
hgroup {
    display: block;
}
h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
    margin: 0.35em 0 0.3em;
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
    text-decoration: none !important;
}
h1 {
    font-size: 140%;
    margin: 0.35em 0 0.6em;
}
h2 {
    font-size: 120%;
}
.first-header {
    margin-top: 0;
}
p {
    margin: 0.3em 0 0.6em;
    color: #666666;
}
.content-col-box-col1 p {
    padding-right: 9px;
}
strong {
    color: #333;
}
img {
    border: none;
}
.hide {
    display: none;
}
.no-border {
    border: none !important;
}
.big-font {
    font-size: 120%;
}

/************
 * clearing *
 ************/
.clearfix:after {
    content: '.';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

/***********************
 * general page config *
 ***********************/
html {
    font-size: 90%;
    line-height: 1;
    margin: 0;
    padding: 0;
}
a {
    color: #155fab;
    text-decoration: none;
    border: none;
}
a:hover,
a:focus {
    text-decoration: underline;
}
a.active {
    color: #333;
}
a.invert-underline {
    text-decoration: underline !important;
}
a.invert-underline:hover,
a.invert-underline:focus {
    text-decoration: none !important;
}
.border-bottom {
    border-bottom: 1px dotted #333;
}
.two-columns {
    clear: both;
    margin-bottom: 20px;
}
.two-columns .col1,
.two-columns .col2 {
    float: left;
    width: 48%;
    margin-right: 2%;
}
.two-columns-content {
    clear: both;
}
.two-columns-content .col1 {
    float: left;
    width: 67.4%;
    margin-right: 2%;
}
.two-columns-content .col2 {
    float: left;
    width: 28.6%;
}

/***********
 * buttons *
 ***********/
.btn,
.btn span,
.btn-left,
.btn-right,
.btn-search,
.prev,
.next,
.more-closed,
.more-closed span,
.more-opened,
.more-opened span {
    display: inline-block;
    border: none;
}
.btn {
    padding: 0 8px 0 0;
    line-height: 22px;
    height: 22px;
}
.btn span {
    padding: 0 0 0 8px;
    line-height: 22px;
    height: 22px;
}
.btn-left,
.btn-right,
.prev,
.next {
    width: 17px;
    height: 17px;
}
#search {
    vertical-align: top;
}
.btn-search {
    width: 22px;
    height: 22px;
    margin: 1px 0 0 -2px;
    line-height: 1;
}
.btn-left-link,
.btn-right-link,
.btn-right-link-v2 {
    display: inline-block;
    line-height: 17px;
    padding: 0 0 0 0px;
    font-weight: bold;
}
.btn-link-margin {
    margin-top: 10px;
}
.more-boxes,
.news-boxes,
.tipp-boxes {
    position: relative;
    margin-bottom: 36px;
}
.more-closed,
.more-opened {
    position: absolute;
    bottom: -17px;
    left: 34%;
    display: inline-block;
    line-height: 17px;
    height: 17px;
    padding: 0 15px 0 0;
    font-weight: bold;
}
.more-closed span,
.more-opened span {
    line-height: 17px;
    height: 17px;
    padding: 0 0 0 15px;
}

/**********
 * layout *
 **********/
body {
    text-align: center;
}
#website-wrapper {
    width: 986px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
#website {
    position: relative;
    width: 962px;
    width: 100%;
    margin: 0 auto;
    text-align: left;
}
/* header */
#header {
    position: relative;
    width: 962px;
    width: 100%;
    height: 86px;
    line-height: 1;
}
#logo {
    position: absolute;
    left: 23px;
    top: 12px;
}
#header ul,
#header li {
    display: inline-block;
    float: left;
}
#header-nav {
    position: absolute;
    top: 4px;
    left: 362px;
}
.divider {
    padding: 0 4px;
}
#footer .divider {
    padding: 0 6px;
}
#header-nav a {
    color: #333;
}

#quicklinks {
    position: absolute;
    top: 45px;
    left: 645px;
}
#schnelleinstieg {
    width: 296px; /* set via js: initScreenView() */
    width: 212px;
    height: 22px;
    float: left;
}
/* content */
#content {
    position: relative;
    float: left;
    width: 739px;
    width: 100%;
    z-index: 0;
}
.content-top-box,
.content-col-box {
    clear: both;
}
.content-col-box {
    clear: both;
}
.content-top-box {
}
.content-top-box-inner {
    clear: both;
    padding: 11px 0 12px 19px;
}
.content-top-box-image {
    position: relative;
    float: left;
    width: 470px;
    width: 6cm;
    height: auto;
    margin: 0 14px 0 0;
}
.content-top-box-image img {
    width: 6cm;
    height: auto;
}
.content-top-box-image dd {
    position: absolute;
    bottom: 10px;
    right: 10px;
}
.content-top-box-text {
    float: left;
    width: 210px;
    width: 8cm;
}
article {
    clear: both;
}
article h1 {
    font-size: 160%;
    margin: 0.35em 0 0.4em;
}
.content-top-box-text article h1 {
    margin-top: 1.1em;
}
article h2 {
    margin: 0.4em 0 0.5em;
    line-height: 1.2;
}
article p {
    line-height: 1.5;
}
article img {
    border: 1px solid #ccc;
}
.media-left,
.media-right {
    width: 226px;
}
.media-left-wide,
.media-right-wide {
    width: 316px;
}
.media-left,
.media-left-wide {
    float: left;
    margin-right: 14px;
}
.media-right,
.media-right-wide {
    float: right;
    margin-left: 14px;
}
.content-col-box-inner {
    padding: 18px 0 0 19px;
    clear: both;
}
.content-col-box-col1 {
    float: left;
    width: 480px;
    padding: 0;
}
.content-col-box-col2 {
    float: left;
    width: 220px;
    padding: 0 0 0 20px;
}
.news-boxes .box {
    border-bottom: 1px dotted #333;
    padding: 10px 0;
}
/* tabs */
.tab-header:before,
.tab-header:after {
    content: '-';
}
.tab-header {
    font-size: 120%;
    font-weight: bold;
    line-height: 27px;
    height: 27px;
    color: #286baf;
    text-align: center;
    display: inline-block;
    float: left;
    padding: 0 24px 0 0;
    display: none;
}
.tab-header.tab-selected {
    color: #333;
}
.tab-content {
    clear: both;
}
/* special link lists */
.special-link-list,
.more-link-list {
    border-top: 1px dotted #333;
    margin-right: 9px;
    clear: both;
}
.more-link-list {
    margin-top: 15px;
}
.content-col-box-inner .special-link-list li {
    border-bottom: 1px dotted #333;
    padding: 7px;
}
.content-col-box-inner .more-link-list li {
    border-bottom: 1px dotted #333;
    padding: 0 7px;
}
.special-link-list li a,
.more-link-list li a {
    display: block;
    font-weight: bold;
}
.more-link-list li a {
    color: #333;
    font-size: 120%;
    line-height: 197%;
}
.more-link-list li a:hover {
    text-decoration: none;
}
.more-link-list li.first,
.more-link-list li.first a {
    color: #fff;
}
/* pagination */
.browse-box {
    position: relative;
    clear: both;
    height: 313px;
    height: auto;
}
/* footer */
#footer {
    clear: both;
    width: 962px;
}
#footer ul,
#footer li {
    display: inline-block;
    float: left;
    line-height: 1.3;
}
#footer a {
    color: #333;
}
.footer-cols {
    clear: both;
    overflow: visible;
}
.footer-col1 {
    clear: both;
    float: left;
    width: 212px;
    margin-right: 30px;
    text-align: right;
}
.footer-col2 {
    float: left;
    width: 720px;
}
#footer-meta-nav .footer-col2 {
    padding-top: 18px;
    height: 45px;
}
.footer-links {

}
.footer-links .footer-col1 {
    font-weight: bold;
}
.footer-links .footer-col2 {
    padding-bottom: 10px;
    border-bottom: 1px dotted #333;
    margin-bottom: 10px;
}
.footer-links.last .footer-col2 {
    border-bottom: none;
}
.print-image,
.send-image,
.feedback-image,
.gototop-image {
    display: inline-block;
    float: left;
    width: 22px;
    height: 15px;
}
.addthis_toolbox {
    float: left;
    width: 297px;
    overflow: visible;
}
.fontsize-plus #footer-meta-nav .footer-col2 {
    height: 90px;
}
.fontsize-plus .addthis_toolbox {
    margin-top: 20px;
}

/* boxes */
.color-box,
.special-color-box {
    margin-bottom: 18px;
}
.box-margin-double {
    margin-bottom: 36px;
}
.color-box h1 {
    padding: 0 11px;
    margin: 0;
}
.special-color-box h1 {
    padding: 0 7px;
    margin: 0;
    font-size: 100%;
    line-height: 200%;
    border-top: 1px dotted #333333;
}
.color-box .box,
.special-color-box .box {
    margin: 16px 0 0 0;
    padding: 0 5px 10px 8px;
    border-bottom: 1px dotted #333;
}
.indent-box {
    padding: 0px 7px 0 7px;
}
.indent-box-with-top {
    padding: 7px 7px 0 7px;
}
.transp-box h1 {
    color: #333;
    padding: 0;
}
.link-boxes-transp,
.link-boxes-white {
    border-top: 1px dotted #333;
    font-weight: bold;
}
.link-boxes-transp p,
.link-boxes-white p {
    color: #286BAF;
    line-height: 1.25;
    margin: 0.75em 0 0;
}
.link-boxes-transp li,
.link-boxes-white li {
    padding: 1px 9px 1px 0 !important;
    margin-top: 0 !important;
}
.content-col-box-col2 .media-left,
.content-col-box-col2 .media-right,
.link-boxes-transp img,
.link-boxes-white img {
    width: 100px;
}
dd.caption {
    font-weight: bold;
    color: #666666;
}
.link-tipp-boxes li {
    border: 1px solid #cccccc;
    padding: 4px !important;
    margin-top: 6px !important;
}
.link-tipp-boxes p {
    margin: 0.3em 0 0 0 !important;
}
.link-tipp-boxes img,
.link-tipp-boxes .media-left,
.link-tipp-boxes .media-right {
    width: 60px;
}

/* contentpage_list */
.contentpage_list_btn {
    display: inline-block;
    width: 18px;
    height: 18px;
    font-size: 17px;
    line-height: 18px;
    text-align: center;
}
a.contentpage_list_btn,
a.contentpage_list_btn:hover {
    color: #1B65AC !important;
    color: rgba(0,0,0,0) !important; /* CSS3 */
    text-decoration: none !important;
}
body.contrast-plus .contentpage_list_btn,
body.contrast-plus .contentpage_list_btn:hover {
    color: black !important;
}
#contentpage_list_controls {
    padding: 2px;
}
#contentpage_list_label {
    display: inline-block;
    margin-right: 64px;
}
#contentpage_list_controls .contentpage_list_btn {
    margin: 0 3px 0 5px;
}
#contentpage_list {
    border-top: 1px dotted #333333;
}
#contentpage_list a.active,
#contentpage_list a:hover {
    color: #333;
}
.content-col-box-inner .contentpage_list li,
#contentpage_list_controls {
    font-size: 120%;
    line-height: 169%;
    font-weight: bold;
}
.content-col-box-inner .contentpage_list li {
    padding: 2px 0 2px 2px !important;
    border-bottom: 1px dotted #333333;
}
.content-col-box-inner .contentpage_list li li {
    margin-left: 10px;
    padding: 0 0 0 12px !important;
    font-size: 100%;
    line-height: 169%;
    border-bottom: none !important;
}
.content-col-box-inner .contentpage_list li li li {
    margin-left: 9px;
    padding: 0 0 0 12px !important;
}
.content-col-box-inner .contentpage_list ul ul ul li {
    border-left: 1px solid #ddd;
}

/* keywords */
.fce-keywords {
    margin-bottom: 30px;
}
.fce-keywords li {
    padding: 0.2em 0.5em 0.2em 0 !important;
    display: inline;
}
.fce-keywords strong {
    color: #155FAB;
}
.fce-keywords strong {
    font-size: 110%;
}

/* Over Content News Box */
h1.bg-heading-1 {
    font-size: 130%;
    line-height: 148%;
    padding: 0 8px;
    margin-top: 0;
}
.content-top-box-news .nav-content-news-text {
    width: auto;
    float: none;
}
.content-top-box-news .additional-link-image {
    text-align: right;
}
.content-top-box-news .additional-link-image img {
    vertical-align: middle;
}

/* Normal Content */
.two-columns-content .col2 dl {
    margin-top: 7px;
}
.two-columns-content .col2 dd {
    font-size: 80%;
    line-height: 110%;
    padding-top: 7px;
}
.two-columns-content li {
    margin: 17px 0;
}
a.arrow-link {
    padding: 0 0 0 12px;
    color: #666;
}
.content-link-list li {
    padding: 0 !important;
    margin: 0;
    font-weight: bold;
}

.content-col-box-col2_subpages-padding {
    padding-top: 6px;
}

/**** social media buttons ****/
.socialmedia-button {
    position: relative;
}
.socialmedia-layer {
    position: absolute;
    left: -12px;
    bottom: 37px;
    padding: 40px 20px 20px 20px;
    z-index: 1001;
    -webkit-box-shadow: 0px 9px 10px #575757;
    -moz-box-shadow: 0px 9px 10px #575757;
    box-shadow: 0px 9px 10px #575757;
}
.arrow-bottom {
    position: absolute;
    left: 16px;
    bottom: -12px;
    height: 12px;
    width: 24px;
    z-index: 10002;
}
.closeButton {
    position: absolute;
    right: 12px;
    top: 12px;
    height: 21px;
    width: 19px;
    z-index: 10002;
}

/* facebook feed */
#facebook-iframe-wrap {
    clear: both;
    text-align: center;
    vertical-align: middle;
    height: 371px;
    width: 328px;
}
#facebook-iframe-wrap iframe {
    position: relative;
    left: -1px;
    top: -1px;
    border: none !important;
}

/* youtube feed */
#youtube-feed {
    width: 300px;
}
#youtube-feed .youtube-logo {
    float: left;
    padding-bottom: 15px;
    text-align: left;
    width: 300px;
}
#youtube-feed .youtube-entry {
    border-bottom: 1px solid #DAE0E5;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
#youtube-feed .youtube-entry .entry-thumb {
    float: left;
    margin-right: 10px;
    max-width: 120px;
    text-align: left;
}
#youtube-feed .youtube-entry .entry-title {
    float: left;
    text-align: left;
    width: 170px;
}

/* flickr gallery */
ul#flickrlink,ul#flickrlink li{
    list-style:none;
    margin:0;
    padding:0;
    font-family:arial,sans-serif;
}
ul#flickrlink{
    float:left;
    clear:both;
    padding:3px;
    width: 469px;
}
ul#flickrlink li{
    margin:2px;
    float:left;
    text-align:center;
    display:none;
}
ul#flickrlink a{
    color:#666;
    font-weight:bold;
    font-size:.8em;
}
ul#flickrlink li.flickrnav{
    margin-top: 32px;
    width:18px;
    display:block;
}
.flickrnav a{
    color:#999;
    text-decoration: none;
}
#flickrlink img{
    width:75px;
    padding:2px;
    border:1px solid #999;
    display:block;
}
#flickrshot{
    font-family:arial,sans-serif;
    font-size:.8em;
    border:1px solid #060;
    padding:5px;
    width:240px;
    margin:107px auto;
    position:absolute;
    left:50%;
    margin-left:-120px;
    z-index: 99999;
}
#flickrshot a.fjbcloser{
    position:absolute;
    right:10px;
    top:8px;
    color:#333;
    font-weight:bold;
    text-decoration:none;
    z-index:99;
}
#flickrshot img{
    border:none;
    margin:0 auto;
    display:block;
}
#flickrshot h4,#flickrshot p{
    margin:.2em 0;
    padding:0;
}
#flickrshot h4{
    color: #333333;
    font-size:1em;
    padding:.2em;
    margin:0 0 .2em 0;
}
#flickrshot p{
    margin:.2em 0 0 0;
}
#flickrshot a{
    display:block;
    text-align:right;
}
#flickrshot p a{
    padding:.1em;
    margin:0 0 0 0;
    font-weight:bold;
    color:#369;
}

/* hover information */
.hover-info {
    display: none;
}

/*** NEW ***/

html, body {
    margin: 0 !important;
    padding: 0 !important;
    height: auto;
}
body {
    font-size: 80%;
    width: 80%;
}
#portletmanageredit {
    display: none;
}
.content-col-box-col1 {
    width: 100%;
}
#footer_print {
    width: auto;
}
#followup_bgheadline {
    display: none;
}
#followup_flyout {
    padding-top: 0 !important;
}
#followup_flyout .article_i_header h1 {
    padding: 0 !important;
    margin-bottom: 0 !important;
}
#followup_flyout .followup_context_nav {
    display: none;
}
#followup_flyout #followup_context {
    background: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
    position: relative;
}
#followup_flyout .two-columns-content .col1 {
    display: block;
    float: none;
    margin: 0;
    width: auto;
}
#followup_flyout .two-columns-content .col2 {
    display: block;
    float: none;
}
#followup_flyout #followup_context #followup_context_col2 {
    float: none;
}
#followup_flyout #followup_context #followup_context_col2 .followup_context_col2_content .article_i_txt.full {
    padding: 11px 0 0 0;
    width: auto;
}
#header {
    height: 86px;
    line-height: 1;
    position: relative;
    text-align: right;
}
#logo {
    position: relative;
    left: inherit;
    top: 0;
    right: 0;
}
#logo img {
    width: 176px;
}
a.contentpage_list_btn,
a.contentpage_list_btn:hover,
a.contentpage_list_btn:active,
a.contentpage_list_btn:focus {
    color: #000000 !important;
}
#followup_context_col3 {
    display: none;
}
div#stellenangebote_content div.single-container div.elements div.right a.button  {
    display: none;
}
div#stellenangebote_content ul li {
    list-style: square outside none;
    margin: 0 0 0 14px;
}


div#sdecontent div#stellenangebote_content {
    width:470px;
}
/*netformic 06.02.2014 bugfix*/
section.two-columns-content{ float: left; width: 100%; clear: both; }

#stellenangebote_content .list-container .item-container {
    page-break-inside: avoid;
}