/*****************************************************
** CSS Document voor Jachthaven Dragt
** 
** Gerealiseerd door  : RhenoMedia
** Laatst aangepast op: 28-02-2008
*****************************************************/

* {margin:0; padding:0} /* hierdoor verspringt de website niet */

html, body {
	background-color:#0d2139;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin: 0px;
	padding: 0px;
	color: #fff; }

/*****************************************************
** OPMAAK STRUCTUUR                                 **
*****************************************************/

#main_contain {
	position: absolute;
	width: 900px;
	left: 50%;
	margin-left: -450px; }

#banner{ position:absolute; left:10px; top:100px; width:218px; height:68px; background: url(../images/banner.png); padding:10px; color:#fff;}

  #header_contain {
	width: 900px;
	height: 395px; }
	
	#logo_contain {
	  float: left;
	  width: 450px;
	  height: 90px;
    }
	
	#meta_contain {
	  float: right;
	  width: 448px;
	  height: 50px;
	}

	#headerImage_contain {
	  clear: both;
	  width: 900px;
	  height: 306px;
	  z-index: 5;
	}

	#headerFrontImage_contain {
	  width: 900px;
	  height: 306px;
	  margin: -306px 0 0 0;
	  z-index: 10px
	}
	
#menu_contain {
	background: url(../images/templateImages/menu.gif);
	width: 882px;
	height: 40px;
	padding: 6px 0 0 18px;
	}		

#content_contain {
	width: 615px;
	float: right;
	padding: 45px 0 0 0;
	margin-bottom: 20px; }
	

#right_contain {
float: left;
	padding: 45px 0 0 0;
	width: 285px;
	margin-bottom: 20px; }

#submenu_contain, #klantlogin {
	width: 227px;
	border: 1px solid #025ac1;
	margin-bottom: 30px; }

#footer_contain {
clear: both;
border-top: 1px solid #025ac1;
	padding: 10px 0 0 0; }


/*****************************************************
** AANGEMAAKTE CLASSES WEBSITE                      **
*****************************************************/

.topSubmenu{
background-image: url(../images/templateImages/topSubmenu.gif);
width: 229px;
height: 7px;
margin: -1px 0 0 -1px;
}

.bottomSubmenu{
background-image: url(../images/templateImages/bottomSubmenu.gif);
width: 229px;
height: 7px;
margin: 0 0 -1px -1px;
}

.logoTitle {
	font-size: 34px;
	margin: -65px 0 0 85px;
}

.metaText{
  font-size: 80%;
  text-align: right;
  padding: 5px 0 0 0;
}

.headingSideBar{
width: 217px;
height: 32px;
background: url(../images/templateImages/headingSidebar.gif) no-repeat;
padding: 10px 0 0 12px;
}

.contentSideBar{
width: 217px;
padding: 10px 0 0 12px;
border-bottom: 1px solid #025ac1;
}

.contactInfo{
float: left;
width: 450px;
padding: 0 0 0 0;
font-size: 60%;
margin-bottom: 15px;
}

.copyright{
float: right;
width: 450px;
padding: 0 0 0 0;
font-size: 60%;
margin-bottom: 15px;
text-align: right;
}

/*****************************************************
** HTML TAGS WEBSITE                                **
*****************************************************/

p {
font-size: 80%;
line-height: 150%;
margin-bottom: 20px;
 }

form, tabel{font-size: 80%;}

h1 {
	font-size: 130%;
	font-weight: lighter;
	border-bottom: 1px solid #025ac1;
	padding-bottom: 10px;
	margin-bottom: 10px;}

h2	{
	font-size: 100%;
	font-weight: lighter;
	margin-bottom: 10px;
 }

img {
	border: 0; }


a { color: #fff; text-decoration: none; }
/* Links in de content */
#content_contain a:link {color: #fff; text-decoration: none; background: url(../images/templateImages/linkLine.gif) repeat-x bottom; }
#content_contain a:visited {color: #fff; text-decoration: none; text-decoration: underline; }
#content_contain a:hover {color: #fff; text-decoration: none; background: url() repeat-x bottom; }

/* meta links */
a.meta:link {color: #fff; text-decoration: none; background: url(); }
a.meta:visited {color: #fff; text-decoration: none; text-decoration:none; }
a.meta:hover {color: #fff; text-decoration: underline; }

a.menuInActief, a.menuActief{
display: inline-block;
text-align: center;
text-decoration: none;
padding:8px 2px 0 2px;
width: 136px;
height: 27px;
vertical-align: top;
font-size: 80%;
}
a.menuInActief:hover, a.menuActief{
background-image: url(../images/templateImages/bgMenuHover.gif);
}

a.submenuInActief, a.submenuActief{
display: block;
text-decoration: none;
padding:7px 0 0 12px;
width: 215px;
height: 28px;
font-size: 80%;
}
a.submenuInActief:hover, a.submenuActief{
background: url(../images/templateImages/bgSubmenu.gif) repeat-x;
}

ul{
margin-left: 20px;
font-size: 80%;
}

textarea{
	font-family: Arial, Helvetica, sans-serif;
	width: 331px;
}

select{
width: 333px;
}

.radio {
font-size: 80%;
 }

 img.alignleft, img.left {margin: 0 1.5em 1em 0;}
  img.alignright, img.right {margin: 0 0 1em 1.5em;}