/* @license
 * MyFonts Webfont Build ID 1444719, 2011-11-04T09:02:40-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Eurostile Heavy Italic by URW++
 * URL: http://www.myfonts.com/fonts/urw/eurostile/t-heavy-italic/
 * Licensed pageviews: unspecified
 * 
 * Webfont: Eurostile Medium by URW++
 * URL: http://www.myfonts.com/fonts/urw/eurostile/t-medium/
 * Licensed pageviews: unspecified
 * 
 * Webfont: Eurostile Medium Italic by URW++
 * URL: http://www.myfonts.com/fonts/urw/eurostile/t-medium-italic/
 * Licensed pageviews: unspecified
 * 
 * Webfont: Eurostile Bold by URW++
 * URL: http://www.myfonts.com/fonts/urw/eurostile/t-bold/
 * Licensed pageviews: unspecified
 * 
 * Webfont: Eurostile Heavy by URW++
 * URL: http://www.myfonts.com/fonts/urw/eurostile/t-heavy/
 * Licensed pageviews: 10,000
 * 
 * Webfont: Eurostile Bold Oblique by URW++
 * URL: http://www.myfonts.com/fonts/urw/eurostile/t-bold-oblique/
 * Licensed pageviews: unspecified
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=1444719
 * Webfonts copyright: Copyright 2010 URW++ Design & Development Hamburg
 * 
 * © 2011 Bitstream Inc
*/

@font-face {
      font-family:Eurostile-Med;
      src: url(http://astra.grapsol.be/versteele2011/frontend/includes/css/webfonts/160B6F_1.eot);
}

#menu {
margin-left:5px;
width: 935px;
background: #212121;
float: left;
}
 
#menu ul {
list-style: none;
margin: 0;
/*width: 8em;*/
padding-left:0px;
padding-right:30px;
padding-top:3px;
float: left;
height:30px;
}
 
#menu a.top_parent, a.top_parentactive, #menu a.sub_parent, #menu h2 {
font-size: 14px;
font-weight:bold;
font-family: Sans-Serif;
display: block;
margin: 0;
padding: 2px 3px;
}

#menu a.sub_parent {
color: #FFF;
text-decoration: none;
}
 
#menu h2 {
color: #fff;
background: #000;
}
 
#menu a.top_parent {
color: #FFF;
text-decoration: none;
}
 
#menu a.top_parent:hover {
color: #a00;
color:#febe10;
}

#menu a.top_parentactive {
color: #a00;
color:#febe10;
text-decoration: none;
}
 
#menu li {position: relative;}
 
#menu ul ul {
	position: absolute;
	z-index: 500;
}

#menu ul ul li {
	height:25px;
	padding-top:10px;
	padding-left:5px;
	padding-right:10px;
	color: #FFF;
	opacity:0.8;
	filter:alpha(opacity=80);
	background-color:#212121;
	width: 10em;
}

#menu ul ul li:hover {
	opacity:1;
	filter:alpha(opacity=100);
	background-color:#aaaaaa;	
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}
 
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}
 
div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}




/* elements */
body {background-color: white;}
body, table, td, p {
	font-size: 12px;
	font-family: Sans-Serif;
	color: #000000;
	margin: 0px;
	
}

.achterheader{
	background: #212121;	
}

.breedtesite{
	width:940px;
}

input, select, textarea {font: 10px;color: #333333;}
a {
	color: #0033CC;
	text-decoration: underline;
}
a:hover {
	text-decoration: underline; color:#CCCCCC;
}


/* intropagina */
#adresgegevensintro {
	height:180; 
	width:310; 
	background-color:#9c968a; 
}

/*adresgegevens rechts*/
#adresgegevens {
	height:564px; 
	width:282px; 
	padding-top:100px; 
	padding-left:21px;
    text-align:left;
}

#adresgegevenskort {
	height:150px; 
	width:282px; 
	padding-top:100px; 
	padding-left:21px;
    text-align:left;
}

/*content*/
#content{
 width:630px;	
}

#tussenlijn{
 width:99%;
 height:1px;
 background-color:#ececec;
 margin-top:10px;
}

#content h1 {
color: #FFF;
text-decoration: none;
background-color:#9c968a;
width:250px;
font-size:22px;
padding-left:5px;
}

#content h2 {
color: #9c968a;
text-decoration: none;
font-size:18px;
font-style:normal;
}


#content h3 {
color: #9c968a;
text-decoration: none;
font-size:18px;
font-style:normal;
margin:0;
}


#content h4 {
color: #febe10;
text-decoration: none;
font-size:14px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:10px;
text-decoration:none;
}

#content h5 {
color: #000;
font-size:10px;
margin:0px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:8px;
padding-left:10px;
text-decoration:none;
}

#content h6 {
color: #b3b3b5;
font-size:10px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;
padding-left:10px;
text-decoration:none;
}

#content address {
color: #999;
font-size:10px;	
text-decoration:none;
font-style:normal;
}

#content ul{
 margin-top:0px;	
 margin-left:-7px;	 
}

#content ul li{
	list-style-image:url(../../images/liststyle.gif);
	list-style-position:inside;
}

#overzichtfoto{
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:3px;
	padding-left:10px;
}

#nieuwsfoto{
	margin:0px;
	background-color:#FFF;
	height:100px;
	width:150px;	
}

#nieuwsdatum{
	margin:0px;
	color: #999;
	font-size:10px;	
	text-decoration:none;
	font-style:italic;
	text-align:right;
}

#wagensoverzicht{
	margin-left:0px;
	margin-right:10px;
	margin-top:10px;
	margin-bottom:10px;
	padding-bottom:10px;
	background-color:#FFF;
	border:1px solid #fff;
	height:100px;
	width:130px;
	text-align:center;
	text-decoration:none;
	color:#000;
}

#wagensoverzicht:hover{
	border:1px solid #ececec;
	text-align:center;
	text-decoration:none;
	color:#febe10;	
}

.linkwagen{
	text-align:center;
	text-decoration:none;
	color:#000;
}

.linkwagen:hover{
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	color:#febe10;
}

/* sluitingsdagen */
#sluitingsdagen {
	width:282px; 
	padding-top:15px; 
	padding-left:21px;
    text-align:left;
	border:1px solid #ececec;
}
#sluitingsdagen h2 {
color: #9c968a;
text-decoration: none;
font-size:18px;
font-style:normal;
}