/*
 Theme Name: ROCHHAUSEN
 Theme URI:
 Description: ChildTheme von Theme Horse Interface
 Author: Pepsite
 Author URI: http://www.pepsite.de/
 Template: interface
 Version: 3.0.3
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Tags: ROCHHAUSEN
*/
/*
You can start adding your own styles here. Use !important to overwrite styles if needed. */
/* MY CUSTOM STYLES
--------------------------------------------- */
body,
input,
textarea {
	color: #313131;
	font: 14px 'Tahoma', sans-serif;
	line-height: 20px;
	word-wrap: break-word;
}
body {
    background-color: #e7ebf4;
}
.wp-caption .wp-caption-text, .gallery-caption {
    font-style: normal;
}

#main {
    min-height: 37em;
	background: url("images/eisberg.jpg")center bottom no-repeat #edf1fa fixed;
	/* Hintergrund Bild auf Bildschirmgroesse anpassen  */
    -o-background-size: 100% auto, auto;
    -moz-background-size: 100% auto, auto;
    -webkit-background-size: 100% auto, auto;
    background-size: 100% auto, auto;
	/*padding: 0px !important;*/
	 padding: 30px 10px 10px 15px;
	 font-size: 16px;
	 line-height: 140%;
}
.container {
    max-width: 1070px;
}
/* Entry Content */
.entry-content {
    /*background-color: #ffffff;
     background-color: rgba(255, 255, 255, 0.6);*/
	display: block;
	overflow: hidden;
	/*background: url("images/hg.png")left top repeat;*/
}
ul.default-wp-page li.previous, ul.default-wp-page li.next {display: none;}
.entry-meta .by-author, .entry-meta .date, .entry-meta .comments {display:none;}
/* Headings */
h1,h2,h3,h4,h5,h6 {color: #0069b3;}
h1 {
    font-size: 30px;
    font-weight: bold;
    line-height: 35px; 
	font-family: 'Futura Md BT', sans-serif !important;
}
h2 {
    font-size: 27px;
    line-height: 33px;
}
h4 {
    font-size: 18px;
    line-height: 24px;
}
::selection {
	background: #0069b3 !important;
	color: #fff;
}
::-moz-selection {
	background: #0069b3 !important;
	color: #fff;
}
#content h2 {font-size: 22px;}

/* Horizontal Line */
hr { border-color: rgba(0, 105, 179, 0.6);
	border-style: solid none none;
	border-width: 1px 0 0;
	height: 0;
	margin: 30px 0;
	clear: both;
}
/* Links */
a, a:visited, a:link {
	color: #0069b3;
	text-decoration: none;
}
a:focus, a:active, a:hover {
	text-decoration: underline;
}
::selection {
	background: #0069b3;
	color: #fff;
}
.hgroup-right {
    float: right;
    min-width: 250px;
    padding: 0 !important;
    position: relative;
}
#site-logo {
    float: left;
    margin-bottom: 20px;
    margin-top: 20px;
	padding: 0 !important;
}
/* Header Info Bar */
.info-bar .info ul li:before {
	margin-top: 3px;
	margin-right: 5px;
	color: #005fa4;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: inline-block;
	width: 16px;
	height: 16px;
	font-size: 16px;
	line-height: 16px;
	font-family: 'Genericons';
	vertical-align: top;
}
.info-bar .info ul li a {
	color: #002d4d;
}
.info-bar {
    background-color: #4e92c6;
    color: #002d4d;
    padding-bottom: 6px;
}
/* =Menu
-------------------------------------------------------------- */
#access {
    font: 13px 'PT Sans', sans-serif;
	float: right;
}
#access li {
	float: left;
	position: relative;
	margin: 0 0 0 12px;
}
#access a {
	color: #313131;
	display: block;
	float: left;
	font-size: 14px;
	text-transform: uppercase;
	padding: 39px 0 0;
	height: 61px;
}
#access a:hover,
#access ul li.current-menu-item a,
#access ul li.current_page_ancestor a,
#access ul li.current-menu-ancestor a,
#access ul li.current_page_item a,
#access ul li:hover > a {
	color: #0069b3;
}

