/* =Typography
-----------------------------------------------------------------------------*/

::selection {background: #f2a200; color: #fff; }
::-moz-selection {background: #bbb; color: #fff; }
*::-moz-placeholder {
    color: #666;
}
@font-face {
    font-family: 'OpenSans-CondLight';
    src: url('fonts/OpenSans-CondLight.ttf') format('truetype'), url('fonts/OpenSans-CondLight.eot') format('embedded-opentype'), url('fonts/OpenSans-CondLight.woff') format('woff') ;
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSans-CondBold';
    src: url('fonts/OpenSans-CondBold.ttf') format('truetype'), url('fonts/OpenSans-CondBold.eot') format('embedded-opentype'), url('fonts/OpenSans-CondBold.woff') format('woff') ;
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSans-Light';
    src: url('fonts/OpenSans-Light.ttf') format('truetype'), url('fonts/OpenSans-Light.eot') format('embedded-opentype'), url('fonts/OpenSans-Light.woff') format('woff') ;
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans-Regular';
    src: url('fonts/OpenSans-Regular.ttf') format('truetype'), url('fonts/OpenSans-Regular.eot') format('embedded-opentype'), url('fonts/OpenSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans-Bold';
    src: url('fonts/OpenSans-Bold.ttf') format('truetype'), url('fonts/OpenSans-Bold.eot') format('embedded-opentype'), url('fonts/OpenSans-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: "clinx-icons";
  src:url("fonts/clinx-icons.eot");
  src:url("fonts/clinx-icons.eot?#iefix") format("embedded-opentype"),
    url("fonts/clinx-icons.woff") format("woff"),
    url("fonts/clinx-icons.ttf") format("truetype"),
    url("fonts/clinx-icons.svg#untitled-font-1") format("svg");
  font-weight: normal;
  font-style: normal;

}

* {margin:0; padding:0;}

html {
    height:100%;	
}
body {
    font-family: 'OpenSans-Regular', sans-serif;
    background-image: url('images/bg.jpg');
    background-repeat:no-repeat;
    background-position:top center;
    /*background-size: cover;*/
    /*background-attachment:fixed;*/
    background-attachment:inherit;
    background-color:#f1f3f6;
    height:100%;
    font-size: 14px;	
    color:#222;
    line-height:0;
}
.clear {
    clear:both;
}
hr1 {
	border:1px solid #b3c1e2;
	background-color:#36C5D8;
    display: block;
    height: 5px;
	padding-top:20px;
	margin:10px;
}
hr {
  border: 0;
  border-bottom: 1px solid #d5dde8;
  background: #d5dde8;
  margin:10px 0 20px !important;
}  
--hr {
  border: 0;
  margin:10px 0 20px !important;
  background-image: url('images/hr_image.png');
  background-repeat: no-repeat;
  background-position: top center;
  height:17px
}  
	
/* =Text
-----------------------------------------------------------------------------*/
p, ul, ol, dl, blockquote, hr, pre, table, form, fieldset {
    margin-bottom: 1em;
}
.breadcrumbs ul {
    font-size: 0.85em;
    list-style: outside none none;
    margin: 8px 0 0;
}
.breadcrumbs ul li a {
    color: #7e88c1;
}
.breadcrumbs {
    margin-bottom: 0;
}
.nav.breadcrumbs {
    margin-top: 1.9em;
    margin-bottom: 0.2em;
}

ul {
    list-style-image: url('images/icon_bullet.png');
    list-style-position:outside;
    margin-left:15px;
}
p.bodytext {
/*	margin-bottom:1.5em;*/
}
p.bodytext ~ ul,
div ~ ul {
	margin-top:15px;
	margin-bottom:15px;
	margin-left:18px;
}

h1, .caption-title {
  font-family: 'OpenSans-Light', sans-serif;
    font-size:2.4em;
    color:#3f4c8f;
    font-weight: normal;
    margin-bottom:0.5em;
    padding-top:0;
    line-height:1.25em;
}
h2/*, .news-single .teaser-text*/ {
  font-family: 'OpenSans-Light', sans-serif;
    font-size:1.9em;
    line-height:1.6em;
    color:#3f4c8f;
    font-weight:normal;
/*    padding-top:7px;*/
    margin-bottom:0.5em;
}
.right h2 {
    font-size:1.9em;
    padding-top:0;
    margin-bottom:0.5em;
}
h3 {
  font-family: 'OpenSans-Light', sans-serif;
  font-size:1.6em;
  letter-spacing:0.2px;
  color:#3f4c8f;
  font-weight:normal;
  padding-top:7px;
}
.right h3 {
    font-size:1.6em;
    line-height:1.5em;
}
h4 {
  font-family: 'OpenSans-Bold', sans-serif;
  font-size:1.3em;
  color:#000;
  font-weight:normal;
}
.right h4 {
  font-family: 'OpenSans-Bold', sans-serif;
  font-size:1.15em;
  color:#000;
  font-weight:normal;
}
h5 {
  font-family: 'OpenSans-Bold', sans-serif;
  font-size:1em;
  color:#000;
  font-weight:normal;
}
h6 {
  font-family: 'OpenSans-Bold', sans-serif;
  font-size:1em;
  color:#977687;
  font-weight:normal;
}
.color-1 {
    color:#977687; /*dunkelrot*/
}
.color-2 {
    color:#e20c0c; /*hellrot*/
}
.color-3 {
    color:#8a98c5; /*hellblau*/
}
.csc-textpic-caption {
    color:#777;
    font-size:0.8em;
    line-height:1.5em;
    padding:7px 0 7px;
}
ul.csc-uploads span.csc-uploads-fileName {
    text-decoration: none;
}
ul.csc-uploads span {
    display: inline;
    padding-left: 10px;
    vertical-align:-3px;
}
span.csc-uploads-fileName, span.csc-uploads-fileSize {
    padding-left: 10px;
    vertical-align:11px;
}
blockquote {
    background-image: url('images/bg_blockquote.png');
    background-repeat: no-repeat;
	background-position:20px 5px;
    border-left: inherit;
    color: #777777;
    margin-bottom: 1.65em;
    margin-left: 1.65em;
    padding-left: 80px;
    position: relative;
}
.right blockquote {
    background-image: url('images/bg_blockquote.png');
    background-repeat: no-repeat;
	background-position:10px 5px;
	background-size:35px;
    border-left: inherit;
    color: #777777;
    margin-bottom: 1.65em;
    margin-left: 0em;
    padding-left: 60px;
    position: relative;
	top:55px;
}
blockquote p {
    font-size:1.4em;
    line-height:1.65em;
    color: #7384b8;
    font-style: italic;
    margin-bottom: 0.5em;
}
.right blockquote p {
    font-size:1.2em;
    line-height:1.65em;
    color: #7384b8;
    font-style: italic;
    margin-bottom: 0.5em;
}
.divider {
    clear:both;
}

.csc-responsive-frame {
    margin: 0 auto;
    max-width: 100%;
}

.csc-responsive-frame .csc-textpic-imagerow {
    float:left;
    margin-right:20px;
}
.csc-responsive-frame div.csc-textpic,  .csc-responsive-frame .csc-mouseover-image {
   float:left;
}

.csc-responsive-frame .csc-mouseover-image {
    max-width: 23%;
}

/*.csc-responsive-frame .csc-textpic-imagecolumn*/
.csc-responsive-frame div.csc-textpic div.csc-textpic-imagecolumn {
	/*max-width: 23%;*/
}
.csc-default {
    clear:both;
}
.hidden-content {clear:both;}
.hidden-content > * {display:none;}

	
/* =Links
-----------------------------------------------------------------------------*/
/*anchor offset for fixed header*/
:target:before {
    content:"";
    display:block;
    height:40px;     /*fixed header height*/
    margin:-40px 0 0;     /*negative fixed header height */
}

a {
    color:#c26d98;/*ce99b4*/
    text-decoration:underline;
}
a:hover, a:focus {
    color:#b35484;/*b87c9b*/
    text-decoration:underline;
}
.download:before {
    content: url('images/icon_download.png');
}
/*.internal-link:before {
    content: url('images/icon_internal.png');
}*/
/*.news-single-backlink:before {
    content: url('images/icon_back.png');
}*/
.external-link-new-window:before {
    content: url('images/icon_external.png');
}
.mail:before {
    content: url('images/icon_mail.png');
}
a.more-link, .more-link a, .news-single-nextlink a, .news-single-backlink a, .news-single-prevlink a, a.navigation-link, .navigation-link a, ul.browsebox li a {
    background-color:#fff;
    padding:5px 15px 5px;
    margin-top:5px;
    border: 1px solid #977687;
    border-radius:0px;
    color:#977687;
    display:inline-block;
}
a.more-link:hover, .more-link a:hover, .news-single-nextlink a:hover, .news-single-backlink a:hover, .news-single-prevlink a:hover, a.navigation-link:hover, .navigation-link a:hover, ul.browsebox li a:hover {
    background-color:#977687;
    text-decoration: none;
	color:#fff;
	transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition:    all 0.5s;
    -o-transition:      all 0.5s;
}
a.more-link-blue, .more-link-blue a {
    background-color:#354577;
    padding:5px 15px 5px;
    margin-top:5px;
    border: 1px solid #354577;
    border-radius:0px;
    color:#fff;
    display:inline-block;
    text-decoration:none;
}
a.more-link-blue:hover, .more-link-blue a:hover {
    background-color:#5e70a5;
    text-decoration: none;
	color:#fff;
	transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition:    all 0.5s;
    -o-transition:      all 0.5s;
}
ul.browsebox li a:hover {
	text-decoration: none;
	color:#fff;
} 
ul.browsebox li.tx-indexedsearch-browselist-currentPage a {
    background-color:#f2a200;
	color:#fff;
	font-weight: normal;
}
.news-single-nextlink a, .news-single-backlink a, .news-single-prevlink a {
    margin-top:0px;
    padding:0 13px;
}
.more-link {
	clear: none;
	display: block;
}
a.navigation-link {
    margin-top:6px;
	width:89%;
}
.browseLinksWrap a img {vertical-align:middle;}
div.csc-sitemap ul, ul.csc-menu-1 {
    list-style:none;
    font-weight:bold;
}
div.csc-sitemap ul li ul, ul.csc-menu-1 li ul {
    font-weight:normal;
}
div.csc-sitemap ul, div.csc-sitemap ul li ul, div.csc-sitemap ul li ul li ul {
    margin-bottom:0.5em;
}
/*div.csc-sitemap ul li a:before, */ul.csc-menu-1 li a:before  {
    content: url('images/icon_internal.png');
} 
div.csc-sitemap ul li ul li a:before {
    content: inherit;
} 
div.csc-sitemap ul li ul li {
    font-size:0.9085em;
} 
div.csc-sitemap ul li ul li ul li {
    font-size:0.9085em;
} 
.csc-sitemap ul li a {
	color:#555;
}
.csc-sitemap ul li ul li a {
	color:#000;
}


/* =Layout
-----------------------------------------------------------------------------*/
#page {
    max-width: 100%;
    min-height:100%;
    position:relative;
    padding: 0;
    margin: 0px auto;
    background-image: url('images/bg_header.png');
    background-repeat: repeat-x;
    background-size:180px auto;
    line-height:1.65em;
}
.align-left {text-align:left;}
.align-center {text-align:center;}
.align-right {text-align:right;}
.align-justify {text-align:justify;}

.float-left {float:left;}
.float-right {float:right;}

.main {
	margin-left:0px;
}
#content {
	position: relative;
	margin: 0 auto;
	/*padding-bottom:40px;*/
}
#content .top {
    background-color: rgba(218, 224, 235, 0.85);
    background-image: url('images/slider-wrapper-bg.png');
    background-repeat: repeat-x;
    background-position:bottom;
    border-bottom: 1px solid rgba(255, 255, 255, 0.75);
    margin-bottom:30px;
}
.unit-25 {
    width: 28.6064%;
}
.unit-33 {
    width: 26.206%;
}
.unit-66 {
}
.units-row {
    margin-bottom: 0em;
}
.unit-100.default-content {
    background-color: rgba(255,255,255,0.75);
    padding-bottom:40px;
}
.unit-100.default-content .inner-content{
    padding-top: 40px;
}

.print-header {display: none;}

/* =Content
-----------------------------------------------------------------------------*/

#bereich_wrapper {
  min-height:250px;
  display:block;
}
.bereich_wrapper {
    margin:0 auto;
    overflow:hidden;
    text-align:center;
}
.bereich_item {
	display:inline;
	margin: 10px auto 10px;
	margin-right:20px;
}
.bereich_item:last-child {
	margin-right:0px;
}

