/* -------------------------------------------------------------------------------------------------------------------------- */
/* CONTENT */
/* -------------------------------------------------------------------------------------------------------------------------- */

.col-main h1 {font-family: PFDinTextPro-Regular, Tahoma, Geneva, sans-serif; font-weight: normal; font-style: normal; text-align: left; 
	font-size: 22px; line-height: 26px; color: #575756; letter-spacing: 1pt; padding: 5px 30px 0 30px;} 

.col-main h2 {font-family: PFDinTextPro-Regular, Tahoma, Geneva, sans-serif; font-weight: normal; font-style: normal; text-align: left; 
	font-size: 22px; line-height: 26px; color: #686767; letter-spacing: 1pt; padding: 0 0 1em 0; clear: both;}
	 
.col-main h3 {margin: 0; padding: 0 0 1em 0; color: #686767; font-size: 1em; line-height: 1.4em; font-weight: normal; } 
.col-main h4 {margin: 0; padding: 0 0 1em 0; color: #686767; font-size: 1em; line-height: 1.4em; font-weight: bold;} 
.col-main h5 {margin: 0; padding: 0 0 1em 0; color: #000; font-size: 1em; line-height: 1.4em; font-weight: bold; } 
.col-main h6 {margin: 0; padding: 0 0 1em 0; color: #000; font-size: 1em; line-height: 1.4em; font-weight: bold; } 

.col-main p {margin: 0; padding: 0 0 1em 0;}
.col-main p.einleitung {color: #2b2b2a;}

.col-main strong {font-weight: bold;}

.col-main div.divider {height: 1px; margin: 20px 0 20px 0; overflow: hidden; padding: 0; border-top: 1px solid #b3b3b3; clear: both;}

/* links */

.col-main a {text-decoration: none; color: #000;}
.col-main a.hover {color: #bd1c28;}

.col-main a.naviLink {padding: 0 0 0 11px; text-decoration: none; color: #bd1c28; background: url(../images/icn_navilink.png) no-repeat 0 4px;}
.col-main a.naviLink.hover {color: #000; background: url(../images/icn_navilink_over.png) no-repeat 0 4px;}

.col-main a.pdf-link {padding: 0 0 0 11px; text-decoration: none; color: #bd1c28; background: url(../images/icn_navilink.png) no-repeat 0 4px;}
.col-main a.pdf-link.hover {color: #000; background: url(../images/icn_navilink_over.png) no-repeat 0 4px;}

.col-main a.download {padding: 0 0 0 11px; text-decoration: none; color: #bd1c28; background: url(../images/icn_navilink.png) no-repeat 0 4px;}
.col-main a.download.hover {color: #000; background: url(../images/icn_navilink_over.png) no-repeat 0 4px;}

.col-main a.flipbookIframe {padding: 0 0 0 11px; text-decoration: none; color: #bd1c28; background: url(../images/icn_navilink.png) no-repeat 0 4px;}
.col-main a.flipbookIframe.hover {color: #000; background: url(../images/icn_navilink_over.png) no-repeat 0 4px;}

.col-main a.downloadIcn {border: 1px solid #fff; width: 16px; height: 16px; display: block; padding: 5px; }
.col-main a.downloadIcn.hover {border: 1px solid #bd1c28;}

.col-main a.btnLink {padding: 9px 30px 0 20px; line-height: 15px; height: 23px; text-decoration: none; display: block; float: right; 
	font-family: PFDinTextPro-Regular, Tahoma, Verdana, Arial, Geneva, sans-serif; font-weight: normal; font-style: normal; 
	letter-spacing: 1px; font-size: 15px; color: #fff; background: url(../images/back_form_button.png) no-repeat right top;}
.col-main a.btnLink.hover {color: #fff; background: url(../images/back_form_button_over.png) no-repeat right top;}

.col-main a.btnLink2 {padding: 9px 30px 0 20px; line-height: 15px; height: 23px; text-decoration: none; display: block; float: right; 
	font-family: PFDinTextPro-Regular, Tahoma, Verdana, Arial, Geneva, sans-serif; font-weight: normal; font-style: normal; 
	letter-spacing: 1px; font-size: 15px; color: #fff; background: url(../images/back_form_button_over.png) no-repeat right top; }
.col-main a.btnLink2.hover {color: #fff; background: url(../images/back_form_button.png) no-repeat right top;}

.col-main a.btnBackLink {padding: 9px 20px 0 30px; line-height: 15px; height: 23px; text-decoration: none; display: block; float: right; 
	font-family: PFDinTextPro-Regular, Tahoma, Verdana, Arial, Geneva, sans-serif; font-weight: normal; font-style: normal; 
	letter-spacing: 1px; font-size: 15px; color: #fff; background: url(../images/back_button_back.png) no-repeat left top;}
.col-main a.btnBackLink.hover {color: #fff; background: url(../images/back_button_back_over.png) no-repeat left top;}

.col-main .btnLinkContainer {clear: both; overflow: auto;}
.col-main a.btnLinkLeft {padding: 9px 30px 0 20px; margin: 0 15px 0 0; line-height: 15px; height: 23px; text-decoration: none; display: block; float: left; 
	font-family: PFDinTextPro-Regular, Tahoma, Verdana, Arial, Geneva, sans-serif; font-weight: normal; font-style: normal; 
	letter-spacing: 1px; font-size: 15px; color: #fff; background: url(../images/back_form_button.png) no-repeat right top;}
.col-main a.btnLinkLeft.hover {color: #fff; background: url(../images/back_form_button_over.png) no-repeat right top;}

/* list */

.col-main ul {margin: 0; padding: 0 0 0.5em 0; list-style: none; }
.col-main ul li {margin: 0; padding: 0 0 0.5em 20px; background: url(../images/icn_li.png) no-repeat left 3px;}

.col-main ul.linklist {float: left;}
.col-main ul.linklist li {padding: 0 0 0.5em 0; background-image: none; clear: both; overflow: auto;}
.col-main ul.linklist li a {padding: 0 0 0 11px; text-decoration: none; display: block; float: left;
	color: #bd1c28; background: url(../images/icn_navilink.png) no-repeat 0 4px;}
.col-main ul.linklist li a.hover {color: #000; background: url(../images/icn_navilink_over.png) no-repeat 0 4px;}

/* table */

.col-main table {margin: 0 0 1em 0; padding: 0; border: 0; font-size: 1em; line-height: 1.36em; width: 100%;}

.col-main table th {padding: 2px 2px 2px 0; color: #bbbbbb; vertical-align: top; text-align: left; font-weight: normal; border-bottom: 1px solid #dddddd}
.col-main table th.align-right {text-align: right; padding-left: 2px;}
.col-main table th.align-center {text-align: center; padding-left: 2px; padding-right: 2px;}
.col-main table th.valign-bottom {vertical-align: bottom;}
.col-main table tr.last th {border-bottom: 1px solid #dddddd; padding-bottom: 2px;}
.col-main table tr.first th {border-top: 1px solid #dddddd; padding-top: 2px;}

.col-main table td {padding: 2px 2px 2px 0; color: #686767; vertical-align: top; text-align: left; border-bottom: 1px solid #ccd1d4}
.col-main table td.align-right {text-align: right; padding-left: 2px; padding-right: 0;}
.col-main table td.align-center {text-align: center; padding-left: 2px;}
.col-main table td a.downloadIcn {position: relative; left: 50%; margin-left: -10px;}

.col-main table.downloadsTable td {vertical-align: middle;}

/* typo3 textpic */

.csc-textpic-intext-left .csc-textpic-imagewrap {float: left; padding: 5px 8px 5px 0;}
div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img, 
div.csc-textpic-border div.csc-textpic-single-image img {border: 1px solid #b3b3b3; padding: 0;}

/* typo3 textpic / csc-frame-frame1 / pdf-download-objekte */

.col-main .csc-frame-frame1 {padding: 20px 0 10px 0; margin: 0; border-top: 1px solid #b3b3b3; clear: both;}
.col-main .csc-frame-frame1 img  {border: 1px solid #b3b3b3;}
.col-main .csc-frame-frame1 h3 a {padding: 0 0 0 11px; text-decoration: none; color: #bd1c28; background: url(../images/icn_navilink.png) no-repeat 0 4px;}
.col-main .csc-frame-frame1 h3 a.hover {color: #000; background: url(../images/icn_navilink_over.png) no-repeat 0 4px;}

.col-main .csc-frame-frame2 {padding: 0 0 20px 0; margin: 0; border-bottom: 1px solid #b3b3b3; clear: both;}
.col-main .csc-frame-frame2 img  {border: 1px solid #b3b3b3;}
.col-main .csc-frame-frame2 h3 a {padding: 0 0 0 11px; text-decoration: none; color: #bd1c28; background: url(../images/icn_navilink.png) no-repeat 0 4px;}
.col-main .csc-frame-frame2 h3 a.hover {color: #000; background: url(../images/icn_navilink_over.png) no-repeat 0 4px;}


/* -------------------------------------------------------------------------------------------------------------------------- */
/* FORM */
/* -------------------------------------------------------------------------------------------------------------------------- */

form {margin-top: 1em;}

form fieldset {margin: 0 0 1.5em 0; padding: 0; border: 0; clear: both; overflow: auto;}
form input {margin: 0; padding: 2px 10px 0 10px; border: 0; font-family: Verdana, Arial, Geneva, sans-serif; font-size: 12px; color: #bd1c28; }
form select {margin: 0; padding: 2px; border: 0; font-family: Verdana, Arial, Geneva, sans-serif; font-size: 12px; color: #bd1c28; background: #fff}
form textarea {margin: 0; padding: 10px; border: 0; width: 300px; font-family: Verdana, Arial, Geneva, sans-serif; font-size: 12px; 
	color: #bd1c28; background: #fff; border: 1px solid #aaaaa9;}

form input.text {width: 300px; height: 30px; border: 1px solid #aaaaa9; background: #fff url(../images/back_input_no-border.png) no-repeat}

form input.submitBtn {padding: 0 25px 0 15px; margin: 0; border: 0; height: 32px; line-height: 23px; letter-spacing: 1px; 
	color: #fff; background: url(../images/back_form_button.png) no-repeat right top; cursor: pointer; overflow: hidden;
	font-family: PFDinTextPro-Regular, Verdana, Arial, Geneva, sans-serif; font-weight: normal; font-size: 15px;}
form input.submitBtn:hover {background: url(../images/back_form_button_over.png) no-repeat right top;}

.col-main form fieldset {margin: 0; padding: 0 0 5px 0; clear: both; overflow: auto; border: 0; margin-bottom: 15px;}
.col-main form fieldset .formline {padding-bottom: 15px; width: 520px; overflow: auto; display: block; clear: both; float: left;}
.col-main form fieldset .formline .formline {padding-bottom: 0;}
.col-main form fieldset .formline .labelContainer {float: left; width: 150px; padding-top: 5px;}
.col-main form fieldset .formline .stern {color: #999;}

/* login box  */

.loginBox {width: 470px; padding: 0; margin: 0; overflow: hidden;}
.loginBox form {padding: 0; margin: 0;}
.loginBox form fieldset {margin: 0; padding: 0;}
.loginBox form fieldset .formline {float: left; width: auto; clear: none; padding: 0; overflow: hidden;}
.loginBox form fieldset .formline input.text {float: left; clear: both; margin-right: 15px;}
.loginBox form fieldset .formline input.textBenutzername {width: 130px; background: url(../images/back_input_benutzername.png) no-repeat; }
.loginBox form fieldset .formline input.textBenutzername.inputFocus {background: url(../images/back_input_no-border.png) no-repeat;}
.loginBox form fieldset .formline input.textPasswort {width: 130px; background: url(../images/back_input_passwort.png) no-repeat;}
.loginBox form fieldset .formline input.textPasswort.inputFocus {background: url(../images/back_input_no-border.png) no-repeat;}
.loginBox form fieldset .formline .submitBtn {margin: 0; }

.global_error {margin: 0 0 20px 0; padding: 5px; color: #fff; background: #bd1c28;}
.col-main form fieldset .formline .labelContainer.error-field label {color: #bd1c28;}

/* software update downloadschutz */

#serial1_form,
#serial2_form,
#serial3_form,
#serial4_form {clear: both; padding-top: 0; margin-top: 0;}
#serial4_form {padding-bottom: 2em;}

#serial1_form input#serial1,
#serial2_form input#serial2,
#serial3_form input#serial3,
#serial4_form input#serial4 {width: 300px; height: 30px; margin-right: 10px; border-right: 1px solid #aaaaa9; background: #fff url(../images/back_input.png) no-repeat; float: left;}

#serial1_form input#serial1_submit,
#serial2_form input#serial2_submit,
#serial3_form input#serial3_submit,
#serial4_form input#serial4_submit {padding: 0 25px 0 15px; margin: 0; border: 0; height: 32px; line-height: 23px; letter-spacing: 1px; 
	color: #fff; background: url(../images/back_form_button.png) no-repeat right top; cursor: pointer; overflow: hidden;
	font-family: PFDinTextPro-Regular, Verdana, Arial, Geneva, sans-serif; font-weight: normal; font-size: 15px;}
    
#serial1_form input#serial1_submit:hover,
#serial2_form input#serial2_submit:hover,
#serial3_form input#serial3_submit:hover,
#serial4_form input#serial4_submit:hover {background-image: url(../images/back_form_button_over.png);}


/* -------------------------------------------------------------------------------------------------------------------------- */
/* SLIDESHOW */
/* -------------------------------------------------------------------------------------------------------------------------- */

.col-main .slideshow-container {position: relative; top: 0; left: 0; width: 720px; height: 480px; overflow: hidden;}

.col-main #slideshow {width: 720px; height: 451px; overflow: hidden;}
.col-main #slideshow div {position: relative; width: 720px; height: 451px; overflow: hidden;}
.col-main #slideshow div img { position: absolute; top: 0; left: 0; width: 720px; height: 451px;}

.col-main #slideshow .screenImg { position: absolute; top: 0; left: 0; width: 720px; height: 451px; z-index: 2 }
.col-main #slideshow .screenClaimOverlay { position: absolute; top: 287px; left: 0; width: 720px; height: 123px; background: #fff; z-index: 3 }
.col-main #slideshow .screenClaimContainer { position: absolute; top: 320px; left: 40px; width: 665px; height: 108px; z-index: 4 }
.col-main #slideshow .screenClaimContainer h2 {font-family: PFDinTextPro-Regular, Tahoma, Verdana, Arial, Geneva, sans-serif; font-weight: normal; font-style: normal; 
	font-size: 24px; line-height: 28px; letter-spacing: 1px; color: #000; margin: 0; padding: 0; }
.col-main #slideshow .screenClaimContainer h3 {font-family: PFDinTextPro-Regular, Tahoma, Verdana, Arial, Geneva, sans-serif; font-weight: normal; font-style: normal; 
	font-size: 16px; line-height: 18px; letter-spacing: 1px; color: #000; margin: 0; padding: 0;}

.col-main #slideshow .screenLink {position: absolute; right: 15px; top: 360px; z-index: 200; height: auto;}
.col-main #slideshow .screenLink a {padding: 9px 30px 0 20px; line-height: 15px; height: 23px; text-decoration: none; display: block; float: right; 
	font-family: PFDinTextPro-Regular, Tahoma, Verdana, Arial, Geneva, sans-serif; font-weight: normal; font-style: normal; 
	letter-spacing: 1px; font-size: 15px; color: #fff; border: 1px solid #fff; background: url(../images/back_form_button.png) no-repeat right top;}
.col-main #slideshow .screenLink a.hover {color: #fff; border: 1px solid #fff; background: url(../images/back_form_button_over.png) no-repeat right top;}

.col-main #raumkonzeptIntro #slideshow .screenLink a {color: #fff; border: 1px solid #fff; background: url(../images/back_form_button_over.png) no-repeat right top;} 
.col-main #raumkonzeptIntro #slideshow .screenLink a.hover {color: #fff; border: 1px solid #fff; background: url(../images/back_form_button.png) no-repeat right top;}

.col-main #slideshow .screenClaimContainer a {padding: 9px 30px 0 20px; line-height: 15px; height: 23px; text-decoration: none; display: block; float: right; text-transform: uppercase; 
	font-family: PFDinTextPro-Regular, Tahoma, Verdana, Arial, Geneva, sans-serif; font-weight: normal; font-style: normal; position: absolute; right: 0; top: 40px; z-index: 10;
	letter-spacing: 1px; font-size: 15px; color: #fff; border: 1px solid #fff; background: url(../images/back_form_button.png) no-repeat right top;}
.col-main #slideshow .screenClaimContainer a.hover {color: #fff; border: 1px solid #fff; background: url(../images/back_form_button_over.png) no-repeat right top;}


/* pager */

#pager {position: absolute; right: 10px; bottom: 0; z-index: 200;}

#pager a {margin: 0 0 0 15px; padding: 10px 0 0 0; text-decoration: none; height: 1px; width: 15px; float: left; display: block;
	font-size: 1px; line-height: 1px; text-align: center; overflow: hidden; color: #dddddd;
	background: url(../images/icn_pager.png) no-repeat left top}
#pager a.hover {background: url(../images/icn_pager_over.png) no-repeat left top}

#pager a.activeSlide {background: url(../images/icn_pager_over.png) no-repeat left top}
#pager a.activeSlide.hover {background: url(../images/icn_pager_over.png) no-repeat left top}


/* -------------------------------------------------------------------------------------------------------------------------- */
/* BILDDATENBANK */
/* -------------------------------------------------------------------------------------------------------------------------- */

/* search */

.col-main .catSearchForm {position: relative; z-index: 10;}
.col-main .catSearchForm select {width: 396px; border: 1px solid #aaaaa9; z-index: 10;}
.col-main .catSearchForm input.text {width: 376px; margin-right: 10px; float: left; border-right: 1px solid #aaaaa9;  
	background: #fff url(../images/back_input_bilddatenbank_suche.png) no-repeat}
.col-main .catSearchForm fieldset .formline {padding-bottom: 15px; width: 520px; overflow: auto; display: block; clear: both; float: left;}

/* head */

.col-main .searchHeadContainer {overflow: auto;}
.col-main .searchHeadContainer h2 {float: left; margin: 0; padding: 0;}
.col-main .searchHeadContainer .backLinkContainer {text-align: right; float: right;}

/* breadcrumbs */

.col-main .searchBreadcrumbsContainer {overflow: auto; padding: 5px 0 5px 0; margin: 0; color: #72787e; position: relative; 
	border-top: 1px solid #b3b3b3; }
	
.col-main .breadcrumbs {list-style: none; margin: 0; padding: 0; border: 0; font-size: 1em; line-height: 1.2em;}
.col-main .breadcrumbs li {float: left; margin: 0; padding: 0 6px 0.3em 0; background: none;}

.col-main .breadcrumbs li a {margin: 0; padding: 0 0 0 7px; text-decoration: none; float: left; display: block; border-left: 1px solid #b8bbbe; color: #72787e;}
.col-main .breadcrumbs li a.hover {color: #bd1c28;}

.col-main .breadcrumbs li.first {border-left: 0;}
.col-main .breadcrumbs li.first a {padding-left: 0; border: 0;}

/* view by */

.view-by {margin: 0 0 0 0; padding: 5px 10px 6px 10px; color: #72787e;  background: url(../images/back_pager.png) repeat-x; border-top: 1px solid #b3b3b3; 
	clear: both; overflow: auto;}

.view-by .right {float: right;}
.view-by .right .title {float: left; padding: 2px 5px 0 0;}

.view-by select {width: 65px; margin: 0 5px 0 0; padding: 2px; border: 0; background: #fff; width: 60px;  
	font-family: Verdana, Arial, Helvetica, sans-serif; vertical-align: middle; color: #72787e; font-size: 1em;}

/* pager */

.pager {margin: 0 0 20px 0; padding: 3px 0 3px 10px; color: #72787e; clear: both; overflow: auto; 
	border-bottom: 1px solid #b3b3b3; border-top: 1px solid #fff; background: #f3f3f3;}

.pager .left {float: left;}
.pager .right {float: right; margin-right: 8px;}

.pager .right p strong {font-weight: bold;}

.pager ul {list-style: none; margin: 0; padding: 0; border: 0; float: left; height: 19px;}
.pager ul li {float: left; margin: 0 10px 0 0; padding: 0; border: 0; height: 19px; line-height: 19px; background: none;}
.pager ul li img {float: left; margin: 0; padding: 0; border: 0;}

.pager ul li a {margin: 0; padding: 0; text-decoration: none; float: left; display: block; width: 20px; text-align: center; color: #72787e;} 
.pager ul li a.hover {color: #BD1C28;}
.pager ul li a.active {color: #BD1C28;}

.pager ul li.previous {margin: 0 7px 0 0; padding: 0;}
.pager ul li.previous a {margin: 0; padding: 0; text-decoration: none; display: block; width: 19px; height: 19px;
	color: #72787e; background: url(../images/pager_arrow_left.png) no-repeat left 5px;}
.pager ul li.previous a img {visibility: hidden;}
.pager ul li.previous a:hover {color: #BD1C28; background: url(../images/pager_arrow_left_over.png) no-repeat left 5px;}

.pager ul li.next {margin: 0; padding: 0;}
.pager ul li.next a {margin: 0; padding: 0; text-decoration: none; display: block; width: 19px; height: 19px;
	color: #72787e; background: url(../images/pager_arrow_right.png) no-repeat right 5px;}
.pager ul li.next a img {visibility: hidden;}
.pager ul li.next a:hover {color: #BD1C28; background: url(../images/pager_arrow_right_over.png) no-repeat right 5px;}

.pager .right p {margin: 0; padding: 0;}

/* grid view */

.col-main .searchRes .gridViewContainer {font-size: 10px; line-height: 13px;}
.col-main .searchRes .gridViewContainer .gridRow {overflow: auto; clear: both;}

.col-main .searchRes .gridViewContainer .gridRow .itemContainer {width: 130px; float: left; overflow: auto; padding-bottom: 20px;}
.col-main .searchRes .gridViewContainer .gridRow .itemContainer.last {width: 100px;}

.col-main .searchRes .gridViewContainer .item a {text-decoration: none; display: block; width: 100px; cursor: pointer; color: #72787e;}
.col-main .searchRes .gridViewContainer .item a.hover {color: #575756; text-decoration: underline;}

.col-main .searchRes .gridViewContainer .item br {}

.col-main .searchRes .gridViewContainer .item .thumbnail {position: relative; width: 100px; height: 100px; display: block; float: left; margin-bottom: 5px;}
.col-main .searchRes .gridViewContainer .item .thumbnail img {position: absolute; left: 0; bottom: 0;}

.col-main .searchRes .gridViewContainer .item .title {height: 6em; display: block; width: 100px; float: left; clear: both; overflow: hidden;}
.col-main .searchRes .gridViewContainer .item .title.hover {text-decoration: none; color: #bd1c28}

.col-main .searchRes .gridViewContainer .downloadFormat {width: 100px; clear: both; overflow: hidden;}
.col-main .searchRes .gridViewContainer .downloadFormat select {font-size: 1em; width: 100px; border: 1px solid #aaaaa9;}
.col-main .searchRes .gridViewContainer .downloadFormat select option {width: auto; position: absolute;}

/* FIXES after upgrade 2016 */

.csc-textpic-intext-left-nowrap .csc-textpic-text {
    margin-left: 0px;
}
.col-right .csc-textpic-image img {width: 198px !important; height: auto !important;}