/* Default Content */

.clearer {
	clear: both;
}

img.img-responsive {
	max-width: 100%;
	width: auto;
}

#midCol .ctArea .ctElement {
	margin-bottom: 20px;
	clear: both;
}

.ctArea a.anchorlink {
    color: #ffffff !important;
    display: block !important;
    font-size: 1px !important;
    height: 0 !important;
    line-height: 1px !important;
    text-decoration: none !important;
    text-indent: -99999px !important;
}

.ctArea h1 {
	font-size: 26px;
	margin: 0px 0px 20px 0px;
	color: #005aab;
	font-weight: normal;
}

.ctArea h2 {
	font-size: 16px;
	font-weight: bold;
	margin: 0px 0px 1px 0px;
	padding: 0px;
	color: #005aab;
}

.ctArea  .clearfix h2 {
	margin: 0px 0px 12px 0px;
}

.ctArea h3 {
	font-size: 14px;
	color: #005aab;
	margin-top: 24px;
	margin-bottom : 3px;
}

.ctArea h4,
#rightCol h4 {
	font-size: 14px;
	color: #005aab;
	background-color: #e0ebf5;
	border-radius: 3px;
	font-weight: bold;
	margin-bottom: 3px;
	margin-top:6px;
	padding: 4px 10px;
}

#rightCol h4 a{
	color: #005aab;

}

#rightCol h1 a:hover,
#leftCol h1 a:hover,
#rightCol h2 a:hover,
#rightCol h3 a:hover {
	color: #ff0000;
}

.PRODUCT_NOTE_SINGLE .listitem_subheader {
	padding-bottom:20px !important;
}



.ctArea p{
	font-size: 13px;
	line-height: 170%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px;
	color: #747578;
}

.ctArea dt {
	margin-top: 15px;
}

p.bluetext,
.ctArea p.bluetext a,
.ctArea p.blueboxsolid a{
	margin: 0px 0px 0px 0px;
	color: #005aab;
	font-size : 13px;
}

p.bluetext.bold span {
font-weight:normal;
}

p.graytext.bold span {
font-weight:normal;
}


p.bold {
font-weight:bold;
}

p.redtext,
.ctArea p.redtext a {
	margin: 0px 0px 0px 0px;
	color: #ed1b24;
}

.ctArea a{
	font-size: 13px;
	color: #747578;
	text-decoration: underline;
}

.ctArea a:hover,
.ctArea p.bluetext a:hover,
.ctArea p.blueboxsolid a:hover{
	color: #ed1b24;
}
.ctArea p.redtext a:hover,
.ctArea p.redboxsolid a:hover{
	color: #005aab;
}

.ctArea a.anchorlink {
	text-indent: -99999px !important;
	text-decoration: none !important;
	line-height: 1px !important;
	font-size: 1px !important;
	color: #FFFFFF !important;
	display:block !important;
	height:0px !important;
}

a.redarrow {
	padding: 0px 0px 0px 20px;

	background-image: url('../../images/pfeil_redArrowRight.png');
	background-repeat: no-repeat;
	background-position: 0px 7px;
	color: #ed1b24;
	text-decoration: none;
	display: block;
}

.align-justify {
    text-align: justify;
}

.align-center {
    text-align: center;
}

.align-right {
    text-align: right;
}

.align-left {
    text-align: left;
}

#content .ctArea .link{
	background-color: #005aab;
	color: #ffffff;
	margin-top: -34px;
	z-index: 2;
	position: relative;
	float: right;
	right: 19px;
	text-transform: uppercase;
	font-size: 10px;
	padding: 1px 4px;
	font-weight: bold;
	text-decoration: none;
}

#content .ctArea .link:hover{
	background-color: #f00;
}

#content .ctArea .linkwrap {
	width: 91%;
	height: 100%;
	position: absolute;
	top: 0;

}

#content .ctArea .linkwrap:hover .link{
	  background-color: #f00;
}

#content .ctArea .linkwrap .link{
	top: 146px;
}

#content .ctArea .linkwrap {
	width:94%;

}
#content .ctArea .linkwrap .link {
	 top: 146px;
}

.csc-uploads a img {
	border: 1px solid #005aab;
}

a.redarrow:hover {
	color: #ed1b24;
	text-decoration: underline;
}

a.bluearrow {
	padding: 0px 0px 0px 20px;
	background-image: url('../../images/pfeil_listWithArrowDown.png');
	background-repeat: no-repeat;
	background-position: 0px 7px;
	color: #ed1b24;
	text-decoration: none;
	display: block;
}

a.bluearrow:hover {
	color: #ed1b24;
	text-decoration: underline;
}

ul.csc-uploads span {
	  padding-left: 42px;
}

.downFiles img {
	display: inline-block;
	margin-top: -3px;
}
.downFiles a {
	display: inline-block;
	padding: 0px 10px;
}

.downFiles {
	color: #747578;
	font-size: 13px;
	padding-top: 6px;
}

a.pdf {
	padding: 0px 0px 0px 40px;
	margin-bottom: 10px;
	background-image: url('../../images/pdf_icon.gif');
	background-repeat: no-repeat;
	background-position: 0px 1px;
	color: #ed1b24;
	text-decoration: none;
}

a.pdf:hover {
	color: #ed1b24;
	text-decoration: underline;
}

a.doc {
	padding: 0px 0px 0px 40px;
	margin-bottom: 10px;
	background-image: url('../../images/doc_icon.gif');
	background-repeat: no-repeat;
	background-position: 0px 1px;
	color: #ed1b24;
	text-decoration: none;
}

a.doc:hover {
	color: #ed1b24;
	text-decoration: underline;
}

a.jpg {
	padding: 0px 0px 0px 40px;
	margin-bottom: 10px;
	background-image: url('../../images/jpg_icon.gif');
	background-repeat: no-repeat;
	background-position: 0px 1px;
	color: #ed1b24;
	text-decoration: none;
}

