/*
Template für Elsavamar Elsenfeld
CSS Datei
Autor: S. Willig | REIKEM
Web: http://www.reikem.de
Alle Rechte vorbehalten.
*/
@font-face {
	font-family: 'Georgia';
	src: url('../fonts/GEORGIA.ttf'); /* online gespeicherte schrift abrufen */
}
html{overflow-y:scroll;} /* Forces a scrollbar when the viewport is larger than the websites content - CSS3 */
body{max-width:100%;margin:0; padding:0; font-size:13px; font-family:"Georgia", "Times New Roman", Times, serif; color:#919191; background-color:#FFF;}

.clear:after{content:"."; display:block; height:0; clear:both; visibility:hidden; line-height:0;}
.clear{display:block; clear:both;}
html[xmlns] .clear{display:block;}
* html .clear{height:1%;}

a{outline:none; text-decoration:none;}
a:hover {color: #0069b4; transition: all 0.3s ease;}

code{font-weight:normal; font-style:normal; font-family:Georgia, "Times New Roman", Times, serif;}

.fl_left{float:left;}
.fl_right{float:right;}

img{margin:0; padding:0; border:none; line-height:normal; vertical-align:middle;}
.imgholder, .imgl, .imgr{padding:4px; border:1px solid #D6D6D6; text-align:center;}
.imgl{float:left; margin:0 15px 15px 0; clear:left;}
.imgr{float:right; margin:0 0 15px 15px; clear:right;}

/*----------------------------------------------HTML 5 Overrides-------------------------------------*/

address, article, aside, figcaption, figure, footer, header, hgroup, nav, section{display:block; margin:0; padding:0;}

q{display:block; padding:0 10px 8px 10px; color:#979797; background-color:#ECECEC; font-style:italic; line-height:normal;}
q:before{content:'“ '; font-size:26px;}
q:after{content:' „'; font-size:26px; line-height:0;}

/* ----------------------------------------------Wrapper-------------------------------------*/

div.wrapper{display:block; width:100%; margin:0; padding:0; text-align:left;}

.row1, .row1 a{color:#C0BAB6; background-color:#333333;}
.blue1, .blue1 a {color: #0069b4; background-color: #84d5fb; font-size: 14px;}
.row2{/*color:#979797;*/ color: #0069b4;background-repeat: no-repeat; background-position: center;}
.row2 a{color:#FF9900; background-color:#FFFFFF;}
.row2 a:hover {color: #0069b4; transition: all 0.7s ease;}
.row2 #container {background: #FFF;}
.row3, .row3 a{color:#919191; background-color:#232323;}

/*----------------------------------------------Generalise-------------------------------------*/

#header, #container, #footer{display:block; width:960px; margin:0 auto;}

nav ul{margin:0; padding:0; list-style:none;}

h1, h2, h3, h4, h5, h6{margin:0; padding:0; font-size:16px; font-weight:bold; font-style:normal; line-height:normal; text-transform:uppercase;}
h3 small {font-size: 10px;text-transform: none;}
address{font-style:normal;}

blockquote, q{display:block; padding:8px 10px; color:#979797; background-color:#eeeeee; font-style:italic; line-height:normal;}
/*blockquote:before, q:before{content:'" '; font-size:26px;}
blockquote:after, q:after{content:' "'; font-size:26px; line-height:0;} */

table p {margin: 0; }

form, fieldset, legend{margin:0; padding:0; border:none;}
legend{display:none;}
input, textarea, select{font-size:12px; font-family:Georgia,"Times New Roman",Times,serif;}

.one_third, .two_third, .three_third{display:block; float:left; margin:0 30px 0 0;}
.one_third{width:280px;}
.one_third .header { width: 100%; height: 35px; background: #ef7c00;}
.one_third .header h3 {text-align: center; color: #FFF;padding: 10px 0;}
.one_third .content {border: 1px solid #0069b4;border-top: none; height: 383px;}
.one_third .content p {margin: 0; padding: 5px 10px 15px 10px; color: #0069b4;}
.one_third .content table {margin-left: 10px; padding: 0; color: #0069b4;}
.two_third{width:590px !important; margin-right: 30px !important;}
.three_third{width:900px; float:none; margin: 0 30px; clear:both;}

/* und vierteln kriegen wir auch hin, oder? */

.one_fourth, .two-fourth, .three_fourth, .four_fourth {display: block; float: left; margin: 0 20px 0 0;}
.one_fourth {width: 210px;}
.one_fourth .header {width: 100%; height: 35px; background: #ef7c00;}
.one_fourth .header h3 {text-align: center; color: #FFF; padding: 10px 0; }
.one_fourth .content {border: 1px solid #0069b4; border-top: none;}
.one_fourth .content p {margin: 0; padding: 10px; color: #0069b4;}
.two_fourth {width: 440px; margin-right: 20px;}
.three_fourth {width: 680px; margin-right: 20px;}
.four_fourth {width: 900px; float: none; margin: 0 30px; clear: both; }

.lastbox{margin-right:30px;}
.firstbox {margin-left: 30px;}

/*----------------------------------------------Header-------------------------------------*/

#header{padding:15px 0 15px 0;}

#header hgroup{float:left; margin:0;}
#header hgroup img {height:120px;}
#header hgroup h1, #header hgroup h2{font-weight:normal; text-transform:none;}
#header hgroup h1{font-size:36px;}
#header hgroup h2{font-size:13px;}

#header .menu {display:block; width:575px; float:right; margin:0; padding:0;}
#header .menu ul {list-style:none;}
#header .menu ul li {float: left;padding: 0 15px 0 15px;float: right;}
#header .menu ul li a:hover {color: #FF9900; transition: all 0.3s ease;}

#header .video {display: block;width: 240px; height: 70px; float: right; margin: 20px 50px 0 10px; padding: 0; background-color: #0069b4;}
#header .video p  {margin: 15px;font-size: 16px; color: #FFF;text-align: center;}
#header .video p a {color: #FFF; background: none; }

#header .newsletter {display: block;width: 128px; height: 70px; float: right; margin: 20px 10px 0 0px; padding: 0; background-color: #0069b4;}
#header .newsletter p  {margin: 15px;font-size: 16px; color: #FFF;text-align: center;}
#header .newsletter p a {color: #FFF; background: none; }

/* Seitenmenue */
ul.seitenmenue {list-style: none; margin-left: -25px;}
ul.seitenmenue li {
    background-image: url('../images/circle.png');
    background-repeat: no-repeat;
    background-position: 0px center; 
    padding-left: 15px;
}

	ul.seitenmenue li.current, ul.seitenmenue li:hover {
	transition: all 0.3s ease;
	background-image: url('../images/circle_blue_full.png');
	}
	
	/*	.seitenmenue li.current a {color: #0069b4;} */

/*----------------------------------------------Trenner-------------------------------------*/

.wrapper.blue1 .ribbon {width: 100%; height: 15px; background: #0069b4;}
.wrapper.row2 {padding-bottom: 20px;}

/*----------------------------------------------Navigation-------------------------------------*/

.menuwrapper {width: 100%; height: 37px; background: #ef7c00; }

/*----------------------------------------------Content Area-------------------------------------*/

#container{padding:0;}
#container section{display:block; width:100%; margin:0 0 30px 0; padding:0;}
#container .last{margin:0;}
#container .more{text-align:right;}

/* ------Slider-----*/

#container #slider{ margin: 0;}
#slideshow {margin:0; padding:0;}

/*------ Newsticker ------ */

.tickerwrapper {width: 100%; height: 30px; background: #ef7c00; margin-bottom: 50px;}
.tickerwrapper p {padding: 5px;color: #FFF; font-size: 16px;text-align: center;width: 90%;margin: 0 auto;}

/* ------Main Content-----*/

#container #homepage{line-height:1.6em;}
#container #homepage section{margin:0;}

/* ----- Breadcrumbs ---- */
ul.breadcrumb {list-style: none;margin: 0;padding: 8px 0 0 20px;}
ul.breadcrumb li {float: left;padding: 0 10px;text-align: left;}
ul.breadcrumb li a {float: left;background: none; color: #ccc;}
ul.breadcrumb span {float: left;color: #eee;}

/* ------- Kontaktformular --------- */
/* Kontaktformular */
form {margin:0; padding:0;}
fieldset {  border: none;margin:0; padding:10px 10px 10px 0;}
.formResponsive { margin: 0px;}
.formResponsive .formHorizontal .rsform-block {margin-bottom: 8px;}
.rsform-block-kuechenberatung .formControlLabel {margin-top: -10px;}
.formResponsive .formHorizontal select {width: 150px;}
.formResponsive input[type="text"] {width: 300px;}
.formResponsive .rsform-block-plz input[type="text"] {width: 150px;}
.formResponsive .formHorizontal textarea { width: 500px; height: 200px;}
.formResponsive input[type="button"]:first-child, .formResponsive input[type="reset"], .formResponsive input[type="submit"]:first-child {
background-color: #FFFFFF !important;
background:#FFFFFF !important;
border:1px solid #C0C0C0 !important;
color:#333333 !important;
margin:5px !important;
padding:5px  15px !important;
}
.formResponsive input[type="reset"]:hover {
background:  #DEDEDE !important;
color: #333333 !important;
border: 1px solid #DEDEDE !important;
}
.formResponsive input[type="submit"]:hover{
background:  #0a71b4 !important;
color: #FFFFFF !important;
border:  1px solid #0a71b4 !important;
}
.formResponsive .formError { color: #0a71b4 !important;}
.formResponsive select.rsform-error, .formResponsive input.rsform-error,  .formResponsive textarea.rsform-error{ color: #0a71b4 !important; border-color: #0a71b4 !important;}
.formResponsive .formHorizontal input, .formResponsive .formHorizontal textarea, .formResponsive .formHorizontal select, .formResponsive .formHorizontal .formValidation, .formResponsive .formHorizontal .uneditable-input, .formResponsive .formHorizontal .input-prepend, .formResponsive .formHorizontal .input-append {
box-shadow:1px 1px 2px #DEDEDE;
}
.formResponsive .formHorizontal .formControlLabel { text-align: left; width: 30px;}
.formResponsive .formHorizontal .formControls {margin-left: 30px;}

.formResponsive h2 {margin-left: 30px; padding: 20px 0;}

/* Anfahrt */
.phocamaps {margin-left:-10px !important;}
.phocamaps input[type="button"]:first-child, .phocamaps input[type="reset"], .phocamaps input[type="submit"]:first-child {
background-color: #FFFFFF !important;
background:#FFFFFF !important;
border:1px solid #C0C0C0 !important;
color:#333333 !important;
margin:5px !important;
padding:5px  15px !important;
}
.phocamaps input[type="reset"]:hover {
background:  #DEDEDE !important;
color: #333333 !important;
border: 1px solid #DEDEDE !important;
}
.phocamaps input[type="submit"]:hover{
background:  #0a71b4 !important;
color: #FFFFFF !important;
border:  1px solid #0a71b4 !important;
}

/* Bildergalerie */
.pagination ul {list-style:none}
.pagination ul li {float: left; padding-right: 10px;}
.pagination .counter {float: right;}
#phocagallery .pagination {display:none !important;}

/* erster menuepunkt anpassen */

li.item-153 ul {
margin-left: 0px !important;
}

@media (min-width: 961px) {
.slicknav_menu {
		display:none;
	}
.mobilemenu  {display:none;}	

}

/* media queries */
@media (max-width: 960px) {
.clrrespo {clear:both;}
header#header {width: 100%;}
hgroup.imgrespo {max-width: 30%;height: auto;margin: 0 auto !important;float: none !important; }
hgroup.imgrespo img {display: block; max-width: 100%; height: auto !important;}

.nomobile  {display:none !important;}	


#header .video {margin: 20px auto 0 auto;float: none;max-width: 30%;height: auto;}
#header .video img {display: block; max-width: 100%; height: auto !important;}

#header .newsletter {margin: 20px auto 0 auto;float: none;max-width: 30%;height: auto;}
#header .newsletter img {display: block; max-width: 100%; height: auto !important;}

#container {width: 100%;}
#slideshow {width: 100% !important; }
#slideshow li {width: 100% !important; height: 100% !important; background-position: top center !important; background-size: auto 100% !important; background-repeat: no-repeat; }

.menuwrapper {max-width: 100% !important; overflow: hidden; }

ul.breadcrumb {max-width: 100%; }
.menuwrapper {
		display:none;
	}
	.js .slicknav_menu {
		display:block;
	}
#container #homepage {max-width: 100%;overflow: hidden;}
#phocagallery.two_third {width: 60% !important;}

.mobilemenu {display: block; width: 100%;background: #ef7c00; }
.mobilemenu ul {width: 90%;list-style-type: none;background: #ef7c00; display: inline-block}
.mobilemenu ul li {float: right; padding:9px 15px;background: #ef7c00;font-size: 14px;}
.mobilemenu ul li a {background: #ef7c00; color: #fff;}
}

@media (max-width: 960px) and (min-width: 670px) {
.nomobile  {display:none !important;}	
.one_third {width: 45%; margin: 0 auto; padding: 0 2%; }
.one_third.lastbox.respo {margin: 0 auto;clear:both;float:none;padding-top: 30px;}

.two_third {width: 50% !important;float: left; padding: 0 !important; margin: 0 !important;}
.footerrespo {width: 50% !important; float: right; padding: 0 !important; margin: 0 !important;}

.one_fourth.firstbox {width: 15% !important; float: left;}
.three_fourth  {width: 70% !important;float: left;	}
}

@media (max-width: 669px) {
.one_third {width: 95%; margin: 0 auto; padding: 15px 2%;}
.nomobile  {display:none !important;}	
.one_fourth.firstbox {display: none; }
/*.forphone {clear:both; border-bottom:1px solid #ccc;}*/
.three_fourth {width: 95%; padding: 2%;}
#phocagallery.two_third {width: 100% !important;}
}

.ampel {
  border-left: 10px solid #ef7c00;
  min-height:10px;
  width:850px;
  margin: 0 30px 40px 30px;
  padding-left: 15px;
}
.ampel .left {
  width: 49%;
  text-align:center;
  float:left;
}
.ampel .right {
  width: 49%;
  text-align:center;
  float:left;
}
.ampel img {
  max-height: 1.5rem;
  line-height: 1.5rem;
  margin-left: 10px;
  margin-top: -4px;
}

@media (max-width: 900px) {
	.ampel {
		width: 90%;
	}
}
@media (max-width: 550px) {
	.ampel {
		width: 80%;
	}
	.ampel .left {
		width: 100%;
		clear:both;
		margin-bottom: 20px;
	}
	.ampel .right {
		width: 100%;
		clear: both; 
	}
}