:root {
	--Ueberschriftfarbe: #660033;
	--Linktextfarbe: #660033;
	--HintergrundLinktextfarbe: #RRGGBBAA;
	--Buttonfarbe: #660033;
	--Rahmenfarbe: #E6E6E6;
	--Hintergrundaussenfarbe: transparent;
	--Hintergrundrahmenfarbe: transparent;
	--HintergrundNavifarbe: #FAFAFA;
	--RahmenNavifarbe: #RRGGBBAA;
	--Buttonschaltflächenfarbe: #DEC9D36B;
	--Buttonschaltflächehover: #848484;
	--myVertinexhover: #dec9d31a;
	--ButtonZentralfarbe: #FAFAFA;
	--TabelleKopfzeilefarbe: #DEC9D36B;
	--Tabellenhintergrundfarbe: #FAFAFA;
	--ListeZeile1hintergrundfarbe: #FAFAFA;
	--ListeZeile2hintergrundfarbe: #fff;
	--Zentralloginhintergrundfarbe: #DEC9D3;
	--Karteikartehintergrundfarbe: #FAFAFA;
	--Karteikarterahmenfarbe: #DEC9D3;
	--Karteikarte2hintergrundfarbe: #FAFAFA;
	--Nichtgewähltekarteifarbe: #E6E6E6;
	--Checklistenhintergrundfarbe: #FAFAFA;
	--Kopfzeilenhintergrundfarbe: rgba(100, 100, 100, 0.25);
	--Terminbelegenbuttonfarbe: #CEF6CE;
	--Terminbelegenbuttonhover: #81F781;
	--Terminvergebenbuttonfarbe: #F78181;
	--FreieUhrzeitHintergrundHover: lightgrey;
	--FreieUhrzeitHintergrund: #FAFAFA;
	--BelegteUhrzeitHintergrund: lightgrey;
	--HintergrundfarbeBody: #F1F1F1;
	--Buttonrundung: 1em;
	--Tabellenrundung: 1em;
	--Schaltflächenrundung: 0.5em;
	--Buttonschaltflächenrundung: 0.25em;
}


.formtable tr.head td:first-child {
	border-top-left-radius: var(--Tabellenrundung);
}
.formtable tr.head td:last-child {
	border-top-right-radius: var(--Tabellenrundung);
}
.formtable tr:first-child th:first-child {
	border-top-left-radius: var(--Tabellenrundung);
}
.formtable tr:first-child th:last-child {
	border-top-right-radius: var(--Tabellenrundung);
}
.formtable tr:last-child td:first-child {
	border-bottom-left-radius: var(--Tabellenrundung);
}
.formtable tr:last-child td:last-child {
	border-bottom-right-radius: var(--Tabellenrundung);
}
.woche td:first-child span:first-child {
	border-top-left-radius: var(--Tabellenrundung);
}
.woche td:last-child span:first-child {
	border-top-right-radius: var(--Tabellenrundung);
}


* {
	font-family:Arial,Helvetica,sans-serif;
	margin:0;
	padding:0;
}
img, a {
	border:0 none;
}

body {
	font-size:12px;
	color:#292929;
	background-color: var(--HintergrundfarbeBody);
}
#all_wrap {
	margin:auto;
	width:auto;
	height:100%;
}
.hidden {
	display:none;
}

.kontaktformular {
	/* height:630px; */
}



/* KOPFZEILE MIT LOGO */
#logo{
	width:100%;
}
#logo a{
	display:block;
	padding:38px 22px 37px 34px;
}
#kopf{
	width:100%;
	float:left;
}
#kopf_rot{
	background:var(--Ueberschriftfarbe);
	float:left;
	height:201px;
	width:238px;
}
#kopf_produkte{
	background:#fff;
	float:left;
	height:199px;
	width:335px;
	border:1px solid #c0c0c0;
	margin:0 0 0 18px;
	padding-left:18px;
}

#kopf_produkte a.fabiola{
	background: url(../img/fabiola_kopf.gif) no-repeat scroll left top;
}
#kopf_produkte a.claudio{
	background: url(../img/claudio_kopf.gif) no-repeat scroll left top;
}
#kopf_produkte a.ramazzini{
	background: url(../img/ramazzini_kopf.gif) no-repeat scroll left top;
}
#kopf_produkte h3 a{
	color:#999999;
	font-weight:normal;
	text-decoration:none;
	font-size:12px;
	float:left;
	padding:27px 0 0 0;
}
#kopf_produkte h3{
	float:left;
	clear:left;
	width:100%;
	padding:19px 0 0 0 !important;
	line-height:auto !important;
	margin-left:0;
}
#kopf_bilder a{
	margin-left:6px;
}
#kopf_bilder{
	float:left;
	display:inline;
	margin-left:1px;
}


