/* Main Styles

================================================== */



body {

    

    background-image: url('../img/background_loop.jpg');

    background-repeat: repeat-x;

    background-color: #fbfbfb;

    background-position: top center;

}

iframe {

    margin: 0 auto;
    display:block;
}



#background {

    width: 100%;

    min-height: 100%;

    position: relative;

    z-index: 1;

    background-image: url('../img/background.jpg');

    background-repeat: no-repeat;

    background-position: top center;

    float: left;

}



#wrap {

max-width:960px;

margin:50px auto;

background-color:#fff;

border:4px solid #f1f1f1;

padding:15px;



}



#logo {



}





.separator {

    width: 100%;

    height: 1px;

    background-color: #e2e2e2;

    float: left;

    margin-top:40px;

}



.separator2 {

    width: 100%;

    height: 1px;

    background-color: #e2e2e2;

    float: left;

    margin-bottom: 40px;

}



.separator3 {

    width: 100%;

    height: 1px;

    background-color: #e2e2e2;

    float: left;

    margin-bottom: 40px;

    margin-top: 40px;

}



.sitelang a {

	float: right;

	background-repeat: no-repeat;

	background-position: left center;

	margin-left: 10px;

	margin-bottom: 0;

    padding-left: 25px;

    padding-right:5px;

    font-size:14px!important;







}



.logo {max-width:100%; max-height:100%;     padding-bottom:30px;

    padding-top: 10px;}



.info, .success, .warning, .error, .validation {

    border: 1px solid;

    margin: 10px 0px;

    padding:15px 10px 15px 50px;

    background-repeat: no-repeat;

    background-position: 10px center;

}

.info {

    color: #00529B;

    background-color: #BDE5F8;

    background-image: url('../img/info.png');

}

.success {

    color: #4F8A10;

    background-color: #DFF2BF;

    background-image:url('../img/success.png');

}

.warning {

    color: #9F6000;

    background-color: #FEEFB3;

    background-image: url('../img/warning.png');

}

.error {

    color: #D8000C;

    background-color: #FFBABA;

    background-image: url('../img/error.png');

}





.ru {background-image: url(../img/flags/ru.png);}





.anzeigen {

top:50%;

}



.arten a {



  background-color:#eee;   

}









.arten li {margin-top:5px; }



.page_heading {

        float: left;

    width: 100%;

    height: 91px;

    padding-top: 1px;

    padding-bottom: 1px;

    background-position: top right;

    background-repeat: no-repeat;

    background-color: transparent;



}



.vorsorge {

    float: left;

    width: 100%;

    height: 91px;

    padding-top: 1px;

    padding-bottom: 1px;

    background-position: top right;

    background-repeat: no-repeat;

    background-color: transparent;

    background-image: url('../img/h_vorsorge.jpg');

}



.harten {

    float: left;

    width: 100%;

    height: 91px;

    padding-top: 1px;

    padding-bottom: 1px;

    background-position: top right;

    background-repeat: no-repeat;

    background-color: transparent;

    background-image: url('../img/h_arten.jpg');

}



.kontakt {

    float: left;

    width: 100%;

    height: 91px;

    padding-top: 1px;

    padding-bottom: 1px;

    background-position: top right;

    background-repeat: no-repeat;

    background-color: transparent;

    background-image: url('../img/h_kontakt.jpg');

}



.presse {

    float: left;

    width: 100%;

    height: 91px;

    padding-top: 1px;

    padding-bottom: 1px;

    background-position: top right;

    background-repeat: no-repeat;

    background-color: transparent;

    background-image: url('../img/h_presse.jpg');

}



.grabpflege {

    float: left;

    width: 100%;

    height: 91px;

    padding-top: 1px;

    padding-bottom: 1px;

    background-position: top right;

    background-repeat: no-repeat;

    background-color: transparent;

    background-image: url('../img/h_grabpflege.jpg');

}



.hanzeigen {

    float: left;

    width: 100%;

    height: 91px;

    padding-top: 1px;

    padding-bottom: 1px;

    background-position: top right;

    background-repeat: no-repeat;

    background-color: transparent;

    background-image: url('../img/h_anzeigen.jpg');

}



.trauerfall {

    float: left;

    width: 100%;

    height: 91px;

    padding-top: 1px;

    padding-bottom: 1px;

    background-position: top right;

    background-repeat: no-repeat;

    background-color: transparent;

    background-image: url('../img/h_trauerfall.jpg');

}



