/*	--------------------------------------------------
    :: CD Farbklima
    
    ford blue 	         .blue 	        #005a9c
    ford grau 75% black	 .dk_gray	#636466
    ford grau 40% black	 .gray	        #a7a9ac
    ford grau 10% black	 .lg_gray	#e7e7e8
	

-------------------------------------------------- *//*
	Schriftfarbe 				 */

.blue 	 {color:#005a9c;rgba(0,90,150,1)}
.gray	 {color:#a7a9ac;rgba(255,255,255,.8)}
.dk_gray {color:#636466;rgba(255,255,255,.8)}
.lg_gray {color:#e7e7e8;rgba(255,255,255,.8)}

/*									

	Hintergrundfarbe 			*/
	
.bg_blue     {background-color:#005a9c; color: #fff;}
.bg_gray     {background-color:#a7a9ac; color: #fff;}
.bg_dk_gray  {background-color:#636466; color: #fff;}
.bg_lg_gray  {background-color:#e7e7e8; color: #000;}

	
/*	[START] Fonts
	This CSS resource incorporates links to font software which is the valuable copyrighted property of WebType LLC, The Font Bureau, Ascender Corporation and/or their suppliers. You may not attempt to copy, install, redistribute, convert, modify or reverse engineer this font software. Please contact WebType with any questions: http://www.webtype.com 
*/
/* 
   \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
   ///////////////////////////////////////////////////////////////
		ANTENNA Regular Fonts
   \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
   ///////////////////////////////////////////////////////////////
 */
@font-face {	/* Antenna */
	font-family: "Antenna";
	src: url("../fonts/Antenna-Regular/a249ec5c-51a0-4581-a866-722ded577e7d-2.eot");
	src: url("../fonts/Antenna-Regular/a249ec5c-51a0-4581-a866-722ded577e7d-2.eot?#iefix") format("embedded-opentype"),
		url("../fonts/Antenna-Regular/a249ec5c-51a0-4581-a866-722ded577e7d-3.woff") format("woff"),
		url("../fonts/Antenna-Regular/a249ec5c-51a0-4581-a866-722ded577e7d-1.ttf") format("truetype"),
		url("../fonts/Antenna-Regular/a249ec5c-51a0-4581-a866-722ded577e7d-4.svg#web") format("svg");
	font-style:normal;
	font-weight:400;
}

@font-face {	/* Antenna Medium */
	font-family: "AntennaMedium";
	src: url("../fonts/Antenna-Medium/c03da8b6-e888-4718-9c24-e25cc55c95d7-2.eot");
	src: url("../fonts/Antenna-Medium/c03da8b6-e888-4718-9c24-e25cc55c95d7-2.eot?#iefix") format("embedded-opentype"),
		url("../fonts/Antenna-Medium/c03da8b6-e888-4718-9c24-e25cc55c95d7-3.woff") format("woff"),
		url("../fonts/Antenna-Medium/c03da8b6-e888-4718-9c24-e25cc55c95d7-1.ttf") format("truetype"),
		url("../fonts/Antenna-Medium/c03da8b6-e888-4718-9c24-e25cc55c95d7-4.svg#web") format("svg");
	font-style:normal;
	font-weight:500;
}

@font-face {	/* Antenna Bold */
	font-family: "AntennaBold";
	src: url("../fonts/Antenna-Bold/85bf2123-24cb-4bfd-a720-efe63c68c84d-2.eot"); /*IE9*/
	src: url("../fonts/Antenna-Bold/85bf2123-24cb-4bfd-a720-efe63c68c84d-2.eot?#iefix") format("embedded-opentype"), /*IE6-IE8*/
		url("../fonts/Antenna-Bold/85bf2123-24cb-4bfd-a720-efe63c68c84d-3.woff") format("woff"), /*Modern Browsers*/
		url("../fonts/Antenna-Bold/85bf2123-24cb-4bfd-a720-efe63c68c84d-1.ttf") format("truetype"), /*Safari, Android, iOS*/
		url("../fonts/Antenna-Bold/85bf2123-24cb-4bfd-a720-efe63c68c84d-4.svg#web") format("svg"); /*Legacy iOS*/
	font-style:normal;
	font-weight:bold;
} 

@font-face {	/* Antenna Italic */
  font-family: "AntennaItalic";
  src: url("../fonts/Antenna-Regular-Italic/824cfbd6-80a8-4be2-973a-8b80c749487f-2.eot");
  src: url("../fonts/Antenna-Regular-Italic/824cfbd6-80a8-4be2-973a-8b80c749487f-2.eot?") format("embedded-opentype"),
       url("../fonts/Antenna-Regular-Italic/824cfbd6-80a8-4be2-973a-8b80c749487f-3.woff") format("woff"),
       url("../fonts/Antenna-Regular-Italic/824cfbd6-80a8-4be2-973a-8b80c749487f-1.ttf") format("truetype");
  font-style: italic;
  font-weight: 400;
}

@font-face {
  font-family: "AntennaBoldItalic";
  src: url("../fonts/Antenna-Bold-Italic/9ee4fc97-fb39-4152-89cc-a700956beedc-2.eot");
  src: url("../fonts/Antenna-Bold-Italic/9ee4fc97-fb39-4152-89cc-a700956beedc-2.eot?") format("embedded-opentype"),
       url("../fonts/Antenna-Bold-Italic/9ee4fc97-fb39-4152-89cc-a700956beedc-3.woff") format("woff"),
       url("../fonts/Antenna-Bold-Italic/9ee4fc97-fb39-4152-89cc-a700956beedc-1.ttf") format("truetype");
  font-style: italic;
  font-weight: 400;
}	

/*
 * Globals
 */

/* Links */
a,
a:focus,
a:hover {
  color: #fff;
}

section a,
section a:focus {
  color: #005a9c;
}

section a:hover {
  color: #005a9c;
  text-decoration:underline;
}

h4 {
	line-height: 1.4;
}


/* edge */

.edge_wrapper {
	clear:both;
	position:absolute;
	bottom:0px;
	width:100%;
}

#home .edge_wrapper {
	display:none;
}

.edge_wrapper_left, .edge_wrapper_right {
	width:50%;
	display:block;
	float:left;
}

.edge_filler {
	width:90%;
	height:10px;
	background-color:#fff;
	float:left;
	display:table;
}

.edge {
	height:10px;
	width:10%;
	float:left;
	display:table;
}

.edge_wrapper_left .edge {
	background:url(../img/werkfuehrung_edge_left.png) no-repeat;
	background-position:right bottom;
}

.edge_wrapper_right .edge {
	background:url(../img/werkfuehrung_edge_right.png) no-repeat;
	background-position:left bottom;
}



/*
 * Base structure
 */

html,
body {
  height: 100%;
  background-color: #fff;
  font-family: Antenna, Arial, Helvetica, sans-serif;
}
body {
  color: #fff;
  /*text-shadow: 0 1px 3px rgba(0,0,0,.5);*/
}

#info, #ablauf, #galerie, #kontakt { min-height:300px; padding:80px 0px 80px 0px;}

img {
	width:100%;
}

.col-center {
	text-align:center;
}

.light {
   color:#fff;
}

.dark {
   color:#636466;
}

.bold {
	font-weight:700;
}

.line_double {
	height:2px;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}

.line_double_blue {
	height:2px;
	border-top:1px solid #005a9c;
	border-bottom:1px solid #005a9c;
}

.line_black {
	height:2px;
	border-top:1px solid #636466;
}

.box {
	border:1px dotted #636466;
	background-color:#fff;
	text-align:center;
	padding:10px;
	margin:20px 0px 20px 0px;
}

.box_content {
	padding:10px;
	margin:20px 0px 20px 0px;
}

.box img {
	width:115px;
	height:auto;
}



/* Home */
#home {
  display: table;
  width: 100%;
  height: 100%; /* For at least Firefox */
  min-height: 100%;		
  position:relative;  
}
#home .site-wrapper {
  display: table;
  width: 100%;
  height: 100%; /* For at least Firefox */
  min-height: 100%;
  -webkit-box-shadow: inset 0 0 100px rgba(0,0,0,.5);
  box-shadow: inset 0 0 100px rgba(0,0,0,.5);
  background:url(../img/werkfuehrung_bg_top.jpg) left no-repeat; 
  background-size:cover;		  
}
#home .site-wrapper-inner {
  display: table-cell;
  /*vertical-align: top;*/
  vertical-align: middle;
}

.inner {margin-bottom:120px;}

#home .down{
	display:none;
	text-align:center;	
}

#home .down a {
	background:url(../img/werkfuehrung_arrow_down.png) no-repeat; 
  	background-size:cover;
	height:21px;
	width:37px;
	margin:auto;
	display:block;
}



/*
 * Header
 */
 
.navbar {
	background-color:transparent;
	border:none;
} 

.logo {
	width:330px;
	height:auto;
	display:table;
}

.navbar-nav > li {
  display: inline-block;
}
.navbar-nav > li {
  margin-right:10px;
  margin-left:10px;
}
.navbar-nav > li  {
  margin-top: 20px;
}
.navbar-default .navbar-nav > li > a {
  padding-right: 0;
  padding-left: 0;
  font-size: 14px;
  font-weight: bold;
  font-family: 'AntennaBold', Arial, Helvetica, sans-serif;
  color: #fff; /* IE8 proofing */
  color: rgba(255,255,255,1);
  border-top: 2px solid transparent;
  text-transform:uppercase;
  -webkit-transition: border .5s ease-in-out,padding .5s ease-in-out;
  -moz-transition: border .5s ease-in-out,padding .5s ease-in-out;
  transition: border .5s ease-in-out,padding .5s ease-in-out;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  background-color: transparent;
  border-top-color: #fff;
  border-top-color: rgba(255,255,255,1);
  color: rgba(255,255,255,0.75);
  outline: none;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: rgba(255,255,255,0.75);
  border-top-color: #fff;
  background-color:transparent;
}

/*Content*/

#home h1 {
	font-size:32px;
	text-transform:uppercase;
}

#home p {
	font-size:18px;
	line-height:20px;
}

