body					{-webkit-text-size-adjust:none;font-size: 14px; line-height: 24px; margin: 0; padding: 0; font-family: arial; color:#474545}

#blockMain				{width:100%;}

#blockContent			{padding-top: 100px;}

#blockTop				{position: fixed; width: 100%; z-index: 100; background: #fff; margin: 0; padding: 0 10px; height: 100px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; box-shadow: 0 0 15px rgba(0,0,0,0.3)}
#blockTopInner			{position:relative;max-width: 980px; margin: 0 auto; padding:0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
#blockTopInner #logo	{position: absolute; left: 0; top: 15px; cursor: pointer;}
#blockTopInner #logo2	{display:none; padding: 15px 20px;}
#ribbon					{position: absolute; right: 0; bottom: 50%; width:135px;height:71px;background: url(/images/ribbon.png) no-repeat center center; background-size: 100%;  -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;cursor:default;}

/* NAVIGATION */
#navigation							{position: absolute; right: 0; top: 44px; text-align: right;}
#navpoints 							{padding: 0; margin: 0; list-style-type: none; text-align: center;}
#navpoints .navpoint 				{display: inline-block; margin: 0; padding: 0 15px; color: #474545; font-size: 18px; font-weight: bold; cursor: pointer;}
#navpoints .navpoint:first-child 	{padding-left: 0;}
#navpoints .navpoint:last-child 	{padding-right: 0;}

#navigationToggler	{display: none; padding: 10px 0; color: #fff; font-size: 20px; text-transform: uppercase; cursor: pointer;}
#navigation.fixed 	{position: fixed; top:0; width: 100%; z-index: 300;}

#language			{position: absolute; right: 0; top: 10px}
#language a			{margin-left: 5px; opacity: 0.4;}
#language a.active	{opacity: 1;}

	
p			{margin-bottom: 25px;}


.center		{text-align: center;}

h1			{margin: 0 0 25px 0;font-size:34px; line-height: 40px;}
h2			{margin: 0 0 25px 0;font-size:30px; line-height:36px}
h3			{margin: 0 0 25px 0;font-size: 20px;}
h4			{margin: 0 0 25px 0;font-size:20px;line-height:26px;}

img			{max-width: 100%; height: auto;}

a 			{text-decoration: none; outline: none; border: none;}

a img		{outline: none; display: inline-block;}

.elementImage img	{margin: 0; max-width: 100%; height: auto;}
img.icon			{margin: 30px 0 20px 0;}

.elementText50_50 	{column-count: 2;-moz-column-count: 2;-webkit-column-count: 2;column-gap: 40px;-moz-column-gap: 40px;-webkit-column-gap: 40px; padding-bottom: 30px;}


/* CONTENT BOX */
.contentBox			{margin: 0; padding: 0 20px 40px 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.contentBox .inner	{max-width: 980px; margin: 0 auto; padding:30px 0 0 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.contentBox *		{color: #fff;}

.colorWhite			{background:transparent;}
	.colorWhite *	{color:#474545}
	.colorWhite h3	{color: #517eb8;}
	.colorWhite p	{color: #517eb8;}
	.colorWhite .grey		{color:#474545;}
	.colorWhite .grey p		{color:#474545;}
.colorGrey			{background:#474545;}
.colorGreen			{background:#216a2f;}
	.colorGreen	p	{font-size: 12px;}
.colorBlue			{background:#517eb8; padding-bottom: 0;}
.colorLightBlue		{background:#a0bee6; padding-bottom: 15px; font-size: 13px;}
	.colorLightBlue img		{margin-left: 10px;}

.colorShadow						{background:#fff;padding:60px;margin-bottom:60px;box-shadow:0 0 20px rgba(0,0,0,0.1)}
.colorShadow .inner					{padding:0}
.colorShadow .inner	> *:last-child	{margin:0;}


.grid		{display:grid;grid-template-columns: 1fr 1fr 1fr;grid-gap:20px;margin-bottom:60px}
.grid > div	{background:#517eb8;text-align:center;padding:30px 20px;color:#fff;font-weight:bold;font-size:18px}

/* Bildelement */
.elementImage		{position: relative;}
.elementImage img	{display: block; margin: 0;}

/* Tabelle */
.elementTable						{margin-bottom: 30px;overflow:hidden;}
table								{overflow:hidden;}
table.sheet							{border-spacing: 10px; border-collapse: collapse; padding: 0; vertical-align: middle; margin-top: 25px; width: 100%; /* border: 1px solid #b1b1b1; */ border-collapse: collapse; font-weight: bold;}
table.sheet th						{text-align: center;/* border: 1px solid #b1b1b1; */ padding: 10px 20px; }	
table.sheet td						{text-align: center;/* border: 1px solid #b1b1b1; */ padding: 20px 20px;-webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-ms-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;}
table.sheet th:first-child,	
table.sheet td:first-child			{text-align: left;}
table.sheet th						{background:#517eb8; color: #fff;}
table.sheet tr:nth-child(2n+2) td	{background:#f0f6ff}
table.sheet tr:hover td				{background:#cce0fb; font-size: 130%; color:#517eb8; cursor: default;}
@media only screen and (max-width: 768px) {
	.elementTable					{overflow:auto;-webkit-overflow-scrolling:touch}
}

https://www.haus-carina-willingen.de/index.php

table.blank							{border-spacing: 10px; border-collapse: collapse; padding: 0; width: 100%; background: none; border: none;}
table.blank tr td					{vertical-align: top;line-height: 22px; border: none; border-top: 1px solid #ececec; background: none; text-align: left; font-weight: normal; margin: 0; padding: 15px 0; -webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-ms-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out; cursor: default;}
table.blank tr td					{padding-left: 15px;}
table.blank tr td:first-child		{font-weight: bold; padding-left: 0;}
table.blank tr:hover td				{color:#517eb8;}

.w30	{width:30%;}
.w33	{width:33.33%;}
.w25	{width:25%;}
.w40	{width:40%;}
.w60	{width:60%;}

/* GoogleMap */
#map-canvas {height: 550px;}
.markerInfo	{line-height: 160%;}
#map-canvas img	{max-width: none;}

/* CONTAINER */
.elementContainer	{overflow: hidden;}
.col_33_1			{float: left; width: 33.33%; text-align: center;}
.col_33_2			{float: left; width: 33.33%; text-align: center;}
.col_33_3			{float: left; width: 33.33%; text-align: center;}

.col_50_1			{float: left; width: 50%; position: relative;}
.col_50_2			{float: left; width: 50%; position: relative;}

.col_50_1_inner		{margin-right: 20px;}
.col_50_2_inner		{margin-left: 20px;}

.col_70_1			{float: left; width: 70%; margin-bottom: 20px;}
.col_30_2			{float: left; width: 30%;}

.col_70_1_inner		{margin-right: 20px;}
.col_30_2_inner		{margin-left: 20px;}


/* KONTAKTFORMULAR */
.kontaktForm					{margin-bottom: 20px;}
.kontaktForm .row				{margin-bottom: 20px;}
.kontaktForm label				{display: none; margin-bottom: 8px;}
.kontaktForm input,
.kontaktForm textarea			{font-family: arial, sans-serif; width:100%; padding: 15px 15px; font-size: 16px; color:#2060ad; border: none; outline: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.kontaktForm .checkIt			{display: none;}
.kontaktForm input[type=submit]	{font-family: Arial; background: transparent; border: 2px solid #fff; width: auto; cursor: pointer; line-height:28px; padding: 5px 45px; color: #fff; font-weight: bold; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-appearance: none;-webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-ms-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;}
.kontaktForm input[type=submit]:hover	{background: rgba(255,255,255,0.2);}
.kontaktForm .col_50_1_inner	{margin-right: 10px;}
.kontaktForm .col_50_2_inner	{margin-left: 10px;}
.vAlignBottom					{}
.vAlignBottom .elementImage		{position: absolute; bottom: 0; width:100%;}
#anchor_kontakt .inner > .elementContainer > .col_50_2	{min-height: 450px;}


/* BILDERGALERIE */
.imageGalery					{}
.imageGalery a					{padding-bottom: 20px; margin: 0; float: left; width: 50%; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.imageGalery a img				{display: block; margin: 0; padding: 3px; border: 1px solid #dfdddd; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.imageGalery a:nth-child(2n+1) 	{padding-right: 10px;}
.imageGalery a:nth-child(2n+2) 	{padding-left: 10px;}
.invisible						{display: none;}

/* TABS */
.ui-corner-all, 
.ui-corner-bottom, 
.ui-corner-right, 
.ui-corner-br								{border: none; border-radius: 0; padding: 0;}
.ui-tabs .ui-tabs-nav						{padding: 0; border-bottom: 3px solid #517eb8}
.ui-tabs .ui-tabs-nav li					{margin: 0 1px 0 0; padding: 0; border: none;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active		{margin: 0 1px 0 0; padding: 0; background: #517eb8;}
.ui-state-hover, 
.ui-widget-content .ui-state-hover, 
.ui-widget-header .ui-state-hover, 
.ui-state-focus, 
.ui-widget-content .ui-state-focus, 
.ui-widget-header .ui-state-focus,
.ui-state-default, 
.ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default			{background: #a0bee6;}
.ui-tabs .ui-tabs-nav li a					{outline: none;}
.ui-widget-header							{background: none;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, 
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, 
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor		{cursor: pointer;}
.ui-helper-reset	{font-size: 20px;}
.ui-state-default a, 
.ui-state-default a:link, 
.ui-state-default a:visited {font-weight: bold; color: #fff;}
.ui-tabs .ui-tabs-panel		{padding: 20px 0;}
.ui-widget					{font-family: Arial;}


.buttonLogout 	{position: fixed; right: 10px; bottom: 10px; z-index: 999}
.buttonUsers 	{position: fixed; left: 10px; bottom: 10px; z-index: 999}
.buttonPassword	{position: fixed; left: 160px; bottom: 10px; z-index: 999}

@media only screen and (max-width: 940px) {
	#navpoints .navpoint	{padding: 0 10px;}
}

@media only screen and (max-width: 900px) {
	/* #blockTopInner #logo	{position: static; display: block;} */
	
	#blockTop				{height: auto; padding: 0;}
	#navigation				{position: relative; top: 0; text-align: left; left:0;}
	#blockTopInner #logo	{display: none;}
	#blockTopInner #logo2	{display: block;}
	#navpoints				{text-align: left; display: none;}
	#navpoints .navpoint	{display: block; padding: 10px 20px !important; border-bottom: 1px solid #efefef}
	#navpoints .navpoint:last-child	{border-bottom: none;}
	#navigationToggler		{display: block; color: #ffffff; padding: 12px 20px; background: #517eb8}
	#blockTop				{position: static;}
	#blockContent			{padding-top: 0;}
	#language				{right: 20px;}

}

@media only screen and (max-width: 768px) {
	
}

@media only screen and (max-width: 640px) {
	
	
	.grid		{grid-template-columns: 1fr 1fr;}
	.grid > div	{font-size:16px}
	
	.colorShadow	{padding:40px;}
	
	#ribbon					{bottom: 40%;}
	
	.elementText50_50	{column-count: 1;-moz-column-count: 1;-webkit-column-count: 1;}
	
	.googleMap			{padding: 0 20px 20px 20px;}
	#map-canvas			{height:300px;}
	
	.col_50_1			{float:none; width: 100%; height: auto !important; margin-bottom: 15px; }
	.col_50_2			{float:none; width: 100%; height: auto !important;}
	
	.col_50_1_inner, 
	.col_50_2_inner,
	.kontaktForm .col_50_1_inner,
	.kontaktForm .col_50_2_inner		{margin:0;}
	
	.col_33_1,
	.col_33_2,
	.col_33_3,
	.col_70_1,
	.col_30_2	{float: none; width: 100%;}
	.col_70_1_inner,
	.col_30_2_inner		{margin:0;}
	
	.vAlignBottom .elementImage	{position: relative;}
	
	h1			{margin-bottom: 15px; font-size:26px; line-height: 34px;}
	h2			{margin-bottom: 15px; font-size:22px; line-height:28px}
	h3			{margin-bottom: 15px; font-size:22px;line-height:28px;}
	h4			{margin-bottom: 15px; font-size:16px;line-height:26px;}
	
	.ui-tabs .ui-tabs-nav .ui-tabs-anchor	{font-size: 16px; padding: .7em .5em;}
	
	#anchor_kontakt .inner > .elementContainer > .col_50_2	{min-height: 0;}

	
}

@media only screen and (max-width: 400px) {
	.colorGreen	p	{font-size: 11px;}
	#ribbon			{width: 95px; height:50px;}
	
	.grid		{grid-template-columns: 1fr;}
	.grid > div	{font-size:14px;padding:15px 10px}

	
}