/* HTML RESET */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,time,mark,audio,video,figure,figcaption { margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent; } 
body { line-height:1; }
ol,ul { list-style:none; }
blockquote,q { quotes:none; }
blockquote:before,blockquote:after,q:before,q:after { content:'';content:none; }
ins { text-decoration:none; }
del { text-decoration:line-through; }
table { border-collapse:collapse;border-spacing:0; }

::selection {
	background: rgba(107, 191, 90, 1); /* Safari */
	color: rgba(255, 255, 255, 4);
	}
::-moz-selection {
	background: rgba(107, 191, 90, 1); /* Firefox */
	color: rgba(255, 255, 255, 4);
}

/* BODY */

body {
	font: 1em 'Lato', sans-serif;
	margin:0;
	padding:0;
}

a {
	-webkit-transition: all 0.2s linear; 
	-moz-transition: all 0.2s linear; 
	-o-transition: all 0.2s linear; 
	transition: all 0.2s linear;
	text-decoration:none;
}

h1 {
	color:rgba(255,255,255,1);
	font-size:3em;
	margin:60px 0;
}

h1 span {
	font-weight:300;
}

h2 {
	color:rgba(255,255,255,1);
	font-size:1.5em;;
	margin:30px 0;
}

h3 {
	color:rgba(255,255,255,1);
	font-size:1.5em;
	margin:40px 0 30px 0;
	font-weight:300;
}

.green {
	color:rgba(107,191,90,1)!IMPORTANT;
}

#wrapper {
	width:100%;
}

.page_width {
	width:980px;
}
.page_width_centred {
	width:980px;
	margin-left:auto;
	margin-right:auto;
}

header {
	position:relative;
	width:100%;
	height:130px;
	background: rgba(0, 0, 0, 0.75);
	border-bottom:1px solid #8e9193;
	color:#fff;
	z-index:999;
}

header ul {
	width:980px;
	height:48px;
	margin:0 auto;
	font-size:0.8em;
	text-align:center;
}

header ul li {
	display:inline-block;
	margin:0 18px;
}

header ul li a.select {
	border-bottom:2px solid rgba(255,255,255,1);
}

header ul li a {
	color:rgba(255,255,255,1);
	display:block;
	height:35px;
	border-bottom:2px solid rgba(255,255,255,0);
}

header ul li a:hover {
	border-bottom:2px solid rgba(255,255,255,1);
}

header ul li.action {
}

header ul li.action a {
	width:100px;
	height:16px;
	display:block;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px; 
	background:rgba(107,191,90,0.8);
	text-align:center;
	padding:10px 0;
	border:0;
}

header ul li.action a:hover {
	background:rgba(107,191,90,1);
}

header #header_container {
	position:relative;
}

.logo {
	width:100%;
	padding:30px 0 20px 0;
	text-align:center;
}

.header_contact .tel {
	float:right;
	margin-top:-44px;
	margin-right:44px;
	font-size:0.8em;
}

.hero {
	position:relative;
	width:100%;
	min-height:375px;
	top:-130px;
	padding:130px 0 0 0;
	background:url(images/golf-background.jpg) no-repeat top center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	text-align:center;
}

.container {
	width:980px;
	margin:0 auto;
}

.container ul {
	color:rgba(255,255,255,1);
	overflow:hidden;
	padding:0 0 50px 0;
}

.container ul li {
	float:left;
	width:200px;
	background:url(images/hero-ul-golf-ball.png?v=1.1) no-repeat top center;
}

.container ul li img {
	padding:20px 0 0 0;
	width:100px;
}

.container ul li.progress {
	float:left;
	width:9px;
	margin:0 25px;
	background:none;
	padding:48px 0 0 0;
}
.container ul li.progress img {
	width:9px;
}

.container ul li p {
	font-size:0.8em;
}

article {
	font-size:0.8em;
	line-height:18px;
	color:rgba(157,160,161,1);
	margin:0 auto;
	position:relative;
	top:-80px;
}

article p {
	margin:10px 0;
}

article p span, article a {
	color:rgba(107,191,90,1);
        font-weight: bold;
}