#home .video {
	border:5px solid #fff;
	background-color:#000;
}

#info, #ablauf {
  background:url(../img/werkfuehrung_bg_gradient.jpg) bottom repeat-x;
}

.timetable > div {
	float:left;
	width:50%;
	padding:3px;
	margin-top:10px;
	font-weight:700;
}

/*Galerie*/

#galerie {
  -webkit-box-shadow: inset 0 0 100px rgba(0,0,0,.5);
  box-shadow: inset 0 0 100px rgba(0,0,0,.5);
  background:url(../img/werkfuehrung_bg_gallery.jpg) left no-repeat; 
  background-size:cover;
  text-align:center;
  position:relative;
}

#galerie h4{
  margin-bottom:30px;
}

.gal-box {
	padding:0px;
	background-color:#fff;
	color:#000;
	border:5px solid #fff;
	text-align:center;
	margin-bottom:30px;
	overflow:hidden;
	height:180px;
}

.gal-box p {
	padding:15px 5px 5px 5px;
}

#galerie .btn-default {
	color:#fff;
	background-color:transparent;
	border:2px solid #fff;
	margin:40px 20px;
	white-space: inherit;
	padding: 10px 5px;
}

#galerie .btn-default span{
	color:#000;
	background-color:#fff;
	margin-right:10px;
	border-radius: 40px 40px 40px 40px;
	padding:6px;
	font-size:16px;
}