/* MENU */
#menu{
	float:left;
	width:203px;
	padding:35px 0 35px 35px;
}
#menu ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
#menu ul ul{
	margin-left:23px;
}
#menu ul li{
	margin:0;
	padding:0;
	height:auto;
	/*padding:4px 0;*/
}
#menu ul li a{
	color:#666666;
	text-decoration:none;
	font-size:13px;
	/*padding-left:18px;*/
	padding:4px 2px 4px 23px;
	display:block;
}
#menu ul li a:hover{
	color:var(--Ueberschriftfarbe);
	background-color: var(--TabelleKopfzeilefarbe);
    	border-radius: 0.25em;
}
#menu ul li a.act{
	color:var(--Ueberschriftfarbe);
	background:url(../img/menu_3rot.gif) no-repeat left center;
}
#menu ul ul li a{
	padding-left:10px;
	background:url(../img/menu_1grau.gif) no-repeat left center;
	color:#666666;
}
#menu ul ul li a.act{
	background:url(../img/menu_1rot.gif) no-repeat left center;
}

#menu form{
	margin-top:0px;
	margin-top:0px;
}


#content_pic{
	float:left;
	clear:both;
	padding:30px 0;
	position:absolute;
	right:0px;
	bottom:20px;
}
#lfo {

}



/* CONTENT */
#content_wrap{
	float:left;
	width:100%;
	padding-bottom:15px;
	position:relative;
}

#content{
	width: calc(100% - 280px);
	float:left;
	margin: 35px 20px 0 20px;
}

#content_main{
	width:auto;
	margin:10px 16px 160px 16px;
}

#all_wrap.nomenu #content{width: 95%;}
#all_wrap.nomenu #content_main{width: auto;}
#all_wrap.nomenu form.liste, div.box {width: 100%;}

h1, h2, h3, h4, h5, p, .tx-indexedsearch-whatis{
	/*width:485px;*/
	font-weight:normal;
	margin:0;
	padding:0 0 0 18px;
}
h1{
	color:var(--Ueberschriftfarbe);
	font-size:20px;
	line-height:22px;
	padding-bottom:8px;
}
h2, .tx-indexedsearch-whatis{
	color:var(--Ueberschriftfarbe);
	font-size:16px;	
	line-height:20px;
	padding-bottom:8px;
}
h3{
	color:var(--Ueberschriftfarbe);
	font-size:14px;	
	line-height:18px;
	padding-bottom:8px;
}
h4{
	color:var(--Ueberschriftfarbe);
	font-size:12px;
	line-height:16px;
	font-weight:bold;	
	padding-bottom:4px;
}
h5{
	color:var(--Ueberschriftfarbe);
	font-size:12px;	
	line-height:16px;
	padding-bottom:8px;
}
h6{
	display:none;
}
h7 {
	font-size: 14px;
	font-weight: bold;
}

p{
	color:#333;
	line-height:16px;
	font-size:12px;
	padding-bottom:15px;
}
a{
	color:var(--Linktextfarbe);
}
.abstand_unten{
	padding-bottom:15px;
}
.abstand_unten_gross{
	padding-bottom:30px;
}
.csc-textpic-imagewrap{
	padding:0 0 8px 18px !important;
}


#fuss{
	float:left;
	width:100%;
	padding-bottom:20px;
	padding-top:8px;
}
#fuss .copyright {
    float: left;
    color: #fff;
    bottom: 20px;
    left: 20px;
}
#fuss .hilfe{
	float:right;
	position: fixed;
	bottom: 20px;
    right: 20px;
}

}
#fuss ul{
	float:right;
	list-style-type:none;
}
#fuss li{
	float:left;
	color:#fff;
}
#fuss li a{
	color:#fff;
	text-decoration:none;
	padding:0 5px;
}
#fuss li a:hover{
	text-decoration:underline;
}




#menu form {
	padding-bottom:0px;
}
form.login {
	border:1px solid var(--RahmenNavifarbe);
	border-radius: var(--Schaltflächenrundung);transition: all .3s;
	padding:4px 7px 0 8px;
	background:var(--HintergrundNavifarbe);
	box-shadow: -1px 1px 2px #c5c5c5;
}
form.login .ltitel {
	width:183px; float:left;
	font-size:16px; color:var(--Ueberschriftfarbe);
	padding:0px 0px 8px 0px;
	text-align:center;
}
form.login .zeile {
	width:183px; height:28px;
	padding:0px;
}
form.login label {
	width:65px; height:20px;
	display:block; float:left;
	padding-top:3px;
}
form.login input {
	width:115px; height:25px;
	float:right;
	margin: 2px 0px 2px 0px;
	padding: 0 5px;
}
form.login input[type=text] {
	width:95%;
	float:left;
}
form.login input.login {
	width:48px; height:25px;
	background:#999; color:#fff;
	font-size:11px; font-weight:bold;
	border:0px none;
}
form.login h4 {
	padding-left:0;
	padding-top:10px;
}
form.login input.logout {
	width:48px; height:25px;
	background:#999; color:#fff;
	font-size:11px; font-weight:bold;
	border:0px none;
}
.logout span {
	font-weight:bold;
}
.form_like h4 {
	padding-top:17px;
}

#logo {
	position:relative;
	display:none;
}
#logo #changelang {
	position:absolute; z-index:1; 
	right:10px; top:10px;
	width:36px; height:11px;padding:0px;
	background:url('../img/flags.gif') no-repeat right top;
}

.inaktiv {
	font-family:Arial,Helvetica,sans-serif;
	margin:0;
	padding:0;
	color: #C4C4C4;
	font-size: 14px;
}

#userid {
	width: 415px;
}

.flexboxcolumn {
	display: flex;
	flex-direction: column;
}
.flexboxrow {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
}