/*****************************************
	CUSTOM CSS
******************************************/



/**	images ( dieser bereich wurde in der main css ausgeklammert, weil imageeffekt nicht richtig angezeigt wurde) **/
/**
.main_component img, #tinymce img {
border-radius: 3px;
margin: 12px 1px 12px 0;
box-shadow : 0px 1px 3px rgba(0,0,0,0.20);
padding : 3px ;
border : 1px solid #ddd ;
border-color: rgba(0,0,0,0.10);
background: rgba(255,255,255,0.26);
}**/





/**trennzeichen-linie 


.trennzeichen-linie {
background-color: #878787;
position: absolut;
height: 1px;
width: 40px;
left: 5px;
}
**/


/**		no min width to prevent problem in Blog page **/
@media screen and (min-width: 600px) {

	[class*="effect-image"] {
	min-width: 200px;
	}

} 


/*****		EFFECT 05		**********/

.effect-image-5 {
background: #030c17;
border-radius: 5px;
    border: 1px solid #5E5D5D;
  box-shadow: 0.5px 1px 1px #5E5D5D;
}


.effect-image-5 img {
max-width: none;
width: -webkit-calc(100% + 60px);
width: calc(100% + 60px);
opacity: 1;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-30px,0,0) scale(1.12);
transform: translate3d(-30px,0,0) scale(1.12);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

.effect-image-5:hover img {
opacity: 0.5;
-webkit-transform: translate3d(0,0,0) scale(1);
transform: translate3d(0,0,0) scale(1);
}

.effect-image-5 h3 {
position: absolute;
right: 0;
bottom: 0;
padding: 0.3em 1.2em;
}

.effect-image-5 p {
padding: 0 10px 0 0;
width: 80%;
border-right: 1px solid #fff;
text-align: right;
opacity: 0;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-40px,0,0);
transform: translate3d(-40px,0,0);
}


@media screen and (max-width: 600px) {

	.effect-image-5 p {
	width: 80%;
	}

}

.effect-image-5:hover p {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}


/*****		Supersized - Hintergrund ohne Gitternetz	( wurde in der main.css ausgeklammert)	**********/

.square-pattern {
position:fixed;
top:0;
left:0;
right:0;
height:100%;
background: transparent;
z-index:5;
}


/*	List  */  
/** list_arrow.png      wurde unterhalb bei list_bullet.png geändert   **/  

.main_component ul, .blog_more ul, ul.normal, ul.check, ul.arrow, ul.normal_green, ul.check_green, ul.arrow_green, ul.circle, ul.circle_red,
ul.normal_red, ul.check_red, ul.arrow_red, ul.normal_white, ul.check_white, ul.arrow_white, ul.circle_white  {
margin: 10px 0 16px 6px;
}
.main_component ul li, .blog_more ul li, .normal li, .check li, .arrow li, .normal_red li, .check_red li, .arrow_red li, .circle li,
.circle_red li, .normal_white li, .check_white li, .arrow_white li, .circle_white li  {
 background: url(../images/list_normal_red.png) 0 4px no-repeat;
padding-left: 17px;
list-style:none; 
margin:2px 0 2px 0;
}

.main_component ul ul, ul.normal ul, ul.check ul, ul.arrow ul, ul.normal_red ul, ul.check_red ul, ul.arrow_red ul, ul.circle ul, 
ul.circle_red ul, ul.normal_white ul, ul.check_white ul, ul.arrow_white ul, ul.circle_white ul {
margin-left: 0px;
margin-top:4px;
padding-left:0;
}

.main_component ul li li, .normal li li, .check li li, .arrow li li, .normal_red li li, .check_red li li , .arrow_red li li , .circle li li, 
.circle_red li li, .circle_white li li, .check_white li li, .arrow_white li li, .normal_white li li  {
background: url(../images/list_normal_red.png) 0 4px no-repeat;
padding-left: 18px;
list-style:none; 
margin:0px 0;
}

