/* CSS RESET */

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	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;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* CUSTOM STYLES */

body {
background: url(../img/background.png) repeat-x;
font-family: Verdana;
font-size: 11px;
}

#outterwrapper {
width: 744px;
margin: 20px auto;
}

#wrapper {
border: 1px solid #e7ddc8;
overflow: hidden;
}

h1 {
display: block;
height: 80px;
background: url(../img/logo.png) no-repeat white;
text-indent: -9999px;
}

#menu {
background: url(../img/menubg.png) repeat-x bottom #deec7a;
height: 38px;
padding-left: 65px;
}

#menu a {
text-indent: -9999px;
display: block;
height: 38px;
float: left;
}

#menu a.home {
background: url(../img/menusprite.png) no-repeat;
width: 104px;
}

#menu a.historie {
width: 130px;
background: url(../img/menusprite.png) no-repeat -104px 0;
}

#menu a.service {
width: 122px;
background: url(../img/menusprite.png) no-repeat -234px 0;
}

#menu a.webshop {
width: 132px;
background: url(../img/menusprite.png) no-repeat -356px 0;
}

#menu a.contact {
width: 126px;
background: url(../img/menusprite.png) no-repeat -488px 0;
}

#menu a.home:hover {
background: url(../img/menusprite.png) no-repeat 0px 100%;
}

#menu a.historie:hover {
background: url(../img/menusprite.png) no-repeat -104px 100%;
}

#menu a.service:hover {
background: url(../img/menusprite.png) no-repeat -234px 100%;
}

#menu a.webshop:hover {
background: url(../img/menusprite.png) no-repeat -356px 100%;
}

#menu a.contact:hover {
background: url(../img/menusprite.png) no-repeat -488px 100%;
}

#content {
background: url(../img/contentbg.png) repeat-x white;
padding: 54px 31px 0;
min-height: 566px;
}

#content a {
color: black;
}

h2 {
font-family: Arial, Helvetica, Tahoma, sans-serif;
color: #b3c532;
font-size: 1.636em;
letter-spacing: 1px;
margin-bottom: 20px;
}

h3, p {
line-height: 22px;
}

p {
margin-bottom: 12px;
}

#copyright {
float: right;
font-size: 9px;
text-align: right;
margin-top: 8px;
line-height: 12px;
height: 55px;
}

#copyright a {
color: black;
font-weight: bold;
}
.contact-left {
width: 250px; 
float: left;
}
.contact-right {
width: 430px; 
float: right;
}
.contact-right input, .contact-right textarea {
margin: 3px 0 10px 0;
padding:8px;
background: #f8f8f8;
border: #E7DDC8 1px solid;
font-size:11px;
font-family: Verdana;
color:#2A2A2A;
display: block;
}
.contact-right input {
width:400px;
}
.contact-right textarea {
height:80px;
width:400px;
resize: vertical;
}
#submit-bttn {
margin: 10px 0;
padding:3px 15px;
cursor: pointer;
display: block;
background: #f8f8f8;
border: #E7DDC8 1px solid;
color: #2A2A2A;
font-size: 11px;
height:30px;
width:70px;
}
input.security-code {
width: 240px;
margin: 22px 12px 0 0;
float: right;
}
.security-image {
width: 150px;
margin: 3px 0 0 0;
float: left;
}
#googlemaps {
float: left;
display: inline;
padding: 4px;
margin: 0 0 20px 0;
border: 1px solid #ccc;
background-color: #fff;
-moz-box-shadow: 0px 3px 5px #ddd;
-webkit-box-shadow: 0px 3px 5px #ddd;
box-shadow: 0px 3px 5px #ddd;
}
#googlemap {
width: 408px;
height: 500px;
text-align: center;
}

span#google-map-no-js {
line-height: 200px;
}

#googlemap input {
width: 2px;
margin: 3px;
padding: 0;
float: left;
}