a.jpg:hover {
	color: #ed1b24;
	text-decoration: underline;
}

a.redlink {
	padding: 0px 0px 0px 0px;
	margin-bottom: 10px;
	color: #ed1b24;
	text-decoration: none;
}

a.redlink:hover {
	color: #ed1b24;
	text-decoration: underline;
}


.tt-products h2.category_title a:after {
	/*content: "    >";*/
	text-decoration: none;
}



p.blueboxsolid {
    border-style: solid;
    border-width: 1px;
    padding: 10px 15px;
    margin-bottom:10px;
    border-color: #005aab;
    color: #005aab;
}

p.blueboxdotted {
    border-style: dotted;
    border-width: 1px;
    padding: 10px 15px;
    margin-bottom:10px;
    border-color: #005aab;
    color: #005aab;
}

p.redboxsolid {
    border-style: solid;
    border-width: 1px;
    padding: 10px 15px;
    margin-bottom:10px;
    border-color: #ed1b24;
    color: #ed1b24;
}
.ctArea p.redboxsolid a {
	color: #ed1b24;
}

p.redboxdotted {
    border-style: dotted;
    border-width: 1px;
    padding: 10px 15px;
    margin-bottom:10px;
    border-color: #ed1b24;
    color: #ed1b24;
}

.ctArea hr {
	border-bottom: 1px dotted #005aab;
	color: transparent;
}

/* Aufzählung in Lauftext mit Pfeilicon am linkenrand bg-weiss pfeil-blau */
.ctArea ul  {
	padding: 0 0 0 0px;
	margin:	10px 0 20px 0;
}

.ctArea ul li {
	color: #747578;
	font-size: 13px;
	line-height: 170%;
	padding-left: 12px;
	background: url('../../images/pfeil_mobilesubmenu.png') no-repeat 0 7px;
	list-style: none;
}
/* fix responsive image*/
div.csc-textpic .csc-textpic-imagewrap img{
	width : 100%;
	margin: 15px 0px 5px 0px;
}

.fceTextContent .bodytext img {
	height: auto;
	width: auto;
	max-width:192px;
}

.sectionFrameFAQ div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image img{
	margin: 10px 0px 5px 0px;
}

span.bluechars {
	color: #005aab;
}

ul.csc-uploads li {
    list-style: outside none none;
    margin: 1em 0px;
    background: none repeat scroll 0% 0% transparent !important;
    padding-left: 10px !important;
}


ul.csc-uploads img {
    float: left;
    margin-right: 8px;
    margin-top: 3px;
    padding-right: 0;
    vertical-align: bottom;
/*    width: 32px;
    height: 16px;*/
}

span.csc-uploads-fileName a {
	color: #ED1B24;
	text-decoration: none ;
}

ul.csc-uploads span.csc-uploads-fileName {
	text-decoration: none ;
}
ul.csc-uploads span.csc-uploads-fileName:hover a {
	text-decoration: underline;
}

/******************************************************
 * FCE Start page Teaser
 *****************************************************/

.fceStartpageTeaserContainer .fceStartpageTeaserElement,
.fceShopTeaserContainer .fceShopTeaserElement {

	margin-bottom: 32px;
}
.fceStartpageTeaserContainer .fceStartpageTeaserElement .fceStartpageTeaserElementContent,
.fceShopTeaserContainer .fceShopTeaserElement .fceShopTeaserElementContent{
	background-color: #e0ebf5;
	height: 166px;
	padding: 18px 20px;

}
.fceStartpageTeaserElement a.boxlink{
	width: 100%;
	height: 100%;
	position: absolute;
}

.fceStartpageTeaserElement  .spacer{
	width: 91%;
	height: 100%;
	margin: 0px;
	position: absolute;
	top: 0;
	text-indent: 99999px;
	z-index: 9;
	right: 15px;

}
.fceStartpageTeaserElement .bodytext {
	z-index: 10;
	position: relative;
}
.fceStartpageTeaserContainer .fceStartpageTeaserElement .fceStartpageTeaserElementContent h2 ,
.fceShopTeaserContainer .fceShopTeaserElement .fceShopTeaserElementContent h2{
	border-bottom: #4385c1 1px solid;
	font-size: 18px;
	padding-bottom: 8px;
	margin-bottom: 16px;

}



.fceStartpageTeaserContainer .fceStartpageTeaserElement .fceStartpageTeaserElementContent p{
	color: #005aab;
	line-height: 18px;
	margin:0px;
}
.fceStartpageTeaserContainer .fceStartpageTeaserElement .fceStartpageTeaserElementContent a{
	text-decoration: none;
	color: #005aab;
}


.fceShopTeaserContainer .fceShopTeaserElement .fceShopTeaserElementContent a{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	text-indent: -9999px;
	height: 100%;
}
.fceShopTeaserContainer .fceShopTeaserElement .fceShopTeaserElementContent a .clickarea{
	width: 100%;
	height: 100%;
	background-color: rgba(255,0,0,0.0);
}

.fceStartpageTeaserContainer .fceStartpageTeaserElement .fceStartpageTeaserElementContent a:hover{
	text-decoration: underline;
}

.tx_cabagsitegenerator_pi1 h2{
	display: none;
}

#midCol {
 margin-bottom: 20px;

}



@media (max-width: 767px)  {
	.fceStartpageTeaserContainer .fceStartpageTeaserElement {
		margin-bottom: 15px;

	}
	.fceStartpageTeaserContainer .fceStartpageTeaserElement .fceStartpageTeaserElementContent {
		height: 147px;
	}
}

