/***
	CSS für Broschüren-Bestellung Extension
***/
div.tx-dhu .brochure-items {
	overflow:hidden;
	margin-bottom:20px;
}
div.tx-dhu .brochure-items .brochure-leadtext {
	margin-bottom:40px;
}
div.tx-dhu .brochure-items .brochure-leadtext h2 {
	margin-bottom:10px;
}
div.tx-dhu .brochure-items .brochure-leadtext h4 {
	font-size:1.125rem;
	color:#5a5a5a;
	margin-bottom:25px;
}
div.tx-dhu .brochure-item {
	overflow:hidden;
	margin-bottom:65px;
}

div.tx-dhu .brochure-item-serien-cnt h3,
div.tx-dhu .brochure-item h3 {
	margin-bottom:25px;
	padding-bottom:5px;
	border-bottom:1px solid #cccccc;
}

div.brochure-item-serien-cnt {
	margin-bottom:40px;
}
div.brochure-item-serien-cnt .brochure-item {
	margin-bottom:20px;
}
div.brochure-item-serien-cnt .brochure-item h3 {
	border:none;
	margin-bottom:10px;
	padding:0;
}
div.tx-dhu .brochure-item li.column h3 {
	border:0;
}
div.tx-dhu .brochure-item li.column div.item-image.shadow {
	padding:3px 0 8px 3px;
}
div.tx-dhu .brochure-item li.column div.item-image.shadow img {
	-webkit-box-shadow: 2px 2px 3px 3px rgba(0,0,0,0.25);
	-moz-box-shadow: 2px 2px 3px 3px rgba(0,0,0,0.25);
	box-shadow: 2px 2px 3px 3px rgba(0,0,0,0.25);
}
div.tx-dhu .brochure-item a.download {
	display:block;
	padding:8px 0 0 40px;
	color:#33668b;
	text-decoration:none;
	background-image:url('../Gfx/Design/datei-download-icon.png');
	background-repeat:no-repeat;
	background-position:left center;

}
div.tx-dhu .brochure-item a.download:hover {
	text-decoration:underline;
}
div.tx-dhu .brochure-item .download.top{
	margin-bottom:40px;
}
div.tx-dhu .brochure-item div.grid.multi-clmns-cnt li.column:nth-child(1):nth-last-child(3) {
    margin: 0 2% 0 0;
    width: 22%;
}
div.tx-dhu .brochure-item div.grid.multi-clmns-cnt li.column:nth-child(2):nth-last-child(2) {
	width:40.75%;
	margin: 0 3% 0 0;
}


div.tx-dhu .orderformaddress .formfield label {
	width:158px;
	font-size:0.875rem;
	color:#5a5a5a;
	margin-right: 2.5%;
    padding-top: 8px;
    width: 25.5%;
}
div.tx-dhu .formfield {
	margin-bottom:10px;
	overflow:hidden;
}
div.tx-dhu .formfield ul {
	margin:0;
	padding:0;
}
div.tx-dhu .formfield.radiofield ul {
	list-style-type: none;
}
div.tx-dhu .formfield.radiofield li,
div.tx-dhu .formfield.radiofield li span,
div.tx-dhu .formfield.checkboxfield li,
div.tx-dhu .formfield.checkboxfield li span {
	display:inline-block;

}
div.tx-dhu .formfield.radiofield li span,
div.tx-dhu .formfield.checkboxfield li span {
	color:#33668b;
	margin:0 0 0 12px;
	font-size:0.875rem;
	overflow:hidden;
}
div.tx-dhu .formfield.radiofield li input,
div.tx-dhu .formfield.checkboxfield li input {
	width:16px;
	height:16px;
	display:block;
	float:left;
	margin-top:2px;
	line-height:5px;
	overflow:hidden;
}
div.tx-dhu .formfield.radiofield li {
	margin-right:56px;
	padding-top:7px;
}

div.tx-dhu .formfield.inputfield input,
div.tx-dhu .formfield.selectfield select {
	height:35px;
	font-size:0.875rem;
	color:#33668b;
	border:1px solid #92adc1;
	background-color:#ffffff;
	width:72.5%;
	max-width:390px;
}
div.tx-dhu .formfield.inputfield input {
	padding:0 5px 0 5px;
}
div.tx-dhu .formfield.submitbutton input {
	padding:8px 30px 8px 30px;
	color:#ffffff;
	background-color:#092941;
	margin:40px 0 0 163px;
	border:0;
	cursor:pointer;
	font-size: 0.875rem;
}

