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

/*

Document for Harley-Davidson Den Haag
 _____       _        _ _                         
|  __ \     | |      (_) |                        
| |  | | ___| |_ __ _ _| |_      _____  _ ____  __
| |  | |/ _ \ __/ _` | | \ \ /\ / / _ \| '__\ \/ /
| |__| |  __/ || (_| | | |\ V  V / (_) | |   >  < 
|_____/ \___|\__\__,_|_|_| \_/\_/ \___/|_|  /_/\_\

Copyright 2009 : www.detailworx.nl
Weltevreden 24 G - 3731 AL De Bilt
Tel: 030 - 220 41 81

*/

/* -------------------------------------------------------------------------------- BODY --*/

* {
	margin:0;
	padding:0;
	border:0;
}

html, body {
	height:100%;
	background-image:url(../../../../../images/background/background_v2.jpg);
	background-attachment:fixed;
	background-position:top center;
}

#clear {
	clear:both;
}

/* -------------------------------------------------------------------------------- CONTAINER --*/

#container {
	position:relative;
	width:962px;
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:0px auto -30px; /* the bottom margin is the negative value of the footer's height */
}

/* -------------------------------------------------------------------------------- MENU --*/

#logos {
	float:left;
	width:962px;
	height:72px;
}

#logo_harleydavidsondenhaag {
	float:left;
	width:270px;
	height:68px;
	margin:0 0 0 0;
}

#slogan {
	float:left;
	width:367px;
	height:68px;
	margin:0 0 0 20px;
	display:inline;
}

#logos_right {
	float:right;
	width:135px;
	height:68px;
	margin:0 0 0 0;
}

/* -------------------------------------------------------------------------------- HEADER --*/

#header {
	float:left;
	width:962px;
	height:240px;
}

#twitter {
	position:absolute;
	width:60px;
	height:120px;
	left:962px;
	top:415px;
}

/* -------------------------------------------------------------------------------- STAGE --*/

#menu {
	float:left;
	width:962px;
	height:103px;
	background-image:url(../../../../../images/background/menu.gif);
	display:inline;
}

#menu_content {
	float:left;
	width:630px;
	height:44px;
	margin:2px 0 0 300px;
	display:inline;
}

/* -------------------------------------------------------------------------------- STAGE --*/

#stage {
	float:left;
	width:962px;
	min-height:600px;
	background:#0d0d0d;
	background-image:url(../../../../../images/background/stage.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
}

#stage_shop {
	background:#0d0d0d;
	float:left;
	width:932px;
	padding:15px;
	background:#0d0d0d;
	background-image:url(../../../../../images/background/stage.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
}

/* -------------------------------------------------------------------------------- LEFT --*/

#left {
	float:left;
	width:257px;
	height:785px;
	margin:-190px 0 0 -20px;
	_margin:-190px 0 0 -40px;
}

#koopzondag {
	position:absolute;
	width:130px;
	height:18px;
	left:12px;
	_left:-5px;
	top:542px;
	font-size:14px;
	padding-left:20px
}

#acties {
	position:absolute;
	width:170px;
	height:490px;
	left:6px;
	top:582px;
}

#nieuwsbrief {
	position:absolute;
	width:178px;
	height:138px;
	left:110px;
	top:310px;
}

/* -------------------------------------------------------------------------------- RIGHT --*/

#right {
	float:right;
	width:700px;
	padding-right:5px;
}

#topnewsactie {
	float:right;
	width:700px;
	padding-right:5px;
}

/* -------------------------------------------------------------------------------- FOOTER --*/

#contact {
	float:left;
	width:962px;
	height:75px;
	background-image:url(../../../../../images/background/contact.jpg);
	background-repeat:no-repeat;
}

#contact_left {
	float:left;
	width:130px;
	height:75px;
	margin:-20px 0 0 5px;
}

#adres {
	float:right;
	width:155px;
	height:60px;
	padding:14px 0 0 0;
	margin-right:13px;
	display:inline;
}

#adres2 {
	float:right;
	width:210px;
	height:75px;
	height:60px;
	padding:14px 0 0 0;
	margin-right:85px;
	display:inline;
}

#form {
	float:right;
	width:345px;
	height:68px;
	padding:6px 0 0 0;
}

/* -------------------------------------------------------------------------------- FOOTER --*/

#footer {
	float:left;
	width:962px;
	height:22px;
	_margin:-22px 0 0 0;
}

#footer_menu {
	float:left;
	width:430px;
	height:19px;
	padding:3px 0 0 0;
	margin-left:153px;
	display:inline;
}

#footer_disclaimer {
	float:right;
	width:330px;
	height:22px;
	height:19px;
	padding:3px 0 0 0;
}

/* -------------------------------------------------------------------------------- CONTACT FORM OPMAAK --*/

textarea {
	width:178px;
	height:58px;
	background-color:#1e1e1e;
	border:1px solid #737373;
	color:#fff;
	padding:2px;
}

.bericht {
	width:178px;
	height:58px;
	background-color:#1e1e1e;
	border:1px solid #737373;
	color:#fff;
	padding:2px;
}

input {
	width:140px;
	background-color:#1e1e1e;
	border:1px solid #737373;
	color:#fff;
	padding:2px;
}

.input_contact {
	width:140px;
	height:13px;
	background-color:#1e1e1e;
	border:1px solid #737373;
	color:#fff;
	padding:2px;
}

#inschrijven input {
	margin-top:5px;
}

.submit_button {
	width:145px;
	height:19px;
	background-color:#1e1e1e;
	border:1px solid #cb5000;
	color:#fff;
	cursor: pointer;
}

.inschrijven {
	width:145px;
	height:19px;
	background-color:#1e1e1e;
	border:1px solid #cb5000;
	color:#fff;
	cursor: pointer;
}

input[type=subit] {
	margin-top:10px;
}

.text {float:left;}
.naam {float:left; padding:0 0 0 2px;}
.email {float:left; padding:3px 0 0 2px;}
.submit {float:left; padding:3px 0 0 2px; cursor: pointer;}

.wpcf7-not-valid-tip {display:none;}