/******************************************************
 * FCE right content element
 *****************************************************/

 .fceRigtCotentElement h4{

}
.fceRigtCotentElement .fceTextContent{
	background-color: #ebf2f8;
	padding:10px;
	padding-bottom: 40px;
}
.fceRigtCotentElement .fceTextContent .bodytext{
	line-height: 18px;
}
#content .ctArea .fceRigtCotentElement .link{
	margin-top: -27px;
	right: 13px;
	padding: 1px 4px;
}



/******************************************************
 * FCE Slider Container
 *****************************************************/
.fceContentflowConainer {

}

.fceContentflowConainer {
	height: 278px;
	position: relative;
	overflow: hidden;
}

.fceContentflowConainer .ctElement {
    clear: both;
    position: absolute;
    width: 100%;
}

.fceContentflowConainer .contentBox {
	width: 300px;
	height: 95px;
    position: absolute;
    background-color: #005aab;
    border-radius: 5px;
    left: 20px;
    bottom: 20px;
    padding: 10px 15px;
}

.fceContentflowConainer .contentBox .textInner {
	width: 273px;
	text-transform: uppercase;
	font-size: 24px;
	font-weight: bold;
	line-height: 32px;
    position: absolute;
    color: #ffffff;
    left: 15px;
    bottom: 33px;
}

.fceContentflowConainer .contentBox h2 {
	text-transform: uppercase;
	font-size: 18px;
	font-weight: bold;
	line-height: 32px;
    color: #ffffff;
    text-decoration: none;
    line-height: 22px;
}

.fceContentflowConainer .contentTeaser-image img {
	position: relative;
	top: 0;
	right: 0;
	cursor: pointer;
	border-radius: 10px;
}
.fceContentflowConainer .contentBox {
	cursor: pointer;
}

#content .ctArea .fceContentflowConainer .contentBox .link{
	background-color: #ffffff;
	color: #005aab;
	right: 18px;
	position: absolute;
	bottom: 14px;
}
#content .ctArea .fceContentflowConainer .contentBox .link:hover , #content .ctArea .fceContentflowConainer:hover .contentBox .link{
	background-color: #f00;
	color: #fff;
}

#rightCol .ctElement , #leftCol .ctElement {
	/*margin-bottom: 28px;*/
	margin-bottom: 0px;
}

.fceContentflowConainer .contentTeaser-image {
	position: relative;
	height: auto;
	width: 100%;
}

.fceContentflowConainer .control{
	position: absolute;
	top: 35%;
	width: 100%;
	margin-top: -17px;
}

 .pagination_area {
	height: 45px; 

}
.pagination_area .pagination {
	float: right;
	margin: 10px 0;

}
.pagination_area  .pagination div{
	background-color: #d1d2d3;
	width: 10px;
	height: 10px;
	display: inline-block;
	margin: 3px;
	border-radius: 50%;
	cursor: pointer;
}

.pagination_area .pagination .active, .pagination_area  .pagination div:hover{
	background-color: #005aab;

}


/******************************************************
 * Newsletter Registration
 *****************************************************/

h4.newsletter_reg  {
	background-color:#ffffff;
	padding-left: 0px;
}


/****************************************************Mediaqueries*********************************************************/
@media (max-width: 767px)  {

	.ctArea h4 {
		margin-top: 42px;
	}

	#rightCol .ctElement , #leftCol .ctElement {
		margin-bottom: 0;
	}

	.fceContentflowConainer .control .leftButton, .fceContentflowConainer .control .rightButton{
		height: 34px;
		width: 34px;
		cursor: pointer;

	}

	.fceContentflowConainer .contentBox h2 {
		font-size: 14px;
	}

	.fceContentflowConainer .control .leftButton{
		left: 0px;
		float: left;
		background-image: url('../../images/next_left.png');
	}
	.fceContentflowConainer .control .rightButton{
		right: 0px;
		float:right;
		background-image: url('../../images/next_right.png');
	}
	.fceContentflowConainer .contentTeaser-image img {
		border-radius: 10px 10px 0px 0px;
	}
	.fceContentflowConainer {
		padding-bottom: 72px;
	}
	.fceContentflowConainer .contentBox {
		 position: static;
		 width: 100%;
		 height: 72px;
		 border-radius: 0px 0px 10px 10px;
	}
	.fceContentflowConainer .contentBox a {

	}
}

/******************************************************
 * FCE Sponsors Logos
 *****************************************************/

.fceSponsorsElement{
	border-top: 1px dotted #005aab;
	padding: 42px 0px;
}
.fceSponsorsTitle h2{
	font-weight: bold;
}
.fceSponsorsLogos .fceCtArea img{
	max-width: 165px;
	width: 100%;
	height: auto;
}
/******************************************************
 * FCE 3 Columns
 *****************************************************/
.fce3Columns , .fceSponsorsElement{
	padding: 34px 0px;
	border-top: 1px dotted #005aab;
	margin: 9px 0px;
	margin-top: 22px;
}
.fce3Columns{


}


.fce3Columns .ctElement h2{
	font-weight: bold;
}

/***************************************************
* LIGHTBOX CSS
**************************************************/
#lbCenter {
	z-index: 10000;
}

#lbSaveLink,
#lbPrintLink,
#lbNumber,
#lbCaption {
	z-index: 10000;
	position: absolute;
	display: none;
}
/***************************************************
* FAQ CSS
**************************************************/

.sectionFrameFAQ > * {
	display: none;
}

.sectionFrameFAQ {
	margin-bottom: 0px!important;
	margin-bottom: 0px!important;

}

.sectionFrameFAQ h1,
.sectionFrameFAQ h2,
.sectionFrameFAQ h3,
.sectionFrameFAQ h4 {
	color: #005aab;
	background-color: #e0ebf5;
	border-radius: 3px;
	padding: 5px;
	padding-right: 35px;
	cursor: pointer;
	background-image: url('../../images/faq_icon.png');
	background-position: right 10px center;
	background-repeat: no-repeat;
	display: block;
	margin-top: 10px;
}