.page_heading h1 {

    

    margin-top:2%;

    

}



.img-right {float:left;}







.leftbar {

    

    

    border-left:1px solid #ccc;

    padding:0 0 0 5%;

}



.rightbar {

    

    

    border-right:1px solid #ccc;

}



img.grayscale {

  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 3.5+ */

  filter: gray; /* IE6-9 */

  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */

      -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */

    -webkit-backface-visibility: hidden; /* Fix for transition flickering */

}



img.grayscale:hover {

  filter: none;

  -webkit-filter: grayscale(0%);

}

























.hr {

    width: 100%;

    float: left;

    clear: left;

    height: 1px;

    background-image: url('../img/hr.png');

    background-repeat: no-repeat;

    background-position: top center;

    margin-bottom: 50px;

}





.hr2 {

    width: 100%;

    float: left;

    clear: left;

    height: 1px;

    background-image: url('../img/hr.png');

    background-repeat: no-repeat;

    background-position: top center;

    margin-bottom: 50px;

    margin-top: 50px;

}



.topic {margin-bottom:15px;}





.home {max-width:100%;  height:auto;}



a h1:hover {color:#aaa}



.dropcap {

    font-size: 42px;

    font-weight: bold;

    float: left;

    margin-top: 10px;

    margin-right: 6px;

}



blockquote {

    width: 90%;

    float: left;

    padding: 0px;

    margin: 0px;

    padding: 0px;

    padding-left: 40px;

    padding-top: 5px;

    background-image: url('../img/quote.png');

    background-repeat: no-repeat;

    background-position: 0px 0px;



}



blockquote.align_right {

    width: 40%;

    margin-left: 20px;

    margin-top: 10px;

    margin-bottom: 10px;

    float: right;

}



blockquote.align_left {

    width: 40%;

    margin-right: 20px;

    margin-top: 10px;

    float: left;

    margin-bottom: 10px;

}



blockquote footer {

    font-style: italic;

    color: #8c8c8c;

    margin-top: 10px;

}









.heading1 {

    color: #444;

    line-height: 24px;

    margin-bottom: 0px;

}



.heading2 {

    color: #888;

    font-weight: normal;

    margin-bottom: 5px;





}



.maja {

    

    width:100%; 

   height:300px; 

   background:url(../img/9maja.jpg) center center no-repeat;

    

}

/* WELCOME SECTION */



.welcome {

    float: left;

    clear: left;

    width: 100%;

    padding-top: 60px;

    padding-bottom: 30px;



}



.welcome p {

    float: left;

    clear: left;

    width: 100%;

    text-align: center;

    font-size: 18px;

    line-height: 30px;

    

}





/* Contact Info */



#header .contact-info {

	

	margin-top: 80px;

}



#header .contact-info p {

	float: right;

	background-repeat: no-repeat;

	background-position: left center;

	margin-left: 10px;

	margin-bottom: 0;

    padding-left: 25px;

    font-size:14px!important;

    font-weight:bold;

}



.big{font-size:16px!important; padding-right:0px;}



#footer-widget .contact-info p {

    float:left;

	background-repeat: no-repeat;

	background-position: left center;

	margin-bottom: 5px;

    font-size:12px!important;

    padding-left: 25px;

    margin-left: 10px;

}



#footer {



border-top:1px dotted #aaa;

padding:5px 0 5px 0;

 



}



.contact-info .email {

	background-image: url(../img/mail.png);



}



.contact-info .phone {

	background-image: url(../img/phone.png);



}



.contact-info .address {

	background-image: url(../img/home.png);



}



.impressum {text-align:right; font-size:12px!important;}





/* Menu

====================================*/



#navigation { }



.selectnav {

	display: none;

}

.selectnav {width:100%; text-align:center;}



.menu {width:100%; background-color: #f1f1f1;}





.menu ul, .menu li > div {

	visibility: hidden;

	display: none;

}



.menu li:hover > ul, .menu li:hover > div {

	visibility: visible;

	display: block;

}



.menu {

float:left;

}

/* Reset  */

.menu, .menu ul {

	margin:0;

	padding:0;

	list-style:none;

}



.menu li, .menu ul a {position:relative;}

.menu > li {float:left;}

.menu > li.floatr {float:right;}

.menu li > a {display:block;}



.menu ul {

	position:absolute;

	display:none;

	width:170px;

}

.menu ul ul {

	top:0;

	left:170px;

}



.menu li:hover > ul {display:block;}





#current {

	background-color: #e1e1e1;



	z-index: 8;

	position: relative;

}