div.tx-dhu .quantityfields .formfield.radiofield li {
	display:block;
}
div.tx-dhu .quantityfields label,
div.tx-dhu .singleorderfield label  {
	color:#33668b;
	font-size:0.875rem;
	float:none;
}
div.tx-dhu .quantityfields .formfield.radiofield li span {
	color:#5a5a5a;
	font-size:0.875rem;
}
div.tx-dhu div.singleorderfield .formfield.checkboxfield li span {
	display:inline;
	margin:0 0 0 0;
}
div.tx-dhu .singleorderfield .formfield.checkboxfield li div.check {
	height:50px;
	width:28px;
	float:left;
}

/** FORM: Captcha **/
div.tx-dhu .formfield.inputfield.captcha input {
	width:145px;
}
div.tx-dhu .formfield.inputfield.captcha div.captcha-image {
	margin:3px 0 3px 0;
}
div.tx-dhu .formfield.inputfield.captcha div.captcha-image .tx-srfreecap-cant-read {
	font-size:0.688rem;
	line-height:normal;
}

/** FORM: Error **/
div.error-box {
	border-color: #ff0000;
	background-color:#ffebeb;
	padding:20px;
	margin-bottom:30px;
}
div.error-box p {
	margin:0;
	padding:0;
	color:#ff0000;
	line-height:normal;
}
ul.error {
	list-style-type: none;
	color:#ff0000;
	font-size:0.688rem;
	margin:0;
	padding:0;
}
ul.error li {
	line-height:normal;
	color:#ff0000;
}
div.alert-message,
div.tx-dhu .formfield.selectfield select.f3-form-error,
div.tx-dhu .formfield.inputfield input.f3-form-error  {
	border-color: #ff0000;
	background-color:#ffebeb;
}
div.tx-dhu .formfield.radiofield li input.f3-form-error {
	-webkit-box-shadow: 0px 0px 14px 1px rgba(255,0,0,1);
	-moz-box-shadow: 0px 0px 14px 1px rgba(255,0,0,1);
	box-shadow: 0px 0px 14px 1px rgba(255,0,0,1);
}
div.alert-message {
	padding:20px;
	text-align:center;
	font-size:1rem;
	color:#ff0000;
}
div.typo3-messages {
	margin-bottom:40px;
}

/** DocCheck Loginform **/
div#dcloginformcnt .login.responsive {
	display:none;
}
div#dcloginformcnt {
	overflow:hidden;
	padding: 5px 5px 0 8px;
	background-color:#ffffff;
}
#logincnt #middle #dcloginform {
	padding:0 0 0 320px;
}
#logincnt #middle #dcloginform .cntlogoutbut {
	text-align:center;
	padding:0 0 10px 0;
}
#logincnt #middle #dcloginform .cntlogoutbut a.loginlink {
	display:inline-block;
	text-decoration:none;
	padding:8px 30px 8px 30px;
	color:#ffffff;
	background-color:#092941;
	font-size:0.875rem;
}

/** Tabellen: für Seminare **/
table.contenttable.seminars th {
	background-color:#cccccc;
	font-weight:normal;
	padding:10px 8px 10px 8px;
	text-align:left;
}
table.contenttable.seminars td {
	border-bottom:1px solid #cccccc;
	padding:10px 8px 10px 8px;
}

/* sorted tables */
table.sortedtable {
	width: 100%;
}
table.sortedtable thead tr th, 
table.sortedtable tfoot tr th {
}
table.sortedtable thead tr .header {
	background-image: url('../../../typo3conf/ext/dhu/Resources/Public/Icons/bg.gif');
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
	padding-right:18px;
}
table.sortedtable tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.sortedtable tbody tr.odd td {
}
table.sortedtable thead tr .headerSortUp {
	background-image: url('../../../typo3conf/ext/dhu/Resources/Public/Icons/asc.gif');
}
table.sortedtable thead tr .headerSortDown {
	background-image: url('../../../typo3conf/ext/dhu/Resources/Public/Icons/desc.gif');
}
table.sortedtable thead tr .headerSortDown, 
table.sortedtable thead tr .headerSortUp {
	background-color: #8dbdd8;
}

