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

/*

Document for Motor Mercuur
 _____       _        _ _                         
|  __ \     | |      (_) |                        
| |  | | ___| |_ __ _ _| |_      _____  _ ____  __
| |  | |/ _ \ __/ _` | | \ \ /\ / / _ \| '__\ \/ /
| |__| |  __/ || (_| | | |\ 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-position:center center;
	_background-position:top center;
	background-attachment:fixed;
	background-repeat:no-repeat;
}

#clear {
	clear:both;
}

.arrow {
	background-image:url(../../images/content/arrow.jpg);
	width:5px;
	height:9px;
}

.menuline {
	height:1px;
	min-height:1px;
	height:auto !important;
	line-height:1px;
	font-size:1px;
	width:153px;
	background-color:#FFF;
	margin-left:-13px;
}

hr {
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px 0 0;
	clear:both;
	height:0;
}

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

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

/* -------------------------------------------------------------------------------- TOP --*/

#top {
	float:left;
	width:960px;
	height:80px;
 	background:#0e1618;
}

#motor-mercuur-logo {
	float:left;
	width:470px;
	height:54px;
	margin:10px 0 0 10px;;
	display:inline;
}

#dealerlogos {
	float:right;
	width:283px;
	height:38px;
	margin:25px 10px 0 0;
	display:inline;
	z-index:100;
}

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

#menu {
	float:left;
	width:950px;
	background:#0e1618;
	z-index:40;
	padding: 0 0 0 10px;
	display:inline;
}

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

#header {
	float:left;
	width:960px;
	height:240px;
	z-index:10;
}

#telefoon {
	float:left;
	width:90px;
	height:18px;
	margin:-20px 0 0 673px;
	display:inline;
	z-index:20;
}

#emailadres {
	float:left;
	width:140px;
	height:18px;
	margin:-21px 0 0 790px;
	display:inline;
	z-index:30;
}

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

#left {
	float:left;
	width:260px;
	margin:0 0 0 -30px;
	display:inline;
}

#nieuwsbief {
	float:right;
	width:258px;
	height:135px;
	margin:20px 3px 0 0;
	background-image:url(../../images/content/nieuwsbrief.png);
	_background-image:url(../../images/content/nieuwsbrief.gif);
	background-repeat:no-repeat;

}

#velden {
	float:right;
	width:128px;
	margin:18px 20px 0 0;
	_margin:19px 10px 0 0;

}

#lastname {
	height:25px;
	width:115px;
	background-color:#FFF;
	border:1px solid #FFF;
}

#email {
	height:23px;
	width:115px;
	margin:9px 0 0 0;
	_margin:5px 0 0 0;
	background-color:#FFF;
	border:1px solid #FFF;

	}

#submitbutton {
	width:80px;
	height:14px;
	margin:23px 0 0 43px;
	_margin:24px 0 0 43px;
	background-color:#4f4f4f;
	cursor:pointer;
}

/* -------------------------------------------------------------------------------- OPENINGSTIJDEN --*/

#openingstijden {
	float:left;
	width:172px;
	margin:30px 0 0 40px;
	_margin:30px 0 0 20px;
}

/* -------------------------------------------------------------------------------- ADSPACE --*/

#adspace {
	float:right;
	width:210px;
	margin:30px 0 0 0;
	padding:10px;
	display:inline;
}

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

#right {
	float:left;
	width:700px;
	margin:7px 0 -10px 0;
	padding:10px;
	display:inline;
}

/* -------------------------------------------------------------------------------- IFRAMES --*/
	
#iframe_piaggio_container {
    width:700px;
    height:700px;
    overflow:hidden;
	_display:none; /* only works for IE6 and lower */
}

#iframe_piaggio_container iframe {
    width:860px;
    height:700px;
    margin-left:-250px;
    margin-top:-75px;
	border:none; 
	_display:none; /* only works for IE6 and lower */
}

#iframe_honda_container {
    width:588px;
    height:600px;
    overflow:hidden;
	_display:none; /* only works for IE6 and lower */
}

#iframe_honda_container iframe {
    width:800px;
    height:900px;
    margin-left:-215px;
    margin-top:-110px;
	border:none; 
	_display:none; /* only works for IE6 and lower */
}

#iframe_ducati_container {
    width:570px;
    height:580px;
    overflow:hidden;
	_display:none; /* only works for IE6 and lower */
}

#iframe_ducati_container iframe {
    width:800px;
    height:900px;
    margin-left:-180px;
    margin-top:-60px;
	border:none; 
	_display:none; /* only works for IE6 and lower */
}

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

#push {
	height:30px; /* push must be the same height as footer */
}

#footer {
	position:relative;
	width:960px;
	height:30px;
	margin:0 auto;
	background:#efeeec;
}

#footer_left {
	float:left;
	height:23px;
	padding:7px 0 0px 15px;	
}

#footer_right {
	float:right;
	height:23px;
	padding:7px 15px 0px 0;	
}

/* -------------------------------------------------------------------------------- WORDPRESS CONTACT FORM --*/

#right input {color:#000; background-color:#fff; width:150px; border:1px solid #000;}
#right input[type=submit] {margin-top:10px;}
.wpcf7-validates-as-required {border:1px solid #000; background-color:#FFF;}
.wpcf7-validates-as-email {border:1px solid #000; background-color:#FFF;}
textarea {border:1px solid #000;}