.sectionFrameFAQ.sectionFrame1Open h1,
.sectionFrameFAQ.sectionFrame1Open h2,
.sectionFrameFAQ.sectionFrame1Open h3,
.sectionFrameFAQ.sectionFrame1Open h4 {
	background-image: url('../../images/faq_icon_to_close.png');
}

.sectionFrameFAQ.sectionFrame1Open *,
.sectionFrameFAQ.sectionFrame1Open p,
.sectionFrameFAQ.sectionFrame1Open div,
.sectionFrameFAQ.sectionFrame1Open ul {
	display: block;
}


.sectionFrameFAQ.sectionFrame1Open strong,
.sectionFrameFAQ.sectionFrame1Open span,
.sectionFrameFAQ.sectionFrame1Open a,
.sectionFrameFAQ.sectionFrame1Open sup,
.sectionFrameFAQ.sectionFrame1Open sub {
	display: block;
}

.sectionFrameFAQ.sectionFrame1Open li {
	display: list-item;
}

.sectionFrameFAQ.sectionFrame1Open table {
	display: table;
}

.sectionFrameFAQ.sectionFrame1Open table tr {
	display: table-row;
}

.sectionFrameFAQ.sectionFrame1Open table td {
	display: table-cell;
}

.sectionFrameFAQ.sectionFrame1Open p.bodytext a.mail,
.sectionFrameFAQ.sectionFrame1Open p.bodytext a.external-link-new-window,
.sectionFrameFAQ.sectionFrame1Open b {
	display: inline;
}

/******************************************************
 * News
 *****************************************************/

.newsListDate {
 	 font-size: 12px;
 }

.listTitle {
 	/* background-color: #e0ebf5; */
    border-radius: 3px;
 }

 h2.listTitle {
 	padding: 0px 0 5px 0;
    font-weight: bold;
 }

.listTitle a{
 	color: #005aab;
    font-size: 14px;
    text-decoration: none;
 }

h2.listTitle p.newsSingleSubheader{
 	color: #005aab;
    font-size: 14px;
    text-decoration: none;
 }


.listTitle a:hover{
 	color: #005aab;
    font-size: 14px;
    text-decoration: underline;
 }

.clearNews {
 	border-bottom-style: dotted;
 	border-color: #005aab;
 	border-width: 1px;
 	margin: 10px 0 10px 0;
 }

.showResultsWrap{
 	font-size: 13px;
 	color: #747578;
 }

.browseLinksWrap {
	font-size: 13px;
	text-decoration: none;
}

.browseLinksWrap a{
	font-size: 13px;
	text-decoration: none;
	margin-right: 6px;
}

.browseLinksWrap a:hover{
	font-size: 13px;
	color: #005aab;
	text-decoration: underline;
}

.browseLinksWrap .active{
	font-size: 13px;
	color: #005aab;
	text-decoration: underline;
	margin-right: 6px;
}

.news-list-morelink{
	background-color: #005aab;
    margin-left: 5px;
    padding: 1px 5px 2px 2px;
}

.news-list-morelink a{
	text-align: center;
	font-weight: bold;
	color: #ffffff;
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: none;
}

.news-list-morelink:hover{
	background-color: #f00;
}

.news-list-morelink a:hover{
	color: #ffffff;
}

.newsLink {
	margin: 20px 0px 0px 0px;
}

.newsLink a{
	background-color: #eeeeee;
	border: medium none;
	border-radius: 3px;
	color: #7b7f83;
	margin-bottom: 7px;
	padding: 3px 10px 3px 10px;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}


.newsLink a:hover{
	color: #7b7f83;
	text-decoration: none;
}

h1.singleTitle {
	margin-top: 5px;
	margin-bottom: 10px;
}


/******************************************************
 * Medienmitteilungen
 *****************************************************/
.news-amenu-container a{
	color: #7b7f83;
	text-decoration: none;
}

.news-amenu-container a:hover{
	color: #005aab;
}

.news-amenu-container ul {
	padding: 0px;
}

.news-amenu-container ul li {
	color: #747578;
	font-size: 13px;
	line-height: 170%;
	padding-left: 10px;
	background: none;
	list-style: none;
}

.news-amenu-container ul li:hover{
	color: #005aab;
	background-image: url(../../images/pfeil_mobilesubmenu.png);
	background-repeat: no-repeat;
	background-position: 0px 8px;
}


p.redcourse.bold span{
	color: #ed1b24;
}

/******************************************************
 * Auflistung Sektionen
 *****************************************************/
.pager {
	text-align: left;
}

.pager ul li{
	background: none;
    list-style: none;
     padding-left: 0px;
}

.pager li > a, .pager li > span {

    list-style: none;
}

.pager .pagerLink a{
	border: 0;
    border-radius: 0px;
    list-style: none;
}


.pager ul{
	padding: 0;

}

.pagerLink.act{
	padding: 5px 14px;
	color: #005aab;
}

.pager li>a {
	text-decoration: none;
	color: #747578;
}


.pager li>a:hover, .pager li>a:focus {
	text-decoration: underline;
	background-color: #ffffff;
	color: #005aab;
}


/* Auflistung Search Suche */
span.tx-indexedsearch-title.title a{
    color: #005AAB;
    font-size: 14px;
    text-decoration: none;
}

span.tx-indexedsearch-title.title a:hover{
    color: #ed1b24;
    text-decoration: underline;
}

div.tx-indexedsearch-res {
    border-bottom: 1px dotted #005aab;
    border-color: #005aab;
    border-width: 1px;
    margin: 10px 0;
}

.tx-indexedsearch-icon img.img-responsive {
	float: left;
}