.menu a {text-decoration:none;}



.menu > li > a {

	color:#777;

	font-weight: 400;

	font-size: 13px;

	line-height:18px;

	padding: 15px 10px 16px 10px;

}



.menu > li:hover > a {

	background-color: #e1e1e1;





}



ul.menu li a {

	-webkit-transition: background-color 80ms ease-in-out;

	-moz-transition: background-color 80ms ease-in-out;

	-o-transition: background-color 80ms ease-in-out;

	-ms-transition: background-color 80ms ease-in-out;

	transition: background-color 80ms ease-in-out;

}



.menu ul li a {

	-webkit-transition: background-color 20ms ease-in-out, color 20ms ease-in-out;

	-moz-transition: background-color 20ms ease-in-out, color 20ms ease-in-out;

	-o-transition: background-color 20ms ease-in-out, color 20ms ease-in-out;

	-ms-transition: background-color 20ms ease-in-out, color 20ms ease-in-out;

	transition: background-color 20ms ease-in-out, color 20ms ease-in-out;

}





.menu > li > a img, .menu li > ul > li > a img {

	border:0;

	margin-right:7px;

}

.shadow:hover {
-webkit-box-shadow: 0px 6px 13px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    0px 6px 13px 0px rgba(50, 50, 50, 0.5);
box-shadow:         0px 6px 13px 0px rgba(50, 50, 50, 0.5);
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}





/* Sub Menu */

.menu ul {

	background-color: #fff;

	border:1px solid #e0e0e0;

	border-top:none;

	left:-1px;

	z-index: 999;

	border-radius: 0 0 2px 2px;

	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);

	box-shadow: 0 1px 1px rgba(0,0,0,0.04);

}



.menu ul a {

	color: #777;

	font-size: 12px;

	line-height: 18px;

	padding: 9px 12px;

	border-top: 1px solid #e6e6e6;

}



.menu ul a:hover {

	background-color:#f5f5f5;

}





/* Mega Menu */

.menu .cols1, .menu .cols2, .menu .cols3, .menu .cols4, .menu .cols5 {

	position:absolute;

	display:none;

	overflow:auto;

	z-index: 999;

	background: #fff;

}



.menu .cols1, .menu .col1 {width:160px;}

.menu .cols2, .menu .col2 {width:320px;}

.menu .cols3, .menu .col3 {width:480px;}

.menu .cols4, .menu .col4 {width:640px;}

.menu .cols5, .menu .col5 {width:800px;}

.menu > li.floatr > ul.cols1, ul.cols2, ul.cols3, ul.cols4, ul.cols5 {right:0;}

.menu > li:hover > ul.cols1, ul.cols2, ul.cols3, ul.cols4, ul.cols5 {display:block;}

.menu .col1, .menu .col2, .menu .col3, .menu .col4, .menu .col5 {float:left;}



.menu li > ul.cols1,ul.cols2, ul.cols3, ul.cols4,ul.cols5  {

	background-color:#fff;

	border:1px solid #e0e0e0;

	border-top:none;

	left:-1px;

	padding:10px;

}



ul.cols1 a:hover, ul.cols2 a:hover, ul.cols3 a:hover, ul.cols4 a:hover, ul.cols5 a:hover {

	background: none;

	border: none;

}



ul.cols1 a, ul.cols2 a, ul.cols3 a, ul.cols4 a, ul.cols5 a {

	background: none;

	border: none;

}



ul.cols1 p a, ul.cols2 p a, ul.cols3 p a, ul.cols4 p a, ul.cols5 p a {

	padding: 0;

}



.menu h4 {

	font-size: 13px;

	color: #888;

	font-weight: normal;

	margin: 0px 10px 5px;

	padding-bottom: 5px;

	border-bottom: 1px solid #e0e0e0;

	letter-spacing: 0;

    

}



.menu h5 {

	font-size: 13px;

	margin: 8px 10px -3px 10px;

}

.menu ol {

	list-style:none;

	margin: 7px 10px;

	padding: 0;

}



.menu ol a {

	color: #777;

	font-size: 12px;

	padding: 3px 0;

	line-height: 15px;

}



.menu ol a:hover {

	color: #444;

}

.menu p {

	font-size: 12px;

	line-height: 18px;

	margin: 9px 10px;

	padding: 0;

}

.menu p a {

	color: #888;

	text-decoration: underline;

}

.menu p a:hover {

	color: #555;

}