.bereich {
    display: inline-block;
    position: relative;
    text-indent: -9999px;
    width: 150px;
    height: 220px;
}
.bereich.bereich1 {
    background: url('images/bereiche/ql_webauftritt_webmarketing_over.jpg') no-repeat;
}
.bereich.bereich2 {
    background: url('images/bereiche/ql_gestaltung_drucksachen_over.jpg') no-repeat;
}
.bereich.bereich3 {
    background: url('images/bereiche/ql_software_entwicklung_over.jpg') no-repeat;
}
.bereich.bereich4 {
    background: url('images/bereiche/ql_consulting_coaching_over.jpg') no-repeat;
}
.bereich.bereich5 {
    background: url('images/bereiche/ql_referenzen_over.jpg') no-repeat;
}
.bereich:after {
    content: "";
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    -moz-transition:    opacity 0.4s;
    -o-transition:      opacity 0.4s;
}
.bereich.bereich1:after {
    background: url('images/bereiche/ql_webauftritt_webmarketing_over.jpg') no-repeat; 
    background-position: -150px 0;
}
.bereich.bereich2:after {
    background: url('images/bereiche/ql_gestaltung_drucksachen_over.jpg') no-repeat; 
    background-position: -150px 0;
}
.bereich.bereich3:after {
    background: url('images/bereiche/ql_software_entwicklung_over.jpg') no-repeat; 
    background-position: -150px 0;
}
.bereich.bereich4:after {
    background: url('images/bereiche/ql_consulting_coaching_over.jpg') no-repeat; 
    background-position: -150px 0;
}
.bereich.bereich5:after {
    background: url('images/bereiche/ql_referenzen_over.jpg') no-repeat; 
    background-position: -150px 0;
}
.bereich:hover:after {
	opacity: 1;
}


