@CHARSET "UTF-8";

body, html {
	height: 100%;
	width:	100%;
}

::selection {
	background: #fff;
	color: #000;
}

::-moz-selection {
	background: #fff;
	color: #000;
}

body {
	margin: 0;
	padding: 0;
	background: #fff;
	color: #000;
	font-size: 18px;

	font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
}

img {
	border: 0;
}

.img-responsive {
	display: inline-block;
}

section a,
footer a {
	color: #fff;
	text-decoration: underline;
}
a:hover {
	color: #d6bf72;
}
fieldset legend {
	color: #fff;
}

#Grid li a *,
#social div a i,
.fa,
.morework,
.navbar-default .navbar-nav>li>a,
.main_navy div .navbar-nav>li>a,
section.content nav ul>li a,
.scroll-down,
body .page-not-found a {
	transition: all ease .4s;
	-webkit-transition: all ease .4s;
	-moz-transition: all ease .4s;
	-ms-transition: all ease .4s;
	-o-transition: all ease .4s
}

.page-header {
	border: none;
	text-align: center;
	font-size: 40px;
/* 	line-height: 80px; */
}

.scrolldown_btn {
	position: absolute;
	z-index: 99;
	left: 50%;
	bottom: 7%;
	width: 60px;
	margin-left: -30px;
}

.scroll-down {
	display: block;
	cursor: pointer;
	width: 60px;
	height: 60px;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	border: 6px solid rgba(255, 255, 255, .3);
	background: rgba(255, 255, 255, .1);
	text-decoration: none;
	font-size: 50px;
	line-height: 55px;
	text-align: center;
	color: rgba(255, 255, 255, .6);
}

.scroll-down:hover {
	text-decoration: none;
	background-color: rgba(255, 255, 255, 0);
	border: rgba(255, 255, 255, .8) solid;
	color: rgba(255, 255, 255, .8);
}

.pulse {
	-webkit-animation: pulse 1s infinite both;
	-moz-animation: pulse 1s infinite both;
	-o-animation: pulse 1s infinite both;
	animation: pulse 1s infinite both;
}

@-webkit-keyframes pulse {
	0%{
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
	50%{
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1);
	}
	100%{
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
}
@keyframes pulse {
	0%{
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
	50%{
		-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1);
	}
	100%{
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
}

/* HEADER - ################################################################# */
/* ########################################################################## */
/* ########################################################################## */

header .navbar {
	background:	transparent url("../img/layout_boxen/header2.jpg") repeat left top;
}

/* ########################################################################## */
/* ########################################################################## */

/* NAVY - ################################################################### */
/* ########################################################################## */
/* ########################################################################## */

.navbar-brand {
	padding-top: 5px;
	position: relative;
/* 	background-color: #999; */
	z-index: 1001;
}

.navbar-brand img {
	width: 150px;
}

.navbar-nav>li {
	cursor: pointer;
	font-weight:	bold;
	text-transform: uppercase;
}

.navbar-nav > li > a span {
	font-size: 16px;
}

.navbar-default {
	min-height: 	0;
	border-radius: 	0;
	background: 	#fff;
	border: 		none;
	position: 		fixed;
	display: 		none;
	width: 			100%;
	z-index: 		9999;
	box-shadow: 	0 0 15px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .3);
	   -moz-box-shadow: 0 0 15px rgba(0, 0, 0, .3);
	    -ms-box-shadow: 0 0 15px rgba(0, 0, 0, .3);
		 -o-box-shadow: 0 0 15px rgba(0, 0, 0, .3);

	opacity: 0.9;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
	color: #303b52;
/* 	background-color: #f9f9f9; */
	background-color: #d6bf72;
	height:100%;
	margin:0;
}

.navbar-default .navbar-nav>li.active {
	color: #303b52;
/* 	background: #eee; */
	background: #d6bf72;
}

.navigation {
	position: absolute;
	padding-right: 8%;
	right: 0;
	z-index: 10010;
}

/* ########################################################################## */


.main_navy {
/* 	position: fixed; */
/* 	display: none; */
/* 	right: 0; */
/* 	left: 0; */
/* 	top: 48px; */
/* 	z-index: 1030; */

	padding-top: 47px;
	background-color: #fff;
	box-shadow: 	0 0 15px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .3);
	   -moz-box-shadow: 0 0 15px rgba(0, 0, 0, .3);
	    -ms-box-shadow: 0 0 15px rgba(0, 0, 0, .3);
		 -o-box-shadow: 0 0 15px rgba(0, 0, 0, .3);
}
.main_navy div {
	padding: 0;
}
.main_navy div .navbar-nav {
	padding: 0 0 0 200px;
}

