/* ------------------------------------------------------------------------- *\

	 _ __|_ _|  \  |__ __|  \ | __| _ \    __|  _ \   \  |
	   |    |  |\/ |   |   .  | _|    /   |    |   | |\/ |
	  _|  ___|_|  _|  _|  _|\_|___|_|_\_|\___|\___/ _|  _|
	
	
	css layout formatting for Content First with static footer · template
	written by the left hand of mtness

	2016-04-12

*/

/* ------------------------------------------------------------------------- */



.flexslider {
	border: 1px solid #eFeCe7;
	border-radius: 0;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
	background: rgba(255,255,255, 0.69);
	background: none;
}
.slides li {
	padding: 20px;
}

div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
	margin-bottom: 0;
}
.csc-default h2 {
	margin-top: 0;
}

.carousel-indicators li {
	margin: 0 2px;
}
.carousel-indicators li.active {
	margin: 0 3px;
	width: 10px;
	height: 10px;
}


/* ------------------------------------------------------------------------- */

#main .content>.fsc-default.ctype-image,
#main .content>.fsc-default.ctype-text,
#main .content>.fsc-list .tx-powermail,
#main .content>.fsc-default {
	border: 1px solid #eFeCe7;
	border-radius: 0;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
	background: rgba(255,255,255, 0.69);
	padding: 20px;
	margin-bottom: 20px;
}



/* ------------------------------------------------------------------------- */ /* content */

#stage #main p.box {
	margin: 0 0 10px;
	border: 4px solid #DEE0E6;
	padding: 10px 20px; 
}


#stage #main .frame-type-text ul,
#stage #main .ce-bodytext ul,
#stage #main .frame.default.frame-type-menu_abstract ul,
#stage #main .frame.default.frame-type-menu_subpages ul {
	list-style: none;
	padding: 0;
	margin: 0 0 20px 0;
}

#stage #main .frame-type-text li,
#stage #main .ce-bodytext ul li,
#stage #main .child li,
#stage #main .childchild li,
#stage #main .frame.default.frame-type-menu_abstract li,
#stage #main .frame.default.frame-type-menu_subpages li {
	text-indent: -14px;
	margin-left:  14px;
	margin-bottom: 10px;
	position: relative;
	padding: 0 0 4px 0;
	position: relative;
	line-height: 1.3;
}

#stage #main .frame-type-text li:before, 
#stage #main .ce-bodytext ul li:before, 
#stage #main .child li:before, 
#stage #main .frame.default.frame-type-menu_abstract:not( .frame-layout-2 ) li:before, 
#stage #main .frame.default.frame-type-menu_subpages:not( .frame-layout-1 ) li:before, 
#stage #main .csc-bulletlist li:before {
	content: "»";
	font-size: 18px;
	padding: 0 6px 0 0;
	vertical-align: baseline;
}

#stage #main .frame.default.frame-type-menu_abstract li p,
#stage #main .frame.default.frame-type-menu_subpages li p {
	text-indent: 0;
}
#stage #main .frame-type-text li li:before, 
#stage #main .ce-bodytext li li:before, 
#stage #main .child li li:before, 
#stage #main .frame.default.frame-type-menu_abstract li li:before, 
#stage #main .frame.default.frame-type-menu_subpages li li:before, 
#stage #main .csc-bulletlist li li:before {
	content: "-";
	font-size: 18px;
	padding: 0 6px 0 0;
	vertical-align: baseline;
}

/* ------------------------------------------------------------------------- */ /* fsc touchup */

#main > .grid.row .row .ce-left.ce-intext p { max-width: 440px; padding-left: 20px; }

.grid.row .row .ce-left.ce-intext .ce-gallery { padding: 10px; background-color: #fff; border: 1px solid #DEE0E6; }

#u12 .grid.row .row .ce-left.ce-intext .ce-gallery { width: 180px;  }
#u12 .grid.row .row .ce-left.ce-intext .ce-gallery .image { text-align: center; }

#main > .grid.row li p {
	display: inline;
}