/*.bereich2 {
	display: inline-block;
	position: relative;
	text-indent: -9999px;
	width: 150px;
	height: 220px;
	background: url('images/bereiche/ql_gestaltung_drucksachen_over.jpg') no-repeat;
}
.bereich2:after {
	content: "";
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background: url('images/bereiche/ql_gestaltung_drucksachen_over.jpg') no-repeat;
	background-position: -150px 0;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
}
.bereich2:hover:after {
	opacity: 1;
}*/

/*
.bereich1, .bereich2, .bereich3, .bereich4, .bereich5 {
	display: inline-block;
	position: relative;
	text-indent: -9999px;
	width: 150px;
	height: 220px;
}
.bereich1 {
    background: url('images/bereiche/ql_internet_webmarketing_over.jpg') no-repeat;
}
.bereich2 {
    background: url('images/bereiche/ql_gestaltung_drucksachen_over.jpg') no-repeat;
}
.bereich3 {
    background: url('images/bereiche/ql_gestaltung_drucksachen_q_r.jpg') no-repeat;
}
.bereich4 {
    background: url('images/bereiche/ql_gestaltung_drucksachen_q_r.jpg') no-repeat;
}
.bereich5 {
    background: url('images/bereiche/ql_gestaltung_drucksachen_q_r.jpg') no-repeat;
}
.bereich1:after, .bereich2:after, .bereich3:after, .bereich4:after, .bereich5:after {
	content: "";
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background-position: -150px 0;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
}
.bereich1:after {
    background: url('images/bereiche/ql_internet_webmarketing_over.jpg') no-repeat;
}
.bereich2:after {
    background: url('images/bereiche/ql_gestaltung_drucksachen_over.jpg') no-repeat;
}
.bereich3:after {
    background: url('images/bereiche/ql_gestaltung_drucksachen_q_r.jpg') no-repeat;
}
.bereich4:after {
    background: url('images/bereiche/ql_gestaltung_drucksachen_q_r.jpg') no-repeat;
}
.bereich5:after {
    background: url('images/bereiche/ql_gestaltung_drucksachen_q_r.jpg') no-repeat;
}
.bereich1:hover:after, .bereich2:hover:after, .bereich3:hover:after, .bereich4:hover:after, .bereich5:hover:after  {
	opacity: 1;
}
*/


div.csc-textpic .csc-textpic-imagewrap .csc-textpic-imagerow-last .csc-textpic-image {
    margin-bottom: 10px;
}
div.csc-textpic-imagecolumn, td.csc-textpic-imagecolumn .csc-textpic-image {
    margin-right: 20px;
}
div.csc-textpic-intext-left .csc-textpic-imagewrap, div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
    margin-right: 20px;
}
/*div.csc-textpic .csc-textpic-imagewrap img {
    border-radius: 0px;
}*/
div.csc-textpic .csc-textpic-imagewrap img {
    background-size: contain !important;
    border-radius: 0px;
    width: 100%;
}
div.csc-textpic-border div.csc-textpic-imagewrap img {
    border: none;
}

div.csc-textpic-border figure.csc-textpic-image {
    border: 1px solid #ccc;
    border-radius:0px
}

div.csc-frame-frame1/*, .right*/ {
    border:1px solid #fff;
    background-color:#e4e9f0;
    padding:12px 15px;
    margin-bottom:12px;
	border-radius:0px;
}
.csc-frame-frame2 {
    border:1px solid #e4e9f0;
    background-color:#fff;
    padding:15px 15px 2px;
    margin-bottom:12px;
	border-radius:0px;
}
.csc-frame-rulerAfter {
  border-bottom:1px solid #a7aed1;
  margin-bottom:15px;
}