/* Dropdown */
#access ul li ul,
#access ul li:hover ul ul,
#access ul ul li:hover ul ul,
#access ul ul ul li:hover ul ul,
#access ul ul ul ul li:hover ul ul {
	display: none;
	z-index: 9999;
}
#access ul li:hover ul,
#access ul ul li:hover ul,
#access ul ul ul li:hover ul,
#access ul ul ul ul li:hover ul,
#access ul ul ul ul ul li:hover ul {
	display: block;
}
#access ul li ul {
	position: absolute;
	background-color: #fff;
	border-top: 4px solid #0069b3;
	top: 70px;
	left: 0;
	width: 215px;
	-webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
#access ul li ul li {
	float: none;
	margin: 0;
}
#access ul li ul li a,
#access ul li.current-menu-item ul li a,
#access ul li ul li.current-menu-item a,
#access ul li.current_page_ancestor ul li a,
#access ul li.current-menu-ancestor ul li a,
#access ul li.current_page_item ul li a {
	float: none;
	line-height: 20px;
	font-size: 14px;
	font-weight: normal;
	height: 100%;
	padding: 6px 10px;
	color: #313131;
	text-transform: capitalize;
}
#access ul li ul li a:hover,
#access ul li ul li:hover > a,
#access ul li.current-menu-item ul li a:hover {
	background-color: #F9F9F9;
	color: #0069b3;
}
#access ul li ul li ul {
	left: 190px;
	top: 0;
	border: 0 none;
	-webkit-box-shadow: 4px 0 8px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 4px 0 8px rgba(0, 0, 0, 0.2);
	box-shadow: 4px 0 8px rgba(0, 0, 0, 0.2);
}
/* Footer Info Bar  */
#colophon .info-bar {
	background-color: #4e92c6;
	padding-bottom: 5px;
	color: #002d4d;
	font-weight: normal;
}
#colophon .info-bar .info ul li a {
	color: #002d4d;
	font-weight: normal;
}
.info-bar .info ul li.address, .info-bar .info ul li.address1  {
	font-weight: normal !important;
}
.info-bar .info ul li.address1:before {
	content: '\f417';
}
adress1{
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
address1 {
	display: block;
	margin: 0 0 1.625em;
}
/* =Widgets
----------------------------------------------- */
.widget {
	margin-bottom: 50px;
}
.widget ul li a {
	color: #0069b3;
}
.widget ul li a:hover {
	color: #002d4d;
}
/* Site Generator */
#site-generator {
	padding: 20px 0px;
	color: #0069b3;
	background-color: #0069b3;
}
#site-generator .copyright a {
	color: #0069b3;
}
#site-generator .copyright a:hover {
	color: #0069b3;
}
/* Slogan */
.slogan-wrap {
	background-color: #0069b3;
	padding: 15px 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	margin-top: -1px;
}
.slogan-wrap .slogan {
    font-family: 'PT Sans', sans-serif;
	font-size: 27px;
	font-weight: bold;
	line-height: 34px;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
}
.slogan-wrap .slogan span, .test {
    font-family: 'PT Sans', sans-serif;
	font-size: 22px;
	line-height: 27px;
	display: block;
	padding-top: 5px;
	text-transform: uppercase;
	font-weight: normal;
	color: #b0d1e7;
	text-align: center !important;
}
.slogan {
    font-family: 'PT Sans', sans-serif !important;
	font-size: 25px;
	font-weight: bold;
	line-height: 28px;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
}
/* Our Clients Widget */
.widget_ourclients {
	margin-bottom: 0;
	padding: 10px 0;
	background-color: #0069b3;
}
.featured-slider {
    background-color: #c9d3e3;
    border-bottom: 1px solid #c9d3e3;
	padding: 0px !important;
}
.featured-text .featured-title {
	font-size: 23px;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 42px;
	padding: 10px 20px;
	background-color: #0069b3;
	background-color: rgba(0, 105, 179, 0.7);
	color: #fff;
}
.featured-text .featured-content {
	padding: 15px 20px;
	background-color: #B5BABE;
	background-color: rgba(181, 186, 190, 0.7);
	color: #0A0A0A;
	clear: left;
	font-size: 15px;
}