#stage #main .frame-type-menu_subpages.frame-layout-1,
#stage #main .frame-type-menu_abstract.frame-layout-2 {
	margin: 0;
	padding: 50px 0;
}
#stage #main .frame.default.frame-type-menu_subpages.frame-layout-1 li,
#stage #main .frame.default.frame-type-menu_abstract.frame-layout-2 li {
	margin: 0 0 8px 0;
}
#stage #main .frame-type-menu_subpages.frame-layout-1 li:before,
#stage #main .frame-type-menu_abstract.frame-layout-2 li:before {
	content: "";
	padding: 0;
}
#stage #main .frame-type-menu_subpages.frame-layout-1 li a,
#stage #main .frame-type-menu_abstract.frame-layout-2 li a {
	display: block;
	width: 80%;
	max-width: 608px;
	text-align: center;
	padding: 12px 16px;
	background-color: #E3CDA1;
	color: #333;
	font-size: 18px;
	border-radius: 2px;
	box-sizing: border-box;
}
#stage #main .frame-type-menu_subpages.frame-layout-1 li a:hover,
#stage #main .frame-type-menu_abstract.frame-layout-2 li a:hover {
	text-decoration: none;
	border-bottom: 0;
	background-color: #DDC18A;
}

#stage #main .frame-type-menu_abstract.frame-layout-2 a+p {
	display: none;
}

/* ------------------------------------------------------------------------- */ /* powermail styling */
 
.powermail_form h3,
.powermail_fieldset_1 legend {
	display: none;
}
.tx-powermail .powermail_fieldset .parsley-errors-list {
	background: none;
	border: 0;
	margin: 0;
	font-size: 0.9em;
}
#main .content ul li.parsley-custom-error-message { background: none; } 

.powermail_confirmation h1 {
	font-size: 18px;
}

/* ------------------------------------------------------------------------- */
/* form styling */

.frame-type-form_formframework {
	border: 0;
}

.frame-type-form_formframework form {
	border: 4px solid #fff;
	background-color: #efefef;
	overflow: hidden;
	position: relative;
	left: -.75em;
}
@media (max-width: 768px) {
	.frame-type-form_formframework form {
		width: calc(100% - 4px);
		border: 4px solid #fff;
		padding: .5em;
	}
}
@media (min-width: 769px) {
	.frame-type-form_formframework form {
		min-width: calc(80% - 2em);
		width: calc(80% - 2em);
		padding: 2em;
	}
}

.frame-type-form_formframework fieldset {
	width: calc(100% - 4px);
	position: relative;
	top: calc( -2em + 6px);
	border: 0;
	border-bottom: 2px solid #ccc;
	padding: .5em 0;
}
.frame-type-form_formframework fieldset > legend {
	display: none;
}

.frame-type-form_formframework input, 
.frame-type-form_formframework textarea {
	background-color: #fcfcfc;
	border-color: #aaa;
	border-style:solid;
	border-width: 2px;

	display: block;
	margin: 0 0 .75em 0;
	padding: 1em;
	width: calc(100% - 2em);
	color: rgba(0,0,0,0.8);
	font-size: 1em;
	line-height: 1;
}
.frame-type-form_formframework .ui.selection.dropdown,
.frame-type-form_formframework .input.checkbox,
.frame-type-form_formframework .inputs-list,
.frame-type-form_formframework .inline.fields {
	width: calc(100% - 2em);
	margin: 0 0 2em 0;
}
.frame-type-form_formframework fieldset input,
.frame-type-form_formframework fieldset textarea,
.frame-type-form_formframework fieldset .ui.selection.dropdown,
.frame-type-form_formframework fieldset .input.checkbox,
.frame-type-form_formframework fieldset .inputs-list {
	width: calc(100% - 2em);
}
.frame-type-form_formframework .inline.fields {
	width: 100%;
	margin: 0 0 2em 0;
}
.frame-type-form_formframework .inline.fields > .field {
	padding-bottom: 2em;
	border-bottom: 2px solid #ccc;
}
.frame-type-form_formframework fieldset .inline.fields {
	width: calc(100%);
}