div.tx-indexedsearch-res:last-child {
    border-bottom: none;
}

div.bottompager li a{
    border: none;
}

div.bottompager li a:hover{
    color:#005aab;
    text-decoration: underline;
}

div.bottompager li a:active{
    color:#005aab;
    text-decoration: underline;
}

/* Formulare search*/

#quickSearch fieldset.defaultForm {
	padding-top: 0px;
	padding-bottom: 0px;
	border: none;
}

fieldset.defaultForm {
	padding-top: 10px;
	padding-bottom: 20px;
	border: none;
}

fieldset.defaultForm div.formRow {
	clear: both;
}

.defaultForm .csc-mailform-label {
	padding: 5px 0;
    font-size: 13px;
    font-weight: 300;
    color: #747578;

}

figcaption.csc-textpic-caption {
	font-size: 12px;
	font-style: italic;
}

fieldset.defaultForm .required {
	float: left;
	margin-left: -12px;
}

fieldset.defaultForm .tx_powermail_pi1_fieldwrap_html_text .required,
fieldset.defaultForm .tx_powermail_pi1_fieldwrap_html_captcha .required {
	float: none;
	margin-left: 0;
}

.defaultForm label {
	float: left;
	display: block;
	margin-bottom: 6px;
	margin-right: 0 !important;
	margin-right: -3px;
	padding-right: 10px;
	font-weight: bold;

}

.defaultForm .checkbox label,
.defaultForm .radiobox label {
	color: #747578;
	font-size: 14px;
	font-weight: 300;
}

.defaultForm p.tx_powermail_pi1_fieldwrap_html_checkbox_title,
.defaultForm p.tx_powermail_pi1_fieldwrap_html_radio_title {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	width: 100%;
	/*display: inline-block;*/
}

.defaultForm p.tx_powermail_pi1_fieldwrap_html_checkbox_title a,
.defaultForm p.tx_powermail_pi1_fieldwrap_html_radio_title a {
	display: none;
}

.defaultForm .formRowNoMargin label {
	float: none;
}

.defaultForm input,
.defaultForm select,
.defaultForm textarea,
.defaultForm button,
input.tx-powermail-pi1_mandatory_submit {
	padding: 1px;

	background-color: #eeeeee;
	margin-bottom: 7px;
	color:#7b7f83;
	border: none;

	border-radius: 3px;
	padding-left: 5px;

}

.defaultForm input.file {
	width: auto;
}

.defaultForm textarea {
	height: 100px;
	overflow: auto;
}

.defaultForm option {
	background-color: #eeeeee;
	color:#7b7f83;
}

.defaultForm .formRow.checkbox input,
.defaultForm input.checkbox {
	margin: 0 0 4px 0;
	border: none;
	float: left;
}

.defaultForm .checkbox dl.tx-sremailsubscribe-pi1-multiple-checkboxes {
	display: inline-block;
	margin: 0;
}

.defaultForm .formRow.checkbox .tx-sremailsubscribe-pi1-multiple-checkboxes dd {
	float: left;
	margin: 0;
}

.defaultForm .formRow.checkbox .tx-sremailsubscribe-pi1-multiple-checkboxes dt {
	clear: both;
	float: left;
	margin: 0;
}

.defaultForm .formRow.checkbox .tx-sremailsubscribe-pi1-multiple-checkboxes input {
	margin-top: 4px;
	margin-bottom: 7px;
}

.defaultForm .formRow.checkbox .tx-sremailsubscribe-pi1-multiple-checkboxes dt:nth-last-child(2) input {
	margin-bottom: 2px;
}

.defaultForm input.submit,
.defaultForm button,
.defaultForm .submit input,
.tx-powermail-pi1_confirmation input.submit,
input.tx-powermail-pi1_mandatory_submit {
	padding: 0 10px !important;
	height: 24px;
}

input.tx-powermail-pi1_mandatory_submit {
	margin: 20px 0 0 0 !important;
}

.defaultForm input.noMargin {
	margin-left: 0 !important;
}

.defaultForm .formRowNoMargin input.submit,
.defaultForm .formRowNoMargin button {
	margin-left: 0 !important;
	margin-left: 0;
}

.defaultForm div.radio {
	padding-bottom: 10px;
}

.defaultForm div.radio fieldset .radio {
	padding: 0;
	margin: 0 0 4px 0;
	background-color: transparent;
	border: none;
	float: left;
}

#midCol .defaultForm h4 {
	padding-bottom: 13px;
}

div.tx-powermail-pi1_confirmation table {
	margin: 10px 0;
}

div.tx-powermail-pi1_confirmation table td {
	padding: 0 5px 5px 0;
}

div.tx-powermail-pi1_confirmation .defaultForm input.submit,
div.tx-powermail-pi1_confirmation .defaultForm button,
div.tx-powermail-pi1_confirmation .defaultForm .submit input {
	margin-left: 0 !important;
}

div.tx-powermail-pi1_confirmation .defaultForm input.tx-powermail-pi1_confirmation_back {
	float: left;
	margin-right: 10px;
}

.tx-powermail-pi1 input.validation-failed,
.tx-powermail-pi1 textarea.validation-failed {
	background-color: #f7f8e8;
}

.tx-powermail-pi1 .powermail_mandatory_js {
	text-align: right;
	display: inline;
	margin-left: 5px;
	color: #b9b9b9;
}

.tx_powermail_pi1_fieldwrap_html_check,
.tx_powermail_pi1_fieldwrap_html_radio {
	padding-bottom: 10px;
}
/*
.tx_powermail_pi1_fieldwrap_html_check p,
.tx_powermail_pi1_fieldwrap_html_radio p {
	display: none;
}
*/
div.error {
	margin-left: 80px;
	margin-right: 15px;
}