.main_navy div .navbar-nav {
	min-height: 	0;
	border-radius: 	0;
	background: 	transparent;
	border: 		none;
	width: 			100%;
	z-index: 		9999;
	box-shadow: 	0 0 15px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .3);
	   -moz-box-shadow: 0 0 15px rgba(0, 0, 0, .3);
	    -ms-box-shadow: 0 0 15px rgba(0, 0, 0, .3);
		 -o-box-shadow: 0 0 15px rgba(0, 0, 0, .3);
}

.main_navy div .navbar-nav>li>a {
	color: #303b52;
	text-decoration: none;
/* 	background: #eee; */
}
.main_navy div .navbar-nav>li>a:hover,
.main_navy div .navbar-nav>li>a:focus {
	color: #303b52;
/* 	background-color: #f9f9f9; */
	background-color: #d6bf72;
	height:100%;
	margin:0;
}
.main_navy div .navbar-nav>li.active,
.main_navy div .navbar-nav>li>a.active {
	color: #303b52;
	background: #d6bf72;
}
.main_navy div .navbar-nav>li .dropdown-menu {
	opacity: 0.9;
}
.main_navy div .navbar-nav>li .dropdown-menu>li {
	border-top: 1px solid #d6bf72;
	border-bottom: 1px solid #d6bf72;
}
.main_navy div .navbar-nav>li .dropdown-menu>li>a {
	color: #303b52;
	text-decoration: none;
	background-color: #fff;

}
.main_navy div .navbar-nav>li .dropdown-menu>li>a:hover,
.main_navy div .navbar-nav>li .dropdown-menu>li>a:focus {
	color: #303b52;
	background: #d6bf72;
}

.main_navy div .navbar-nav>li .dropdown-menu>li.active {
	color: #303b52;
	background: #d6bf72;
}


/* ########################################################################## */

section.content nav {
	color:			#fff;
	background-color: #496190;

	cursor:			pointer;
	font-weight:	normal;
	text-transform: uppercase;
	box-shadow: 	0 0 15px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .3);
	   -moz-box-shadow: 0 0 15px rgba(0, 0, 0, .3);
	    -ms-box-shadow: 0 0 15px rgba(0, 0, 0, .3);
		 -o-box-shadow: 0 0 15px rgba(0, 0, 0, .3);
}

section.content nav ul>li a {
	text-decoration: none;
	border-top: 1px solid #d6bf72;
	border-bottom: 1px solid #d6bf72;
}

section.content nav ul>li.nav-header {
	padding: 5px 0;
	text-align:	center;
	cursor:			default;
	font-weight:	bold;
	color: #fff;
	background-color: #303b52;
}

section.content nav ul>li a:hover,
section.content nav ul>li a:focus {
	color: #303b52;
	background-color: #d6bf72;
}
section.content nav ul>li.active {
	color: #303b52;
	background: #d6bf72;
}




/* ########################################################################## */
/* ########################################################################## */

/* TITLEIMAGE - ############################################################# */
/* ########################################################################## */
/* ########################################################################## */

section#titleImage {
/* 	margin-top: 100px; */
	background-color:	#cfdfff;
	border:0px solid red;
}
section#titleImageHome {
/* 	margin-top: 258px; */

	border:0px solid yellow;
}

section#marginTitelImages {
	margin-top: 50px;
	border:0px solid grey;
}


/* ########################################################################## */
/* ########################################################################## */



