@charset "UTF-8";
/* CSS Document */
/* Author: Marco Kunz - Nice2MeatU Design */
/* Webdesign - Webdevelopment - Logodesign */
/* CSS-File for "B & B - Die Kfz-Experten" */

/* Browserreset */

* { margin: 0; padding: 0; }

a img { border: none; outline: 0; }

a:link,
a:visited,
a:hover,
a:focus,
a:active { text-decoration: none; }

/* Browserreset End */

/* Font-Import */

@font-face {
    font-family: Optima;
    src: url(fonts/'Optima.ttf');
}

/* Font-Import End */

/* Wrapping the body */

html {
	background-color: #fdfdfd;
}

body {
	width: 1000px;
	margin: 0 auto;
}

/* Impressum */

body p {
	width: 500px;
	margin: auto;
}

p a:link,
p a:visited {
	color: #a00;
	font-weight: bold;
}

p a:hover,
p a:focus {
	color: #1a1a1a;
}

#backbutton {
	font-size: 13px;
	width: 200px;
	margin: 50px 0 0 0px;
}

#backbutton a:link,
#backbutton a:visited {
	padding: 10px 20px;
	color: #c00;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.9);
	background-color: #333;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ddd), to(#999));
	background: -moz-linear-gradient(top, #ddd, #999);
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.9), inset 0px 0px 1px rgba(0,0,0,0.8);
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.9), inset 0px 0px 1px rgba(0,0,0,0.8);
	box-shadow: 0px 0px 3px rgba(0,0,0,0.9), inset 0px 0px 1px rgba(0,0,0,0.8);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}

#backbutton a:hover,
#backbutton a:focus {
	color: #fff;
	background-color: #555;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbb), to(#777));
	background: -moz-linear-gradient(top, #bbb, #777);
	text-shadow: 0px 1px 1px rgba(255,0,0,0.4), 0px 0px 30px rgba(255,255,255,0.9);
	-webkit-box-shadow: 0px 0px 10px rgba(125,0,0,0.8), inset 0px 0px 1px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 10px rgba(125,0,0,0.8), inset 0px 0px 1px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 10px rgba(125,0,0,0.8), inset 0px 0px 1px rgba(0,0,0,0.5);
}

#backbutton a:active {
	color: #fff;
	background-color: #333;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#888), to(#444));
	background: -moz-linear-gradient(top, #888, #444);
}

.topbutton {
	font-size: 13px;
	width: 200px;
	margin: 50px 0 25px 0px;
}

.topbutton a:link,
.topbutton a:visited {
	padding: 10px 20px;
	color: #c00;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.9);
	background-color: #333;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ddd), to(#999));
	background: -moz-linear-gradient(top, #ddd, #999);
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.9), inset 0px 0px 1px rgba(0,0,0,0.8);
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.9), inset 0px 0px 1px rgba(0,0,0,0.8);
	box-shadow: 0px 0px 3px rgba(0,0,0,0.9), inset 0px 0px 1px rgba(0,0,0,0.8);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}

