@charset "utf-8";
/* sam-default.css */

*{
	margin:0;
	padding:0;
	box-sizing:border-box;
}
body{
	font:18px Arial, sans-serif;
	overflow:scroll;
}

hr{	
	/* rgba(253,145,38,1.00) Farbe entspricht #FD9126 */
}
#all{
	max-width:320px;
	color:#FCD241;	/* ursp. gelb:#FCEE29*/
	margin:0 auto;
	background:#5B5B5B;
}
header{
	background:#000;
	padding:5px;
	position:relative;
	height:70px;
}
header img {
	display:block;
	position:absolute;
	right:8px;	
	top:5px;
}


figure.leadimg img{
	max-width:100%;
}

.cclogo{
	height: 38px;
	weight:100px;
}

/*-----------------------------
	Auf Klick kommt Menü 
------------------------------*/

#Menu{
	display:none;
}
input[type="checkbox"]{
	display:none;
}
#klickMenu:checked ~ #Menu {
	display:block;
}
label[for="klickMenu"]{
	display:block;	
	cursor:pointer;
}


/* Styling Menü */
nav{
	
}
nav:hover{
	
}
nav h3{
	padding:0 10px;
	font-size:30px;
	font-weight:normal
}
nav ul{
	list-style-type:none;
	background:#333;
}
nav ul li{
	
}
nav ul li a {
	text-decoration:none;
	line-height:40px;
	color:#fff;
	padding:0 30px;
	display:block;
	border-bottom:1px dotted #fff; /* #FCD241  */
}
nav ul li a:hover{
	color:#FCD241;
	background:#474545;	
}
/*-- Subnavi --*/
nav ul li ul {
	background:#474545;
}
nav ul li ul li a{
	font-style:italic;
	padding:0 50px;
}

nav ul li ul li a:hover{
	background:#777;
}
nav ul li ul li a:before{
	content:"\00bb  ";
}


/*--------------------------------
 Inhalt der Website
------------------------------------*/

/*:: Beiträge ::*/

article{
	padding:2% 4% 2% 2%;
}
article h1{
	color:#fff;
	border-bottom:1px dashed #fff;
	padding:2%;
	font:120% Arial, sans-serif;
	font-weight:normal;
	text-transform: uppercase;
}
article h2{
	color:#fff;
	border-bottom:1px dashed #fff;
	padding:2%;
	font:110% Arial, sans-serif;
	font-weight:normal;
}
article h3{
	font-size:95%;
	font-weight:normal;
	padding:4% 2% 2% 2%;
}

article.impress h3{
	color:#fff;
}

article p{
	color:#fff;
	padding:2%;
	line-height:1.5;
	font-size:95%;
	/* text-align:justify; */
}

.txtlink{
	text-decoration:none;
	color:#FCD241;
}
.txtlink:hover{
	text-decoration:underline;
	color:#FCD241;
}
.intro{
	font-style:oblique;
}

/*:: Listen ::*/

article ul {
	font-size:95%;
	color:#fff;
	padding:2% 10%;
	list-style-type:square;
}
article ul li{
	padding:1%;
}
p.txtimg img{
	max-width:100%;
}

/*:: Das Kontaktformular ::*/

form {
  background-color: #aaa;
  width: 100%; /* 370px - Breite des Formulars */
  padding: 20px;
  border: 1px solid #8c8c8c;
  color:#fff;
}
label { /* Beschriftung auf eigener Zeile */
  display: block;
  cursor: pointer; /* Mauszeiger wird zur Hand */
}
input#absender,
textarea {
  width: 100%; /* 300px - Breite des Textfelds */
  border: 1px solid #8c8c8c;
  margin-bottom: 1em;
}
textarea {
  height: 7em;
}
input:focus,
textarea:focus {
  background-color: #d9d9d9;
}



/*--------------------------------
 Der Footer der Website
------------------------------------*/

footer {
	background:#000;
	font-size:60%;	/* vorher 80%*/	
	color:#FCD241;
	border-top:1px solid #fff;
	padding:4%;
}

.fusszeile{
	text-align:right;
}

.fusszeile > ul{
	background:#000;
}
.fusszeile ul li:before{
}
.fusszeile > ul li a {
	border-bottom:1px dotted #fff;	
	display:block;	
}
.fusszeile ul li a:hover {
	text-decoration:none;
	background:#000;
	border-bottom:1px solid #FCB746;
}
/*.fusszeile ul li a:before{
	content:"\00bb  ";
}*/