/* --- lenhard --- */


/* =====================
   grundeinstellungen */

html{
	min-height: 101%;
}

body {
	color: #575756;
	/* font einstellung gilt für das gesamte dokument */
	font-family: Verdana,sans-serif;
	font-size: 11px;
	/* background-color: #6C6C6C; */
	background-color: #fff;
	padding-top: 40px;
}

* { padding: 0; margin: 0; }

h1 { font-size: 20px; color: #575756;  font-family: Verdana, sans-serif; font-weight:500; letter-spacing: 8px; line-height: 30px;}
h2 { font-size: 18px; color: #575756;  font-family: Verdana, sans-serif; font-weight:500;}
h3 { font-size: 16px; color: #575756;  font-family: Verdana, sans-serif; font-weight:500;}
h4 { font-size: 14px; color: #575756;  font-family: Verdana, sans-serif; font-weight:500;}
h5 { font-size: 12px; color: #575756;  font-family: Verdana, sans-serif; font-weight:500;}

/* ================
   Hyperlinks    */  

a { text-decoration: none;  outline: none; }

a:link { color: #575756; } /* nicht besuchte Links */
a:visited { color: #575756; } /* besuchte Links */
a:hover, a:active { color: #575756; }

/* Zum zentrieren des Textes im Beitrag */
.contentpaneopen {
width:100%;
}

.blog {
	width:100%;
	padding:0 5px;
}

/* Bild proportional im @media */
img {
	max-width: 100%;
	width: auto \9;
	height: auto;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
}

/* ==================================
       Styles für Layoutbereiche
   =============================== */   

#container {
	background-color: #ffffff;
	width: 960px;
	margin: 0 auto; /* fürs zentrieren */
}

#header {
	position: relative;  /* wichtig für positionierung */
	background-color: #ffffff;
	width: 100%;
	float: left;
	border-bottom: solid 3px #dda220;
}


/* ++++++++++++++  logo  ++++++++++++++ */

#logo {	
	position: relative;
	float: left;
	background-color: #ffffff; 
	width: 720px;
	height: 70px;
	margin-left: 195px;
	border-left: solid 3px #dda220;
	padding: 20px;
}

/* ++++++++++++++  logo für error.php  ++++++++++++++ */

#logo_error {	
	width: 720px;
	height: 70px;
	background-image: url(../images/logo-lenhard-gold.png);
	background-repeat: no-repeat;
}


/* ###################### beitrag ###################### */


/* ++++++++++++++  menulinks  ++++++++++++++ */

#menulinks {
	margin-left: 20px;
	width: 175px;
	margin-right: 0px;
	padding-top: 20px;
	position: relative;
	float: left;
	font-family: Verdana, sans-serif;
}
	#menulinks li {
		padding:0px;
		list-style: none;
		background-color: #fff;
	}  
	#menulinks li a {
    	color: #575756;
    	font-size: 16px;
    	letter-spacing: 0px;
    	display: block;
    	padding: 5px 0px 5px 0px;
    }

	#menulinks li a:hover, #menulinks li.active>a {
		color: #dda220;
		font-weight: 600;
    }  

		#menulinks li li {
    		padding:0px;
    		padding-left: 0px;
    		list-style: none;
    		background-color: #fff;
    	}  
  		#menulinks li li a {
			color: #575756;
    		font-size: 11px;
    		display: block;
    		padding: 5px 0px 5px 20px;
    		list-style: none;
    	}

	#menulinks h3 {
		color: #575756;
		font-family: Verdana, sans-serif;
    	font-size: 12.5px;
		font-weight: 500;
    	letter-spacing: 1px;
    	display: block;
    	padding:0px 0px 0px 0px;
    }

/* ++++++++++++++  textbereich  ++++++++++++++ */

#textbereich {
  background-color: #ffffff;
  width: 100%;
  float: left;
  padding: 0px;
  padding-bottom: 30px;
  padding-top: 0px;
  font-size: 14px;
}

#beitrag50 {
  padding-left: 0px;
  width: 50%;
  float: left;
  line-height: 150%;
}

#beitrag75 {
  padding: 2%;
  width: 71%;
  float: left;
  line-height: 150%;
  border-left: solid 3px #dda220;
}

#beitrag100 {
  padding-left: 2%;
  padding-right: 2%;
  width: 95%;
  float: left;
  line-height: 150%;
}

/* ++++++++++++++  fusszeile  ++++++++++++++ */

#fusszeile {
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 10px;
	width: 96%;
	color: #575756;
	padding-top: 0px;	
	height: 10px;
	float: left;
	background-color: #fff;
}

  #fusszeile a:link { color: #575756; } /* nicht besuchte Links */
  #fusszeile a:visited { color: #575756; } /* besuchte Links */
  #fusszeile a:hover, a:active { color: #c8d400; font-weight: normal; }

/* -------------------------------------------------------------------------*/

img { border-width: 0; } /* Rahmen bei Icons entfernen */

/* -------------------------------------------------------------------------*/

div.moduletable_menu {
	margin: 0 0 20px 0;
  } /* Einstellung im Backend suffix_menu Abstand zwischen den Beiträgen */

/* -------------- responsive ------------------- */

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

#container {
  width: 100%;
  margin: 0 auto; /* fürs zentrieren */
}

#logo {	
	width: 100%;
	height: auto;
	margin-left: 0px;
	border-left: solid 0px #dda220;
	padding: 0px;
}

/* ++++++++++++++  beitrag75  ++++++++++++++ */

#beitrag75 {
  width: 95%;
}

}

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

  
 #logo {
		width: 100%;
		left: 0px;
		top: 0px;
}


/* ++++++++++++++  menulinks  ++++++++++++++ */

#menulinks {
	width: 95%;
	margin-bottom: 10px;
	margin-right: 2%;
}


/* ++++++++++++++  beitrag75  ++++++++++++++ */

#beitrag75 {
  width: 95%;
  margin-left: 2%;
  margin-right: 2%;
  margin-bottom: 10px;
}

	
/*---------------------------------------------
Änderungen für Maximenu

---	 Responsive design behavior         ---
---         Maximenu CK                     ---
----------------------------------------------*/

    div.maximenuckh {
        height: auto !important;
    }

    div.maximenuckh ul:not(.noresponsive) {
        height: auto !important;
        padding-left: 0 !important;
        /*padding-right: 0 !important;*/
    }

    div.maximenuckh ul:not(.noresponsive) li {
        float :none !important;
        width: 100% !important;
        padding-right: 0 !important;
        margin-right: 0 !important;
    }

    div.maximenuckh ul:not(.noresponsive) li > div.floatck {
        width: 100% !important;
		/*position: relative !important;
		display: none;
		height: auto !important;*/
    }
	
	div.maximenuckh ul:not(.noresponsive) li:hover > div.floatck {
		/*display: block !important;*/
    }

    div.maximenuckh ul:not(.noresponsive) div.floatck div.maximenuck2 {
        width: 100% !important;
    }

    div.maximenuckh ul:not(.noresponsive) div.floatck div.floatck {
        width: 100% !important;
        margin: 20px 0 0 0 !important;
    }

    div.maximenuckh ul:not(.noresponsive) li.maximenucklogo img {
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
        float: none !important;
    }
	
}


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


#logo {
		width: 100%;
		left: 0px;
		top: 0px;
}

}