.page-title-wrap {
	background-color: #0069b3;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding: 20px 0;
	margin-top: -1px;
}
/* Breadcrumb */
.breadcrumb {
	float: right;
	text-align: right;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 12px;
	color: #c9d3e3;
}
.breadcrumb,
.breadcrumb a,
.breadcrumb a:hover {
	color: #c9d3e3;
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter:alpha(opacity=70);
}
.breadcrumb,
.breadcrumb a:hover {
	opacity: 10;
	-moz-opacity: 10;
	filter:alpha(opacity=100);
}
input[type="reset"],
input[type="button"],
input[type="submit"] {
	color: #fff;
	font-size: 12px;
	background-color: #0069b3;
}
/* Controllers */

#controllers a {
	border: 2px solid #0069b3;

}
#controllers a:hover,
#controllers a.active {
	background-color: #0069b3;
	color: #0069b3;
}
#startcontent {
    float: right;
    margin: 4em 0 0 0;
    width: 45%;
}
#startcontent h2 {
    font-size: 27px;
	line-height: 150%;
}
/* Readmore */
a.readmore {
	color: #fff;
	background-color: #0069b3;
}
a.readmore:hover {
	background-color: #4E92C6;
}

/* =Pagination
-------------------------------------------------------------- */
#wp_page_numbers,
.wp-pagenavi,
#content ul.default-wp-page,
.pagination {
	margin-bottom: 50px;
	border-top: 0px solid rgba(0, 0, 0, 0.1);
	border-bottom: 0px solid rgba(0, 0, 0, 0.1);
	padding: 7px 0;
}

#wp_page_numbers ul li.page_info,
.wp-pagenavi .pages {
	padding: 3px 8px 0;
	color: #313131;
}
#wp_page_numbers ul li a,
.wp-pagenavi .current,
.wp-pagenavi a,
ul.default-wp-page li a,
.pagination span {
	color: #ffffff !important;
	display: block;
	float: left;
	background-color: #0069B3;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 1px 8px 2px;
}
#wp_page_numbers ul li a:hover,
#wp_page_numbers ul li.active_page a,
.wp-pagenavi .current,
.wp-pagenavi a:hover,
ul.default-wp-page li a:hover,
.pagination span {
	color: #fff;
	background-color: #4E92C6;
}
footer.entry-meta {
	border-top: 0px solid rgba(0, 0, 0, 0.1);
	border-bottom: 0px solid rgba(0, 0, 0, 0.1);
	padding: 7px 0 0;
	clear: both;
}
.entry-title,
.entry-title a {
	color: #0069B3;
}
.entry-title a:hover,
.entry-title a:focus,
.entry-title a:active {
	color: #002d4d;
}

/* Entry Meta */
.entry-meta,
.entry-meta a {
	color: #313131;
}
.entry-meta a:hover,
.entry-meta .cat-links a:hover {
	color: #0069B3;
}
.entry-meta .cat-links,
.entry-meta .cat-links a {
	text-transform: uppercase;
	color: #313131;
	font-weight: normal;
	font-size: 14px;
}
.page-title {
	font-size: 22px;
	line-height: 29px;
	color: #fff;
	float: left;
	padding-top: 2px;
	font-family: 'Tahoma',sans-serif !important;
}
/* Form */
fieldset {  
    border: 1px solid #4e92c6;
    margin: 2em 0;
    padding: 0.7em 0.7em 0.7em 1.5em;		
	background-color: #4e92c6; /* Old browsers */
	background-color: rgba(78, 146, 198, 0.5);
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, .1);
	-moz-box-shadow:  0px 0px 5px rgba(0, 0, 0, .1);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, .6);
	width: 90%;
}

fieldset p {
 margin: 0 0 .5em 0 !impotant;
}
legend {
}
p.formular-hinweis {
    font-size: 0.85em;
	margin-bottom: 1.5em;
}