.content textarea {
	height: 230px;
}
.content input:focus, .content textarea:focus {
	border-color: #96C8DA;
}


.content select {
	border: 1px solid #ccc;
	padding: 0px;
}
fieldset.tx-powermail-pi1_fieldset {
	margin: 0 0 10px 0;
}
fieldset.tx-powermail-pi1_fieldset legend {
	font-size: 1.2em; color: #005d92; margin: 0 0 10px 0; padding: 0;
}

.frame-type-form_formframework {
	padding-top: .75em;
	margin-bottom: .75em;
}

.field.radio {
	display: inline-block;
}
@media (max-width: 768px) {
	.field.radio {
		max-width: 50%;
		padding-bottom: .5em;
	}
}
.field.radio label {
	cursor: pointer;
	min-width: 150px;
}
.field.radio input[type=radio]
{
	cursor: pointer;
	display: inline-block;
	padding: 0;
	line-height: normal;
	width: unset;
}
.field.checkbox
{
	display: inline-block;
	padding: 0 40px 0 0;
}
.field.checkbox label {
	cursor: pointer;
	min-width: 150px;
}
.field.checkbox input[type=checkbox]
{
	cursor: pointer;
	display: inline-block;
	padding: 0;
	line-height: normal;
	width: unset;
}

.input.checkbox .inline.fields .checkbox {
	padding-right: 32px;
}

.frame-type-form_formframework .dsgvo.input.checkbox {
	margin-top: 2.5em;
}


.frame-type-form_formframework button[type="submit"] {
	margin-top: 2em;
	padding: .75em 2em;
	width: 100%;
	cursor: pointer;
	border-style: solid;
	border-color: #E3CDA1;
	border-width: 2px;
	background-color: #E3CDA1;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 18px;
}

.frame-type-form_formframework button[type="submit"]:hover {
	border-color: #E3CDA1;
	background-color: #fff;
	color: #E3CDA1;
}

#rASchadensfall-353-fieldset-1,
#rASchadensfall-353-fieldset-2

#rABussgeldfall-394-fieldset-1,
#rABussgeldfall-394-fieldset-2,

#rAAbgas-398-fieldset-1,
#rAAbgas-398-fieldset-2
{
	display: none;
}


/* ------------------------------------------------------------------------- */ /* misc content touchup */

#c102 .csc-textpic-imagewrap  { height: 100px; }
#c102 img,
#c101 img { margin-right: 30px; }

#c41 img {
	margin: 8px 16px 8px; 
	border: 1px solid #DEE0E6; 
	padding: 12px 16px;
	background-color: #fff;
}

#c43 img {
	margin: 0 0 12px 24px; 
	border: 1px solid #DEE0E6; 
	padding: 12px 16px;
	background-color: #fff;
}

#c38 img {
	margin: 0 0 12px 24px; 
	border: 1px solid #DEE0E6; 
	padding: 12px 16px;
	background-color: #fff;
}


#c82 { margin-top: 40px; }
#c82 img {
	margin: 0 24px 12px 0; 
	border: 1px solid #DEE0E6; 
	padding: 12px 16px;
	background-color: #fff;
}

#c10 .image img {
	width: calc(100% - 2px);
	height: auto;
	border: 1px solid #DEE0E6;
	margin-bottom: 20px;
}

/* ------------------------------------------------------------------------- */ /* semantic ui override */

.ui.styled.accordion { 
	margin: 20px 0; 
	border-radius: 2px;
	box-shadow: unset;
	border: 4px solid rgba(99,113,139,0.2);
}
.ui.fluid.accordion {
	width: 85%;
}
.ui.accordion h3 { 
	display: inline;
	letter-spacing: 0;
	text-transform: unset;
}
.ui.styled.accordion .title { color: rgba(0,0,0,1) }
.ui.accordion .title:not(.ui) { font-family: unset; }

.ui.accordion .content h2:first-child,
.ui.accordion .content h3:first-child { display: none; }
.ui.accordion .content .ce-bodytext>p:first-child { display: none; }