table {width:100%;}

th[scope=row] {
    background-color:none;
    color:#000;
	font-weight:bold;
}
th[scope=col] {
    background-color:#dee4ee;
/*    color:#000;*/
}
th, td {
    border-bottom: 1px solid #ccc;
    padding: 0.3em 0.5em;
}
table.hovered tbody tr:hover td, table.hovered thead tr:hover th, table.hovered tbody tr:hover th[scope=row], table.hovered thead tr:hover th[scope=col] {
    background-color: #eaeef5;
    -webkit-transition: all 0.35s;
    -moz-transition:    all 0.35s;
    -o-transition:      all 0.35s;
}
.thead-gray td, .thead-gray th {
    background-color: #e4ebca;
}

td.width-90, th.width-90 {width:90%;}
td.width-85, th.width-85 {width:85%;}
td.width-80, th.width-80 {width:80%;}
td.width-75, th.width-75 {width:75%;}
td.width-70, th.width-70 {width:70%;}
td.width-66, th.width-66 {width:66%;}
td.width-60, th.width-60 {width:60%;}
td.width-50, th.width-50 {width:50%;}
td.width-40, th.width-40 {width:40%;}
td.width-33, th.width-33 {width:33%;}
td.width-30, th.width-30 {width:30%;}
td.width-25, th.width-25 {width:25%;}
td.width-20, th.width-20 {width:20%;}
td.width-15, th.width-15 {width:15%;}
td.width-10, th.width-10 {width:10%;}

fieldset {
    background-color:transparent;
	border:none;
	padding:0;
}
legend {
    font-size: 1em;
    font-weight: bold;
    padding:0 0 5px 0;
    text-transform: none;
}
.csc-mailform {
	margin-top:10px;
}
.forms label {
    margin-bottom: 0.5em;
}
.forms li fieldset.fieldset-subgroup label {
    float: right;
    width: 85%;
}
.forms.columnar li fieldset.fieldset-subgroup label {
    float: right;
    width: 96%;
}
.forms li fieldset label, .forms.columnar li fieldset label {
	font-size:0.91em;
}
.forms.columnar li fieldset label {
    float: left;
    margin-right: 0;
    text-align: left;
    width: auto;
}
.forms.columnar li fieldset {
    border: 0 none;
    margin: 0;
    padding: 0;
    position: relative;
}
.forms.columnar label {
    float: left;
    left: 0;
    text-align: right;
    top: 0;
    width: 150px;
}
div.csc-mailform fieldset ol {
    padding: 0;
}
div.csc-mailform fieldset li {
    list-style: none outside none;
    margin-bottom: 0.35em;
    padding: 0;
}
fieldset.fieldset-subgroup legend {/*display: none;*/}

fieldset.fieldset-subgroup ol {
    margin: 0 0 0 155px;
    padding: 0;
    position: relative;
    top: 0;
}
.forms.columnar fieldset.fieldset-subgroup ol {
    margin: 0 0 0 170px;
    padding: 0;
    position: relative;
    top: 0;
}
form ol {
    margin-left:0;
}
form ol li {
    list-style:none;
}
div.csc-mailform ol li {
    margin:0 0 10px 0;
}
div.csc-mailform li label {
    margin-right: 1em;
    width: 9em;
}
/*.tx-felogin-pi1 {
    background-color: #FAFAFA;
    border: 1px solid #DDDDDD;
    margin-bottom: 10px;
    padding: 10px 12px 0;
}*/
.felogin-hidden {
    clear:both;
}
input[type="text"], 
input[type="password"], 
input[type="email"], 
input[type="url"], 
input[type="phone"],
textarea {
    background-color: #fff/*d5deee*/;
    border-radius: 0px;
	border: 1px solid #ddd;
    box-shadow: 0 0px 0px rgba(225, 233, 197, 0) inset;
    color: #222;
  font-family: 'OpenSans-Regular', sans-serif;
    font-size: 0.95em;
    height: 20px;
    width: 55%;
    line-height: 1.4em;
    margin: 0;
    padding: 3px 10px;
    position: relative;
    transition: border 0.5s ease 0s;
    z-index: 2;
    vertical-align: middle;
}
.right input[type="text"], 
.right input[type="password"], 
.right input[type="email"], 
.right input[type="url"], 
.right input[type="phone"],
.right textarea {
    width: 75%;
    background-color: #fff;
	border: 1px solid #ddd;
}
.tx-macinasearchbox-pi1 input[type="text"] {
	width:180px;
	vertical-align:top;
	background-color:#fff;
	border:1px solid #ddd;
}
.tx-macinasearchbox-pi1 button {
	background:transparent;
	border:0;
	padding:0;
}
input[type="radio"] {
    clear: left;
    float: left;
    margin-left: 0;
    margin-right: 15px;
    padding-left: 20px;
    position: relative;
    top: 6px;
}
input[type="checkbox"] {
    margin-right: 15px;
    padding-left: 20px;
    position: relative;
}
input[type="file"] {
/*  background-color: #F3F6E8;
    border: 1px solid #dae4ba;
    border-radius: 2px 2px 2px 2px;*/
/*  box-shadow: 0 1px 2px rgba(225, 233, 197, 0.9) inset;*/
    color: #333333;
    font-family: 'OpenSans-Regular', sans-serif;
    height: 24px;
    width: 250px;
    line-height: 1.4em;
    margin: 0;
    padding: 3px;
    z-index: 2;
    vertical-align: middle;
    position: relative;
    display: inline;
}
textarea {
    height: inherit;
    line-height: 1.4;
}
select {
    background-color: #f6f6f6;
    border: 1px solid #ddd;
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius: 0px;
    color: #333;
    font-family: 'OpenSans-Regular', sans-serif;
    font-size: 0.95em;
    line-height: 1.4em;
    height: 34px;
    width: auto;
    margin: 0 3px 0 0;
    padding: 5px 32px 6px 6px;
    position: relative;
    transition: border 0.5s ease 0s;
    z-index: 2;
    -webkit-appearance: none;  /*Removes default chrome and safari style*/
    -moz-appearance: none;  /*Removes default style Firefox*/
    appearance:none;
    background-image: url('images/select_down.png');
    background-repeat: no-repeat;
    background-position: right 7px;                /*Position of the background-image*/
    text-indent: 0.01px; /* Removes default arrow from firefox*/
    text-overflow: "";  /*Removes default arrow from firefox*/
    cursor:pointer;
}
select::-ms-expand { display: none; }

