/* HTML */
    html{
	background-color: white;
    }

/* BODY */
    body{
	line-height: 1.2;
	padding: 20px;
	padding-top: 0px;
	min-width: 896px;
	height: auto;
	background-color: white;
	font-family: verdana;
    }
    ol, ul {
    margin-left: 25px;
    }

/* PSEUDO-CLASSES */
    a:link { color: red }
    a:visited { color: blue }
    a:hover { color: yellow }
    a:active { color: lime }
    a:focus { color: lime }
    a:focus { outline: none }

/* HEADER */
    #header{
	padding: 15px;
	padding-bottom: 0px;
	min-width: 850px;
	height: 75px;
    }
	/* SIGNET */
    #signet{
	float: left;
	margin: 0px;
	padding: 0px;
	width: auto;
	height: auto;
    }
    #signet img{
	float: left;
	border: none;
    }
	/* LOGOTYPE */    
    #logotype{
	float: left;
	margin: 0px;
	padding: 10px;
	width: auto;
	height: 55px;
	cursor: default;
    }
    .logotype_comp{
	text-align: left;
	font-family: verdana;
	font-size: 28px;
	font-weight: bold;
	color: lightblue;
	text-decoration: none;
    }
    .logotype_name{
	text-align: right;
	font-family: verdana;
	font-size: 14px;
	font-weight: bold;
	color: darkblue;
	text-decoration: none;
    }
	/* INFO */
    #info{
	float: right;
	text-align: right;
	font-family: verdana;
	font-size: 10px;
	font-weight: normal;
    }
    #info a{
	color: darkblue;
	text-decoration: none;
    }
    #info a:hover{
	font-weight: bold;
	font-size: 16px;
    }
/* NAVIGATION */
    #navi{
	margin-top: 5px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 5px;
	min-width: 820px;
    }
	/* MAIN */
    #navi_main{
	text-align: left;
	height: 25px;
    }
    #navi_main a{
	padding-top: 3px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 3px;
	font-family: verdana;
	font-size: 14px;
	font-weight: bold;
	color: lightblue;
	background-color: darkblue;
	text-decoration: none;
    }
    #navi_main a:hover{
	color: darkblue;
	background-color: lightblue;
    }

/* MENU *//* WRAPPER */
    .menu{
	float: left;
	width: 150px;
	padding-top: 10px;
	padding-bottom: 15px;
    }

/* MENU *//* MENU */
    .menu_main{
	margin: 5px;
	border-right-color: lightblue;
	border-right-style: solid;
	border-right-width: 1px;
    }

/* CONTENT */
    .content{
	margin-left: 150px;
	margin-right: 15px;
	padding: 15px;
	min-width: 535px;
	min-height: 300px;
	color: grey;
    }
    .home{
	margin-left: 15px;
	margin-right: 15px;
	padding: 15px;
	min-width: 670px;
	min-height: 300px;
	color: grey;
    }
    .col-left{
	padding: 15px;
	min-width: 418px;
	min-height: 300px;
	width: auto;
	float: left;
	color: grey;
    }
    .col-right{
	padding: 15px;
	min-width: 418px;
	min-height: 300px;
	width: auto;
	float: right;
	color: grey;
    }

/* FOOTER */
    #footer{
	clear: both;
	min-width: 820px;
	font-family: verdana;
	font-size: 10px;
	font-weight: normal;
	color: cornflowerblue;
	margin-left: 15px;
	margin-right: 15px;
	padding: 5px;
	background-color: lightgrey;
    }
	/* BOX */
    #footer_text{
	text-align: center;
    }
    #footer_text a{
	color: cornflowerblue;
	text-decoration: none;
    }
    #footer_text a:hover{
    	color: darkblue;
    }
	/* DOCS */
    #footer_docs{
	text-align: center;
    }
    #footer_docs a{
	color: cornflowerblue;
	text-decoration: none;
    }
    #footer_docs a:hover{
    	color: darkblue;
    }
	/* W3C */
    #w3c{
	padding-top: 10px;
	float: right;
    }
    #w3c img{
	border: none;
    }
	/* DESIGN */
    #design{
	clear: right;
	float: right;
	padding: 5px;
	white-space: nowrap;
    	color: goldenrod;
    }
    #design a{
    	color: goldenrod;
    }
    #design a:hover{
    	color: red;
    }