/*======================================
      WELCOME TO THE STYLESHEET
--------------------------------------      
     Copyright Mike Crittenden
      Author: Mike Crittenden
======================================*/
 
/**************************************\
|------------COLOR SCHEME--------------|
|--------------------------------------|
- black		#000
- white		#fff
\**************************************/


/**************************************/
/*              GLOBALS               */
/**************************************/
textarea, input[type='text'], input[type='password'], select { border: 1px solid #00a6eb; background: #fff; width: 300px;}
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #113C71; }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #113C71; outline: 2px solid #00a6eb; }
input[type='submit'],input[type='reset']  { float: right;border: 1px solid #00a6eb; height: 20px; padding: 0; margin-left: 1em;}
input, select { cursor: pointer; }
input[type='text'] { cursor: text; }
.error{margin-bottom: 0;}
/**************************************/
/*              HEADER                */
/**************************************/
body {background-image: url(/images/bg_white.gif); margin-top: 0;}
.fullwidth {width: 100%; background-image: url(/images/bg_silver.gif); margin-top: 0; overflow: hidden;}

html, body {height: 100%;}
/**************************************/
/*             NAVIGATION             */
/**************************************/
.container {width: 969px; }
.container a:link { text-decoration: underline; color: #113C71; }
.container a:visited { text-decoration: underline; color: #113C71; }
.container a:hover { text-decoration: underline; color: #00a6eb; }
.container a.visible:hover { text-decoration: underline; color: #00a6eb; }
.container a:active, .container a:focus { text-decoration: underline; color: #113C71; }


.content a:link { text-decoration: none; color: #00a6eb; }
.content a:visited { text-decoration: none; color: #00a6eb; }
.content a:hover { text-decoration: none; color: #e9f2f8; }
.content a.visible:hover { text-decoration: none; color: #e9f2f8; }
.content a:active, .container a:focus { text-decoration: none; color: #00a6eb; }
.content .error { padding: 0; }

#btn-automatisering{ left: 297px; top: 283px; position: absolute;}
#btn-elektrotechniek{left: 500px; top: 283px; position: absolute;}

/**************************************/
/*            MAIN CONTENT            */
/**************************************/
.top{float: left; position: relative; display: block; height: auto;}
.top IMG{float: left; display: block;}

.menu { height: 39px; float: left; }
.menu ul { margin-left: 0; padding-left: 0; left: 0; }
.menu ul li { vertical-align: top; float: left; list-style: none; margin: 0; padding: 0;}
.menu ul li a{ height: 39px; display: inline;}

#website{vertical-align:middle;}
.body { background-image: url(/images/intro-body.jpg); width: 969px; height: 443px; position: relative; background-repeat: no-repeat; }
.content {width: 969px; height: 354px; position: relative; clear: left; padding-left: 51px; padding-top: 50px; background-repeat: no-repeat; color: #fff;}
	.automatisering{ background-image: url(/images/automatisering-bground.jpg); }
	.elektrotechniek{ background-image: url(/images/elektrotechniek-bground.jpg); }
.content ul {float: left; padding-left: 15px; list-style-image: url(/images/bullet.gif);}
.container ul{margin-bottom: 0;}

#contentimg {float: left; width: 206px; height: 300px; margin-right: 30px;}
#contentimg img{border: 1px solid white; }
#contenttxt h1{padding-top: 0; margin: 0; font-family: Verdana, Arial; color:#fff; font-size: 13pt; margin-bottom: 20px; line-height: 23px;}
#contenttxt p{color: white; font-family: arial; line-height: 16px;}


/**************************************/
/*               FOOTER               */
/**************************************/
.footer{ text-align: right; margin-top: 2px; padding-right: 2px; height: auto;}