/* CSS von 
	prinz software engineering & data protection
	Further Str. 14
	90530 Wendelstein
	
	Mail: info@p-se.de 
	Web: www.p-se.de 
	
----------- */

html,
body {
	font-size: 12px;
}

/* navigation ----------- */
.navbar {
	border: 0px;
	border-right: 5px solid #fff;
	border-radius: 0px;
  -webkit-box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.1);
  margin-bottom: 15px;
}

.navbar li {
	padding: 10px;
	margin-top: 18px;
	padding-bottom: 0px;
	height: 15px;
}
.navbar li a {
	padding:0px;
	padding-top: 10px;
	border: 0px solid #ffffff;
	line-height: 10px;
	display:inline-block;
	font-size: 1.2rem;
}

.navbar li.mainNavAktiv a,
.navbar li a:hover {
	border-top: 0px solid #ffffff;
	font-size: 1.2rem;
	background-image: url(/Layout/nav-bg-hover.png);
	background-repeat:repeat-x;
}
/* navigation ende ----------- */


.sliderborderprojekte {
	border-top: 10px solid #fff;
	border-bottom: 10px solid #fff;
}

/* hoverimage ----------- */
span.imgtext {
	display: block;
	text-decoration : none;
	text-align: center;
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;	
	padding: 0px;
	margin: 0px;
	padding-top: 23%;
	z-index: 100;
	color: white;
	border: 0px double #c0c0c0;	
}

span.imgtexttab {
	display: block;
	text-decoration : none;
	text-align: center;
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;	
	padding: 0px;
	margin: 0px;
	z-index: 100;
	color: white;
	border: 0px double #c0c0c0;	
}

table.tableimagetext {
	width: 100%;
	height:100%;
	font-size: 1.55rem;
}

table.tableimagetext td {
	height: 200px;
	width: 100%;
	vertical-align: middle;
	text-align: center;
	padding: 0;
	margin: 0;
}

table.tablefull {
	width: 100%;
}

table.tablefull tr td p {
	margin:0px;
	padding:0px;
}
table.tablefull tr td:last-child{
	min-width: 90%;
}
table.tablefull tr td:first-child {
	
}


.col-md-6 table.tableimagetext td { 
	height: 248px;
	vertical-align: middle;
	text-align: center;
	width: 100%;
}

.col-md-6 img.setgray {
	height: 248px;
	width: 429px;
}

.col-md-6 .imageovercolor {
	
	
}

.twoblock .col-md-6 {
	padding: 0px !important;	
	padding-left: 15px !important;
	max-width: 435px;
}

.col-md-6 .imageovercolor {	
	padding-bottom: 0px;
	margin-bottom: 15px;
}

.col-md-4 table.tableimagetext td {
	height: 150px;
	vertical-align: middle;
	text-align: center;
	width: 100%;
}

.col-md-4 .imagenoneovercolor,
.col-md-4 .imageovercolor {	
	width: 280px;
	/* max-width: 351px; */
	padding-bottom: 0px;
	margin-bottom: 10px;
}

.col-md-4 {
	padding: 0px !important;	
	padding-right: 5px;
}

.content .col-md-4 {   
	padding-right: 2px;
}

.dreispalten {
	border: 0px solid green;
	margin-left: 0px;
}

.container.abstandleft {
	padding-left: 30px;
	padding-right: 30px;
}
.col-md-4 article,
.container.abstandleft .col-md-4 {
	padding-left: 17px !important;
	padding-right: 17px !important;
}


.imageovercolor {
	position:relative;
	max-width: 536px;
}

