/* GLOBAL STYLES
-------------------------------------------------- */

@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');}
@font-face {font-family: 'OpenSansSemiBold';src: url('../fonts/opensans-semibold.eot');src: url('../fonts/opensans-semibold.eot?#iefix') format('embedded-opentype'),url('../fonts/opensans-semibold.woff2') format('woff2'),url('../fonts/opensans-semibold.woff') format('woff'),url('../fonts/opensans-semibold.ttf') format('truetype');}


/* Padding below the footer and lighter body text */
body {
  padding-bottom: 0px;
  margin-bottom: 0px;
  color: #5a5a5a;
  background-color:#ffffff; /* bei Hompepage: background-color:#ececec; */
  background-repeat:no-repeat;background-position:bottom left;
}


h3			{font-family:OpenSansBold,arial,helvetica;color:#555555;font-weight:normal;font-size:1.3em;margin:20px 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;}

/* grösse der videos aus function MakeContentOutputMediaPool( */
.videosize	{width:640px;height:480px;border:0px solid #0e3083;}

.clearfix:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

.clear {
    clear: both;
}

/* tpl_85 stuff für den Termin-Kalender (responsive-calendar.js) */
.responsive-calendar .controls 									{text-align:center;border:0px #dddddd solid;}
.responsive-calendar .controls a 								{cursor:pointer; }
.responsive-calendar .controls h4 								{display:inline;font-family:arial,helvetica;color:#6E83B5;}
.responsive-calendar .day-headers, .responsive-calendar .days 	{font-size:0;color:#6E83B5; }
.responsive-calendar .day 										{display:inline-block;position:relative;font-size:15px;width:14.285714285714286%;text-align:center;border-radius:0px;border:1px #dddddd dotted;}
.responsive-calendar .day a 									{color:#000000;display:block;cursor:pointer;padding: 20% 0 20% 0; }
.responsive-calendar .day a:hover 								{ /* background-color: #eee;*/ text-decoration: none; cursor:default; }
.responsive-calendar .day.header 								{border:0px #dddddd dotted;border-bottom:1px #6E83B5 solid;border-radius:0px;}
.responsive-calendar .day.active								{border-radius:6px;}
.responsive-calendar .day.active a 								{background-color:#dddddd;color:#666666; }
.responsive-calendar .day.active a:hover 						{background-color:#eeeeee;border-radius:4px; }
.responsive-calendar .day.active .not-current 					{background-color:#8fcaef;border-radius:4px;color:#ffffff; }
.responsive-calendar .day.active .not-current:hover 			{background-color:#bcdff5;border-radius:4px; }
.responsive-calendar .day.not-current a 						{color:#dcdcdc; }
.responsive-calendar .day .badge 								{position:absolute;top:2px;right:2px;z-index:1; }

.badge-active-specialA	{background-image: url(../images/calbg_A.gif);background-repeat:repeat-x;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
.badge-active-specialB	{background-image: url(../images/calbg_B.gif);background-repeat:repeat-x;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
.badge-active-specialAB	{background-image: url(../images/calbg_AB.gif);background-repeat:repeat-x;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}

.calendertypA			{width:18px;height:18px;background-color:#F9D4BB;display:inline-block;}
.calendertypB			{width:18px;height:18px;background-color:#D3DAE9;display:inline-block;}


/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper 	{position:absolute;top:0;right:0;left:0;z-index:20;border-bottom:3px solid #eb6f1e;}

.navbar 				{}
.navbar > .container	{padding:0px;}

/* Flip around the padding for proper display in narrow viewports   transparent */
.navbar-wrapper > .container 		{padding-right:0;padding-left:0;}
.navbar-wrapper .navbar 			{padding-right:15px;padding-left:15px;background-color:transparent;border:0px solid #ff0000;}
.navbar-wrapper .navbar .container 	{width:auto;}

/* addons nav oben... filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);opacity: 0.9; */
.navbar-wrapper > .container .navbar-header				{margin:7px 25px 3px 5px;border:0px solid #ff0000;}
.navbar-wrapper > .container .navbar-header img.logo	{width:200px;height:36px;border:0px solid #ff00ff;}


/* 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;}




@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:352px;height:63px;border:0px solid #ff0000;}

	.navbar-wrapper #navbar 									{padding:0px;margin:37px 0px 0px 0px;}
	.navbar-wrapper #navbar li 									{color:#ffffff;background-color:#0e3083;margin:0px 0px 0px 0px;}
	.navbar-wrapper #navbar li a								{font-family:OpenSansSemiBold,arial,helvetica;font-size:12px;color:#ffffff;padding:3px 10px 4px 7px;}
	.navbar-wrapper #navbar li a:hover							{background-color:#6e83b5;}
	
	.navbar-wrapper #navbar li.dropdown a.dropdown-toggle		{background-color:#0e3083;}
	.navbar-wrapper #navbar li.dropdown a.dropdown-toggle:hover	{background-color:#6e83b5;}
	
	.navbar-wrapper #navbar ul.dropdown-menu					{color:#ffffff;background-color:#eb6f1e;margin:0px 0px 0px 0px;}
	.navbar-wrapper #navbar ul.dropdown-menu li					{color:#ffffff;padding:2px 10px 2px 10px;margin:0px 0px 0px 0px;background-color:#eb6f1e;}
	.navbar-wrapper #navbar ul.dropdown-menu li a				{color:#ffffff;padding:2px 10px 2px 10px;}
	.navbar-wrapper #navbar ul.dropdown-menu li a:hover			{color:#ffffff;padding:2px 10px 2px 10px;background-color:#6e83b5;}
	
	
}



/* CUSTOMIZE THE CAROUSEL border-bottom:3px solid #0e3083;
-------------------------------------------------- */

/* Carousel base class */
.carousel 				{height:360px;width:auto;margin-bottom:30px;border:0px solid #ff0000;background-color:#E6EAF2;}
.carousel-inner	.item 	{width:100%;border:0px solid #000000;border-bottom:3px solid #eb6f1e;} /* height:649px !important; */

/* Declare heights because of positioning of img element */
.carousel .item 		{width:auto;border-bottom:3px solid #eb6f1e;background-repeat:no-repeat;background-position:center 115px;background-size:1920px 600px;}
.carousel .item img 	{height:auto;width:auto;margin-left:auto;margin-right:auto;}

/* Since positioning the image, we need to help out the caption */
.carousel-caption 			{z-index:10;top:425px;height:300px;text-align:left !important;position:absolute;left:auto;right:auto;padding-left:10px;border:0px solid #ff0000;}
.carousel-caption h1		{font-family:OpenSansBold,arial,helvetica;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;}


/* 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;}
}

/* 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;}



/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 	{margin-top:20px;margin-bottom:20px;text-align:left;background-color:#ffffff;padding:0px;border-right:20px solid #ececec;border-left:20px solid #ececec;min-height:100px; }
.marketing h2 			{font-family:OpenSansSemiBold,arial,helvetica;font-weight:normal;font-size:1.3em;margin:0px 0px 5px 10px; }
.marketing h3			{color: #0e3083;}
.marketing .col-lg-4 p 	{margin-right:10px;margin-left:10px;margin-top:5px;font-family:OpenSansSemiBold,arial,helvetica; }

.marketing .col-lg-4 .abst		{width:3px;height:12px;}
.marketing .col-lg-4 .tbildb 	{width:100px;height:100px;background-color:#001e3f;float:left;margin:0px 15px 0px 0px;}


/* neu statt .col-lg-4 da besserere umbruch, siehe dummy */
.marketing .col-sm-6 p 				{font-family:OpenSansSemiBold,arial,helvetica; }
.marketing .col-sm-6 .thumbnail		{min-height:110px;}
.marketing .col-sm-6 .thumbnail .b	{width:100px;height:100px;background-color:#001e3f;float:left;margin:0px 15px 0px 0px;}
.marketing .col-sm-6 .thumbnail h3	{font-family:OpenSansSemiBold,arial,helvetica;color:#555555;font-weight:normal;font-size:1.3em;margin:10px 0px 5px 10px; }





/* tpl_1 einzelseite ohne slide */
.marketing .main			{font-family:OpenSansRegular,arial,helvetica;font-size:1.1em;color:#333333;margin-top:30px;border:0px solid #0e3083;}
.marketing .main strong		{color:#0e3083;font-family:OpenSansSemiBold,arial,helvetica;font-weight:normal;}
.marketing .main 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);}





/* tpl_20 special grosses hintergrundbild */
.marketing .bgstick			{background-color:#001e3f;background-repeat:no-repeat;background-attachment:fixed;width:auto;min-height:550px;margin:40px 0px 40px 0px;padding:45px 50px 50px 40px;font-family:OpenSansRegular,arial,helvetica;color:#ffffff;font-size:1.4em;line-height:1.8em;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;text-shadow:0 0 1px #fff, 0 1px 1px rgba(0,0,0,1); }
.marketing .bgstick h2		{font-family:OpenSansRegular,arial,helvetica;font-size:2.0em;margin:0px 0px 30px 0px;text-shadow:0 0 1px #fff, 0 1px 1px rgba(0,0,0,0.3); }



/* tpl_17 referenzen-db mit map */
.marketing form.mform								{font-family:OpenSansSemiBold,arial,helvetica;margin:0px;padding:0px;border:0px solid #00ccff;}
.marketing form.mform input.rd						{cursor:pointer;}

.marketing .rnav									{width:155px;min-height:150px;margin:0px;padding:35px 0px 0px 20px;font-size:0.9em;background-color:#ffffff;float:left;line-height:1.6em;border:0px solid #00ccff;}
.marketing .rnav div.abst							{width:5px;height:5px;}
.marketing .rnav a									{text-decoration:none;color:#444444;}
.marketing .rnav b									{font-size:1.1em;color:#0e3083;}
.marketing .rnav input.chkb							{cursor:pointer;margin:0px 2px 0px 1px;outline:0px solid #999999;}
.marketing .rnav input.chkb[type=checkbox][disabled]{cursor:default;}

.marketing div.topn						{width:430px;margin:0px 0px 10px 0px;z-index:10;outline:0px solid #0e3083;}
.marketing div.topn b					{color:#0e3083;}

/* tpl_17 raster-darstellung */
.marketing .rast				{width:auto;padding:0px;margin:0px 0px 0px 155px;border:0px solid #ff0000;}


/* special mosuover effect. .......................................................................................... */
.ch-grid 						{margin: 0px 0 0px 0;	padding: 0;	list-style: none;	display: block;	text-align: left;	width: 102%; }
.ch-grid:after, .ch-item:before {content: ''; display: table; }
.ch-grid:after 					{clear: both; }
.ch-grid li 					{width:200px; height:125px; display:inline-block; margin:0px; border:0px solid #0e3083;}
/* . */
.ch-item 						{width: 100%; height: 100%; overflow: hidden;	position: relative;	cursor: default; box-shadow: inset 0 0 0 1px rgba(42,156,211,0.9),0 1px 2px rgba(0,0,0,0.1);transition: all 0.1s ease-in-out;}
.ch-img 						{/* .dyn. */ background-repeat:no-repeat;background-position:center center;webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.ch-info 						{position: absolute;background: rgba(149,206,233, 1);width:inherit;height:inherit;overflow: hidden;opacity: 0;transition: all 0.3s ease-in-out;transform:scale(0);}
.ch-info p 						{color: #000;padding: 5px 10px 5px 10px;margin: 0 0px;width:200px;font-size: 12px;border-top: 0px solid rgba(255,255,255,0.5);opacity: 0;text-align:center;	transition: all 0.5s ease-in-out 0.1s; /* einblend-effekt inner text */}
.ch-item:hover					{box-shadow: inset 0 0 0 1px rgba(149,206,233,1),	0 1px 2px rgba(0,0,0,0.1); }
.ch-item:hover .ch-info 		{transform: scale(1);opacity: 1;vertical-align:middle;}
.ch-item:hover .ch-info p 		{width:100%;opacity: 1;text-align:center;}





.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_17 karten-darstellung */
.marketing #worldmap		{width:980px;height:500px;z-index:10;margin:-5px 0px 50px 0px;padding:0px 0px 10px 0px;border:0px solid #0e3083;} /* display:inline-flex; cursor:default;*/

/* zoom funktionaliät, buttons (ggf. ausblenden) : 
.jvectormap-zoomin, .jvectormap-zoomout 	{display:none;}
das design der tips lässt sich im css ("jquery-jvectormap-2.0.3.css") über .jvectormap-tip steuern!
*/

.marketing #worldmap .gmapbox		{text-align:center;min-width:150px;vertical-align:middle;padding-top:12.5%;padding-bottom:12.5%;border:0px solid #0e3083;}
.marketing #worldmap .gmapbox img	{max-width:200px;max-height:50px;height:auto;margin:0px 0px 10px 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_21 Standorte-Weltkarte */
.marketing #swmap		{width:980px;height:500px;margin-bottom:10px;border:0px solid #ff0000;}

.marketing .stbox	{
	width:50%;height:auto;visibility:hidden;position:absolute;z-index:10;margin-right:25%;color:#000000;background-color:#ffffff;font-size:11px;line-height:14px;
	font-family:arial,helvetica;filter:alpha(opacity=90);border:1px solid #5C5C5C;padding:15px;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);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);opacity: 0.9;
	}
.marketing .stbox strong	{color:#0e3083;font-size:14pt;line-height:14pt;font-family:OpenSansBold,arial,helvetica;margin:10px 0px 10px 0px;}



/* 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;}




/* footer unten  */
.marketing .footer		{font-family:OpenSansRegular,arial,helvetica;height:50px;color:#575757;border-top:0px solid #0e3083;text-align:center;padding:5px 5px 5px 5px;clear:both;}
.marketing .footer a	{color:#575757;}





/* tpl_23 Kunden-Bereich */
.marketing .mbox				{width:300px;font-size:12pt;line-height:15pt;padding:15px 0px 20px 0px;background-color:#ececec;color:#04305d;text-align:center;display:block;margin:0px auto 40px auto;webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}

.marketing .mbox .form-control	{width:202px;margin:0px auto -3px auto;}
.marketing .mbox .btn-primary 	{width:200px;}


/* 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;}




/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {
  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
	
  }
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
  }

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
  
}

@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 120px;
  }
  
}


/* ollies responsive stuff ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
	
	.navbar-wrapper .navbar ul 							{background-color:#eb6f1e;}
	.navbar-wrapper .navbar ul li a						{color:#ffffff;}
	.navbar-wrapper #navbar ul.dropdown-menu li a		{color:#ffffff;padding:2px 10px 2px 10px;}
	.navbar-wrapper #navbar ul.dropdown-menu li a:hover	{color:#ffffff;padding:2px 10px 2px 10px;background-color:#6e83b5;}
	
	
	.videosize	{width:100%;height:320px;border:0px solid #0e3083;}
	
	.carousel 				{height:335px;margin-bottom:20px;}
	.carousel .item 		{height:335px;background-repeat:no-repeat;background-position:center 83px;background-size:620px 253px;}
	.carousel .item img 	{margin-top:83px;height:252px;width:auto;margin-left:auto;margin-right:auto; }
	.carousel-inner	.item 	{width:100%;height:335px;}
	
	.carousel-caption 		{top:200px;height:200px;}
	.carousel-caption h1	{font-size:11.6em;}
	
	.carousel-inner	.item 	{height:339px !important;}	
	.carousel-caption h1	{font-size:1.6em;}
	
	.topthing 				{height:83px;}
	
	.marketing #worldmap	{width:300px;height:200px;float:left;clear:right; }
	
	.marketing #bilderbox	{max-width:100%;}
	
	.marketing #swmap		{width:330px;height:200px;}
	
	.marketing TEXTAREA			{width:100%;}
	.marketing input.std		{width:100%;}
	.marketing input.std_e		{width:100%;border:1px solid #a83847;}
	
	.marketing .stbox		{left:25%;top:250px;}	
	
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
	

	.navbar-wrapper .navbar ul 			{background-color:#eb6f1e;}

	.videosize	{width:400px;height:300px;border:0px solid #0e3083;}
	
	.carousel 				{height:435px;margin-bottom:30px;}
	.carousel .item 		{height:350px;background-repeat:no-repeat;background-position:center 83px;background-size:980px 353px;}
	.carousel .item img 	{margin-top:83px;height:352px;width:auto;margin-left:auto;margin-right:auto; }
	
	.carousel-caption 		{top:280px;height:280px;}
	.carousel-caption h1	{font-size:1.6em;}
	
	.carousel-inner	.item 	{height:439px !important;}	
	.carousel-caption h1	{font-size:1.8em;}
	
	.topthing 				{height:83px;}
	
	.marketing #worldmap	{width:540px;height:300px;border:0px solid #ff00ff;}
	
	.marketing #swmap		{width:460px;height:300px;}
	
	.marketing .stbox		{width:60%;left:25%;top:200px;}	

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	
	.navbar-wrapper .navbar ul 			{background-color:#eb6f1e;}
	
	
	.videosize	{width:400px;height:300px;border:0px solid #0e3083;}
	
	.navbar-wrapper .navbar			{padding-right:0px;padding-left:0px;}
	.navbar > .container			{padding:0px;min-width:740px;}
		/* body { border:3px solid #ff0000; } */
	.navbar-wrapper #navbar li a	{font-size:11px;}
	
	.carousel 				{height:513px;margin-bottom:40px;}
	
	.carousel .item 		{height:513px !important;background-repeat:no-repeat;background-position:center 140px;background-size:1230px 370px;}
	.carousel .item img 	{margin-top:140px;width:auto;margin-left:auto;margin-right:auto; }
	.carousel-inner	.item 	{width:100%;height:513px;}

	

	.carousel-caption 		{top:270px;height:260px;}
	.carousel-caption h1	{font-size:2em;}
		
	
	.topthing 				{height:142px;}
	
	.marketing #worldmap	{width:660px;height:330px; }
	
	.marketing .rast		{min-width:700px;border:0px solid #ff00ff;}
	
	.marketing #bilderbox	{max-width:45%; }
	
	.marketing .stbox		{left:25%;top:25%;}	
	
	.marketing #swmap		{width:700px;height:330px;}

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	
	.navbar-wrapper .navbar ul 			{background-color:transparent;}
	
	.videosize	{width:500px;height:375px;border:0px solid #0e3083;}
	
	.navbar-wrapper #navbar	ul		{min-width:66%;border:0px solid #ff00ff;}
	
	.carousel 					{height:593px;margin-bottom:30px;}
	.carousel .item 			{height:550px;background-repeat:no-repeat;background-position:center 143px;background-size:1620px 450px;}
	.carousel .item img 		{margin-top:143px;height:450px;width:100%;margin-left:auto;margin-right:auto;}
	.carousel-inner	.item 		{width:100%;height:550px !important;}
	
	.carousel-caption 			{top:420px;height:300px;width:700px;}
	.carousel-caption h1		{font-size:2em;}
	
	.carousel-inner	.item 		{height:596px !important;}
	
	.topthing 				{height:143px;}
	
	.marketing #worldmap	{width:780px;height:395px; }
	
	.marketing #bilderbox	{max-width:35%; }
	
	.marketing #swmap		{width:850px;height:395px;}
	
	.marketing table.f			{width:90%}
	.marketing TEXTAREA			{width:90%;}
	.marketing input.std		{width:90%;}
	.marketing input.std_e		{width:90%;border:1px solid #a83847;}
	
	.featurette .pic		{max-width:650px;max-height:530px;border:0px solid #0e3083;}
	.featurette .pic img	{max-width:630px;max-height:530px;border:0px solid #0e3083;}
	
}

/* Large Devices, Wide Screens #001e3f */
@media only screen and (min-width : 1200px) {
	
	.videosize	{width:640px;height:480px;border:0px solid #0e3083;}
	
	.navbar-wrapper #navbar li a	{font-size:12px;}
	
	.carousel 					{height:645px;margin-bottom:35px;}
	
	.carousel .item 			{height:530px;width:auto;background-repeat:no-repeat;background-position:center 115px;background-size:1920px 531px;}
	.carousel .container 		{position:relative;z-index:9;}
	.carousel .item img 		{margin-top:115px;height:530px;width:auto;margin-left:auto;margin-right:auto; }
	
	.carousel-caption 		{top:450px;width:800px;}
	.carousel-caption h1	{font-size:2.6em;}
	.carousel-inner	.item 	{width:100%;height:649px !important;}
	
	
	.marketing .bgstick		{margin:40px -62px 0px -62px;}
	
	.marketing .footer		{margin:0px -62px 0px -62px;}
	
	.topthing 				{height:115px;}
	
	.marketing #worldmap	{width:980px;height:500px; }	
	
	.marketing #bilderbox	{max-width:42%; }
	
	.marketing #swmap		{width:980px;height:500px;}
	

	
}

/* full-HD Devices */
@media only screen and (min-width : 1920px) {

.marketing .bgstick		{width:1920px;margin:40px 0px 0px -400px;padding:50px 400px 0px 400px;}

}