/*Lightbox*/

.modal-title {
	color:#005a9c;
}

.modal-footer {
	color:#a7a9ac;
}

/*Ablauf*/

#ablauf p {
	color:#000;
}

.list_number {
	width:auto;
	height:100%;
	float:left;
}

.list_icon {
	background-color: #005a9c;
    border-radius: 60px;
    color: #fff;
    display: block;
    font-size: 16px;
    height: 40px;
    padding: 10px;
    text-align: center;
    width: 40px;
}

.list_item {
	padding:0px 0px 0px 50px 
}

/*Kontakt*/

#kontakt {
  -webkit-box-shadow: inset 0 0 100px rgba(0,0,0,.5);
  box-shadow: inset 0 0 100px rgba(0,0,0,.5);
  background:url(../img/werkfuehrung_bg_map.jpg) left no-repeat; 
  background-size:cover;
  position:relative;
}

#kontakt h3 span, #kontakt h4 span{
	color:#005a9c;
	background-color:#fff;
	margin-right:10px;
	border-radius: 40px 40px 40px 40px;
	padding:6px;
	font-size:16px;
}

#kontakt .inputbox {
	color:#000;
}

#kontakt button.btn {
	background-color:#005a9c;
	margin-top:20px;
}

#kontakt .edge_filler {
	background-color:#000;
}

#kontakt .edge_wrapper_left .edge {
    background: rgba(0, 0, 0, 0) url("../img/werkfuehrung_edge_left_blk.png") no-repeat scroll right bottom;
}

#kontakt .edge_wrapper_right .edge {
    background: rgba(0, 0, 0, 0) url("../img/werkfuehrung_edge_right_blk.png") no-repeat scroll left bottom;
}

/*Google Maps*/

#map { background-color: #fff; height:400px; width:100%;}


/*Imprint*/

.imprint_header { background-color:#000;}

#imprint { margin:140px 0px 40px 0px;}

/*
 * Footer
 */

#footer {
	background-color: #000;
	padding:20px 0px 0px 0px;
	font-size:12px;
}



/*
 * Responsive Settings
 */
 
@media (min-width: 1024px) and (max-width: 1200px)  {
.gal-box {
	height:140px;
}
} 

@media (min-width: 990px) and (max-width: 1023px)  {
.gal-box {
	height:130px;
}
} 

@media (min-width: 768px) and (max-width: 991px)  {
.gal-box {
	height:100px;
}
}

@media (min-width: 768px) {
  /* Start the vertical centering */
.navbar-nav {
    float: right;
  } 
}

/*pad hoch*/

@media (max-width: 768px) {
#home .container {
	margin-top:100px;	
}
.navbar {
	background-color:#000;
}

.logo {
    display: table;
    height: auto;
	margin-left:10px;
	max-width:200px;
}

.navbar-toggle {
	border:none;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: transparent;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-toggle .icon-bar {
    border-radius: 1px;
    display: block;
    height: 2px;
    width: 24px;
}

.navbar-right {
    float: left !important;
    margin-right: -15px;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border: none;
}

.navbar-nav > li {
    display: block;
}

.navbar-default .navbar-nav > li > a {
    border-top: none;
    color: rgba(255, 255, 255, 1);
    font-size: 14px;
    font-weight: bold;
    padding-left: 0;
    padding-right: 0;
    text-transform: uppercase;
    transition: border 0.5s ease-in-out 0s, padding 0.5s ease-in-out 0s;
}

.inner {margin-bottom:0px;}

.down {display:none; visibility:hidden;}

#home .container{padding-bottom:80px;}

#info .line_black {display:none;}

#info, #ablauf, #galerie, #kontakt {
    padding: 40px 0;
} 

#kontakt form {margin-bottom:20px;}

#footer {padding-bottom:10px;}

}