.imageovercolor:after {
	content:'\A';
	position:absolute;
	width:100%; 
	height:100%;
	top:0; 
	left:0;
	background:rgba(0,0,0,0.6);
	opacity:1;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.imageovercolor:hover:after {
	opacity:0;
}

.imageovercolor:hover img.setgray {
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: none;
}

.imageovercolor.nocolor:after {	
	background:rgba(59,131,130,0);	
}
.imageovercolor.setoverlaycolor6:after,
.imageovercolor.gelb:after {	
	background:rgba(255,204,25,0.80);	
}

.imageovercolor.setoverlaycolor11:after,
.imageovercolor.gelborange:after {	
	background:rgba(255,155,25,0.80);	
}

.imageovercolor.setoverlaycolor10:after,
.imageovercolor.orange:after {	
	background:rgba(255,117,25,0.80);	
}

.imageovercolor.setoverlaycolor14:after,
.imageovercolor.hellgruen:after {	
	background:rgba(105,202,33,0.80);	
}

.imageovercolor.setoverlaycolor9:after,
.imageovercolor.gruen:after {	
	background:rgba(72,141,9,0.80);	
}

.imageovercolor.setoverlaycolor12:after,
.imageovercolor.dunkelgruen:after {	
	background:rgba(53,108,5,0.80);	
}

.imageovercolor.setoverlaycolor7:after,
.imageovercolor.hellblau:after {	
	background:rgba(107,153,239,0.80);	
}

.imageovercolor.setoverlaycolor8:after,
.imageovercolor.blau:after {	
	background:rgba(30,117,235,0.80);	
}

.imageovercolor.setoverlaycolor13:after,
.imageovercolor.dunkelblau:after {	
	background:rgba(22,84,203,0.80);	
}

.imageovercolor.setgreen:after {	
	background:rgba(59,131,130,0.80);	
}

.imageovercolor.setfullgreen:after {	
	background:rgba(59,131,130,1);	
}

.gruenteam {
	border-color: rgba(73,160,160,1);
	background: rgba(73,160,160,1);
}
.imageovercolor.gruenteam:after {	
	background:rgba(73,160,160,0.8);	
}

.gruenprofil {
	border-color: rgba(58,130,130,1);
	background: rgba(58,130,130,1);
}

.imageovercolor.gruenprofil:after {	
	background:rgba(58,130,130,0.8);	
}
.gruenausstattung {
	border-color: rgba(50,112,111,1);
	background: rgba(50,112,111,1);
}

.imageovercolor.gruenausstattung:after {	
	background:rgba(50,112,111,0.8);	
}

.gruenstellenangebote {
	border-color: rgba(43,97,96,1);
	background: rgba(43,97,96,1);
}

.imageovercolor.gruenstellenangebote:after {	
	background:rgba(43,97,96,0.8);	
}

.imageovercolor {
	margin-bottom: 30px;
	font-size: 1.714rem;
}
/* hoverimage ende----------- */


/* carousel ----------- */
.chevron-left {
	position: absolute;
	 top: 45%;
    left:0%;
}
.chevron-right {
	position: absolute;
	top: 45%;
  right:0%;
}

.carouseltitel {
	font-size: 1.5rem;
	color: #ffffff;
	padding-left: 30px;
	padding-right: 30px;
	height: 35px;
	display: inline-block;
}


/** Farben nach der Kategorie setzen **/
.setcategorycolor6 {	
	border-color: #ffcc19;
	background-color: #ffcc19;		
}

.setcategorycolor7 {	
	border-color: #6b99ef;
	background-color: #6b99ef;		
}

.setcategorycolor13 {	
	border-color: #1654cb;
	background-color: #1654cb;		
}

.setcategorycolor9 {	
	border-color: #488d09;
	background-color: #488d09;		
}

.setcategorycolor10 {	
	border-color: #ff7519;
	background-color: #ff7519;		
}

.setcategorycolor11 {	
	border-color: #FF9B19;
	background-color: #FF9B19;		
}

.setcategorycolor12 {	
	border-color: #356c05;
	background-color: #356c05;		
}

.setcategorycolor8 {	
	border-color: #1e75eb;
	background-color: #1e75eb;		
}

.setcategorycolor14 {	
	border-color: #69ca21;
	background-color: #69ca21;		
}


.bgcolorprojekte {
	background-color: #478D09;
}

.bgcolorbuero {
	background-color: #478D09;
}

.sliderinfobox {	
	padding: 5px;
	padding-left: 15px;
	padding-right: 15px;
	float: right;
	color: #fff;
}

.carousel-inner {
	background-color: #000;
	
}

.carousel-inner > .item > img {
	margin: auto;
}

.carousel-control:hover,
.carousel-control:focus,
.carousel-control {
	opacity:1;
}

.carousel-control.right,
.carousel-control.left {
	background-image: none !important;    
}

.carousel-control.left {
	left: -9px;
}

.carousel-control.right {
	right: -11px;
}
.setcategorycolor {
	
}
/* carousel ende ----------- */

/* container eigenschaften ----------- */

.container.topbox {
	margin-top: 35px;
}
.container.topbox img {
	padding-top: 3px;
}
.container {
	max-width: 884px;
}

.container.content {
	padding-left: 30px;
	padding-right: 30px;
}

.container.content article ul {
	padding-left: 12px;
}

.container img.setgray {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale"); 
	filter: grayscale(100%);
	filter: url(/grayscale.svg#grayscale);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: url(desaturate.svg#greyscale);
	filter: gray;
	-webkit-filter: grayscale(1);
 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ 
}

.container img.setgray:hover {
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: none;
}


/* container eigenschaften ende ----------- */

/* Default ----------- */

h1 {
	font-size: 1.714rem;
}

h2 {
	font-size: 1.6rem;
}

h3 {
	font-size: 1rem;
	font-weight: bold;
}

table td,
table th {
 vertical-align: top;
 padding-right: 20px;
}

.setnobr {
	white-space: nowrap;
}

article {
	line-height: 1.53rem;
}

.setmarginleft {
margin-left: -5px;
}
/* Default ende ----------- */

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
  /* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
  /* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
  /* Styles */
.setmarginleft {
margin-left: 0px;
}
}

@media only screen 
and (max-width : 767px) {
  /* Styles */
.setmarginleft {
margin-left: -2px;
}
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
  /* Styles */
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
  /* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
  /* Styles */
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
  /* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
  /* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
  /* Styles */
}

/* iPhone 5 ----------- */
/* You've spent way to much on a phone */