/* FlexSlider Necessary Styles

*********************************/

.flexslider2 {

width:100%;

overflow:hidden;

} 



.widget-slider{

position:relative;

}



.widget-slider h5{

float:left;

}

#flex-widget .flexslider2 {margin: 0; padding: 0;}

#flex-widget .flexslider2 .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */

#flex-widget .flexslider2 .slides img {width: 100%; display: block;}

#flex-widget .flex-pauseplay span {text-transform: capitalize;}



/* Clearfix for the .slides element */

#flex-widget .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 

html[xmlns] #flex-widget .slides {display: block;} 

* html  #flex-widget .slides {height: 1%;}



#flex-widget .flexslider2 li {

overflow:hidden;

}



.view-wrap{

float:left;

border:1px solid #efefef;

padding:5px;

margin-right:10px;

}





/* line 317, ../sass/screen.sass */

.imageRow {

  *zoom: 1;

  margin: 20px 0;

}

/* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */

.imageRow:after {

  content: "";

  display: table;

  clear: both;

}

/* line 320, ../sass/screen.sass */

.imageRow .single {

  float: left;

}

/* line 322, ../sass/screen.sass */

.imageRow .single a {

  float: left;

  display: block;

  background: rgba(255, 255, 255, 0.1);

  padding: 7px;

  line-height: 1em;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  -ms-border-radius: 4px;

  -o-border-radius: 4px;

  border-radius: 4px;

  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);

  -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);

  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);

  margin-right: 40px;

  -webkit-transition: all 0.2s ease-out;

  -moz-transition: all 0.2s ease-out;

  -ms-transition: all 0.2s ease-out;

  -o-transition: all 0.2s ease-out;

  transition: all 0.2s ease-out;

}

/* line 332, ../sass/screen.sass */

.imageRow .single a img {

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  -ms-border-radius: 4px;

  -o-border-radius: 4px;

  border-radius: 4px;

  border: 1px solid rgba(0, 0, 0, 0.3);

}

/* line 335, ../sass/screen.sass */

.imageRow .single a:hover {

  background-color: #eee;

}

/* line 337, ../sass/screen.sass */

.imageRow .set {

  float: left;

  background: rgba(255, 255, 255, 0.1);

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  -ms-border-radius: 4px;

  -o-border-radius: 4px;

  border-radius: 4px;

  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);

  -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);

  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);

  -webkit-transition: all 0.2s ease-out;

  -moz-transition: all 0.2s ease-out;

  -ms-transition: all 0.2s ease-out;

  -o-transition: all 0.2s ease-out;

  transition: all 0.2s ease-out;

}

/* line 343, ../sass/screen.sass */

.imageRow .set:hover {

  background: rgba(255, 255, 255, 0.2);

}

/* line 346, ../sass/screen.sass */

.imageRow .set .single a {

  background: none;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -ms-border-radius: 0;

  -o-border-radius: 0;

  border-radius: 0;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

  margin-right: 0;

}

/* line 351, ../sass/screen.sass */

.imageRow .set .single a:hover {

  background-color: #eee;

  -webkit-box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.2), 0 1px 4px 0 rgba(0, 0, 0, 0.5);

  -moz-box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.2), 0 1px 4px 0 rgba(0, 0, 0, 0.5);

  box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.2), 0 1px 4px 0 rgba(0, 0, 0, 0.5);

}

/* line 355, ../sass/screen.sass */

.imageRow .set .single.first a {

  -moz-border-radius-topleft: 4px;

  -webkit-border-top-left-radius: 4px;

  -ms-border-top-left-radius: 4px;

  -o-border-top-left-radius: 4px;

  border-top-left-radius: 4px;

  -moz-border-radius-bottomleft: 4px;

  -webkit-border-bottom-left-radius: 4px;

  -ms-border-bottom-left-radius: 4px;

  -o-border-bottom-left-radius: 4px;

  border-bottom-left-radius: 4px;

}

/* line 358, ../sass/screen.sass */

.imageRow .set .single.last a {

  -moz-border-radius-topright: 4px;

  -webkit-border-top-right-radius: 4px;

  -ms-border-top-right-radius: 4px;

  -o-border-top-right-radius: 4px;

  border-top-right-radius: 4px;

  -moz-border-radius-bottomright: 4px;

  -webkit-border-bottom-right-radius: 4px;

  -ms-border-bottom-right-radius: 4px;

  -o-border-bottom-right-radius: 4px;

  border-bottom-right-radius: 4px;

}