div.error p {
	background-color: #ffffff;
	border: 1px solid #FF0000;
	border-radius: 5px 5px 5px 5px;
	display: block !important;
	height: auto;
	left: 100px;
	padding: 0px 8px;

	top: 0;
	max-width: 230px;
	margin: -1px;
}

div.error p:after {
	content: "";
	border: 5px solid;
	border-color: rgba(255, 0, 0, 0) transparent red;
	bottom: 21px;
	display: block;
	height: 0;
	left: 9px;
	top: -11px;
	position: absolute;
	width: 0;
}


.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
	position: relative;
	margin: 0;
}

.radio label, .checkbox label {
    cursor: pointer;
    font-weight: normal;
    margin-bottom: 0;
    padding-left: 0;
}

.defaultForm label span,
.defaultForm p.tx_powermail_pi1_fieldwrap_html_checkbox_title span,
.defaultForm p.tx_powermail_pi1_fieldwrap_html_radio_title span {
    color: #ff0000;
}

.tx-sremailsubscribe-pi1-error {
    color: #ed1b24;
}

/* Login */

.tx-felogin-pi1 p.error {
    color: #ed1b24;
}

/* forms: phone size */
@media (max-width: 767px) {

	.defaultForm label {
		width: 100%;
	}

	.defaultForm input,
	.defaultForm select,
	.defaultForm textarea,
	.defaultForm button,
	input.tx-powermail-pi1_mandatory_submit {
		width: 100%;
	}

	.defaultForm .formRow.checkbox .formRow,
	.defaultForm div.radio fieldset {
		margin-left: 0;
	}

	.defaultForm .formRow.checkbox input,
	.defaultForm div.radio fieldset input {
		width: auto;
	}

	.defaultForm .formRow.checkbox label,
	.defaultForm div.radio fieldset label {
		width: 95%;
		padding: 0 0 0 5px;
	}

	.defaultForm input.submit,
	.defaultForm button,
	.defaultForm .submit input,
	.tx-powermail-pi1_confirmation input.submit,
	input.tx-powermail-pi1_mandatory_submit {
		margin-left: 0;
		width: 100%;
	}

	.defaultForm .captchaImage img {
		margin: 5px 0 5px 0;
	}

	.defaultForm .tx_powermail_pi1_fieldwrap_html_captcha .csc-mailform-label {
		padding: 0 0 10px 0;
	}

	#newsletterCategories.formRow.checkbox.categories label {
		width: 180px;
	}

	.regForm fieldset.tx-sremailsubscribe-pi1-multiple-checkboxes label,
	.regForm dl.tx-sremailsubscribe-pi1-multiple-checkboxes label {
	    padding-left: 16px;
	    width: auto;
	}

	#tx-sremailsubscribe-pi1-tt_address_form fieldset.defaultForm.regForm div.formRow.checkbox label {
		width: 135px;
	}

	#newsletterCategories.formRow.checkbox.categories fieldset.tx-sremailsubscribe-pi1-multiple-checkboxes div.formRow {
    		margin-left: 0px;
	}
}

/* forms: pad size */
@media (min-width: 768px) {

	.defaultForm label {
		width: 100%;
	}

	.defaultForm input,
	.defaultForm textarea,
	.defaultForm button,
	input.tx-powermail-pi1_mandatory_submit {
		/*width: 213px;*/
		width: 100%;
	}

	.defaultForm select {
		width: 100%;
	}
	/*
	.defaultForm .formRow.checkbox .formRow,
	.defaultForm div.radio fieldset {
		margin-left: 180px;
	}
	*/
	.defaultForm .formRow.checkbox input,
	.defaultForm div.radio fieldset input {
		width: 15px;
		/*margin-left: -15px;*/
	}

	.defaultForm .formRow.checkbox label,
	.defaultForm div.radio fieldset label {
		width: 255px;
		padding: 0 0 0 5px;
	}

	.defaultForm input.submit,
	.defaultForm button,
	.defaultForm .submit input,
	.tx-powermail-pi1_confirmation input.submit,
	input.tx-powermail-pi1_mandatory_submit {
		margin-left: 0px;
		width: auto;
	}

	.defaultForm .captchaImage img {
		margin: 5px 0 5px 180px;
	}

	.defaultForm .tx_powermail_pi1_fieldwrap_html_captcha .csc-mailform-label {
		padding: 0 0 10px 180px;
	}

	#newsletterCategories.formRow.checkbox.categories label {
		width: 180px;
	}

	.regForm fieldset.tx-sremailsubscribe-pi1-multiple-checkboxes label,
	.regForm dl.tx-sremailsubscribe-pi1-multiple-checkboxes label {
	    padding-left: 16px;
	    width: auto;
	}

	#tx-sremailsubscribe-pi1-tt_address_form fieldset.defaultForm.regForm div.formRow.checkbox label {
		width: 180px;
	}


	#newsletterCategories.formRow.checkbox.categories fieldset.tx-sremailsubscribe-pi1-multiple-checkboxes div.formRow {
    		margin-left: 0px;
	}


	#content .ctArea .linkwrap {
		width:90%;

	}
	#content .ctArea .linkwrap .link {
		top: 166px;
	}


}


