/*
* MAIN STYLESHEET ELECTROSENSE.NL
* BY SANDER BECK
* SANDER@MULTIMOVE.NL
*/

body {
margin: 0;
margin-top: 0px;
padding: 0;
background-image:url(../images/layout/achtergrond.jpg);
background-repeat:repeat-x;
}

#container {
width:816px;
height:700px;
margin-left: auto;
margin-right: auto;
}

#title {
width:816px;
height:100px;
background-image:url(../images/layout/logo.jpg);
background-repeat:no-repeat;
background-position:inherit;
}

#menuandimages {
width:816px;
height:500px;
background-image:url(../images/layout/homebackground/choser.php);
/*background-image: url(../img/homebackground/home1.jpg);*/
background-repeat:no-repeat;
background-position: top left;
}

#menu {
width:200px;
height: 200px;
position:absolute;
z-index:4;
background-image:url(../images/layout/menubg.jpg);
background-repeat:repeat-y;
font-family: verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
font-weight: bold;
padding: 0;
margin-bottom: 1em;
color: #FFFFFF;
}

#imagecontainer {
width:400px;
height:200px;
position:absolute;
z-index:3;
padding-top:200px;
}

#news {
width:200px;
min-height:200px;
position:absolute;
z-index:2;
margin-top:300px;
padding-left:400px;
background-image:url(../images/layout/newsbg.jpg);
background-repeat: repeat-y;
background-position:bottom right;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:11px;
}

#newstekst {
padding:10px;
_padding-top:25px;
_margin-top:-16px;
}

#news h1 {
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
margin: 0px;
}

#tekstarea {
position:absolute;
z-index:1;
width:200px;
height:400px;
padding-left:600px;
background-image:url(../images/layout/tekstareabg.jpg);
background-position:top right;
background-repeat: repeat-y;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000; /*003F5E*/
line-height:15px;
}

#tekstareatekst {
margin: 10px 10px 10px 20px;
}

#copyright{
margin-top:8px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#999999;
}

#copyright a{
color:#999999;
font-weight:normal;
text-decoration:none;
}

#tekstarea h1 {
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
color:#003F5E;
font-size:16px;
font-weight:bold;
}

#image1 {
width:200px;
height: 100px;
background-image:url(../images/layout/image1.jpg);
}

#image2 {
width:200px;
height: 100px;
margin-left: 200px;
_margin-top:-100px;
background-image:url(../images/layout/image2.jpg);
}

#image3 {
width:200px;
height: 100px;
-moz-opacity:.8;
filter:alpha(opacity=80);
float:left;
background-image:url(../images/layout/image3.jpg);
}

#navcontainer {
background-repeat:no-repeat;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
width: auto;
height: 16px;
padding-left:235px;
padding-top:20px;
font-weight: bold;
font-size: 12px;
background-image: url(../images/layout/verloop.jpg);
}


/**
 * menu cms 5
 */
#menu a {
	text-decoration:		none;
}


#menu ul {
list-style: none;
padding-left: 0px;
margin-left:0px;
}

#menu  li { 
margin:0px;
_height:10px;
}

#menu  li a {
display: block;
padding: 2px 2px 2px 4px;
border-right: 2px solid #00ADEF;
background-color: #00ADEF;
color: #fff;
text-decoration: none;
}

#menu  li a:hover {
display: block;
padding: 2px 2px 2px 4px;
border-right: 2px solid #00ADEF;
background-color: #00ADEF;
color: #fff;
text-decoration: none;
}

#tekst2 {
padding:10px;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000; /*003F5E*/
background-image:url(../images/layout/homebg.jpg);
background-repeat:repeat-y;
background-image:url(../images/layout/homebg.jpg);
background-repeat:repeat-y;
width:380px;
_height:480px; /*IE6 ONLY*/
min-height:480px;
}

#foto {
float:left;
width:200px;
height:400px;
background-repeat:no-repeat;
background-position:top;
}

h1{
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
color:#003F5E;
font-size:16px;
font-weight:bold;
}

a:link{
color:#de8602;
font-weight:bolder;
}

a:visited{
color:#3A3A80;
font-weight:bolder;
}

a:link 		{color: #FFFFFF}
a:visited 	{color: #FFFFFF}
a:hover 	{color: #FFFFFF}
a:active 	{color: #FFFFFF}
a.multimove {color:#FFFFFF}

.a_black{
color:#000000;
text-decoration:underline;
}