/* CSS Document */

/* Copyright von Valérie Meister 2017 */
/* Vielen Dank fürs anschauen         */


/* =========================== */
/* Allgemeine Stildefinitionen */
/* =========================== */

body {
	font-family: 'Sintony', Verdana, sans-serif; 
}

h1,h2 {
	color:#5481a2;
	font-size:16px;
	letter-spacing:3px;
	margin-bottom:10px;
	text-transform:uppercase;
}

h2 {
	font-weight:normal; /* Titel ist standardmässig fett definiert */
}

h3 {
	color:#5481a2;
	font-size:16px;
	font-weight:normal;
	letter-spacing:3px;
	margin-bottom:10px;
}

p {
	line-height:1.2em;
}

a {
	color:#000;
}

a:link { 
	font-weight:normal;
}

a:visited { /* wenn besucht */
	background:#5481a2;
}

#adresse {
	margin-bottom:20px;
}

#adresse a {
	color:#000;
	background:none;
	font-weight:normal;
}

#container {
	margin-left:20px;
	margin-top:5px;
	width:90%;
}

#logo {
	float:left;
	margin:0 auto;
	width:10%;
}

#bild_rechts {
	display:none;
}

#navigation {
	display:none;
}

#mobilenavigation {
	display:none;
}

#inhalt {
	float:left;
	margin-bottom:0px; /* drückt die Fusszeile runter */
	margin-top:0px;
	width:100%;
}

#inhalt a {
	background:none;
	text-decoration:none;
}

	
#inhalt img { /* alle Bilder, welche sich im Inhalts Div befinden */
	margin:0px 10px 10px 0px;
	/* padding:1px; */
	width:18%;	
}

#inhalt img.bild_start {
	margin:0 auto;
	width:50%;
}

#inhalt img.muetzen_uebersicht {
	width:45%;	
}

#inhalt img.wolle {
	border:none;
	margin-right:20px;
	width:70%;
}

#inhalt img.bild_links {
	float:left;
	margin-right:20px;
	width:20%;
}

#mobilebilder {
	display:none;
}

#farben {
	/* border:1px solid red; */
	float:left;
	padding-top:15px;
	width:20%;
}

video {
	float:left;	
	width:80%;
}

form {
	border:none;
	width:100%; /* Breite des Formulars */	
}

form a {
	color:#000;
}

label {
	display:block;
	font-size:12px;
	float:left;
	margin-bottom:5px;
}

.labelfarbe {
	margin-bottom:0px;
}

.title {
	clear:left;
	float:left;
	font-weight:bold;
	width:25%;	
}

input[type=text] {
  	background-color:#ededed;
  	border: 1px solid #8c8c8c;
	border-radius:5px;
	font-family: 'Sintony', Verdana, sans-serif; 
	font-size:14px;
	margin-bottom:5px;
	width:70%;
}

input[type=email] {
  	background-color:#ededed;
  	border: 1px solid #8c8c8c;
	border-radius:5px;
	font-size:14px;
	margin-bottom:5px;
	width:70%;
}

input[type=radio] {
	float:none;
}

input[type=checkbox] {
	clear:left;
	display:inline-block;
	float:none;
	margin-bottom:5px;
}

select {
	clear:left;
	margin-bottom:5px;
}

textarea {
  	background-color:#ededed;
  	border: 1px solid #8c8c8c;
	border-radius:5px;
	height:2em;
 	margin-bottom:5px;
	width:96%;
}

input#submit {
	background-color:#D5D5D5;
	border-radius:5px;
	font-family: 'Sintony', Verdana, sans-serif; 
	font-size:14px;
	font-weight:bold;
	margin-bottom:0px;
	margin-top:5px;
	padding:5px;
  	width:40%; 
}

input#send {
	background-color:#D5D5D5;
	border-radius:5px;
	font-family: 'Sintony', Verdana, sans-serif; 
	font-size:14px;
	font-weight:bold;
	margin-bottom:0px;
	margin-top:5px;
	padding:5px;
  	width:40%; 
}

#fusszeile {
	border-top:1px dashed #555;
	clear:both;
	font-size:10px;
	font-family: 'Sintony', sans-serif;
	padding:5px;
}

#fusszeile_links {
	float:left;
}

#fusszeile_mitte {
	display:none;
}

#fusszeile_rechts {
	display:none;
}