/* forms: desktop & laptop size */
@media (min-width: 992px) {

	.defaultForm label {
		width: 100%;
	}

	.defaultForm input,
	.defaultForm textarea,
	.defaultForm button,
	input.tx-powermail-pi1_mandatory_submit {
		/*width: 213px;*/
		width: 100%;
	}

	.defaultForm select {
		width: 100%;
	}

	.defaultForm .formRow.checkbox .formRow,
	.defaultForm div.radio fieldset {
		float: left;
	}

	.tx-sremailsubscribe-pi1 .defaultForm .formRow.checkbox .formRow,
	.tx-sremailsubscribe-pi1 .defaultForm div.radio fieldset {
		float: left;
	}

	.defaultForm .formRow.checkbox input,
	.defaultForm div.radio fieldset input {
		width: 15px;
	}

	.defaultForm .formRow.checkbox label,
	.defaultForm div.radio fieldset label {
		width: auto;
		padding: 0 0 0 5px;
	}

	.defaultForm input.submit,
	.defaultForm button,
	.defaultForm .submit input,
	.tx-powermail-pi1_confirmation input.submit,
	input.tx-powermail-pi1_mandatory_submit {
		margin-left: 0px;
		width: auto;
	}


	#leftCol .defaultForm input.submit,
	#leftCol .defaultForm button,
	#leftCol .defaultForm .submit input,
	#leftCol .tx-powermail-pi1_confirmation input.submit,
	#leftCol input.tx-powermail-pi1_mandatory_submit,
	#rightCol .defaultForm input.submit,
	#rightCol .defaultForm button,
	#rightCol .defaultForm .submit input,
	#rightCol .tx-powermail-pi1_confirmation input.submit,
	#rightCol input.tx-powermail-pi1_mandatory_submit {
		margin-left: 130px;
	}

	.defaultForm .captchaImage img {
		margin: 5px 0 5px 180px;
	}

	.defaultForm .tx_powermail_pi1_fieldwrap_html_captcha .csc-mailform-label {
		padding: 0 0 10px 180px;
	}

	#newsletterCategories.formRow.checkbox.categories label {
		width: 180px;
	}

	.regForm fieldset.tx-sremailsubscribe-pi1-multiple-checkboxes label,
	.regForm dl.tx-sremailsubscribe-pi1-multiple-checkboxes label {
	    padding-left: 16px;
	    width: auto;
	}

	#tx-sremailsubscribe-pi1-tt_address_form fieldset.defaultForm.regForm div.formRow.checkbox label {
		width: 180px;
	}


	#newsletterCategories.formRow.checkbox.categories fieldset.tx-sremailsubscribe-pi1-multiple-checkboxes div.formRow {
    		margin-left: 0px;
	}
}

/* plugin slrg contact */
.tx_slrgcontact select{
	max-width: 250px;
    width: 100%;
	background-color: #eeeeee;
	margin-bottom: 7px;
	color:#7b7f83;
	border: none;
	height: 23px;
	border-radius: 3px;
	padding-left: 5px;
}
#tx_slrgcontact_select{
	width: 100%;
}
#tx_slrgcontact_region, #tx_slrgcontact_site{
	display: none;
}
.contacte_selectbox {
	display: none;
}
select[disabled] {
	opacity: 0.5;
}


/* powermail date selector */
/* calendar root element */
#calroot {
	/* place on top of other elements. set a higher value if nessessary */
	z-index:10000;

	margin-top:-1px;
	width:198px;
	padding:2px;
	background-color:#fff;
	font-size:11px;
	border:1px solid #ccc;

	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;

	-moz-box-shadow: 0 0 15px #666;
	-webkit-box-shadow: 0 0 15px #666;
	box-shadow:0 0 15px #666;
}

/* head. contains title, prev/next month controls and possible month/year selectors */
#calhead {
	padding:2px 0;
	height:22px;
}

#caltitle {
	font-size:14px;
	color:#FA8800;
	float:left;
	text-align:center;
	width:155px;
	line-height:20px;
	text-shadow:0 1px 0 #ddd;
}

#calnext, #calprev {
	display:block;
	width:20px;
	height:20px;
	background:transparent url(../img/prev.gif) no-repeat scroll center center;
	float:left;
	cursor:pointer;
}

#calnext {
	background-image:url(../img/next.gif);
	float:right;
}

#calprev.caldisabled, #calnext.caldisabled {
	visibility:hidden;
}

/* year/month selector */
#caltitle select {
	font-size:10px;
}

/* names of the days */
#caldays {
	height:18px;
	border-bottom:1px solid #ddd;
}

#caldays span {
	display:block;
	float:left;
	width:28px;
	text-align:center;
}

/* container for weeks */
#calweeks {
	background-color:#fff;
	margin-top:4px;
}

/* single week */
.calweek {
	clear:left;
	height:22px;
}

/* single day */
.calweek a {
	display:block;
	float:left;
	width:27px;
	height:20px;
	text-decoration:none;
	font-size:11px;
	margin-left:1px;
	text-align:center;
	line-height:20px;
	color:#666;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

/* different states */
.calweek a:hover, .calfocus {
	background-color:#ddd;
}

/* sunday */
a.calsun {
	color:red;
}

/* offmonth day */
a.caloff {
	color:#ccc;
}

a.caloff:hover {
	background-color:rgb(245, 245, 250);
}


/* unselecteble day */
a.caldisabled {
	background-color:#efefef !important;
	color:#ccc	!important;
	cursor:default;
}

/* current day */
#calcurrent {
	background-color:#498CE2;
	color:#fff;
}

/* today */
#caltoday {
	background-color:#333;
	color:#fff;
}

div.error p {
	left: 18px;
}




/* Große Geräte (Desktop-PCs, 1200px und breiter) */
@media (min-width: 1200px) {

	#newsletterCategories.formRow.checkbox.categories label {
		width: 180px;
	}

	.regForm fieldset.tx-sremailsubscribe-pi1-multiple-checkboxes label,
	.regForm dl.tx-sremailsubscribe-pi1-multiple-checkboxes label {
	    padding-left: 16px;
	    width: auto;
	}

	#tx-sremailsubscribe-pi1-tt_address_form fieldset.defaultForm.regForm div.formRow.checkbox label {
		width: 180px;
	}


	#newsletterCategories.formRow.checkbox.categories fieldset.tx-sremailsubscribe-pi1-multiple-checkboxes div.formRow {
    		margin-left: 0px;
	}


}