.csc-mailform .forms.columnar .csc-form-element-submit {
    float: left;
    margin-left: 170px;
}
.csc-mailform .forms .csc-form-element-submit {
    float: left;
    margin-left: 0px;
    margin-top: 5px;
}
.csc-mailform .csc-form-element-reset {
    float: left;
    margin-left: 8px;
}

/*.btn {
    background: transparent;
    border: none;
    border-radius: 0;
    color: inherit;
    font-size: 100%;
    padding: 0;
	text-shadow: none;
}*/

input[type="submit"], input[type="button"], .btn {
  color: #977687;
  line-height:1.2em;
  background: transparent;
  background-color:#fff;
  font-family: 'OpenSans-Regular', sans-serif;
  font-size:14px;
  font-weight: normal;
/*  height:31px;*/
  padding: 5px 15px;
  text-shadow: none;
  text-decoration: none;
  border-radius: 0px;
  cursor:pointer;
  border:1px solid #977687;
}
input[type="submit"]:hover, input[type="button"]:hover, .btn:hover {
  color: #fff;
  background-color:#977687;
  -webkit-transition: all 0.5s;
  -moz-transition:    all 0.5s;
  -o-transition:      all 0.5s;
}
.form-link {
    margin-left:0;
    display:block;
}
form h3 {
	display:none;
}
.formErrorContent {
	color:#fff;
	font-weight:normal;
	background-color:#7C0100;
	padding:3px 8px;
	border:1px solid #7C0100;
	border-radius:0px;
	font-size:0.85em;
}
.formErrorArrow {
    border-color: #7C0100 transparent;
    border-style: solid;
    border-width: 10px 10px 0;
    bottom: -10px;
    content: "";
    display: block;
    left: 12px;
    position: absolute;
    width: 0;
}
.formError {
z-index:99;
margin-top:-36px !important;
}

/*on focus*/
input:focus,textarea:focus{outline:0;border-color:#977687;box-shadow:none;}

/* =Indexed Search 
-----------------------------------------------------------------------------*/
#tx_indexedsearch {
    padding-bottom:10px;
    margin-bottom:15px;
    border-bottom:1px solid #ddd;
}
#tx_indexedsearch label {
    float:left;
    width:170px;
    margin-right:10px;
    margin-bottom:15px;
}

.tx-indexedsearch-form,
.tx-indexedsearch-search-for,
.tx-indexedsearch-search-in,
.tx-indexedsearch-search-select-section,
.tx-indexedsearch-search-select-order,
.tx-indexedsearch-search-select-results {
    margin-bottom:10px;
    max-width:99%;
	clear:left;
}
.tx-indexedsearch-search-for .tx-indexedsearch-selectbox-type {
	clear:right;
    float:left;
}
.tx-indexedsearch-search-for .tx-indexedsearch-selectbox-defop,
.tx-indexedsearch-search-select-order .tx-indexedsearch-selectbox-desc {
    clear:both;	
/*    margin-top:10px;*/
}
.tx-indexedsearch-search-submit {
    margin-top:20px;
}
.tx-indexedsearch-browsebox {
    padding-bottom:5px;
    margin-bottom:15px;
    border-bottom:1px solid #ddd;
	display:block;
}
DIV.tx-indexedsearch-browsebox ul.browsebox {
    list-style:none;
    margin-left:0;
	display:inline-block;
}
ul.browsebox li {
    float:left;
    margin-right:15px;
}
.descr {
    color: #555;
    font-size: 1em;
    line-height: 1.5em;
}
/*hr {
  border: 0;
  margin:10px 0 20px !important;
  background-image: url('images/hr_image.png');
  background-repeat: no-repeat;
  background-position: top center;
  height:17px
} */ 

.tx-indexedsearch-res {
    padding-bottom:20px;
    margin-bottom:15px;
/*    border-bottom:1px solid #ddd;*/
  background-image: url('images/hr_image.png');
  background-repeat: no-repeat;
  background-position: bottom center;
}
.tx-indexedsearch-info {}
.tx-indexedsearch-info dt { width:20%; float:left; font-size:0.875em;}
.tx-indexedsearch-info dd { width:70%; margin-left:20%; font-size:0.875em;}

.tx-macinasearchbox-pi1 {
    display: block;
    float: right;
    height: 27px;
	margin-top:58px;
	margin-right:25px;
}
.tx-macinasearchbox-pi1 button {
    font-size:11px;
    background-color: transparent;
    padding: 0;
    border-radius: 0px;
    border-bottom: none;
}

.tx-indexedsearch-icon > img {
    width: 32px;
    height: 32px;
}

/* =Powermail 
-----------------------------------------------------------------------------*/
.powermail_legend {
	display:none;
}
.layout2 .powermail_legend {
	display:block;
}

.powermail_radio_legend {
	font-weight:normal;
	float:left;
	margin-right: 10px;
	width:300px;
}
.powermail_fieldwrap {
    margin-bottom:6px;
}
.powermail_fieldwrap_submit {
    margin-top:20px;
}
div.powermail_fieldwrap label {
    float:left;
    width:300px;
    margin-right:10px;
}
div.powermail_fieldwrap .powermail_radio_inner label {
	width:60%;
}
div.powermail_fieldwrap select {
    min-width:250px;
}
/*.powermail_captchaimage {
    margin:15px 0 10px 180px;
}*/
.powermail_file {
    margin-right:10px;
}