/* CONTENT - ################################################################ */
/* ########################################################################## */
/* ########################################################################## */

.content {
	/*background:	transparent url("../img/layout_boxen/content.jpg") repeat left top;*/
	background-color: #b5ceff;
	color: #303b52;
}
.contact {
/* 	background-color: #83acfd; */
	background-color: #6286cc;
}
.imprint {
	background-color: #496190;
}
.customportal {
	background-color: #303b52;
}
.tags {
	/*background:	transparent url("../img/layout_boxen/tags.jpg") repeat left top;*/
}
.contact,
.imprint,
.customportal,
.tags {
	min-height:100%;
	color:#fff;
}

section,
section .container {
	box-shadow: 0 0 15px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 15px rgba(0, 0, 0, .3);
	-moz-box-shadow: 15px rgba(0, 0, 0, .3);
	-ms-box-shadow: 15px rgba(0, 0, 0, .3);
	-o-box-shadow: 15px rgba(0, 0, 0, .3);
}
section:not(.main_navy):not(#titleImage) div.container {
	min-height:100%;
	padding-bottom: 100px;
}

section.content div.container {
	padding-bottom: 100px;
}

section.content nav,
section h1,
section div h1 {
	margin-top:	50px;
}
section.content div div div nav {
	margin-top:	175px;
}

section h1 {
	font-family: 'Futura', Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
	font-weight: 300;
	font-size: 50px;
	line-height: 90px;
/* 	color: #d6bf72; */
	color: #fff;
	margin-bottom: 30px;

	text-shadow: 2px 5px 0 rgba(0,0,0,0.7);
	text-transform:	uppercase;
}
section h2 {
	font-family: 'Rockwell',Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
	text-shadow: 2px 5px 0 rgba(0,0,0,0.7);

	font-size: 40px;
	color: #cdcccc;
}

section div div#multicolumn {
    column-count: 		  3;
    -webkit-column-count: 3;
	   -moz-column-count: 3;
		-ms-column-count: 3;
	-prefix-column-count: 3;
	columns:	3 150px;

    column-width: 		  150px;
    -webkit-column-width: 150px;
       -moz-column-width: 150px;
    	-ms-column-width: 150px;

    column-gap: 		 40px;
	-webkit-column-gap: 40px;
	   -moz-column-gap: 40px;
		 -ms-colum-gap: 40px;
	-prefix-column-gap: 5em;

	column-rule:		 1px solid #eee;
    -webkit-column-rule: 1px solid #eee;
       -moz-column-rule: 1px solid #eee;
    	-ms-column-rule: 1px solid #eee;


	border:0px solid red;
}
section.home {
	height: 100%;
	text-align: center;
	background:	transparent url("../img/layout_boxen/header2.jpg") repeat left top;
}

.selected img {
	margin-top: 150px;
}
.home img {
	margin-top: 50px;
	border: 	0px solid red;
}

p.tags a {
	text-decoration: none;
}

p.tags a.tag0 {
	font-size: 12px;
	font-weight: normal;

}
p.tags a.tag1 {
	font-size: 22px;
	font-weight: bold;

}
p.tags a.tag2 {
	font-size: 18px;
	font-weight: normal;
	font-style:	italic;
}
p.tags a.tag3 {
	font-size: 12px;
	font-weight: normal;

}

.embed-responsive-iframe {
	padding-bottom: 50%;
}


/* FOOTER - ################################################################# */
/* ########################################################################## */
/* ########################################################################## */


footer {
	position:	fixed;
	bottom:		0px;
	width:		100%;
	padding:	10px;
	color:		#fff;
	font-size:	12px;
	background:	transparent url("../img/layout_boxen/header2.jpg") repeat left top;

	box-shadow: 0 0 15px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 0 15px rgba(0, 0, 0, .3);
	-ms-box-shadow: 0 0 15px rgba(0, 0, 0, .3);
	-o-box-shadow: 0 0 15px rgba(0, 0, 0, .3);

	opacity:	0.9;
	z-index: 	10;
}

/* ########################################################################## */
/* ########################################################################## */