.ui.selection.dropdown {
	background-color: #fcfcfc;
	min-width: calc(80% - 2em);
	padding: 0.78em 1em;
	min-height: unset;
	border-radius: 0;
	border-color: #aaa;
	border-width: 2px;
}
.ui.selection.active.dropdown .menu {
	border-radius: 0;
	border-width: 2px;
	margin: 0 -2px;
	min-width: calc(100% - 2px);
	width: 100%;
}

/* ------------------------------------------------------------------------- */ /* bussgeldkatalog */

.vka {
	margin: 40px 0 0 0;
	border-top: 1px dotted #666;
	padding: 12px 0 0 0;
	/* font-size: 10px; */
	color: #666;
}

#stage #main .frame-blocklist ul {
    list-style: none outside none;
    margin-top: 40px;
    margin-left: 0px;
	width: 680px;
}
#stage #main .frame-blocklist ul li {
	display: inline-block;
    background-color: #EDEDED;
    border: 1px solid #f6f6f6;
    margin: 0.8% 0.8% 0 0;
    padding: 0;
    width: 48.4%;
}
#stage #main .frame-blocklist ul li a, 
#stage #main .frame-blocklist ul li a:link, 
#stage #main .frame-blocklist ul li a:visited {
    display: block;
    padding: 0.5em 2%;
    text-decoration: none;
	border: 0;
}
#stage #main .frame-blocklist ul li a:visited:hover, 
#stage #main .frame-blocklist ul li a:hover, 
#stage #main .frame-blocklist ul li a:active, 
#stage #main .frame-blocklist ul li a:focus {
    background-color: #A6C2D6;
    color: #FFFFFF;
    display: block;
    margin: 0;
    padding: 0.5em 2%;
    text-decoration: none;
	border-bottom: 0;
}

#text_content .p_58 { clear: both; }
#text_content .p_58+.p_58+.p_58 { padding-top: 30px; }

#text_content .link { text-align: center; }

table.bussgeld-tabelle {
	position: relative;
    left: 0px;
    margin: 10px 0 0;
	width: 100%;
    border-bottom: 1px solid #444444;
}
table.bussgeld-tabelle tr th {
    border-bottom: 1px solid #444444;
    border-top: 1px solid #CCCCCC;
    width: 10%;
}
table.bussgeld-tabelle tr td {
    color: #555555;
	padding: 6px 10px;
    width: 10%;
}
table.bussgeld-tabelle tr th:first-child,
table.bussgeld-tabelle tr td:first-child {
    width: 60%;
}
table.bussgeld-tabelle tr th:last-child,
table.bussgeld-tabelle tr td:last-child {
    width: 30%;
}
table.bussgeld-tabelle tr td+td {
	text-align: center;
	padding: 2px 0;
}
table.bussgeld-tabelle tr td+td+td+td+td {
	text-align: left;
	font-size: 11px;
	padding: 2px 4px;
}
table.bussgeld-tabelle tr.parent td {
    background-color: #EBEBEB;
    border-top: 1px solid #CCCCCC;
    color: #222222;
}
table.bussgeld-tabelle tr td.child {
    text-indent: 0.4em;
	padding: 0 10px;
}
#stage #main .child ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#stage #main .childchild ul {
	list-style: none;
	padding: 0;
	margin: 0 0 0 20px;
	font-size: 0.9em;
}
#stage #main .child li,
#stage #main .childchild li {
	margin-bottom: 0;
}


.bussgeldkatalog .content tr:hover td, .bussgeldkatalog .content tr.hover td {
    background-color: #EDEDED;
    color: #C30000;
}
.bussgeldkatalog .content tr.parent:hover td, .bussgeldkatalog .content tr.parent.hover td {
    background-color: #EDEDED;
    color: #C30000;
}
table.bussgeld-tabelle tr td p {
    font-size: 0.8em;
    margin: 0.5em 0 0;
    padding: 0.5em;
}

.content table.bussgeld-tabelle + h3 { margin-top: 20px; }
.content table.bussgeld-tabelle + p { font-size: 10px; margin: 0 0 20px 0; }

/* ------------------------------------------------------------------------- */
/* EOF */