div.powermail_confirmation dt, div.powermail_create dt { width:30%; float:left; clear:left; margin-bottom:7px;}
div.powermail_confirmation dd, div.powermail_create dd { width:66%; float:left; margin-bottom:7px;}
div.powermail_confirmation .powermail_form { float:left; margin:20px 10px 10px 0;}


/*img.powermail_captchaimage {
    top: -42px;
    position: relative;
}*/
input.powermail_captcha[type="text"] {
    float: left;
	width: 100px;
}
img#powermail_captchaimage {
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: 10px;
    padding: 2px 0 0;
    width: auto;
}
.mandatory {
    color:#977687;
    margin:0 2px;
}

.powermail_radio_outer {
     float:left;
     width:200px;
}

/* =Header
-----------------------------------------------------------------------------*/
#header .width-100 {
    text-align:center;
    padding-top: 42px;
}
#header {
	margin: 0 auto;
	max-width: 980px;
	height: 140px;
	padding: 0;
/*	background-color: rgba(23,133,161,0.85);*/
/*	-moz-box-shadow: 0px 0px 6px #ccc;
	-webkit-box-shadow: 0px 0px 6px #ccc;
	box-shadow: 0px 0px 6px #ccc;*/
}
/*.logo-home {
  background-image: url('images/header_logo.png');
  background-repeat:no-repeat;
  background-position:0 15px;
  width:234px;
  height:72px;
  display:block;
  position:absolute;
  margin-top:0;
}*/
/*a.logo-home {  
  color:transparent;
}*/

.logo {
    display:block;
    width:495px;
    height:98px;
    max-width:100%;
    display: inline-block;
    background-position: center center;
    background-size:100% auto;
    background-repeat:no-repeat;
}

#logo-praxis {
    background-image: url(../../public/muench-logo-praxis-ambulante-chirurgie.png);
    background-image: url(../../public/muench-logo-praxis-ambulante-chirurgie.svg), linear-gradient(transparent, transparent);
}

#logo-liposuction {
    background-image: url(../../public/muench-logo-liposuction.png);
    background-image: url(../../public/muench-logo-liposuction.svg), linear-gradient(transparent, transparent);
}

/*-----------------------------------------------------------------------------*/
/* =AnythingSlider START */
/*-----------------------------------------------------------------------------*/

/*#slider-wrapper { 
  padding: 4%; 
  width:92%;
}*/
.anythingSlider-minimalist-round {padding:0;}
.anythingSlider-minimalist-round .back {left: -60px;}
.anythingSlider-minimalist-round .forward {right: -60px;}

.anythingSlider-minimalist-round .anythingWindow {
  border-bottom: 0px solid #333;
  border-top: 0px solid #333;
}
.anythingSlider-minimalist-round .anythingControls {
  bottom: 10px;
}
.anythingSlider-minimalist-round.activeSlider .anythingControls a {
  background-color: #d3d3d3;
  color: #fff;
}
.anythingSlider-minimalist-round.activeSlider .anythingControls a.cur, .anythingSlider-minimalist-round.activeSlider .anythingControls a:hover {
  background-color: #f2a200;
  color: #f2a200;
}
.anythingSlider-minimalist-round .anythingControls a {
  background-color: #333;
  border: 1px solid #fff;
  border-radius: 0px;
  color: #fff;
}
.anythingSlider-minimalist-round h1 {
  padding-top: 40px;
}


/*-----------------------------------------------------------------------------*/
/* =AnythingSlider END */
/*-----------------------------------------------------------------------------*/


/* =Nav
-----------------------------------------------------------------------------*/
#navigation {
	/*border-top:1px solid #fff;*/
	/*border-bottom:1px solid #fff;*/
	background-color:#354577;
}
#nav-toolbar, #nav-language {
	float:right;
	height:27px;
	display:block;
	clear:right;
	margin-top:0px;
	padding-right:0px;
}
#nav-language {
    float:left;
}

.nav-pills {
    margin-bottom: 14px;
}
.nav-pills ul li {
	margin-right:1px;
}
.nav-pills ul li a, .nav-pills ul li span {
    background: none;
    display: block;
    padding: 0;
}
.nav-pills ul li span.toolbar-icon, button span.toolbar-icon {
	border:none;
	display:block;
	width:30px;
	height:29px;
	background-position:top center;
	background-repeat: no-repeat;
	background-color:transparent;
}
.nav-pills ul li span.home-icon {
	background-image: url('images/icon_home.png');
}
.nav-pills ul li span.home-icon:hover {
	background-image: url('images/icon_home_r.png');
}
.nav-pills ul li span.contact-icon {
	background-image: url('images/icon_contact.png');
}
.nav-pills ul li span.contact-icon:hover {
	background-image: url('images/icon_contact_r.png');
}
.nav-pills ul li span.sitemap-icon {
	background-image: url('images/icon_sitemap.png');
}
.nav-pills ul li span.sitemap-icon:hover {
	background-image: url('images/icon_sitemap_r.png');
}
.nav-pills ul li span.print-icon {
	background-image: url('images/icon_print.png');
}
.nav-pills ul li span.print-icon:hover {
	background-image: url('images/icon_print_r.png');
}
.nav-pills ul li span.search-icon, button span.search-icon {
	background-image: url('images/icon_search.png');
}
.nav-pills ul li span.search-icon:hover {
	background-image: url('images/icon_search_r.png');
}
.nav-pills ul li span.facebook-icon {
	background-image: url('images/icon_facebook.png');
}
.nav-pills ul li span.facebook-icon:hover {
	background-image: url('images/icon_facebook_r.png');
}
.fifth-icon {
	display:none;
}
.sixth-icon {
	padding-left:20px;
}


#nav-top {
  max-width:980px;
  height:37px;
  margin:0 auto 0;
  padding:0 0;
/*  border-bottom:1px solid #8cacda;*/
}
.nav-h ul {
    border-right: 0px solid #fff;
}
/*.nav-h ul li {
    float: left;
    margin-right: 0;
    padding-right: 1.9em;
}*/
.nav-g ul li {
    float: left;
    margin-right: 0;
    padding-right: 1.9em;
}


