body {
	border-width: 0px;
		margin: 0px;
		padding: 0px;
		border-style: none;
		background: url(../images/pattern/black_denim2.png) repeat fixed #1d1d1d;

	}

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

a {
    outline : none;
    outline: 0;
    border-width: 0px;
	text-align: left; font: normal 12px/2em Helvetica, Arial, Geneva, sans-serif;
	word-break: normal;
	margin: 0.5em 0 0 0;
	-webkit-transition:  color 0.2s ease-in-out;
	-moz-transition:  color 0.2s ease-in-out;
	-o-transition:  color 0.2s ease-in-out;
	-ms-transition:  color 0.2s ease-in-out;
	transition:  color 0.2s ease-in-out;
	color: #c6424d;
	text-decoration: none;
	letter-spacing: 2px;
}

a:link {
	letter-spacing: 1px;
	text-decoration: none;
}
a:visited {
	letter-spacing: 1px;
	text-decoration: none;
}
a:hover {
	color: #912b30;
	text-decoration: none;
}
a:active {
	letter-spacing: 1px;
	text-decoration: none;
}





*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


$pad: 40px;

.grid {
  background: white;
  margin: 0 0 0 0;

  &:after {
    /* Or @extend clearfix */
    content: "";
    display: table;
    clear: both;
  }
}

[class*='col-'] {
	float: left;
  padding-right: 40px;
  .grid &:last-of-type {
  	padding: 0px; }
}
.col-50 {
	width: 50%;
}

.col-100 {
	padding-bottom: 25px;
	width: 100%;
}


.module {
  padding: $pad;

}

/* Opt-in outside padding */
.grid-pad {
  float: left;
  clear: both;
  padding: 40px 0px 0px 40px;
}
.grid-pad > [class*='col-']:last-of-type {
  padding-right: 40px;
}











#ul_nav li {

	list-style-type: none;
	margin-bottom: 0px;
	padding: 15px 20px 0 0;
    float: right;
	visibility: visible;
	clear: right;
	display: block;
}



#container_nav {
    left: 430px;
    background-color: #333;
    height: 60px;
    border-width: 0px;
    border-style: none;
    position: fixed;
    width: 812px;
	padding: 0;
    margin: 0 auto;
	visibility: visible;
	z-index: 3000000;
	background: url(../images/pattern/black_denim2.png) repeat fixed #1d1d1d;
}

#container {
    left: 430px;
    background-color: white;
    height: auto;
    border-width: 0px;
    border-style: none;
    position: absolute;
    width: 812px;
	padding: 0;
    margin: 0 auto;
	}
#logo {
    clear: both;
    float: left;
    left: 110px;
    top: 100px;
    position: fixed;
	padding: 0;
    margin: 0 auto;
	}
#nav {
    line-height: 35px;
    text-align: right;
    left: 120px;
    top: 485px;
    position: fixed;
	padding: 0;
    margin: 0 auto;
	}
#image {
    height: 540px;
    width: 812px;

	padding: 0;
    margin: 0 auto;
	}
#willkommen {
    border-width: 0px;
    border-top-color: #252525;
    overflow: auto;
    position: static;
    clear: both;
    width: 812px;

	padding: 0;
    margin: 0 auto;
	}
#termveran {
    border-top-color: #252525;
    border-top-width: 2px;
    border-top-style: solid;
    overflow: auto;
    position: static;
    clear: both;
    width: 812px;

	padding: 0;
    margin: 0 auto;
	}
#weingueter {
    border-top-color: #252525;
    border-top-width: 0px;
    border-top-style: solid;
    clear: both;
    width: 812px;
    overflow: auto;

	padding: 0;
    margin: 0 auto;
	}
#impressionen {
    border-top-color: #252525;
    border-top-width: 2px;
    border-top-style: solid;
    overflow: hidden;
    clear: both;
    width: 812px;
    height: auto;
	padding: 0;
    margin: 0 auto;
	background-color: #252525;
}
#kontakt {
    border-top-color: #252525;
    border-top-width: 2px;
    border-top-style: solid;
    overflow: auto;
    clear: both;
    width: 812px;

	padding: 0;
    margin: 0 auto;
	}
#formfield {
    border-top-color: #252525;
    border-top-width: 2px;
    border-top-style: solid;
    overflow: auto;
    clear: both;
    width: 812px;

	padding: 0;
    margin: 0 auto;
	}
#impressum {
    border-top-color: #252525;
    border-top-width: 2px;
    border-top-style: solid;
    overflow: auto;
    clear: both;
    width: 812px;

	padding: 0;
    margin: 0 auto;
	}
#sh_oben {
    top: 0px;
    left: 0px;

    width: 512px;

    position: absolute;
	padding: 0;
    margin: 0 auto;
	}
#sh_unten {
    top: 512px;
    left: 0px;

    width: 512px;

    position: absolute;
	padding: 0;
    margin: 0 auto;
	}
#sh_left {
    top: 0px;
    left: -18px;
    height: 100%;
    width: 18px;
    background-image: url(../images/schatten_links.png);
    position: absolute;
	padding: 0;
    margin: 0 auto;
	}
#sh_right {
    top: 0px;
    left: 812px;
    height: 100%;
    width: 18px;
    background-image: url(../images/schatten_rechts.png);
	clear: left;
	float: right;
	position: absolute;
	padding: 0;
    margin: 0 auto;
	}
.input3 {
		border-right-width: 0px;
		border-left-width: 0px;
		border-top-width: 0px;
		border-bottom-width: 1px;
		border-bottom-color: #252525;
		border-bottom-style: dashed;
		padding: 0px;
		margin: 0px;
		height: 30px;
		width: 207px;
	}
.input2 {
		border-right-width: 0px;
		border-left-width: 0px;
		border-top-width: 0px;
		border-bottom-width: 1px;
		border-bottom-color: #252525;
		border-bottom-style: dashed;
		padding: 0px;
		margin: 0px;
		height: 30px;
		width: 80px;
	}
.input {
		border-right-width: 0px;
		border-left-width: 0px;
		border-top-width: 0px;
		border-bottom-width: 1px;
		border-bottom-color: #252525;
		border-bottom-style: dashed;
		padding: 0px;
		margin: 0px;
		height: 30px;
		width: 300px;
	}
.message {
		border-color: #252525;
		border-style: dashed;
		border-width: 1px;
		padding: 0px;
		margin: 0px;
		height: 300px;
		width: 728px;
	}