article a {
	text-decoration:none;
}
article a:hover {
	text-decoration:underline;
}

#shop_frame {
	display:block;
	width:980px;
	min-height:830px;
	height:auto;
	margin:0 auto;
}

#shop_frame body {
	background-color:#ffffff;
}

.about {
	width:700px;
	text-align:center;
}

.buying {
	width:980px;
	text-align:center;
}

.buying ul {
	color:rgba(107,191,90,1);
	overflow:hidden;
	width:780px;
	margin:0 auto;
	text-align:center;
}

.buying ul li {
	width:180px;
	margin:0 5px;
	float:left;
}

.buying img {
	border:1px solid rgba(201,201,201,1);
	margin:10px 10px 0 0;
}

.contact {
	width:740px;
	margin:0 auto;
	overflow:hidden;
}

.contact h2 {
	float:left;
	margin-bottom:5px;
	font-size:1.9em;
}

.contact .maps_link {
	position:relative;
	float:right;
}
.contact .maps_link span,
.contact .maps_link a {
	display:block;
	background-position:right center;
	background-repeat:no-repeat;
	width:120px;
	height:59px;
	padding-right:75px;
	font-size:1.1em;
	font-weight:bold;
	line-height:53px;
}
.contact .maps_link span {
	position:relative;
	background-image:url('images/logo-gmaps-inactive.png');
	color:#9da0a1;
}
.contact .maps_link a {
	position:absolute;
	background-image:url('images/logo-gmaps.png');
	opacity:0;
	top:0;
	right:0;
}
.contact .maps_link a:hover {
	opacity:1;
	text-decoration:none;
}

.contact .impressum {
	width:100%;
}

.contact .impressum td {
	width:50%;
	vertical-align:bottom;
	line-height:1.5em;
}

.contact .impressum p.last {
	margin-bottom:0;
}

.contact #contact label {
	display:block;
	margin-bottom:5px;
	font-size:1.1em;
}

.contact #contact input {
	width:350px;
	padding:5px;
}

.contact #contact input[type="submit"] {
	width:160px;
}

form fieldset {
	float:left;
}

form fieldset:nth-child(2) {
	margin:0 0 0 10px;
}

form fieldset:nth-child(3) {
	margin:20px 0 0 0;
}

form label {
	color:rgba(107,191,90,1);
	font-size:1.5em;
}

form input {
	font: 1.25em 'Lato', sans-serif;
	padding:15px;
	width:330px;
	height:30px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-khtml-border-radius:5px;
	border:2px solid rgba(163,163,163,1);
	outline:none;
}

form input[type=submit] {
	width:160px;
	height:36px;
	display:block;
	color:rgba(255,255,255,1);
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px; 
	background:rgba(107,191,90,0.8);
	text-align:center;
	padding:6px 0 10px;
	border:0;
	float:right;
	margin:20px 0 0 0;
}

form textarea {
	font: 1.25em 'Lato', sans-serif;
	padding:15px;
	width:705px;
	min-height:100px;;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-khtml-border-radius:5px;
	border:2px solid rgba(163,163,163,1);
	outline:none;
	resize:none;
}

footer {
	width:100%;
	height:70px;
	background:rgba(220,225,230,1);
	text-align:center;
	font-size:0.8em;
	padding:15px 0;
	border-top:1px solid rgba(198,200,201,1);
}

footer ul {
	margin:15px 0;
}

footer ul li {
	display:inline-block;
	margin:0 5px;
}

footer ul li a {
	color:rgba(152,156,158,0.7);
}

footer ul li a:hover {
	color:rgba(152,156,158,1);
}

#contact .form_error {
	display:block;
	color:rgba(237, 71, 71, 0.8);
}

.feedback p {
	border-radius:3px;
	width:100%;
	padding:11px 0;
	font-size:1.37em;
	text-align:center;
	color:#ffffff;
}
.feedback.positive p {
	background-color:rgba(107, 191, 90, 0.8);
}
.feedback.negative p {
	background-color:rgba(237, 71, 71, 0.8);
}