ul.sf-menu li {
    background: none;
    transition: background 0.2s ease 0s;
    margin-right:0;
}
.sf-menu li:hover,
.sf-menu li.sfHover, .sf-menu li a.active, .sf-menu li a.current {
  /*  background: #fff;*/
    transition: background 0.25s ease-out 0.1s;
    -webkit-transition: background 0.25s ease-out 0.1s;
    -moz-transition:    background 0.25s ease-out 0.1s;
    -o-transition:      background 0.25s ease-out 0.1s;
}
.sf-menu ul li {
    background: none repeat scroll 0 0 #fff;
}
.sf-menu ul li ul li {
    background: none repeat scroll 0 0 #fff;
}
.sf-menu a {
    border-left: 0px solid #fff;
    border-top:none;
/*  padding:0.6em 1em;*/
    padding:7px;
}
.sf-menu ul li a {
    border-top: 1px solid rgba(230, 230, 230, 0.7);
    line-height:1.55em;
}
.sf-menu ul li ul li a {
/*    padding: 0px 0px !important; */
}
/*.nav-h ul li a, .nav-g ul li a {
    color: #888888;
    text-decoration: none;
    font-size:15px;
    border-bottom: 2px solid transparent;
    text-transform: uppercase;
}*/
.nav-h ul li a {
    color: #c4cbe0;
    text-decoration: none;
    font-size:12px;
    border-bottom: 2px solid transparent;
    text-transform: uppercase;
}
.nav-h ul li ul li a {
    color: #666;
}
.nav-h ul li > a:hover, .nav-g ul li > a:hover, .nav-h ul li > a.active, .sf-menu li.sfHover > a, .nav-h ul li > a.current {
    color: #fff;
    text-decoration: none;
    background-color:#707ea8;
    /*border-bottom:2px solid #bbb;*/
}
.nav-h ul li > a.current {
    color: #fff;
}
.nav-h ul li > a.active {
    color: #fff;
}
.nav-h ul li > a.active:hover {
    color: #fff;
}

/*.nav-h ul li a:hover, .nav-g ul li a:hover, .nav-h ul li a.active, */.sf-menu li .sf-mega a:hover/*, .nav-h ul li a.current*/ {
    text-decoration:none;
/*	border: none;*/
}

.sf-menu .sf-vertical a, .sf-menu .sf-vertical a:hover, .sf-menu .sf-vertical a.current, .sf-menu .sf-vertical li.sfHover > a, .sf-menu .sf-vertical li ul li a {
    border-bottom:none;
    padding-left:10px!important;
}

.sf-menu .sf-vertical a:hover, .sf-menu .sf-vertical a.current, .sf-menu .sf-vertical li.sfHover > a {
    background-color:#bbb;
    color:#fff;
}


.sf-menu .sf-vertical ul, .sf-menu .sf-vertical ul ul {
    border-left:1px solid rgba(230, 230, 230, 0.7);
}



.sf-mega > a > h3 { 
    font-size:22px; 
    text-decoration:none;
	margin-top:10px;
	background-color: inherit;
/*	padding-left:3%;*/
}
.nav-h ul li > .sf-mega > a:hover { 
    border:0; 
}

.sf-arrows ul .sf-with-ul:after {
    border-color: transparent transparent transparent rgba(170,170,170,0.75);
    margin-right: -3px;
    margin-top: -5px;
}
.sf-arrows .sf-with-ul {
    /*padding-right: 2.2em;*/    
    padding-right: 1.5em;
}
.sf-menu .sf-mega { /*display:block;*/}
.sf-vertical {
/*	background-color:#bb22ff;*/
    max-width: 95%;
    padding-left: 5%;
}

/* =Misc
-----------------------------------------------------------------------------*/
.scrollup {
    width:40px;
    height:40px;
    opacity:0.7;
    position:fixed;
    bottom:56px;
    right:80px;
    display:none;
    text-indent:-9999px;
    background: url('images/icon_top.png') no-repeat;
}

/* =News
-----------------------------------------------------------------------------*/
.news-single-link-browser {
}
.browseLinksWrap {
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding-top:6px;
    padding-bottom:6px;
	margin-top:8px;
	margin-bottom:30px;
    text-align:center;
}
.news-single-rightbox {
    border-top: 1px solid #DDDDDD;
    color: #777777;
    font-size: 1.1em;
    line-height: 1.5em;
    margin-bottom: 20px;
    margin-top: 15px;
    padding: 15px 0 0;
}
.news-list-item, .news-single-additional-info {
  padding:0 0 15px;
  margin-bottom:23px;
/*  min-height: 150px;*/
  background-image: url('images/hr_image.png');
  background-repeat: no-repeat;
  background-position: bottom center;
}
.news-single-additional-info {
  min-height:inherit;
  margin-top:40px;
  padding:0 0 30px;
}
.news-list-date {
	color:#000;
	font-weight:700;
}
.news-list-item h2 {
  font-family: 'OpenSans-Regular', sans-serif;
  font-size: 1.5em;
  font-weight: normal;
  margin-bottom: 5px;
}
.news-latest-date {
  font-size: 1em;
  font-weight: normal;
  color: #aaa;
  display: block;
  margin-bottom: 10px;
  padding: 13px;
}
.news-list-item img {
	float:left;
    /*padding:0.3em 1em 1em 0;*/
}
.news-latest-category {
	padding:0.7em 0 0.2em;
}
.news-single-item {
	display:block;
}
.news-single-item .cl-right {
	padding:0 0 0.5em;
	clear:left;
}
.news-single-img {
	float:left;
	height:auto;
	padding-top:0.3em;
	padding:0.3em 15px 0.5em 0;
}
div.news-latest-container .csc-textpic-intext-right .csc-textpic-imagewrap, div.news-latest-container .csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DDDDDD;
    margin-left: 10px;
    margin-bottom: 30px;
    padding: 7px;
}
div.news-latest-container .csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
    margin-bottom: 0px;
}
div.news-list-container .csc-textpic-intext-left .csc-textpic-imagewrap, div.news-list-container .csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
/*    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #e3e3e3;*/
/*    padding: 7px;*/
	margin-right:25px;
}
div.news-list-container .csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
    margin-bottom: 0px;
}
.news-single .teaser-text {
/*    color: #888;
    font-size: 15px;*/
}
.news-single .teaser-text {
  font-family: 'OpenSans-Light', sans-serif;
    font-size:1.85em;
	letter-spacing:0.2px;
    color:#000;
    font-weight:normal;
	margin-bottom:0.5em;
}

