/*@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i&display=swap');*/
/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v29-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v29-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v29-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v29-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v29-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v29-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-300italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/roboto-v29-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v29-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v29-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v29-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v29-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v29-latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v29-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v29-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v29-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v29-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v29-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v29-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-v29-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v29-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v29-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v29-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v29-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v29-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/roboto-v29-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v29-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v29-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v29-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v29-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v29-latin-500italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

.clearer {
	clear:both;
	display:block;
	height:0;
	width:0;
}
.wclearer:after,
.ce-gallery:after,
.ce-textpic:after {
	clear:both;
	display:block;
	content:" ";
}

html {
    min-height:100%;
    background:#fff;
}
body {
    background:transparent;
}
body,p,div,a,ul,li,tabel,tr,td,th,h1,h2,h3,h4,h5,h6 {
	font-family:'Roboto', sans-serif;
	color:#222;
	font-weight:300;
}
body,p {
	color:#222;
	font-size:14px;
}
p {
	text-align:left;
}
.align-left {text-align:left;}
.align-center {text-align:left;}
.align-right {text-align:right;}
.align-justify {text-align:left;}
.indent {text-align:left;}

table {
    margin-bottom:30px;
    width:100%;
}
/*table th, table td {
    border: none;
    padding: 5px 10px;
}
table th {
    background:#0066b3;
    color:#fff;
}
table tr {
    border: 1px solid #0066b3;
}*/


h1,
h1 a,
h1 * {
	font-family:'Roboto', sans-serif, Arial;
	font-size:28px;
	line-height:28px;
	color:#222;
	font-weight:500;
	margin:0 0 35px;
}
h2,
h2 a,
h2 * {
	font-family:'Roboto', sans-serif, Arial;
	font-size:24px;
	line-height:24px;
	color:#222;
	font-weight:500;
	margin:0 0 30px;
}
h3,
h3 a,
h3 * {
	font-family:'Roboto', sans-serif, Arial;
	font-size:18px;
	line-height:18px;
	color:#222;
	font-weight:500;
	margin:0 0 20px;
}
h4, h5, h6,
h4 a, h5 a, h6 a,
h4 *, h5 *, h6 * {
	font-family:'Roboto', sans-serif, Arial;
	font-size:18px;
	line-height:18px;
	color:#222;
	font-weight:400;
	margin:0 0 20px;
}
p {
	font-size:18px;
	line-height:25px;
	margin-bottom:20px;
}
ul {
    list-style: square;
	margin-bottom:20px;
    padding-left:30px;  
    font-size:18px;
}
ul li a {
    color:#222;
}
a, a:visited {
	color:#222;
	opacity:1;
   	text-decoration: underline;
	/*text-decoration:none;*/
}
a:hover {
	color:#222;
	opacity:0.8;
	/*text-decoration:none;*/
}
.container12 {
	/*width:1440px;*/
	width:1160px;
	margin:0 auto;
	max-width:100%;
	padding:0 20px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 20px;
    padding-right: 20px;
}
.row {
	margin-left: -20px;
    margin-right: -20px;
    /*margin-left: 0;
    margin-right: 0;*/
}

#page-wrapper,
.navigation-wrapper {
	background:#eee;
}
.content-wrapper {
	background:#eee;
	padding:0 0 20px;
	/*background-image:url('../img/bg.png');
	background-repeat:no-repeat;
	background-position:center top; */
}
.content-main-wrapper {
	padding:30px 0;
}
.content-main {
	overflow:hidden;
}
.header-wrapper {
	background:#fff;
	padding:10px 0;
}
.footer-wrapper {
	background:#485053;
	padding:20px 0;
}
.footer-wrapper *,
.footer-wrapper a:hover {
	color:#fff;
}

.content-feature * {
	width:100%;
	height:auto;
}
.content-feature figure.image {
	position:relative;
}
.content-feature figure.image .image-caption {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	text-align:center;
	font-size:48px;
	line-heigth:48px;
	font-weight:300;
	background:rgba(256,256,256,0.4);
	padding:40px;
}
.header .contact {
	text-align:right;
	/*margin-top: 15px;*/
	font-weight: 500;
 
}

.headercontact_head{
    font-weight:bold;
    font-size:1.2em;
    padding:0px;
    margin:0px;
    text-align:right;
    padding-bottom:6px;

}
.header .contact a {
	font-weight: 500;
}
.navbutton {
	display:none;
}
.navbar-toggle {
	float:right;
	display:block;
	background:transparent;
	padding:5px;
	margin:20px 0 0;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 45px;
    height: 8px;
    background: #222;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 5px;
}

