/* GLOBAL STYLES
// blau: 	#0098c1
// hblau: 	#5fb4cd
// hgrau: 	#cacdcf
// grau:	#717273 (Text)

-------------------------------------------------- */

@font-face {font-family: 'OpenSansBold';src: url('../fonts/opensans-bold.eot');src: url('../fonts/opensans-bold.eot?#iefix') format('embedded-opentype'),url('../fonts/opensans-bold.woff2') format('woff2'),url('../fonts/2FAEF2_4_0.woff') format('woff'),url('../fonts/opensans-bold.ttf') format('truetype');}
@font-face {font-family: 'OpenSansRegular';src: url('../fonts/opensans-regular.eot');src: url('../fonts/opensans-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/opensans-regular.woff2') format('woff2'),url('../fonts/opensans-regular.woff') format('woff'),url('../fonts/opensans-regular.ttf') format('truetype');}


/* GLOBAL STUFF
-------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

body 				{padding-bottom:0px;margin-bottom:0px;color:#5a5a5a;background-color:#ffffff;}

.btn				{background-color:transparent;border-color:#717273;color:#717273;margin:0px;text-transform:uppercase;border-radius:1px;padding:3px;min-width:175px;font-size:1.3em;}
.btn:hover			{background-color:#0098c1;color:#ffffff;}

.btn.frm			{background-color:#0098c1;color:#ffffff;border-color:#ffffff;}
.btn.frm:hover		{background-color:#999999;color:#ffffff;border-color:#717273;}

.left.carousel-control		{background-image:none;background-color:transparent;}
.right.carousel-control		{background-image:none;background-color:transparent;}

/* mediapool-bilder */
div.mpic						{margin:-4px 0px 0px 0px;border:0px solid #ff0000;}

/* .vs = siehe grösse der videos aus function MakeContentOutputMediaPool( */


form #website	{display:none;}



/* Button "Jetzt auch Onlione-Seminare" */
div.onsbutt			{position:absolute;top:167px;display:block;width:100%;z-index:2;margin:auto;border:0px solid #ff0000;}
div.onsbutt img		{width:300px;height:auto;float:right;margin-right:-40px;}



/* Zeilenumbruch davor erzwingen: */
.clearfix:after 				{content: ""; display:table;clear:both;}


/* modals */
h4.modal-title					{font-family:source-sans-pro,sans-serif;font-size:1.5em !important;font-weight:300;font-style:normal;color:#0098c1;}
.modal-footer	.btn			{background-color:#0098c1;color:#ffffff;font-size:1em;border:none;}
.modal-footer	.btn:hover		{background-color:#999999;}

a				{color:#0098c1;}					
hr				{background-color:#0098c1;height:1px;border:0;margin-top:5px;text-align:left;}
i,em			{font-family:source-sans-pro,sans-serif;font-weight:300;font-style:normal;color:#0098c1;}

p strong		{color:#717273 !important;}
li strong		{color:#717273 !important;}


/* NAVBAR
-------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.navbar-wrapper 								{position:absolute;top:0;right:0;left:0;z-index:20;border:0px solid #ff0000;}
.navbar 										{margin-top:0px;padding-left:0px;}
.navbar > .container							{padding:0px 0px 0px 0px !important;border-top:5px solid #0098c1;}

/* Flip around the padding for proper display in narrow viewports   transparent */
.navbar-wrapper > .container 					{padding-right:0px !important;padding-left:0;}
.navbar-wrapper > .container .divider			{border-bottom:1px solid #717273;margin:15px 0px 10px 0px;}
.navbar-wrapper > .container .subst				{position:absolute;}
.navbar-wrapper > .container .subst a			{font-family:source-sans-pro,sans-serif;font-size:1.2em !important;font-weight:400;font-style:normal;color:#7a7b7c;text-transform:uppercase;padding:10px;}
.navbar-wrapper > .container .subst a:hover		{color:#0098c1;text-decoration:none;}
.navbar-wrapper > .container .subst a.active	{color:#0098c1;}


.navbar-wrapper .navbar 						{background-color:transparent;border:0px solid #ff0000;}
.navbar-wrapper .navbar .container 				{width:auto;}

.navbar-wrapper #navbar 								{padding:0px;margin:0px 0px 0px 0px;}
.navbar-wrapper #navbar li 								{color:#7a7b7c;margin:0px 0px 0px 0px;}
.navbar-wrapper #navbar li.active						{}
.navbar-wrapper #navbar li.active a						{color:#0098c1;background-color:transparent !important;}
.navbar-wrapper #navbar li a							{font-family:source-sans-pro,sans-serif;font-weight:400;font-style:normal;color:#7a7b7c;text-transform:uppercase;padding:3px 50px 4px 0px;}
.navbar-wrapper #navbar li a:hover						{color:#0098c1;}

.navbar-wrapper #navbar li.dropdown a.dropdown-toggle			{color:#7a7b7c;background-color:transparent;border:0px solid #0098c1;}
.navbar-wrapper #navbar li.dropdown a.dropdown-toggle:hover		{color:#0098c1;background-color:transparent;}
.navbar-wrapper #navbar li.dropdown a.dropdown-toggle:active	{color:#7a7b7c;}
.navbar-wrapper #navbar li.dropdown a.dropdown-toggle.active	{color:#0098c1}

.navbar-wrapper #navbar ul.dropdown-menu						{color:#7a7b7c;margin:0px 0px 10px 0px;border:0px solid #ff0000;}
.navbar-wrapper #navbar ul.dropdown-menu li						{color:#7a7b7c;padding:2px 10px 2px 3px;margin:0px 0px 0px 0px;}
.navbar-wrapper #navbar ul.dropdown-menu li a					{color:#7a7b7c;padding:2px 10px 2px 3px;font-size:1em;text-transform:none;letter-spacing:0px;}
.navbar-wrapper #navbar ul.dropdown-menu li a:hover				{color:#0098c1;padding:2px 10px 2px 3px;background-color:transparent;}


@media only screen and (min-width:768px) { /* bei kleinerer grösse bleibt standard, wenn grösser anderes Nav-Design ...*/
	.navbar-wrapper > .container .navbar-header img.logo	{width:155px;height:60px;border:0px solid #ff0000;}
	
	.navbar-wrapper #navbar li a							{font-size:1.2em;}
	.navbar-wrapper #navbar ul.dropdown-menu				{margin:9px 0px 0px 0px;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);opacity: 0.8;}
	.navbar-wrapper #navbar ul.dropdown-menu				{padding:10px 10px 10px 10px;}
	.navbar-wrapper #navbar ul.dropdown-menu li a			{font-size:1.1em;line-height:1.5em;color:#666666;}
	.navbar-wrapper #navbar ul.dropdown-menu li a:hover		{font-size:1.1em;line-height:1.5em;}
	
}



/* CAROUSEL
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.carousel 					{margin:auto;margin-top:35px;border:0px solid #ff0000;background-color:#ffffff;}
.carousel .container 		{position:relative;z-index:9;}
.carousel .item 			{width:auto;background-repeat:no-repeat;border:0px solid #000000;} /* height:649px !important; */
.carousel .item img 		{height:auto;width:auto;margin-left:auto;margin-right:auto;}

.carousel-caption 			{z-index:10;text-align:left !important;position:absolute;left:auto;right:auto;padding-left:10px;border:0px solid #ff0000;}
.carousel-caption h2		{font-family:source-sans-pro,sans-serif;font-weight:600;font-style:normal;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);opacity: 0.9;letter-spacing:1px;text-transform:uppercase;color:#ffffff;text-shadow:0 0 1px #fff, 2 2px 1px rgba(0,0,0,5);}
.carousel-caption a			{color:#ffffff;font-family:OpenSansRegular,arial,helvetica;}
.carousel-caption a:hover	{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);opacity: 0.8;text-decoration:none;}





/* MARKETING CONTENT
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* main stuff ... */
.container.marketing .main							{font-family:source-sans-pro,sans-serif;font-weight:300;font-style:normal;text-align:center;color:#717273;padding:0px;border:0px solid #0e3083;}
.container.marketing .main strong					{font-weight:700;font-style:normal;}
.container.marketing .main h1						{font-family:OpenSansRegular,arial,helvetica;font-weight:600;color:#0098c1;font-style:normal;font-size:1.6em;line-height:1.1em;text-align:center;margin:0px 0px 6px 0px;text-shadow:none;border:0px solid #0e3083;}
.container.marketing .main h2						{font-family:OpenSansRegular,arial,helvetica;font-weight:600;color:#0098c1;font-style:normal;font-size:1.6em;line-height:1.1em;text-align:center;margin:0px 0px 6px 0px;text-shadow:none;border:0px solid #0e3083;}
.container.marketing .main h2 span.sub				{font-size:0.8em;width:100%;margin:0px;font-weight:300;font-style:normal;color:#0098c1;}
.container.marketing .main h4						{font-size:1.4em;margin:0px 0px 8px 0px;font-family:source-sans-pro,sans-serif;font-weight:300;color:#0098c1;}
.container.marketing .main h4.g						{color:#717273;}
.container.marketing .main h1 span.sub				{font-size:0.8em;width:100%;margin:0px;font-weight:300;font-style:normal;color:#0098c1;}
.container.marketing .main div.liner				{width:100%;height:40px;border:0px;margin:1px 0px 0px 0px;background-image: url(../images/liniending.png);background-repeat:no-repeat;background-position:top center;border:0px solid #0e3083;}

/* main einsp. layout */
.container.marketing .main .contM					{padding:0px 0px 0px 0px;}
.container.marketing .main .contM p.inh				{text-align:left;}
.container.marketing .main .contM .inb				{border:0px solid #ff6633;text-align:left;}
.container.marketing .main .contM .inb h3			{font-size:1.3em;font-family:source-sans-pro,sans-serif;font-weight:300;font-style:normal;color:#0098c1;margin:0px 0px 7px 0px;}
.container.marketing .main .contM .inb b,strong		{font-weight:500 !important;font-style:normal;color:#0098c1;}
.container.marketing .main .contM .sp1				{width:50%;display:inline-block;float:left;padding:0px 20px 0px 0px;border:0px solid #000000;}
.container.marketing .main .contM .sp2				{width:50%;display:inline-block;border:0px solid #ff9933;}

/* kontakt-formular */
.container.marketing .form-group							{}
.container.marketing .form-rad								{text-align:left;}
.container.marketing .form-rad.hw							{text-align:right;color:#0098c1;font-size:0.9em;margin-top:-10px;}
.container.marketing .form-rad table td						{padding:0px 5px 0px 15px;font-size:0.9em;}
.container.marketing .form-group .form-control				{border-color:#b4b5b6;height:44px;padding-top:20px;border-radius:1px;}
.container.marketing .form-group.has-error .form-control	{border:1px solid #ff3333 !important;}
.container.marketing .form-group textarea					{background-color:#fffffff;border: 1px solid #b4b5b6;border-radius:4px;padding:10px 4px 4px 12px !important;}

.container.marketing .form-group.has-error .form-control	{border: 1px solid #cc0000 !important;}
.container.marketing .form-group.has-error textarea			{border: 1px solid #cc0000;}

input::-webkit-input-placeholder 	{color: #717273 !important; }	/* Placeholder Textfarbe */
input:-moz-placeholder 				{color: #717273 !important; }	/* Placeholder Textfarbe */
input::-moz-placeholder 			{color: #717273 !important; }	/* Placeholder Textfarbe */
input:-ms-input-placeholder 		{color: #717273 !important; }	/* Placeholder Textfarbe */
textarea::-webkit-input-placeholder {color: #717273 !important; }	/* Placeholder Textfarbe */
textarea:-moz-placeholder 			{color: #717273 !important; }	/* Placeholder Textfarbe */
textarea::-moz-placeholder 			{color: #717273 !important; }	/* Placeholder Textfarbe */
textarea:-ms-input-placeholder 		{color: #717273 !important; }	/* Placeholder Textfarbe */

/* radio-button */
.chkb								{width:21px;height:21px;cursor:pointer;display:inline-block;float:left;margin:0px 10px 0px 10px;}
.chkb input							{width:0px;height:0px;position:relative;z-index:-9999;}
.chkb span 							{width:21px;height:21px;display:block;background-color:#ffffff;background: url(../../include/images/radoff.png);background-repeat:no-repeat;background-size:contain;}
.chkb input:checked + span 			{background: url(../../include/images/radon.png);background-repeat:no-repeat;background-size:contain;background-color:#ffffff;}




/* zweisp. layout column links */
.container.marketing .main .contL					{display:inline-block;float:left;text-align:left;border:0px solid #ff6633;line-height:1.4em;}
.container.marketing .main .contL .sp1				{display:inline-block;float:left;border:0px solid #000000;}
.container.marketing .main .contL .sp2				{display:inline-block;border:0px solid #ff9933;}
.container.marketing .main .contL .sp2.s ul			{margin:0px;}
.container.marketing .main .contL .sp2.s li			{color:#717273;font-size:1em;margin:0px 0px 3px 17px;padding:0px 0px 0px 0px;}
.container.marketing .main .contL h3				{font-size:1.4em;font-family:source-sans-pro,sans-serif;font-weight:300;font-style:normal;color:#0098c1;margin:0px 0px 11px 0px;}
.container.marketing .main .contL ul				{padding:0px;margin:2px 0px 6px 0px;}
.container.marketing .main .contL li				{font-size:1.1em;line-height:1.0em;font-family:source-sans-pro,sans-serif;color:#0098c1;margin:0px 0px 9px 20px;padding:0px 0px 0px 9px;list-style-image:url(../images/bulletpfeil.png);border:none;}
.container.marketing .main .contL li strong			{font-weight:500;font-style:normal;color:#717273;}

.container.marketing .main .contL .sp1.s			{}
.container.marketing .main .contL .sp2.s			{}
.container.marketing .main .contL .exp				{margin:4px 0px 0px 0px;background-color:#f1f1ee;}
.container.marketing .main .contL .exp img			{margin:4px 0px 0px 13px;}
.container.marketing .main .contL hr				{margin:14px 0px 14px 0px;}

/* andere list-style bei "leistungen" */
.container.marketing .main .contL.ext li			{font-size:.97em;line-height:1.2em;font-family:source-sans-pro,sans-serif;color:#717171;margin:0px 0px 9px 20px;padding:0px 0px 0px 9px;list-style-image:url(../images/bulletpfeilext.png);border:none;}
.container.marketing .main .contL b,strong			{font-weight:500;color:#717273 !important;}

/* zum seminar anmelden + inhouse seminar (neu a. 11.06.2019) */
.container.marketing .main .contL .dblbox			{}
.container.marketing .main .contL .dblbox h4		{font-size:1.2em;}
.container.marketing .main .contL .dblbox a			{color:#717273 !important;font-size:0.85em;font-family:OpenSansRegular,arial,helvetica;font-weight:normal;}

/* zweisp. layout column rechts */
.container.marketing .main .contR							{display:inline-block;text-align:left;background-color:#fbfbfa;border:0px solid #000000;}

/* seminarbox */
.container.marketing .main .contR .sem						{background-color:#f6f6f3;border:0px solid #000000;}
.container.marketing .main .contR .sem .h					{font-weight:600;font-size:1.2em;background-color:#0098c1;color:#ffffff;text-transform:uppercase;padding:20px 10px 20px 10px;margin:-10px 0px 0px -10px;}
.container.marketing .main .contR .sem table				{width:95%;margin:0px 0px 0px 2px;}
.container.marketing .main .contR .sem table td				{font-size:0.8em;padding:11px 2px 2px 2px;font-weight:500;border-bottom:1px solid #0098c1;text-align:left;}
.container.marketing .main .contR .sem table td.p			{border:none;}
.container.marketing .main .contR .sem table td.p img.bul	{height:16px;width:8px;padding-bottom:3px;border:0px solid #000000;}
.container.marketing .main .contR .sem table td.c			{border:none;padding:4px;}
.container.marketing .main .contR .sem table td.r			{text-align:right;}
.container.marketing .main .contR .sem table td a			{color:#717273;text-decoration:none;}
.container.marketing .main .contR .sem table td a:hover		{color:#0098c1;}
.container.marketing .main .contR .sem table td a.s			{font-family:OpenSansBold,source-sans-pro,sans-serif;color:#7b7c7c;letter-spacing:0px;text-transform:uppercase;font-size:1.1em;}
.container.marketing .main .contR .sem table td a.s:hover	{color:#5fb4cd;}

/* newsletter abonnieren */
.container.marketing .main .contR .nl						{padding:0px;margin:0px;}
.container.marketing .main .contR img.tb					{margin:30px 0px 0px 0px;padding:0px !important;}
.container.marketing .main .contR img.tb:hover				{-webkit-filter: grayscale(1);filter:grayscale(1);}


/* verlinkte Grafiken mit Effekt */
a.fx img:hover				{-webkit-filter: grayscale(1);filter:grayscale(1);}



/* zitatkasten rechts */
.container.marketing .main .contR .zit						{border:0px solid #000000;}

/* download- und semniargenda lists */
.container.marketing .main .dlist						{width:100%;}
.container.marketing .main .dlist table					{width:100%;}
.container.marketing .main .dlist table td				{font-weight:600;font-style:normal;vertical-align:middle;border:0px solid #ff0000;}
.container.marketing .main .dlist table td p			{font-weight:300;font-style:normal;}
.container.marketing .main .dlist table td.h			{color:#0098c1;font-size:1.2em;font-weight:300;padding:0px 0px 5px 0px;}
.container.marketing .main .dlist table td.l			{border-top:2px solid #0098c1;padding:6px 0px 3px 0px;}
.container.marketing .main .dlist table td.r			{width:100px;text-align:center;text-transform:uppercase;color:#0098c1;font-size:0.9em;}
.container.marketing .main .dlist table td.rc			{text-align:center;padding:0px 0px 5px 0px;vertical-align:middle;}
.container.marketing .main .dlist table td.rc:hover img	{-webkit-filter: grayscale(1);filter:grayscale(1);}
.container.marketing .main .dlist table td.rr			{text-transform:uppercase;color:#0098c1;font-size:0.9em;padding:0px 0px 6px 0px;}
.container.marketing .main .dlist table td.n			{font-weight:300;vertical-align:top;padding:5px 3px 5px 3px;}
.container.marketing .main .dlist table td.lt			{border-top:1px solid #0098c1;padding:5px 0px 0px 0px;}
.container.marketing .main .dlist table td.lb			{border-bottom:1px solid #0098c1;padding:5px 0px 0px 0px;}
.container.marketing .main .dlist table td img			{margin:0px;}
.container.marketing .main .dlist table td a.i			{display:block;max-width:320px;padding:6px 6px 2px 30px;line-height:1.2em;background-image: url(../images/roundpfeil.png);background-repeat:no-repeat;background-position:0px 10px;background-size:12px;}
.container.marketing .main .dlist table td a.i:hover	{color:#666666;text-decoration:none;}



/* Seminar-Übersicht Boxes (neu am 20.09.2022) */
.container.marketing .main .dlist.slist					{}
.container.marketing .main .dlist.slist .sbox			{background-color:#F1F1EF;padding-right:20px;margin-bottom:18px;}
.container.marketing .main .dlist.slist .sbox .b		{float:left;margin:0px 20px 0px 0px;}
.container.marketing .main .dlist.slist .sbox .b img	{width:255px;height:auto;}
.container.marketing .main .dlist.slist .sbox .t		{min-height:191px;min-width:200px;padding:18px 0px 10px 0px;font-size:0.9em;line-height:1.3em;display:table-cell;}
.container.marketing .main .dlist.slist .sbox .t h3		{font-size:1.2em;line-height:0.9em;margin-bottom:2px;font-family:OpenSansBold,source-sans-pro,sans-serif;}
.container.marketing .main .dlist.slist .sbox .t .d		{font-family:OpenSansBold,source-sans-pro,sans-serif;font-weight:normal;font-size:0.9em;margin:3px 0px 6px 0px;color:#888;}
.container.marketing .main .dlist.slist .sbox a.i		{display:inline-block;margin-top:-5px !important;float:right;padding:6px 6px 2px 20px;line-height:1.2em;background-image: url(../images/roundpfeil.png);background-repeat:no-repeat;background-position:0px 10px;background-size:12px;}


/* kundenkommentare-box hellblau */
.container.marketing .kdmbox					{font-family:source-sans-pro,sans-serif;font-weight:300;color:#ffffff;text-align:center;font-style:normal;background-color:#4eb6d5;}
.container.marketing .kdmbox .np				{padding:25px 20px 5px 20px;}
.container.marketing .kdmbox .sp1				{padding:0px;display:inline-block;float:left;}
.container.marketing .kdmbox .sp1 img			{border:0px solid #000000;}
.container.marketing .kdmbox .sp2				{margin-top:0px;display:inline-block;}
.container.marketing .kdmbox p					{font-size:0.4em;font-weight:300;font-style:normal;text-transform:uppercase;margin-top:10px;}


/* teaser-boxes */
.container.marketing .cont						{padding:0px;font-family:source-sans-pro,sans-serif;font-weight:300;font-style:normal;color:#717273;border:0px solid #999999;}
.container.marketing .cont .tbox				{display:inline-block;text-align:center;float:left;background-color:#f1f1ee;border-radius:1px;}
.container.marketing .cont .tbox h3				{margin:10px 0px 5px 0px;font-size:1.5em;line-height:1em;font-family:source-sans-pro,sans-serif;font-weight:300;color:#0098c1;}
.container.marketing .cont .tbox a				{font-size:0.8em;line-height:1em;display:inline-block;margin-top:9px !important;color:#717273;background-image: url(../images/tinypfeil.png);background-repeat:no-repeat;background-position:0px 5px;padding:0px 0px 0px 7px;}
.container.marketing .cont .tbox a:hover		{text-decoration:none;color:#0098c1;}

/* blog-boxes */
.container.marketing .cont .blgbox				{padding:0px;display:inline-block;text-align:left;float:left;border:0px solid #999999;}
.container.marketing .cont .blgbox img			{max-width:270px;max-height:185px;}
.container.marketing .cont .blgbox h3			{margin:10px 0px 0px 0px;font-size:1.5em;line-height:1em;font-family:source-sans-pro,sans-serif;font-weight:300;color:#0098c1;}
.container.marketing .cont .blgbox a:active		{color:#ffffff;}

.container.marketing .cont .blgbox a.mo:after	{content:"Weiter lesen...";}
.container.marketing .cont .blgbox a.le:after	{content:"Â« weniger";} /* « */


/* video-carousel as flexslider */
.container.marketing .vidbox								{padding:0px;font-family:source-sans-pro,sans-serif;font-weight:300;color:#ffffff;text-align:center;font-style:normal;background-color:#f1f1ee;}
.container.marketing .vidbox .flexslider					{height:200px;padding:25px 65px 0px 50px;background-color:transparent;border:0px solid #b8b9b9;}
.container.marketing .vidbox .flexslider .vs				{width:208px;height:125px;background-color:#b8b9b9;border:0px solid #b8b9b9;}
.container.marketing .vidbox .flexslider .slides li img		{width:208px;height:125px;}
.container.marketing .vidbox .flexslider .slides li h4		{font-weight:500;font-style:normal;width:208px;background-color:#b8b9b9;color:#666666;font-size:12px;padding:4px 0px 4px 0px;margin:0px 0px 0px 0px;text-align:center;}
.container.marketing .vidbox .flexslider a.flex-prev		{height:50px !important;margin:0px;}
.container.marketing .vidbox .flexslider a.flex-next		{height:50px !important;margin:0px;}


/* referenzen-carousel as flexslider */
.container.marketing .refbox							{padding:0px;font-family:source-sans-pro,sans-serif;font-weight:300;color:#b8b9b9;text-align:center;font-style:normal;background-color:#e5f4f9;}
.container.marketing .refbox .flexslider				{height:175px;padding:25px 65px 0px 50px;background-color:transparent;border:0px solid #b8b9b9;}
.container.marketing .refbox .flexslider .mybox			{width:208px;height:125px;background-color:#ffffff;border-radius:1px;background-repeat:no-repeat;background-position:center center;background-size:120px auto;background-origin:content-box;border:0px solid #b8b9b9;}


/* kontaktieren-sie-uns-box blau */
.container.marketing .ksubox					{font-family:source-sans-pro,sans-serif;font-weight:300;color:#ffffff;text-align:center;font-style:normal;background-color:#0098c1;}
.container.marketing .ksubox b,strong			{font-weight:600;font-style:normal;color:#ffffff !important;}
.container.marketing .ksubox p					{margin:0px;padding:0px;}
.container.marketing .ksubox p strong			{margin:0px;padding:0px;color:#ffffff !important;}
.container.marketing .iwm	 					{display:inline-block;background-image: url(../images/w_mail.png);background-repeat:no-repeat;cursor:pointer;}
.container.marketing .iwb	 					{display:inline-block;background-image: url(../images/w_tel.png);background-repeat:no-repeat;}


/* zweispaltig-gross */
.container.marketing .dblbox					{border:0px solid #b8b9b9;}
.container.marketing .dblbox h4					{font-size:1.4em;margin:0px 0px 8px 0px;font-family:source-sans-pro,sans-serif;font-weight:300;color:#0098c1;}
.container.marketing .dblbox a.s				{padding:2px 0px 10px 30px;color:#717273;background-image: url(../images/roundpfeil.png);background-repeat:no-repeat;background-position:0px 0px;}
.container.marketing .dblbox a.s:hover			{text-decoration:none;color:#0098c1;}
.container.marketing .dblbox .zwisp1			{width:50%;padding:0px;display:inline-block;float:left;}
.container.marketing .dblbox .zwisp2			{margin:0px 0px 0px 20px;display:inline-block;}


/* statement-box weiss */
.container.marketing .stmbox					{font-family:source-sans-pro,sans-serif;font-weight:300;color:#0098c1;text-align:center;font-style:normal;background-color:#fbfbfa;border:0px solid #b8b9b9;} /* background-color:#fbfbfa */
.container.marketing .stmbox .np				{padding:5% 20px 5% 20px;}
.container.marketing .stmbox .sp1				{display:inline-block;float:left;}
.container.marketing .stmbox .sp1 img			{max-width:130px;max-height:130px;}
.container.marketing .stmbox .sp2				{padding:5% 50px 5% 0px;margin-top:0px;display:inline-block;border:0px solid #000000;}


/* referenzen-raster-box */
.container.marketing .rasbox					{font-family:source-sans-pro,sans-serif;font-weight:300;text-align:center;font-style:normal;background-color:#f1f1f1;}
.container.marketing .rasbox .box				{height:135px;display:inline-block;float:left;border:0px solid #000000;}
.container.marketing .rasbox .box .inh			{width:145px;height:90px;background-color:#ffffff;border-radius:1px;background-repeat:no-repeat;background-position:center center;background-size:85px auto;background-origin:content-box;border:0px solid #b8b9b9;}
.container.marketing .rasbox .statm				{width:145px;height:25px;background-image: url(../images/statementindicator.png);background-repeat:no-repeat;background-position:center top;cursor:pointer;}
.container.marketing .rasbox .statm:hover		{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);opacity: 0.7;}

/* kunden-statements-layer */
.btn-group ul.dropdown-menu		{width:120px !important;color:#717273;padding:10px;line-height:1.1em;margin-top:-10px;margin-left:-7px;border:1px solid #ffffff;}


/* FOOTER
-------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.marketing .footer					{font-family:source-sans-pro,sans-serif;font-weight:300;color:#717273;margin-top:30px;border-top:1px solid #717273;text-align:left;clear:both;background-color:#f1f1ee;}
.marketing .footer h3				{font-family:source-sans-pro,sans-serif;font-weight:300;color:#5fb4cd;}

.marketing .footer div.sp1			{display:inline-block;float:left;border:0px solid #ff0000;}
.marketing .footer div.sp2			{display:inline-block;vertical-align:top;}
.marketing .footer div.sp3			{display:inline-block;vertical-align:top;}
.marketing .footer div.sp4			{display:inline-block;vertical-align:top;}

.marketing .footer div.tb1			{display:inline-block;float:left;}
.marketing .footer div.tb2			{display:inline-block;}

.marketing .footer a.n				{font-family:source-sans-pro,sans-serif;font-weight:400;font-style:normal;color:#7a7b7c;text-transform:uppercase;}
.marketing .footer a.n:hover		{color:#0098c1;text-decoration:none;}

.marketing .footer table td			{font-family:source-sans-pro,sans-serif;font-weight:300;font-size:1em;line-height:1.3em;padding:0px;border:0px solid #ff0000;}
.marketing .footer table td.i		{width:30px;padding:0px;}
.marketing .footer table td.u		{vertical-align:bottom;border:0px solid #ff0000;}
.marketing .footer table td.s		{vertical-align:bottom;}
.marketing .footer table td.z		{line-height:9px;}
.marketing .footer table td b		{font-family:source-sans-pro,sans-serif;font-weight:600;}
.marketing .footer table td a		{color:#7a7b7c;}
.marketing .footer table td a:hover	{color:#0098c1;text-decoration:none;}




/* ############################################################################################################################################################################################ */


/* BS 0: large devices, wide screens */
@media only screen and (min-width : 1200px) {
	body										{border:0px solid #ffffff;}
	
	.navbar > .container						{width:1280px !important;margin-left:-55px;}
	.navbar-wrapper #navbar 					{margin:18px 0px 0px 0px;}
	.navbar-wrapper > .container .subst			{top:20px;right:-5px;}
	.navbar-wrapper > .container  img.logo		{width:155px;height:60px;margin:15px 0px 0px 45px;}
	.navbar-wrapper .navbar ul.nav.navbar-nav	{padding-left:50px;}
	
	.carousel 									{width:1280px;height:496px;border:0px solid #ff0000;}
	.carousel .item 							{width:1280px;height:496px;background-position:center 115px;background-size:1280px 380px;}
	.carousel-caption 							{top:280px;width:800px;}
	.carousel-caption h2						{font-size:2.6em;}
	.carousel .carousel-indicators				{top:465px;}		
	
	.container.marketing .main					{width:1280px !important;margin:0px 0px 0px -70px;font-size:1.2em;line-height:1.2em;}
	.container.marketing .main .contM			{margin:40px 0px 30px 0px;}
	.container.marketing .main .contM p.inh		{width:780px;margin:0px 0px 0px 250px;}
	.container.marketing .main .contM .inb		{width:775px;margin-left:255px;}
	
	.container.marketing .form-group			{width:775px;margin-left:254px;}
	.container.marketing .form-rad				{width:775px;margin:0px 0px 23px 254px;}
	.container.marketing .form-group textarea	{width:775px !important;height:200px !important;}	
	
	.container.marketing .main .contL			{width:820px;margin-right:30px;padding:40px 0px 0px 50px;}
	.container.marketing .main .contL img		{max-width:363px;margin-bottom:20px;}
	.container.marketing .main .contL .vs		{width:363px;min-height:230px;margin-bottom:20px;}
	.container.marketing .main .contL .sp1		{width:363px;padding:0px;margin:10px 43px 10px 0px;}
	.container.marketing .main .contL .sp2		{width:363px;padding:0px;margin:10px 0px 20px 0px;}
	.container.marketing .main .contL .ins		{width:740px;padding:0px;margin:0px 0px 0px 0px;}
	.container.marketing .main .contL .sp1.s	{width:185px;padding:0px 0px 20px 0px;margin:10px 43px 10px 0px;}
	.container.marketing .main .contL .sp2.s	{width:510px;padding:0px 20px 20px 0px;margin:10px 0px 10px 0px;}
	.container.marketing .main .contL .exp		{width:740px;}
	.container.marketing .main .contL hr		{width:740px;}
	
	.container.marketing .main .contL .dblbox	{margin-left:0px;border:0px solid #ff00ff;}

	.container.marketing .main .contR			{min-width:430px;padding:25px 0px 30px 45px;margin:0px;}
	.container.marketing .main .contR .sem		{width:335px;padding:10px 0px 20px 10px;}
	.container.marketing .main .contR .zit		{width:335px;padding:70px 10px 10px 0px;font-size:1.8em;line-height:1.1em;}
	.container.marketing .main .contR .zit .nl	{margin:110px 0px 0px 0px;}
	.container.marketing .main .dlist			{width:780px;margin:0px 0px 30px 0px;}
	.container.marketing .main .dlist table		{width:95%;}
	
	.container.marketing .kdmbox				{width:1280px;margin:10px 0px 0px -70px;font-size:2.5em;line-height:1.1em;}
	.container.marketing .kdmbox .sp1			{width:190px;height:192px;margin:0px 30px 0px 47px;}
	.container.marketing .kdmbox .sp1 img		{max-width:185px;max-height:192px;}
	.container.marketing .kdmbox .sp2			{width:930px;height:192px;padding:25px 70px 20px 0px;}
	.container.marketing .cont					{min-width:1230px;margin:65px 0px 30px -20px;font-size:1.2em;line-height:1.2em;}
	.container.marketing .cont .tbox 			{width:360px;min-height:200px;padding:20px 3px 20px 3px;margin:0px 42px 30px 0px;}
	.container.marketing .cont .blgbox			{width:360px;min-height:570px;margin:0px 42px 20px 0px;}
	
	.container.marketing .vidbox				{width:1280px;margin:30px 0px 80px -70px;min-height:185px;font-size:1.4em;line-height:1.1em;}
	.container.marketing .refbox				{width:1280px;margin:20px 0px 80px -70px;min-height:175px;}
	.container.marketing .ksubox				{width:1280px;min-height:180px;margin:30px 0px 0px -70px;padding:30px 10px 35px 10px;font-size:1.7em;line-height:1.2em;}
	.container.marketing .iwm					{clear:both;width:30px;height:21px;margin:0px 1px -2px 0px;background-size:30px 21px;}
	.container.marketing .iwb	 				{width:25px;height:25px;margin:0px 6px -5px 0px;background-size:25px 25px;}
	.container.marketing .dblbox				{width:100%;margin:40px 0px 40px -20px;}
	.container.marketing .stmbox				{width:1280px;margin:0px 0px 0px -70px;font-size:2.5em;line-height:1.1em;}
	.container.marketing .stmbox .sp1			{padding:35px 0px 0px 0px;}
	.container.marketing .stmbox .sp1 img		{margin-left:130px;}
	.container.marketing .stmbox .sp2			{width:800px;}
	.container.marketing .rasbox				{width:1165px;margin:20px 0px 60px -20px;padding:40px 0px 5px 45px;}
	.container.marketing .rasbox .box			{margin-right:40px;}		
	.btn-group ul.dropdown-menu					{width:320px !important;color:#717273;margin-left:0px;}
	
	.marketing .footer							{width:1280px;height:295px;margin-left:-70px;padding:50px 5px 20px 40px;}
	.marketing .footer h3						{font-size:1.7em;margin:0px 0px 15px 0px;}
	.marketing .footer div.cr					{margin-top:45px;}	
	.marketing .footer div.sp1					{margin-top:60px;}	
	.marketing .footer div.sp2					{padding-left:100px;}
	.marketing .footer div.sp3					{padding-left:100px;margin-top:70px;}
	.marketing .footer div.sp4					{padding-left:100px;margin-top:50px;}
	.marketing .footer div.tb1					{width:70px;}
	.marketing .footer a.n						{font-size:1.2em;line-height:1.9em;}
	.marketing .footer table td.u				{width:50px;}
	.marketing .footer table td.s				{font-size:1.2em;}
}


/* BS I: desktop + ipad */
@media (min-width: 992px) and (max-width: 1199px) {
	body										{border:0px solid #ff0000;}
	
	/* Button "Jetzt auch Onlione-Seminare" */
	div.onsbutt img		{width:210px;margin-right:0px;}
	
	.navbar > .container						{width:980px;}
	.navbar-wrapper #navbar 					{margin:15px 0px 0px 0px;}
	.navbar-wrapper > .container .subst			{top:20px;right:30px;}
	.navbar-wrapper > .container  img.logo		{width:155px;height:60px;margin:12px 0px 0px 25px;}
	.navbar-wrapper .navbar ul.nav.navbar-nav	{padding-left:30px;background-color:#fff;}
	
	.carousel 									{width:980px;height:400px;}
	.carousel .item 							{width:980px;height:400px;background-position:center 110px;background-size:980px 291px;}
	.carousel-caption 							{top:240px;width:800px;}
	.carousel-caption h2						{font-size:2.4em;line-height:1.0em;}
	.carousel .carousel-indicators				{top:375px;}		
	
	.container.marketing .main					{width:980px !important;margin:0px 0px 0px -20px;font-size:1.2em;line-height:1.1em;}
	.container.marketing .main .contM			{margin:30px 0px 30px 0px;}
	.container.marketing .main .contM p.inh		{width:775px;margin:0px 0px 0px 102px;}
	.container.marketing .main .contM .inb		{width:775px;margin-left:102px;border:0px solid #ff0000;}
	
	.container.marketing .form-group			{width:775px;margin-left:102px;}
	.container.marketing .form-rad				{width:775px;margin:0px 0px 19px 102px;}
	.container.marketing .form-group textarea	{width:775px !important;height:170px !important;}	
	
	.container.marketing .main .contL			{width:980px;margin-right:30px;padding:40px 0px 20px 0px;}
	.container.marketing .main .contL p.inh		{margin:0px 0px 0px 102px;}
	.container.marketing .main .contL img		{max-width:400px;margin-bottom:20px;}
	.container.marketing .main .contL .vs		{width:400px;min-height:255px;margin-bottom:0px;}
	.container.marketing .main .contL .sp1		{width:450px;padding:0px;margin:10px 43px 10px 35px;}
	.container.marketing .main .contL .sp2		{width:450px;padding:0px;margin:10px 0px 20px 0px;}
	.container.marketing .main .contL .sp1.s	{width:185px;padding:0px 0px 20px 0px;margin:10px 43px 10px 0px;}
	.container.marketing .main .contL .sp2.s	{width:610px;padding:0px 20px 20px 0px;margin:10px 0px 10px 0px;}
	.container.marketing .main .contL .exp		{width:893px;}
	.container.marketing .main .contL hr		{width:893px;}
	.container.marketing .main .contL .boxunder	{margin-left:35px !important;border:0px solid #ff0000 !important;}
	
	.container.marketing .main .contL .dblbox	{margin-left:32px !important;}
	
	.container.marketing .main .contR			{width:895px;padding:25px 0px 30px 30px;margin:0px 0px 0px -15px;}
	.container.marketing .main .contR .sem		{width:440px;padding:10px 0px 20px 5px;margin:0px 0px 0px 0px;display:inline-block;float:left;}	
	.container.marketing .main .contR .nl		{padding:0px;margin:0px;}
	.container.marketing .main .contR .zit		{width:100%;padding:20px 10px 10px 0px;font-size:1.8em;line-height:1.1em;}
	.container.marketing .main .contR .zit .nl	{display:none;}
	.container.marketing .main .contR img.tb	{margin:0px 0px 0px 25px;}	
	.container.marketing .main .dlist			{width:940px;margin:20px 0px 20px 35px;}
	.container.marketing .main .dlist table		{width:95%;}	
		
	.container.marketing .main .dlist.slist		{width:100%;margin:0px 0px 0px 0px;}
	
	.container.marketing .kdmbox				{width:980px;margin:0px 0px 0px -20px;font-size:2.1em;line-height:1.1em;}
	.container.marketing .kdmbox .sp1			{width:145px;height:180px;margin:0px 30px 0px 34px;}
	.container.marketing .kdmbox .sp1 img		{max-width:185px;max-height:180px;}
	.container.marketing .kdmbox .sp2			{width:720px;height:180px;padding:25px 0px 20px 0px;}
	.container.marketing .cont					{min-width:945px;margin:50px 0px 30px 15px;font-size:1.1em;line-height:1.1em;}
	.container.marketing .cont .tbox 			{width:280px;min-height:200px;padding:20px 3px 20px 3px;margin:0px 28px 30px 0px;}
	.container.marketing .cont .blgbox			{width:280px;min-height:520px;margin:0px 35px 30px 0px;}

	.container.marketing .vidbox				{width:980px;margin:30px 0px 80px -20px;min-height:185px;font-size:1.4em;line-height:1.1em;}
	.container.marketing .refbox				{width:980px;margin:20px 0px 80px -20px;min-height:175px;}
	.container.marketing .ksubox				{width:980px;margin:0px 0px 0px -20px;padding:15px 20px 20px 20px;font-size:1.5em;line-height:1.1em;}
	.container.marketing .iwm					{width:25px;height:18px;margin:0px 1px -2px 0px;background-size:25px 18px;}
	.container.marketing .iwb	 				{width:20px;height:20px;margin:0px 6px -5px 0px;background-size:20px 20px;}
	.container.marketing .dblbox				{width:100%;margin:40px 0px 40px 15px;}
	.container.marketing .stmbox				{width:980px;margin:0px 0px 0px -20px;font-size:2.1em;line-height:1.1em;}
	.container.marketing .stmbox .sp1			{padding:15px 0px 0px 0px;}
	.container.marketing .stmbox .sp1 img		{margin-left:30px;}
	.container.marketing .stmbox .sp2			{width:700px;}
	.container.marketing .rasbox				{width:980px;margin:20px 0px 40px -20px;padding:40px 0px 5px 35px;}
	.container.marketing .rasbox .box			{margin-right:42px;}
	
		
	.marketing .footer							{width:980px;height:230px;margin-left:-20px;padding:20px 5px 20px 30px;}
	.marketing .footer h3						{font-size:1.7em;margin:0px 0px 15px 0px;}
	.marketing .footer div.cr					{margin-top:35px;}	
	.marketing .footer div.sp1					{margin-top:60px;}
	.marketing .footer div.sp2					{padding-left:40px;}
	.marketing .footer div.sp3					{padding-left:45px;margin-top:70px;}
	.marketing .footer div.sp4					{padding-left:65px;margin-top:50px;}
	.marketing .footer div.tb1					{width:65px;}
	.marketing .footer a.n						{font-size:1.2em;line-height:1.9em;}
	.marketing .footer table td.u				{width:30px;}
	.marketing .footer table td.s				{font-size:1.2em;}
	
}


/* BS II: portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 991px) {
	body										{border:0px solid #ff00ff;}
	
	/* Button "Jetzt auch Onlione-Seminare" */
	div.onsbutt			{top:135px;}
	div.onsbutt img		{width:180px;margin-right:0px;}
	
	.navbar > .container						{width:760px;}
	.navbar-wrapper #navbar li a				{font-size:1.1em;padding:0px 30px 4px 0px;}
	.navbar-wrapper > .container .subst			{top:20px;right:10px;}
	.navbar-wrapper > .container .subst a		{font-size:1.1em !important;padding:10px;}
	.navbar-wrapper > .container  img.logo		{width:130px;height:50px;margin:10px 0px 0px 10px;}
	.navbar-wrapper .navbar ul.nav.navbar-nav	{padding-left:15px;background-color:#fff;}
	
	.carousel 									{width:760px;height:300px;}
	.carousel .item 							{width:760px;height:300px;background-position:center 85px;background-size:750px 223px;}
	.carousel-caption 							{top:165px;width:650px;}
	.carousel-caption h2						{font-size:2.1em;line-height:1.0em;}
	.carousel .carousel-indicators				{top:275px;}
	
	.container.marketing .main					{width:760px !important;margin:0px 0px 0px -20px;font-size:1.2em;line-height:1.1em;}
	.container.marketing .main div.liner		{width:705px;margin:0px 0px 0px 20px;}
	.container.marketing .main div.liner.b		{width:100%;margin:0px 0px 0px 0px;padding:0px;}
	.container.marketing .main .contM			{margin:30px 0px 25px 0px;}
	.container.marketing .main .contM p.inh		{width:705px;margin:0px 0px 0px 20px;}
	.container.marketing .main .contM .inb		{width:705px;margin-left:20px;border:0px solid #ff0000;}

	.container.marketing .form-group			{width:705px;margin-left:20px;}
	.container.marketing .form-rad				{width:705px;margin:0px 0px 19px 20px;}
	.container.marketing .form-group textarea	{width:705px !important;height:150px !important;}	
	
	.container.marketing .main .contL			{width:750px;margin-left:5px !important;padding:20px 0px 20px 0px;}
	.container.marketing .main .contL p.inh		{margin:0px 0px 0px 20px;}
	.container.marketing .main .contL img		{max-width:330px;margin-bottom:20px;}
	.container.marketing .main .contL .vs		{width:330px;min-height:210px;margin-bottom:0px;}
	.container.marketing .main .contL .sp1		{width:330px;padding:0px;margin:0px 43px 10px 20px;}
	.container.marketing .main .contL .sp2		{width:330px;padding:0px;margin:0px 0px 20px 0px;}
	.container.marketing .main .contL .sp1.s	{width:185px;padding:0px 0px 20px 0px;margin:10px 43px 10px 0px;}
	.container.marketing .main .contL .sp2.s	{width:460px;padding:0px 20px 20px 0px;margin:10px 0px 10px 0px;}
	.container.marketing .main .contL .exp		{width:705px;}
	.container.marketing .main .contL hr		{width:705px;}
	.container.marketing .main .contL .boxunder	{margin-left:20px !important;border:0px solid #ff0000 !important;}
	
	.container.marketing .main .contL .dblbox	{margin-left:18px !important;}
	
	.container.marketing .main .contR			{width:750px;padding:25px 0px 30px 30px;margin:0px;}
	.container.marketing .main .contR .sem		{width:325px;padding:10px 0px 20px 5px;margin:0px 0px 0px 0px;display:inline-block;float:left;}	
	.container.marketing .main .contR .zit		{width:100%;padding:20px 10px 10px 10px;font-size:1.6em;line-height:1em;}
	.container.marketing .main .contR .zit .nl	{display:none;}
	.container.marketing .main .contR .nl		{padding:0px;margin:0px;}
	.container.marketing .main .contR img.tb	{max-width:330px;margin:0px 0px 0px 35px;padding:0px !important;}
	.container.marketing .main .dlist			{width:744px;margin:25px 0px 20px 20px;}
	.container.marketing .main .dlist table		{width:95%;}
	
	.container.marketing .main .dlist.slist		{width:100%;margin:0px 0px 0px 0px;}
	
	
	.container.marketing .kdmbox				{width:750px;margin:0px 0px 0px -15px;font-size:1.7em;line-height:1.1em;}
	.container.marketing .kdmbox .sp1			{width:150px;height:150px;margin:0px 30px 0px 27px;border:0px solid #ff00ff;}
	.container.marketing .kdmbox .sp1 img		{max-width:150px;max-height:150px;}
	.container.marketing .kdmbox .sp2			{width:550px;height:150px;padding:20px 0px 10px 0px;margin:0px 0px 0px -30px;}
	.container.marketing .cont					{min-width:760px;margin:27px 0px 30px 15px;font-size:1.1em;line-height:1.1em;}
	.container.marketing .cont .tbox 			{width:215px;min-height:220px;padding:20px 3px 20px 3px;margin:0px 22px 30px 0px;}
	.container.marketing .cont .blgbox			{width:320px;min-height:500px;margin:0px 55px 20px 0px;}
	
	.container.marketing .vidbox				{width:760px;margin:30px 0px 80px -20px;min-height:185px;font-size:1.4em;line-height:1.1em;}
	.container.marketing .refbox				{width:760px;margin:20px 0px 80px -20px;min-height:175px;}
	.container.marketing .ksubox				{width:750px;margin:0px 0px 0px -15px;padding:15px 20px 20px 20px;font-size:1.5em;line-height:1.1em;}
	.container.marketing .iwm					{width:25px;height:18px;margin:0px 1px -2px 0px;background-size:25px 18px;}
	.container.marketing .iwb	 				{width:20px;height:20px;margin:0px 6px -5px 0px;background-size:20px 20px;}
	.container.marketing .dblbox				{width:100%;margin:30px 0px 20px 5px;}
	.container.marketing .stmbox				{width:750px;margin:0px 0px 0px -15px;font-size:1.7em;line-height:1.1em;}
	.container.marketing .stmbox .sp1			{padding:15px 0px 0px 0px;}
	.container.marketing .stmbox .sp1 img		{max-width:100px;max-height:100px;margin-left:50px;}
	.container.marketing .stmbox .sp2			{width:550px;}
	.container.marketing .rasbox				{width:750px;margin:20px 0px 35px -15px;padding:40px 0px 5px 30px;}
	.container.marketing .rasbox .box			{margin-right:35px;}
	
	
	.marketing .footer							{width:750px;height:240px;margin-left:-15px;padding:20px 0px 0px 20px;}
	.marketing .footer h3						{font-size:1.4em;margin:0px 0px 15px 0px;}
	.marketing .footer div.cr					{margin-top:-15px;}	
	.marketing .footer div.sp1					{margin-top:60px;}
	.marketing .footer div.sp2					{padding-left:30px;}
	.marketing .footer div.sp3					{padding-left:65px;margin-top:0px;border:0px solid #00ff66;}
	.marketing .footer div.sp4					{padding-left:295px;margin-top:0px;border:0px solid #ffff66;}
	.marketing .footer div.tb1					{width:55px;}
	.marketing .footer a.n						{font-size:1.0em;line-height:1.9em;}
	.marketing .footer table td.u				{width:30px;}
	.marketing .footer table td.s				{font-size:1.0em;}
}


/* BS III: smaller devices */
@media (min-width: 320px) and (max-width: 767px) {
	body										{border:0px solid #00ff66;}
	
	/* Button "Jetzt auch Onlione-Seminare" */
	div.onsbutt			{top:60px;}
	div.onsbutt img		{width:160px;margin-right:0px;}
	
	.btn										{padding:1px;min-width:165px;font-size:1.1em;}
	
	.navbar-header								{margin-top:-72px;margin-right:1px !important;}
	.navbar > .container						{width:90%;}
	
	.navbar-toggle 								{background-color:#cccccc !important;border:0px solid #000000 !important;margin-bottom:21px !important;}	
	
	ul.nav.navbar-nav							{margin:0px 0px 0px 0px;padding:10px 0px 15px 0px;border:0px solid #000000;background-color:#ffffff;border-radius:0px !important;}
	ul.nav.navbar-nav a							{margin:0px 0px 0px 0px;}
	ul.nav.navbar-nav a:hover					{color:#0098c1;}
	
	.navbar-wrapper #navbar li a				{font-size:0.9em;letter-spacing:1px;text-transform:uppercase;padding:0px 30px 8px 0px;}
	.navbar-wrapper > .container .subst			{top:30px;right:50px;width:185px;line-height:1px;}
	.navbar-wrapper > .container .subst a		{font-size:0.6em !important;padding:4px;}
	.navbar-wrapper > .container img.logo		{width:120px;height:46px;margin:12px 0px 0px 10px;}
	.navbar-wrapper .navbar ul.nav.navbar-nav	{padding-left:15px;}
	
	.carousel 									{width:100%;height:270px;}
	.carousel .item 							{width:100%;height:270px;background-position:center 45px;background-size:750px 223px;}
	.carousel-caption 							{top:70px;width:70%;}
	.carousel-caption h2						{font-size:1.8em;line-height:1.0em;}
	.carousel .carousel-indicators				{top:245px;}
	
	.container.marketing .main					{width:100% !important;margin:0px 0px 0px 0px;padding:0px 4px 0px 4px;font-size:1.2em;line-height:1.1em;}
	.container.marketing .main div.liner		{width:100%;}
	.container.marketing .main .contM			{margin:20px 0px 25px 0px;}
	.container.marketing .main .contM p.inh		{width:100%;margin:0px 0px 0px 0px;padding:0px 0px 0px 10px;border:0px solid #ff0000;}
	.container.marketing .main .contM .inb		{width:100%;padding:0px 10px 0px 10px;}
	.container.marketing .main .contM .sp1		{width:100%;display:inline-block;padding:0px 0px 40px 0px;}
	.container.marketing .main .contM .sp2		{width:100%;padding:0px 0px 20px 0px;}
	
	.container.marketing .form-group			{width:90%;margin-left:10px;}
	.container.marketing .form-rad				{width:90%;margin:0px 0px 19px 10px;}
	.container.marketing .form-group textarea	{width:100% !important;height:100px !important;}	
	
	.container.marketing .main .contL			{width:100%;margin:0px 0px 0px 0px;padding:20px 10px 20px 10px;}
	.container.marketing .main .contL img		{max-width:100%;margin-bottom:20px;}
	.container.marketing .main .contL .vs		{width:100%;min-height:260px;margin-bottom:0px;}
	.container.marketing .main .contL .sp1		{width:100%;padding:0px;margin:0px 0px 0px 0px;}
	.container.marketing .main .contL .sp2		{width:100%;padding:0px;margin:20px 0px 20px 0px;}
	.container.marketing .main .contL .sp1.s	{width:100%;padding:10px 0px 20px 0px;margin:0px 43px 10px 0px;clear:both;}
	.container.marketing .main .contL .sp2.s	{width:100%;padding:0px 20px 20px 0px;margin:0px 0px 10px 12px;clear:both;}
	.container.marketing .main .contL .exp		{width:100%;padding-bottom:10px;}
	.container.marketing .main .contL hr		{width:100%;}
	
	.container.marketing .main .contL .dblbox	{margin-left:4px !important;}
	
	.container.marketing .main .contR			{width:100%;padding:10px 10px 30px 10px;margin:0px;text-align:center;}
	.container.marketing .main .contR .sem		{width:100%;padding:20px 10px 20px 10px;margin:0px 20px 20px 0px;text-align:left;display:inline-block;float:left;}	
	.container.marketing .main .contR .nl		{display:none;}
	.container.marketing .main .contR .zit		{width:100%;padding:20px 10px 10px 10px;font-size:1.4em;line-height:1em;}
	.container.marketing .main .contR img.tb	{max-width:280px;margin:0px;padding:0px !important;}
	.container.marketing .kdmbox				{width:100%;margin:0px 0px 0px 0px;font-size:1.6em;line-height:1.1em;}
	.container.marketing .kdmbox .sp1			{width:100%;margin:0px 0px 0px 0px;padding:10px 0px 0px 0px;}
	.container.marketing .kdmbox .sp1 img		{max-width:100px;max-height:100px;}
	.container.marketing .kdmbox .sp2			{width:100%;padding:20px 20px 0px 20px;margin:0px 0px 0px 0px;}
	.container.marketing .cont					{width:100%;margin:auto;margin-top:27px;text-align:center;padding:0px;font-size:1.1em;line-height:1.1em;}
	.container.marketing .cont .tbox 			{width:75%;padding:20px 10px 40px 10px;clear:both;margin-bottom:30px;margin-left:12%;margin-right:*;border:0px solid silver;}
	.container.marketing .cont .blgbox			{width:80%;margin:0px 0px 40px 20px;}
	
	.container.marketing .vidbox				{width:100%;margin:30px 0px 80px -20px;min-height:185px;font-size:1.4em;line-height:1.1em;}
	.container.marketing .refbox				{width:100%;margin:20px 0px 80px -20px;min-height:175px;}
	.container.marketing .ksubox				{width:100%;margin:0px;padding:15px 20px 20px 20px;font-size:1.3em;line-height:1.1em;}
	.container.marketing .iwm					{width:25px;height:18px;margin:5px 1px -2px 0px;background-size:25px 18px;}
	.container.marketing .iwb	 				{width:20px;height:20px;margin:5px 6px -5px 0px;background-size:20px 20px;}
	.container.marketing .dblbox				{width:auto;margin:35px 0px 20px 5%;}
	.container.marketing .dblbox .zwisp1		{width:100%;clear:both;}
	.container.marketing .dblbox .zwisp2		{width:100%;clear:both;margin:35px 0px 0px 0px;}
	.container.marketing .stmbox				{display:none;}
	.container.marketing .rasbox				{width:100%;margin:20px 0px 30px 0px;padding:20px 0px 5px 15px;}
	.container.marketing .rasbox .box			{margin-right:5%;}
	.container.marketing .rasbox .box .inh		{width:130px;height:75px;}
	.container.marketing .rasbox .statm			{width:130px;height:35px;}
	
	
	.container.marketing .main .dlist.slist					{width:100%;margin:0px 0px 0px 0px;}
	.container.marketing .main .dlist.slist .sbox .b img 	{width:100%;}
	.container.marketing .main .dlist.slist .sbox .t h3		{line-height:1.2em;}
	.container.marketing .main .dlist.slist .sbox a.i		{margin-bottom:20px;}
	.container.marketing .main .dlist.slist .sbox .t .d		{font-weight:normal;}
	
	.marketing									{width:100%;padding:0px;}
	.marketing .footer							{width:100%;height:auto;margin-left:0px;padding:30px 0px 30px 40px;}
	.marketing .footer h3						{font-size:1.3em;margin:0px 0px 15px 0px;}
	.marketing .footer div.cr					{margin:0px 0px 0px -10px;}	
	.marketing .footer div.sp1					{width:210px;margin-top:0px;margin-bottom:40px;}
	.marketing .footer div.sp2					{width:225px;padding-right:20px;margin-bottom:40px;}
	.marketing .footer div.sp3					{width:200px;padding-right:25px;margin-bottom:40px;border:0px solid #00ff66;}
	.marketing .footer div.sp4					{width:200px;padding-right:45px;margin-bottom:40px;border:0px solid #ffff66;}
	.marketing .footer div.tb1					{width:55px;}
	.marketing .footer a.n						{font-size:1.0em;line-height:1.9em;}
	.marketing .footer table td.i				{width:30px;}
	.marketing .footer table td.u				{width:30px;}
	.marketing .footer table td.s				{font-size:1.0em;}
}





h3			{font-family:OpenSansBold,arial,helvetica;color:#555555;font-weight:normal;font-size:1.3em;margin:0px 0px 10px 5px; }

p.lead {font-size:1.1em;color:#333333;font-weight:normal;font-family:OpenSansRegular,arial,helvetica;}

div.abst		{width:5px;height:10px;}









.clearfix:after {content: ".";clear:both;display:block;visibility:hidden;height:0px;}
.clear 			{clear:both; }






/* Gallery Thumbnails */
.gthumb			{max-width:180px;max-height:180px;margin:0px 10px 10px 0px;border-radius:3px;}
@media only screen and (min-width : 1024px) { /* mind. wenn pc */
	.gthumb:hover	{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);opacity: 0.8;text-decoration:none;}
}


/* tpl 66 (sitemap) */
table.sm		{width:100%;margin:5px 0px 25px 0px;border-top:1px solid #999999;}
table.sm td 	{width:25%;padding:15px 0px 0px 0px;}




/* featurette rechts links bilder  */
.featurette table td	{padding:5px;font-size:1em;}
.featurette table td em	{font-size:0.8em;}
.col-md-5 img			{border-radius:4px;}	


/* topstuff unterseiten */
.topthing 				{height:115px;width:auto;margin-bottom:30px;background-color:#f4f4f4;border:0px solid #ff0000;}









.paginas		{width:auto;float:right;padding:10px 0px 20px 0px;margin:0px;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);opacity: 0.8;border:0px solid #ff0000;}
.paginas a.ff	{width:15px;height:15px;text-decoration:none;background-image: url(../images/pfeilnext.png);background-repeat:no-repeat;padding:0px;}
.paginas a.bk	{width:15px;height:15px;text-decoration:none;background-image: url(../images/pfeilback.png);background-repeat:no-repeat;padding:0px;}





/* tpl 1 #0e3083 #001e3f */
.marketing #bilderbox		{
	display:table-cell;max-width:27%;margin:0px 30px 20px 0px;padding:20px 0px 0px 0px;border:0px solid #cdcdcd;border-radius:4px;float:left;
	background-image:none;background-color:#438A2F;background-image:linear-gradient(#f0f0f0,#ffffff);
	-webkit-box-shadow: 3px 3px 7px -1px rgba(0,0,0,0.13);-moz-box-shadow: 3px 3px 7px -1px rgba(0,0,0,0.13);box-shadow: 3px 3px 7px -1px rgba(0,0,0,0.13);
}
.marketing #bilderbox img		{
	width:auto;height:auto;border:0px solid #f0f0f0;margin:0px 0px 20px 17px;border:1px solid #001e3f;border-radius:4px;
}
.marketing #bilderbox img:hover	{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);opacity: 0.8;
	-webkit-box-shadow: 3px 3px 7px -1px rgba(0,0,0,0.13);-moz-box-shadow: 3px 3px 7px -1px rgba(0,0,0,0.13);box-shadow: 3px 3px 7px -1px rgba(0,0,0,0.13);
}


.marketing h1				{color:#0e3083;font-weight:bold;font-size:2.1em;margin:0px 0px 15px 2px;text-shadow:0 0 1px #fff, 0 1px 1px rgba(0,0,0,0.3);}
.marketing table			{border-collapse:collapse;}
.marketing table td			{vertical-align:top;}
.marketing table td h2		{margin:0px 0px 10px 0px;}



/* .marketing div.clear {clear:left;} */





/* tpl_2: Produktliste */
.marketing table.prdlist			{width:100%;border:0px solid #54ac3b;}
.marketing table.prdlist td div.i	{min-width:180px;}
.marketing table.prdlist img		{padding:5px;border-radius:4px;-webkit-box-shadow: 3px 3px 7px -1px rgba(0,0,0,0.13);-moz-box-shadow: 3px 3px 7px -1px rgba(0,0,0,0.13);box-shadow: 3px 3px 7px -1px rgba(0,0,0,0.13);}




/* tpl_80: Video einbetten */
.marketing table.vid		{width:100%;background-color: #dddddd;background-image: linear-gradient(#f2f2f2, #dddddd);webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.marketing table.vid td		{vertical-align:bottom;padding:10px 5px 10px 10px;text-align:left;border:0px solid #54ac3b;}
.marketing table.vid td h2	{margin:10px 0px 10px 0px;}



/* tpl_7: Kontaktformular */
.marketing form.contf		{background-color: #dddddd;background-image: linear-gradient(#f2f2f2, #dddddd);webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:20px;}
.marketing table.f			{width:100%;min-height:200px;}
.marketing table.f td		{padding:5px 5px 0px 10px;text-align:left;font-family:OpenSansSemiBold,arial,helvetica;border:0px solid #54ac3b;}
.marketing TEXTAREA			{width:50%;}
.marketing input.std		{width:50%;}
.marketing input.std_e		{width:50%;border:1px solid #a83847;}





/* Featurettes
------------------------- */

.featurette-divider 	{margin:80px 0; /* Space out the Bootstrap <hr> more */ }


/* Thin out the marketing headings */
.featurette-heading 	{font-weight: 300;  line-height: 1;  letter-spacing: -1px; }
.featurette				{font-family:OpenSansRegular,arial,helvetica;color:#333333;}
.featurette h1			{font-family:OpenSansSemiBold,arial,helvetica;color:#0e3083;font-weight:normal;font-size:2.1em;margin:0px 0px 15px 2px;text-shadow:0 0 1px #fff, 0 1px 1px rgba(0,0,0,0.3);}
.featurette h2			{font-family:OpenSansSemiBold,arial,helvetica;color:#0e3083;font-weight:normal;font-size:2.1em;margin:0px 0px 15px 2px;text-shadow:0 0 1px #fff, 0 1px 1px rgba(0,0,0,0.3);}
.featurette h3			{color:#0e3083;}
.featurette strong		{color:#EB6F1E;font-family:OpenSansSemiBold,arial,helvetica;font-weight:normal;}


/* Bilder von Mediapool im Text, siehen function MakeContentOutputMediaPool( */
.featurette .pic		{max-width:450px;max-height:430px;border:0px solid #0e3083;margin-bottom:12px;}
.featurette .pic img	{max-width:430px;max-height:430px;border:0px solid #0e3083;}



/* downloads-tabelle (tpl_ddatei.php)  */
table.dl		{border:0px solid #54ac3b;width:100%;margin-top:20px;background-color:#dddddd;background-image:linear-gradient(#f2f2f2, #dddddd);webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
table.dl td 	{padding:10px;}
table.dl td b	{color:#0e3083;}




/* tpl_60 */
.featurette table.dll		{border-collapse:collapse;border:0px solid #54ac3b;width:100%;margin-top:0px;background-color:#ffffff;webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.featurette table.dll td.i 	{vertical-align:top;padding:10px;background-color:#dddddd;background-image: linear-gradient(#f2f2f2, #dddddd);}
.featurette table.dll td h2	{font-size:1.5em;}
.featurette table.dll td hr	{outline:15px solid #ffffff;}
