@charset "UTF-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
}

html {
	font-size:120%;
	background:url(http://www.lederwaren-emmendingen.de/images/bg_pat2b.png);
	
	
}

div#adresse {
	position:relative;
	width:90%;
	margin:1% 5% 1% 5%;
	font-family:"Palatino Linotype", "Book Antiqua", "Georgia", Palatino, serif; 
	font-weight:lighter;
	color:#5A2200;
	font-size:1.3em;
	line-height:150%;
	
}

div#header {
	position:relative;
	width:100%;
	margin-bottom:2%;
}

img#header {
	position:relative;
	max-width:90%;
	margin-top:5%;
	padding-top:5%;
	padding-bottom:2%;
	margin:0 auto;
	margin-bottom:1%;
}

nav.buttons {
	position:relative;
	margin:2% 5% 2% 5%;
	float: left;
	width: 90%;
}

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

nav.buttons li {
	width:32.667%;
	float: left;
	text-align: center;
	box-sizing: border-box;
	margin-bottom: 1%;
}

nav.buttons li a {
	display: block;
}

nav.buttons li a img {
	max-width:100%;
}

nav.buttons li:nth-of-type(1),
nav.buttons li:nth-of-type(2) {
		margin-right:1%;	
	}


nav.links {
	float:left;
	margin:2% 5% 2% 5%;
	width: 90%;
	position:relative;
	font-family:"Palatino Linotype", "Book Antiqua", "Georgia", Palatino, serif; 
	font-size:1.2em;
	color:#feedcb;
	font-weight:lighter;
}

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


nav.links li {
	width:100%;
	text-align: center;
	box-sizing: border-box;
	margin-bottom: 1%;
	padding:2% 0 2% 0;
	background: rgb(109,34,0); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(109,34,0,1) 0%, rgba(81,34,0,1) 80%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(109,34,0,1)), color-stop(80%,rgba(81,34,0,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(109,34,0,1) 0%,rgba(81,34,0,1) 80%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(109,34,0,1) 0%,rgba(81,34,0,1) 80%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(109,34,0,1) 0%,rgba(81,34,0,1) 80%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(109,34,0,1) 0%,rgba(81,34,0,1) 80%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d2200', endColorstr='#512200',GradientType=0 ); /* IE6-9 */




z-index:20;


}

nav.links ul.links li.links h1 {
font-family:"Palatino Linotype", "Book Antiqua", "Georgia", Palatino, serif;
	font-size:1.6em;
	color:#feedcb;
	font-weight:lighter;
}
	

nav.links ul.links li.links h2 {
	font-family:"Palatino Linotype", "Book Antiqua", "Georgia", Palatino, serif; 
	font-size:1.3em;
	color:#feedcb;
	font-weight:lighter;
}


nav.links li a {
	display: block;
}

nav.links li a img {
	max-width:100%;
}

nav.links ul.links li.links a {
	display: block;
	padding:2%;
	
}

nav.links ul.links li.links div {
	width:90%;
	margin:1% 1% 1% 1%;
	margin-bottom:1%;
	padding:4%;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:lighter;
	color:#333;
	font-size:1.5em;
	line-height:150%;
	background:#feebcf;
}


nav.links ul.links li.links img,
nav.links ul.links li.links a img {
	max-width:100%;
	padding:1% 0 1% 0;
}

nav.links ul.links li.links ul {
	padding:2% 0 2% 6%;
}


nav.buttons li:nth-of-type(1) {
		margin-right:1%;	
	}


nav.links a:link,
nav.links a:visited,
nav.links a:hover,
nav.links a:active {
	color:#C1AA99;
	text-decoration:none;
	
}

nav.links ul.liste {
	background:none;
	list-style:square;
	font-size:1em;
	font-family:"Palatino Linotype", "Book Antiqua", "Georgia", Palatino, serif;
	font-weight:lighter;
	
}

nav.links ul.liste li {
	background:none;
	text-align: left;
}


div#content {
	float:none;
	clear:both;
	position:relative;
	width:82%;
	margin:5%;
	padding:4%;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:lighter;
	color:#FCFFEF;
	font-size:1.1em;
	line-height:150%;
	background:#5A2200;
}
div#content b {
color:#feedcb;
font-size:1.2em;
font-weight:lighter;
}

div#content img {
	float:left;
	padding:0 10px 10px 0;
}

div#content h2 {
	font-family:"Palatino Linotype", "Book Antiqua", "Georgia", Palatino, serif; 
	font-size:1.5em;
	font-weight:lighter;
	color:#feedcb;
	line-height:150%;
	padding:0;
}

div#content h3 {
	font-family:"Palatino Linotype", "Book Antiqua", "Georgia", Palatino, serif; 
	font-size:1.2em;
	font-weight:lighter;
	color:#feedcb;
	line-height:150%;
	padding:0;
}



div#content a:link,
div#content a:visited {
	color:#8ac200;
	text-decoration:none;
}
div#content a:hover,
div#content a:active {
	color:#c1aa99;
	text-decoration:none;
}

.alignleft {
	float:left;
	margin:0 2% 2% 0;
}
.alignright {
	float:right;
	margin:0 0 2% 2%;
}
.alignnone {
	margin:2% 0 2% 0;
}


div#content img {
	border:1%;
	border-color:#FFF;
}

div#footer {
	position:relative;
	float:none;
	clear:both;
	margin:0 auto;
	width:92%;
	padding:4%;
	font-family:"Palatino Linotype", "Book Antiqua", "Georgia", Palatino, serif; 
	color:#feedcb;
	font-size:1.2em;
	font-weight:normal;
	background: -moz-linear-gradient(top,  rgba(73,33,0,0) 0%, rgba(73,33,0,0.65) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(73,33,0,0)), color-stop(100%,rgba(73,33,0,0.65))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(73,33,0,0) 0%,rgba(73,33,0,0.65) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(73,33,0,0) 0%,rgba(73,33,0,0.65) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(73,33,0,0) 0%,rgba(73,33,0,0.65) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(73,33,0,0) 0%,rgba(73,33,0,0.65) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00492100', endColorstr='#a6492100',GradientType=0 ); /* IE6-9 */







z-index:10;

}


div#footer p.small {
	color:#feedcb;
	font-size:0.7em;
	font-weight:normal;
	padding:0;
}

div#footer a:link,
div#footer a:visited,
div#footer a:hover,
div#footer a:active {
	color:#fff;
	text-decoration:underline;
}



@media screen and (min-width:400px) {
	img#logo {
	width:50%;
}

}