.topbutton a:hover,
.topbutton a:focus {
	color: #fff;
	background-color: #555;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbb), to(#777));
	background: -moz-linear-gradient(top, #bbb, #777);
	text-shadow: 0px 1px 1px rgba(255,0,0,0.4), 0px 0px 30px rgba(255,255,255,0.9);
	-webkit-box-shadow: 0px 0px 10px rgba(125,0,0,0.8), inset 0px 0px 1px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 10px rgba(125,0,0,0.8), inset 0px 0px 1px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 10px rgba(125,0,0,0.8), inset 0px 0px 1px rgba(0,0,0,0.5);
}

.topbutton a:active {
	color: #fff;
	background-color: #333;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#888), to(#444));
	background: -moz-linear-gradient(top, #888, #444);
}

/* Impressum End */

/* Wrapping End */

/* Logo */

h1 {
	margin: 20px auto 10px;
	text-align: center;
	font-size: 40px;
	font-weight: bold;
}

h1 a:link,
h1 a:visited {
	padding: 15px;
	position: relative;
	top: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

h1 a:hover,
h1 a:focus {
	position: relative;
	top: -2px;
}

h1 a:active {
	position: relative;
	top: 1px;
}

/* Logo Ende */

/* Content */

h2 {
	margin: 15px auto 5px;
	text-align: center;
	font-size: 28px;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
}

h3 {
	margin: 15px auto 5px;
	text-align: center;
	font-size: 21px;
	font-weight: bold;
	font-family: Optima;
}

p {
	margin: 5px auto 20px;
	text-align: center;
	font-size: 18px;
	font-weight: normal;
	font-family: Optima;
}

/* Content End */

/* Contact */

#contact {
	width: 1000px;
	height: 80px;
	padding: 10px 25px 30px;
	margin: 15px auto;
	background-color: #dcdcdc;
	background: -webkit-gradient(top, 0% 0%, 0% 100%, from(#dcdcdc), to(#cdcdcd));
	background: -moz-linear-gradient(left, #bdbdbd, #ececec, #bdbdbd);
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	-o-border-radius: 25px;
	border-radius: 25px;
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.8), inset 0px 0px 5px rgba(0,0,0,0.7);
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.8), inset 0px 0px 5px rgba(0,0,0,0.7);
	-o-box-shadow: 0px 0px 10px rgba(0,0,0,0.8), inset 0px 0px 5px rgba(0,0,0,0.7);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.2), inset 0px 0px 5px rgba(0,0,0,0.1);
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}

#contact:hover {
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.9), inset 0px 0px 8px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.9), inset 0px 0px 8px rgba(0,0,0,0.7);
	-o-box-shadow: 0px 0px 15px rgba(0,0,0,0.9), inset 0px 0px 8px rgba(0,0,0,0.7);
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2), inset 0px 0px 8px rgba(0,0,0,0.2);
}

#contact p {
	width: 275px;
	height: 50px;
	float: left;
	margin: 15px 10px 10px;
	padding: 10px;
}

#contact p a:link,
#contact p a:visited {
	font-family: Optima;
	font-weight: bold;
	color: #333;
	text-shadow: 0px 1px 0px rgba(255,255,255,0.75);
}

#contact p a:hover,
#contact p a:focus {
	color: #a00;
}

.sn {
	width: 50px;
	height: 50px;
	margin: 0 5px;
	background: #dcdcdc;
	-webkit-box-shadow: 0px 1px 1px rgba(255,255,255,0.9);
	-moz-box-shadow: 0px 1px 1px rgba(255,255,255,0.9);
	-o-box-shadow: 0px 1px 1px rgba(255,255,255,0.9);
	box-shadow: 0px 1px 1px rgba(255,255,255,0.9);
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}

.sn:hover {
	background: #fff;
	-webkit-box-shadow: 0px 0px 5px rgba(255,255,255,0.9);
	-moz-box-shadow: 0px 0px 5px rgba(255,255,255,0.9);
	-o-box-shadow: 0px 0px 5px rgba(255,255,255,0.9);
	box-shadow: 0px 0px 5px rgba(255,255,255,0.9);
	-webkit-transform: scale(2);
	-moz-transform: scale(2);
	-o-transform: scale(2);
	transform: scale(2);
}

/* Contact End */

/* Footer */

#footer {
	margin: 20px auto 0;
	text-align: center;
}

#footer p {
	text-align: center;
	font-size: 13px;
	font-weight: bold;
}

#footer p a:link,
#footer p a:visited {
	color: #a00;
}

#footer p a:hover,
#footer p a:focus {
	color: #1a1a1a;
	text-shadow: 0px 0px 20px rgba(0,0,0,0.25), inset 0px 0px 10px rgba(0,0,0,0.25);	
}

/* Footer End */