/** externe Tablesorter Links **/
div#tablesorterlinkscnt {
	position:relative;
	width:100%;
	max-width:250px;
	margin:0 0 20px 0;
}
div#tablesorterlinkscnt span {
	display:block;
	font-size:1rem;
	font-weight:bold;
	background-color: #eeeeee;
	border:1px solid #d4d4d4;
	padding:8px 20px 8px 20px;
	background-image: url('../../../typo3conf/ext/dhu/Resources/Public/Icons/asc.gif');
	background-repeat: no-repeat;
	background-position: center right;
	width:auto;
}
div#tablesorterlinkscnt span:hover {
	cursor:pointer;
}
div#tablesorterlinkscnt div.sortingcnt:hover > div.sorterlinks{
	visibility: visible;
}
div.sorterlinks {
	position:absolute;
	z-index:10;
	background-color:#f8f8f8;
	width:100%;
	visibility: hidden;
	border-bottom:1px solid #d4d4d4;
}
div#tablesorterlinkscnt div.sorterlinks a {
	display:block;
	width:100%;
	border-left:1px solid #d4d4d4;
	border-right:1px solid #d4d4d4;
	padding:12px 20px 12px 20px;
	text-decoration: none;
	font-size: 0.875rem;
	color:#333333;
}
div#tablesorterlinkscnt div.sorterlinks a:hover {
	background-color:#f0f0f0;
}

/***
	CSS für Präparate Darstellung -- List
***/
div.compound.teaserlist {
	margin-bottom:40px;
}
div.compound.teaserlist span.teaserrow {
	display:block;
	overflow:hidden;
	margin-bottom:40px;
}
div.compound.teaserlist span.teaseritem {
	display:inline-block;
	background-color:#f8f8f8;
	border:1px solid #dedede;
	margin-right:3%;
	width:30.75%;
}
div.compound.teaserlist span.teaseritem:last-child {
	margin:0;
}
div.compound.teaserlist span.teaseritem .p {
	display:block;
	color:#5a5a5a; 
	font-size:0.875rem; 
	line-height:24px; 
	margin-bottom:20px;
}
div.compound.teaserlist span.teaseritem .h3 {
	display:block;
	font-size: 1rem; 
	color:#33668b; 
	font-weight: normal; 
	margin-bottom:18px; 
	line-height:22px;
}
div.compound.teaserlist span.teaseritem a {
	display:block;
	padding:25px 25px 25px 25px;
	text-decoration:none;
}
div.compound.teaserlist span.teaseritem a:hover {
	background-color:#dde5f0;
}
div.compound.teaserlist span.teaseritem .teaserimg {
	display:block;
	text-align:center;
}
div.compound.teaserlist span.teaseritem .teaserimg img {
	display:inline-block;
}

/***
	CSS für Präparate Darstellung -- Detail
***/
div.grid.tabs {
	background-color:#f8f8f8;
	overflow:hidden;
	border-bottom:1px solid #cccccc;
	margin-bottom:20px;
}
div.grid.tabs .ui-tabs ul.ui-tabs-nav {
	list-style-type: none;
	padding:0;
	margin:0;
	border-bottom:1px solid #cccccc;
}
div.grid.tabs .ui-tabs ul.ui-tabs-nav li {
	display:inline-block;
	line-height:normal;
}
div.grid.tabs .ui-tabs ul.ui-tabs-nav li a {
	display:block;
	padding:8px 25px 8px 25px;
	text-decoration:none;
	color:#5a5a5a;
	font-size:1.131rem;
	border-right:2px solid #ffffff;
}
div.grid.tabs .ui-tabs ul.ui-tabs-nav li a:hover {
	background-color:#eeeeee;
}
div.grid.tabs .ui-tabs ul.ui-tabs-nav li.ui-state-active a {
	background-color:#eeeeee;
}
div.grid.tabs .ui-tabs ul.ui-tabs-nav li a:last-child {

}
div.grid.tabs .ui-tabs div.tabcnt {
	padding:58px;
	overflow:hidden;
}
div.grid.tabs .ui-tabs div.tx-powermail,
div.grid.tabs .ui-tabs .powermail_fieldset { 
	margin:0 0 0 0 !important;
}
div.grid.tabs .ui-tabs div.tab-image {
	float:left;
	overflow:hidden;
	margin-right:120px;
}
div.grid.tabs .ui-tabs div.tabtext {
	overflow:hidden;
}
div.grid.tabs .ui-tabs p:last-child {
	margin:0;
	padding:0;
}