.navbar-nav {
	float:none;
}
.navbar-nav > li > a {
	font-weight:400;
	font-size:18px;
	text-transform:uppercase;
	padding:25px 20px;
	color:#222;
    text-decoration: none;
}
.navbar-nav > li > a:hover,
.navbar-nav > li.active > a,
.navbar-nav > li.hover > a {
	background:#fff;
	color:#222;
	opacity:1;
    text-decoration: none;
}
.navbar-nav > li.children > a {
	background-image:url('../img/dropdown.png');
	background-repeat:no-repeat;
	background-position:right 12px center;
	padding:25px 30px 25px 20px;
}
.navbar-nav > li > .dropdown-menu {
	border:none;
	padding:10px 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-moz-box-shadow:    0px 4px 3px 1px #ddd;
	-webkit-box-shadow: 0px 4px 3px 1px #ddd;
	box-shadow:         0px 4px 3px 1px #ddd;
}
.navbar-nav > li > .dropdown-menu > li > a {
	font-size:15px;
	font-weight:400;
	text-transform:uppercase;
	color:#222;
	padding:7px 20px;
    text-decoration: none;
}
.navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-nav > li > .dropdown-menu > li.active > a {
	background:#eee;
	color:#222;
	opacity:1;
    text-decoration: none;
}
.navbar-nav > li:hover > .dropdown-menu {
	display:block;
}

.subnav ul,
.subnav ul li,
.subnav ul li a {
	display:block;
    text-decoration: none;
}
.subnav ul {
	list-style:none;
	margin:0;
	padding:0;
}
.subnav ul ul {
	padding:0 20px;
}
.subnav a {
	font-size:18px;
	line-height:18px;
	padding:7px 0;
	font-weight:300;
    text-decoration: none;
}
.subnav .active > a {
	font-weight:400;
    text-decoration: none;
}

.footer strong {
	font-weight:500;
}
.footer-logo img {
	max-height:80px;
	width:auto;
	float:right;
}
.footer .copyrightnotice {
	margin-top:20px;
}

.content-teaser p a {
	background-image:url('../img/arrow_right.png');
	background-repeat:no-repeat;
	background-position:right center;
	padding:0 13px 0 0;
    text-decoration: none;
}

@media (min-width: 1160px) {

	.navbar-nav {
		display:block !important;
	}

}

@media (max-width: 1160px) {

	.navbutton {
		display:block;
		float:right;
	}
	.header .contact {
		text-align: left;
		float: left;
	}
    
.headercontact_head{
    text-align:left;
}
    
    
    
	.navbar-nav {
		display:none;
		padding:10px 0;
	}
	.navbar-nav > li {
		display:block;
		width:100%;
		float:none;
	}
	.navbar-nav > li > a {
		display:block;
		width:100%;
		float:none;
		padding:20px;
        text-decoration: none;
	}
	.navbar-nav > li > .dropdown-menu {
		display:block !important;
		position:static;
		top:auto;
		bottom:auto;
		left:auto;
		right:auto;
		width:100%;
		float:none;
		background: none;
		-moz-box-shadow:    none;
		-webkit-box-shadow: none;
		box-shadow:         none;
	}
	.navbar-nav > li > .dropdown-menu > li > a:hover,
	.navbar-nav > li > .dropdown-menu > li.active > a {
		background:#fff;
        text-decoration: none;
	}
	.navbar-nav > li.children > a {
		background-image:none;
		padding:20px;
        text-decoration: none;
	}

}

@media (max-width: 990px) {

	.subnav {
		display:none;
	}

	.header .col-md-6:nth-of-type(1) {
		width:40%;
		float: left;
	}
	.header .col-md-6:nth-of-type(2) {
		width:60%;
		float: left;
	}
	.footer .col-md-3 {
		width:25%;
		float:left;		
	}
}

@media (max-width: 760px) {

	.footer .col-md-3 {
		width:50%;
		float:left;
		margin-bottom:20px;
	}
	.footer-logo img {
		float: none;
	}
	.footer .col-md-3:nth-of-type(2n+1) {
		clear:both;
	}

}

@media (max-width: 640px) {

	.header .contact {
		display:none;
	}
	.header .col-md-6:nth-of-type(1) {
		width:70%;
	}
	.header .col-md-6:nth-of-type(2) {
		width:30%;
	}

}

@media (max-width: 580px) {

	.ce-textpic .ce-gallery {
		margin-right: 0;
		margin-left: 0;
		width: 100%;
		float: none;
	}
	.ce-textpic .ce-gallery .ce-column,
	.ce-textpic .ce-gallery .ce-column .image,
	.ce-textpic .ce-gallery .ce-column .image img {
		width: 100%;
		height:auto;
	}

}

@media (max-width: 480px) {

	.footer .col-md-3 {
		width:100%;
		float:none;
		margin-bottom:20px;
	}

}


/* Frontend User Loginform - abaton */

#c226 legend{
   padding-top:20px;
   padding-bottom:10px;
}


#c226 label{
   width:100px;
}

#c226 input[name="submit"] {
  margin-left:102px;
  margin-top:2px;
}

#c226 input[name="user"] {
  margin-bottom:5px;
  border:1px solid #999999;
  padding:2px;
}

#c226 input[name="pass"] {
  margin-bottom:5px;
  border:1px solid #999999;
  padding:2px;
}

.ce-bullets{
font-size:18px;
}