.formRow.captcha {
	margin-bottom: 10px;
}

/*

  Raisenow tamaro widget

 */

#content #tamaro-widget .text,
#content #tamaro-widget .position,
#content #tamaro-widget .code,
#content #tamaro-widget .link,
#content #tamaro-widget .label-block,
#content #tamaro-widget .label-checkbox-block,
#content #tamaro-widget .main,
#content #tamaro-widget input,
#content #tamaro-widget select
{
  font-size: 15px;
  line-height: 1.1;
}

#content #tamaro-widget .hint {
  font-size: 12px;
  line-height: 1.1;
}

#content #tamaro-widget .title .text,
#content #tamaro-widget .btn
{
  font-size: 20px;
  line-height: 1.1;
}
#content #tamaro-widget .value
{
  font-size: 30px;
  line-height: 1.2;
}

#content #tamaro-widget .position {
  background-color: #0059ab;
  width: 22px;
  height: 22px;
}

#content #tamaro-widget .radio ,
#content #tamaro-widget .code ,
#content #tamaro-widget .value,
#content #tamaro-widget .value label
{
  color: #0059ab;
}


#content #tamaro-widget-overlay .md-select-arrow-inner,
#content #tamaro-widget .md-select-arrow-inner {
  border-left: .63rem solid transparent;
  border-right: .63rem solid transparent;
  border-top: .63rem solid #0059ab;
}

#content #tamaro-widget .link {
  position: static;
  float: none;
  text-transform: none;
  line-height: 1.5;
  color: #0059ab;
  border-color: #0059ab;
}

#content #tamaro-widget .link:hover {
  background-color: rgba(0, 89, 171, 0.15);
}

#content #tamaro-widget .btn {
  background-color: #0059ab;
  border-color: #0059ab;
}

#content #tamaro-widget .selected {
  background-color: rgba(0, 89, 171, 0.15);
  border-color: #0059ab;
}

#content #tamaro-widget .input-focused .field-block {
  background-image: linear-gradient(0deg,#0059ab 2px,transparent 0),linear-gradient(0deg,var(--tamaro-input-border-color) 1px,transparent 0);
}

#content #tamaro-widget-overlay.tamaro-widget .form-block.input-wrapper .field-block,
#content #tamaro-widget-overlay.tamaro-widget .form-block.select-wrapper .field-block,
#content #tamaro-widget-overlay.tamaro-widget .form-block.textarea-wrapper .field-block,
#content #tamaro-widget.tamaro-widget .form-block.input-wrapper .field-block,
#content #tamaro-widget.tamaro-widget .form-block.select-wrapper .field-block,
#content #tamaro-widget.tamaro-widget .form-block.textarea-wrapper .field-block {
  background-image: linear-gradient(0deg,#0059ab 2px,transparent 0),linear-gradient(0deg,#dedede 1px,transparent 0);
}

#content #tamaro-widget .input-focused .field-block label,
#content #tamaro-widget .input-focused .field-block label span
{
  color: #0059ab;
}

#content #tamaro-widget-overlay.tamaro-widget [type=checkbox]:checked+.md-checkable-icon-wrapper .md-outer-circle,
#content #tamaro-widget-overlay.tamaro-widget [type=checkbox]:checked+.md-checkable-icon-wrapper .md-outer-square,
#content #tamaro-widget-overlay.tamaro-widget [type=radio]:checked+.md-checkable-icon-wrapper .md-outer-circle,
#content #tamaro-widget-overlay.tamaro-widget [type=radio]:checked+.md-checkable-icon-wrapper .md-outer-square,
#content #tamaro-widget.tamaro-widget [type=checkbox]:checked+.md-checkable-icon-wrapper .md-outer-circle,
#content #tamaro-widget.tamaro-widget [type=checkbox]:checked+.md-checkable-icon-wrapper .md-outer-square,
#content #tamaro-widget.tamaro-widget [type=radio]:checked+.md-checkable-icon-wrapper .md-outer-circle,
#content #tamaro-widget.tamaro-widget [type=radio]:checked+.md-checkable-icon-wrapper .md-outer-square,
#content #tamaro-widget-overlay.tamaro-widget .md-checkable-icon .md-inner-tick,
#content #tamaro-widget.tamaro-widget .md-checkable-icon .md-inner-tick,
#content #tamaro-widget-overlay.tamaro-widget .md-checkable-icon .md-inner-circle,
#content #tamaro-widget.tamaro-widget .md-checkable-icon .md-inner-circle
{
  stroke: #0059ab;
}

#content #tamaro-widget-overlay.tamaro-widget .form-block.msisdn .icon-mobile,
#content #tamaro-widget.tamaro-widget .form-block.msisdn .icon-mobile,
#content #tamaro-widget.tamaro-widget .payment-status.success>.header .title .icon-ok .icon-ok-inner,
#content #tamaro-widget.tamaro-widget .subscription-canceled>.header .title .icon-ok .icon-ok-inner,
#content #tamaro-widget.tamaro-widget .faq .faq-entries .faq-entry .faq-entry-inner button.faq-question .faq-question-inner .icon .icon-minus .icon-minus-inner,
#content #tamaro-widget.tamaro-widget .faq .faq-entries .faq-entry .faq-entry-inner button.faq-question .faq-question-inner .icon .icon-minus .icon-plus-inner,
#content #tamaro-widget.tamaro-widget .faq .faq-entries .faq-entry .faq-entry-inner button.faq-question .faq-question-inner .icon .icon-plus .icon-minus-inner,
#content #tamaro-widget.tamaro-widget .faq .faq-entries .faq-entry .faq-entry-inner button.faq-question .faq-question-inner .icon .icon-plus .icon-plus-inner
{
  fill: #0059ab;
}

:root {
  --tamaro-primary-color: #0059ab;
}