/*h2 {
  font-family: 'OpenSans-Light', sans-serif;
    font-size:1.7em;
	letter-spacing:0.2px;
    color:#000;
    font-weight:normal;
    padding-top:7px;
	margin-bottom:0.5em;
}
.right h2 {
    font-size:1.4em;
}
h3 {
  font-family: 'OpenSans-Light', sans-serif;
  font-size:1.4em;
  letter-spacing:0.2px;
  color:#000;
  font-weight:normal;
  padding-top:7px;
}*/


/* =Footer
-----------------------------------------------------------------------------*/
#footer {width:100%;}

.inner-content {
	max-width:980px;
	margin: 0 auto;	
	padding:0;
}
#footer .inner-content {
	padding:40px 0 25px;
}

#footer .unit-100 {
/*	min-height:320px;*/
	border-bottom:5px solid #fff;
}
#footer blockquote {
  padding:120px 100px 30px 200px;
  background-image: url("images/bg_footer_blockquote.png");
  background-position: 120px 127px;
  background-repeat: no-repeat;
  border-left: inherit;
  position: relative;
}
#footer blockquote h1 {
	color:#fff;
	font-size:1.8em;
	line-height:1.5em;
}
.footer-quote {
    background-image:url("images/bg_quote_01.jpg");
    background-attachment: fixed;
    background-position: left top;
    background-repeat: repeat;
}

.footer-contact {
    background-color: #e4e9f0;
}

.footer-clinx {
    background-color: #fff;
}

#footer ul {
    margin:auto;
    display:table;
}

#footer p {
	color:#444444;
	line-height:1.65em;
	font-size:12px;
}
#footer a {
	color:#ce99b4;
	text-decoration:underline;
}
#footer a:hover {
	color:#b87c9b;
    text-decoration:underline;
}
	
#map-canvas {
    max-width: 100%;
    min-height: 400px;
    min-width: 100%;
}
.gm-style img {
     max-width: none;
}

#footer .contact-wrapper {
    margin-bottom: 25px;
    text-align: center;
}
#footer .contact-wrapper .icon i {
    color: #f2a200;
    font-size: 25px;
    line-height: 2;
}
#footer .contact-wrapper .icon {
    border: 1px solid #ddd;
    border-radius: 50%;
    display: block;
    height: 50px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 50px;
	background-color:#fff;
}
blockquote {
}
/*.fa {
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
}*/
/*.fa-map-marker:before {
    content: "\f041";
}
.fa-phone:before {
    content: "\f095";
}
.fa-envelope:before {
    content: "\f0e0";
}
.fa-facebook-f:before,
.fa-facebook:before {
    content: "\f09a";
}*/


/* Neue Container-Div: */
#fixed-buttons {
    line-height:1.65em;
    position: fixed;
    top: 372px;
    left: -127px;
/*    height: 70px;*/
    width: 322px;
    transform: rotate(270deg);
    -ms-transform: rotate(270deg); /* IE 9 */
    -webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */
     z-index: 1;
}
.fixed-button {
    background: -webkit-linear-gradient(180deg,rgba(151,118,135,1),rgba(141,102,122,1)); /*Safari 5.1-6*/
    background: -o-linear-gradient(180deg,rgba(151,118,135,1),rgba(141,102,122,1)); /*Opera 11.1-12*/
    background: -moz-linear-gradient(180deg,rgba(151,118,135,1),rgba(141,102,122,1)); /*Fx 3.6-15*/
    background: linear-gradient(180deg, rgba(151,118,135,1),rgba(141,102,122,1)); /*Standard*/
    background-color:#977687;
    box-shadow: 1px 2px 4px rgba(151, 151, 151, 0.6);
    display: block;
    float: left;
    padding: 35px 12px 10px;
    border:1px solid #fff;
    width:130px;
    text-align:center;
}
#fixed-button-email {
    background-image: url('images/mail-tel.png');
    background-position: center 2px;
    background-repeat:no-repeat;
}
#fixed-button-phone {
    background-image: url('images/mail-tel.png');
    background-position: center -73px;
    background-repeat:no-repeat; 
    margin-left:10px;   
}

.fixed-button a {
	color:#fff;
	font-size:14px;
	text-decoration:none;
}
.fixed-button a:hover {
	color:#e2cbd7;
}

img, video {
    width: 100%;
}

.csc-mouseover-image .csc-textpic-imagecolumn .csc-textpic-last {display:none;}
.csc-mouseover-image:hover .csc-textpic-imagecolumn .csc-textpic-first {display:none;}
.csc-mouseover-image:hover .csc-textpic-imagecolumn .csc-textpic-last {display:block;}

/* Captcha */
.tx-srfreecap-image {
    max-width:145px;
    max-height:90px;
    display:block;
}
#sjbr-freecap-captcha-response {
    max-width:100px;
    dispplay:block;
}
.tx-srfreecap-cant-read {
    margin-left:180px;
    font-size:0.8em;
}

/* EXT forum */
.tx-forum-item-header {
    border-bottom:1px solid #ccc;
    font-weight:bold;
    background-color:#dee4ee;
    padding: 0.3em 0.5em;
}
.tx-forum-item {
border-bottom:1px solid #ccc;
}
.tx-forum .back-link {
    margin:10px 0;
}
.tx-forum-admin-panel {
    float:right;
    margin-top:-8px;
}