.check li {
background: url(../images/list_check.png) 0 4px no-repeat !important;
}
.arrow li {
background: url(../images/list_arrow.png) 0 4px no-repeat !important;
}
.arrow_red li {
background: url(../images/list_arrow_red.png) 0 4px no-repeat !important;
}
.check_red li {
background: url(../images/list_check_red.png) 0 4px no-repeat !important;
}
.normal_red li {
background: url(../images/list_normal_red.png) 0 4px no-repeat !important;
}
.normal li {
background: url(../images/list_normal.png) 0 4px no-repeat !important;
}

ol {
margin: 5px 0 0 6px;
background-color: transparent;
padding: 0 0 0 20px;
}

ol li {
margin: 0;
padding: 1px 5px;
font-weight: normal;
}

ul li > h2, ul li > h3, ul li > h4 {
margin-top : 0;
padding-top:0;
}

.main_component ul li.btn-group {
background-image : none ;
margin:0 ;
padding : 0 ;
}

.list-striped li, .list-striped dd, .row-striped .row, .row-striped .row-fluid {
background-image: none !important;
padding: 10px 0 20px 0 !important;
border-bottom: 1px solid #dddddd;
list-style:none;
margin:0 !important;
}

.category li[class*="cat-list"] > h3 {
font-size:150%;
padding: 4px 9px;
font-weight:normal;
margin : 0;
color:#333;
background: transparent url(../images/black-05.png) 0 0 repeat;
}


/*	List con white-text.css ungeändert - hierherkopiert */
/*
.main_component ul li, .blog_more ul li, .normal li, .check li, .arrow li, .normal_red li, .check_red li, .arrow_red li, .circle li,
.circle_red li, .normal_white li, .check_white li, .arrow_white li, .circle_white li {
	
background-image: url(../images/list_arrow_white.png)
}
.main_component ul li li, .normal li li, .check li li, .arrow li li, .normal_red li li, .check_red li li , .arrow_red li li , .circle li li, 
.circle_red li li, .circle_white li li, .check_white li li, .arrow_white li li, .normal_white li li {
background-image: url(../images/list_arrow_white.png) ;
}

.check li {
background: url(../images/list_check_white.png) 0 0px no-repeat !important;
}
.arrow li {
background: url(../images/list_arrow_white.png) 0 0px no-repeat !important;
}*/



/*cssblog    anpassung für blogansicht*/





/** title blog 	**/

h2.contentheading {
font-size:155%;
padding: 10px 9px ;
color:#4B6980;
background: transparent url(../images/black-04.png) 0 0 repeat;
  
 
 
  /** linie mit transparenz unterhalb jeder blogüberschrift **/	
 
  background:
transparent url(../images/underline-article-title.png) 0 100% no-repeat;

    background-size: auto;
}

/**
 einen graues transparentes informationsfeld in den blogeinträgen
.items-leading {
padding:0px 0 20px 0;
overflow:hidden;
margin-bottom:10px; **/  
  /** ab hier hinzugefügt  **/  
/**  border-radius: 3px;

box-shadow : 0px 1px 3px rgba(0,0,0,0.20);
padding : 5px ;
border : 2px solid #ddd ;
border-color: rgba(0,0,0,0.10);
background: rgba(255,255,255,0.07);
}   **/

/** einen graues transparentes informationsfeld in den blogeinträgen **/
  
 /** 
  border-radius: 3px;
margin: 12px 1px 12px 0;
box-shadow : 0px 1px 3px rgba(0,0,0,0.20);
padding : 3px ;
border : 1px solid #ddd ;
border-color: rgba(0,0,0,0.10);
background: rgba(255,255,255,0.26);**/
  
  

.website-footer {
position:relative;
clear:both;
margin: 0;
text-align:left;
margin-top: -48px; /* negative value of footer height */
height: 60px;
}

.website-footer.only-icons {
background-color : transparent !important;
min-height:48px;
}

/*	Opera Fix for the footer */
body:before {
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;
}

.website-footer .wrapper-site {
padding : 10px 0 10px 0;
height:28px ; 		/*  same value as height of website-footer (height + padding) 		*/
}

.bottom_menu {
float:right;
margin: 2px -20px 0px 0;
}

.address {
float:left;
margin: 10px 0 0 0px;
}

.address p {
margin: 0px;
}

  /*  		*/

.website-header {
position:relative;
height:65px;
box-shadow : 1px 1px 5px 0px rgba(0,0,0, 0.65) ;
}