.sternchen {
    color: #DB0202;
}
.widget-title, .widget-title a {
    color: #0069b3;
}
.widget-title {
    font-size: 19px;
    line-height: 24px;
    padding-bottom: 15px;
    text-transform: uppercase;
}
.widget img {
    margin-top: 0 !important;
	margin-right: 10px !important;
}
.textwidget p.klein {
   clear: both;
   font-size: 95%;
   line-height: 130%;
}
.entry-content img, .comment-content img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
	background: none repeat scroll 0 0 #eaebec;
    border: 1px solid #C1C1C1;
	box-shadow: 0 0 5px #737373;
    padding: 5px;
	text-align: center;
	margin: 0;
}

img.alignright {margin: 0 0.5em 0 0;}
.widget img, .karte {
	background: none repeat scroll 0 0 #eaebec;
    border: 1px solid #C1C1C1;
	box-shadow: 0 0 5px #737373;
    padding: 2px;
}
.pinguin-start {
	background: none !important ;
    border: 0px !important;
	box-shadow: none !important;
    padding: 0px;
	margin: 0;
	float: left;
}

.produktkategorie {
    background-color: #C9D3E3;
    clear: both;
    margin: 0 0 1em 0;
    min-height: 260px;
    padding: 0 0 0.8em 0 !important;
}
.produktkategorie h3 {
	color: #ffffff;
	background-color: #0069B3;
	width: 100%;
	padding: 0.2em !important;
	margin: 0;
	font-size: 22px !important;

}
.produktkategorie h3 a, .produktkategorie h3 a:visited, .produktkategorie h3 a:link {
	color: #ffffff;
	text-decoration: none;
}
.produktkategorie h3 a, .produktkategorie h3 a:visited, .produktkategorie h3 a:link {
	color: #ffffff;
	text-decoration: none;
}
.produktkategorie h3 a::after {
  content: ' \00BB';
}
.produktkategorie h3 a:focus, .produktkategorie h3 a:hover, .produktkategorie h3 a:active {
	text-decoration: none;
}
.produktkategorie p {
   padding: 0.5em 0 0 0.7em !important;
   margin-bottom: 0 !important;
}
.produktkategorie img, .produktkategorie img a {
   margin: 0 0.5em 0 0;
   padding: 0 0 0 0 !important;
   border: 0;
   box-shadow: none !important;
   float: right;
}
.karte {
    text-align: center;
    width: 600px;
}
/* Back To Top */
.back-to-top a {
	background-color: #93A4BF;
	text-align: center;
	color: #0069B3 !important;

}
.back-to-top a:hover {
	background-color: #93A4BF !important;
	color: #fff !important;
}
/* Slider Text anzeigen unterdrückt */
.featured-text {
    display: none;
}
.gallery-item {
    margin-right: 15px !important;
    width: 31% !important;
}
#branding .info-bar .info ul {
    float: none !important;
    margin: 0;
}
.ohnehg, #gallery-1 img {
    background: none !important;
    border: 0!important;
    box-shadow: none!important;
}
#colophon .info-bar .info {
	float: none;
	text-align: center;
}
#branding .info-bar .info {
	float: none !important;
	text-align: center !important;
}
/* produkt Seite */

.produkt_daten {
    display: inline-block;
}

.produkt_foto img  {
	float:right;
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    border: 0 none !important;
    box-shadow: none !important;	
}
div.produkt_daten h4 {

}

/* Mobile (Landscape) 	480px */
	@media only screen and (min-width: 480px) and (max-width: 767px){  
       		
  
  }
/* Mobile (portrait) 	320px */
	@media only screen and (max-width: 767px) {
	  #startcontent {
        float: right;
        margin: 0 0 0 0;
         width: 100%;
		 clear:both;
        }
	 .produktkategorie img, .produktkategorie img a {      
       float: none;
         }
	.gallery-item {
      float: none;
      width: 100% !important;
          }
     .alignright {
       float: none !important;
      }
	  
	}