html,body{
	margin : 0;
	padding : 0;
	background-color : #cdcdcd;
	height : 100%;
}

html,body {
	line-height : 18px;
	font-family : Arial;
	font-size : 12px;
	color : #000000;
}

a:link, a:visited, a:active {
	color : #C92B2C; 
	text-decoration :  underline;
}
a:hover{
	color : #000000; 
	text-decoration :  underline;
}

hr {
	background-color :#dedede;
	color : #dedede;
	border : 0;
	margin : 15px 0 15px 0;
	height : 1px;
}

input, textarea {
	position : relative;
}

h1 {
	padding : 0 0 0 0;
	margin :  0 0 10px 0;
	font-family : Arial;
	font-weight : normal;
	font-size : 20px;
	color : #C92B2C;
	line-height : normal;
}

h2 {
	padding : 0 0 0 0;
	margin :  0 0 4px 0;
	font-family : Arial;
	font-weight :  bold;
	font-size : 16px;
	color : #C92B2C;
	line-height : normal;
}

h3 {
	padding : 0 0 0 0;
	margin :  0 0 4px 0;
	font-family : Arial;
	font-weight :  bold;
	font-size : 13px;
	color : #C92B2C;
	line-height : normal;
}

h4 {
	padding : 0 0 0 0;
	margin :  0 0 4px 0;
	font-family : Arial;
	font-weight :  bold;
	font-size : 12px;
	color : #000000;
	line-height : normal;
}

h5 {
	padding : 0 0 0 0;
	margin :  0 0 4px 0;
	font-family : Arial;
	font-weight : normal;
	font-size : 11px;
	color : #C92B2C;
	line-height : normal;
}

h6 {
	padding : 0 0 0 0;
	margin :  0 0 10px 0;
	font-family : Arial;
	font-weight : normal;
	font-size : 20px;
	color : #C92B2C;
	line-height : normal;
}

/* //////////////////// LAYOUT \\\\\\\\\\\\\\\\\\\\ */

.container{
	position : relative;
	margin : 0 auto;
	background-image : url(http://www.secretariaatopmaat.nl/gfx/achter.gif);
	background-repeat: repeat-y;
	background-position : left top;
	width : 970px;
	height : 100%;
}

.holder{
	position : absolute;
	background-image : url(http://www.secretariaatopmaat.nl/gfx/achter.gif);
	background-repeat: repeat-y;
	background-position : left top;
	padding : 0 10px;
	width : 950px;
	height : 100%;
	height : auto !important;
	min-height : 100%;
}

.header{
	float : left;
	background-repeat: no-repeat;
	background-position : left top;
	padding : 0 20px;
	text-align : right;
	width : 910px;
	height : 125px;
}

.content{
	float : left;
	width : 950px;
}

.content_l{
	float : left;
	padding : 0 0 0 20px;
	width : 237px;
}

.submenu{
	float : left;
	margin : -20px 0 0 0;
	width : 237px;
}

.submenu_top{
	float : left;
	background-image : url(http://www.secretariaatopmaat.nl/gfx/submenu_top.png);
	background-repeat: no-repeat;
	background-position : left top;
	width : 237px;
	height : 59px;
}

.submenu_mid1{
	float : left;
	background-image : url(http://www.secretariaatopmaat.nl/gfx/submenu_mid2.png);
	background-repeat: repeat-y;
	background-position : left top;
	width : 237px;
}

.submenu_mid2{
	float : left;
	background-image : url(http://www.secretariaatopmaat.nl/gfx/submenu_mid1.png);
	background-repeat: no-repeat;
	background-position : left top;
	padding : 10px 15px 10px 27px;
	line-height : normal;
	width : 195px;
	min-height : 195px;
	height : auto !important; /* voor moderne Browser */
	height : 195px; /*voor IE6 */
}

.submenu_mid2 ul {
	float : left;
	position : relative;
	margin : 0;
	padding : 0;
	list-style-type : none;
}

.submenu_mid2 ul li {
	float : left;
	font-family : Arial;
	font-size : 11px;
}

.submenu_mid2 a, .submenu_mid2 a:link, .submenu_mid2 a:active, .submenu_mid2 a:visited {
	float : left;
	display : block;
	background-image : url(http://www.secretariaatopmaat.nl/gfx/pijl.png);
	background-repeat: no-repeat;
	background-position : left top;
	padding : 5px 15px;
	text-decoration : none;
	line-height : normal;
	font-weight : bold;
	font-family : Arial;
	font-size : 11px;
	color : #000000;
	width : 165px;
}

.submenu_mid2 a:hover {
	float : left;
	display : block;
	background-image : url(http://www.secretariaatopmaat.nl/gfx/pijl.png);
	background-repeat: no-repeat;
	background-position : left top;
	padding : 5px 15px;
	text-decoration : underline;
	line-height : normal;
	font-weight : bold;
	font-family : Arial;
	font-size : 11px;
	color : #000000;
	width : 165px;
}

.submenu_mid2 ul li.select a, .submenu_mid2 ul li.select a:link, .submenu_mid2 ul li.select a:active, .submenu_mid2 ul li.select a:visited, .submenu_mid2 ul li.select a:hover {
	float : left;
	display : block;
	background-image : url(http://www.secretariaatopmaat.nl/gfx/pijl.png);
	background-repeat: no-repeat;
	background-position : left top;
	padding : 5px 15px;
	text-decoration : none;
	line-height : normal;
	font-weight : bold;
	font-family : Arial;
	font-size : 11px;
	color : #d80911;
	width : 165px;
}

.submenu_onder{
	float : left;
	background-image : url(http://www.secretariaatopmaat.nl/gfx/submenu_onder.png);
	background-repeat: no-repeat;
	background-position : left top;
	width : 237px;
	height : 11px;
}

.inloggen{
	float : left;
	background-image : url(http://www.secretariaatopmaat.nl/gfx/inloggen.png);
	background-repeat: no-repeat;
	background-position : left top;
	margin : 0 0 0 10px !important;
	margin : 0 0 0 5px;
	padding : 46px 0 0 15px;
	color : #FFFFFF;
	font-size : 10px;
	width : 224px;
	height : 100px;
	overflow: hidden;
}

.inlog_l{
	float : left;
	width : 150px;
	overflow: hidden;
}

.inlog_r{
	float : left;
	padding : 30px 0 0 0;
	width : 50px;
	overflow: hidden;
}

.inloggen .inlogveld {
	float : left;
 	background-color : #FFFFFF;
    outline: none;
    border: none;
	margin : 0;
    padding : 2px 0 0 4px;
	font-family : Arial;
    font-size : 11px;
    color : #000000;
    width: 139px;
	height : 16px;
}

.inloggen .inlogbutton {
	float : left;
 	background : url(http://www.secretariaatopmaat.nl/gfx/inlog.png);
    outline: none;
    border: none;
	margin : 0;
	padding : 0;
	font-family : Arial;
    font-size : 11px;
    color : #494949;
    width: 36px;
	height : 35px;
}

.menu_tekst{
	float : left;
	padding : 5px 0 0 15px;
	width : 224px;
}

.content_r{
	float : left;
	position : relative;
	width : 663px;
}

.menu_holder{
	float : left !important;
	float : none;
	position : none !important;
	position : absolute;
	top : 0;
	left : 0 !important;
	left : -11px;
	z-index : 0;
	margin : -7px 0 0 0;
	width : 693px;
	height : 59px;
}

.menu {
	float : left;
	background-image : url(http://www.secretariaatopmaat.nl/gfx/menu.png);
	background-repeat: no-repeat;
	background-position : left top;
	width : 693px;
	height : 59px;
}

.menu ul {
	float : left;
	position : relative;
	margin : 7px 0 0 0;
	padding : 0;
	list-style-type : none;
}

.menu ul li {
	float : left;
	font-family : Arial;
	font-size : 11px;
}

.menu ul li.break{
	float : left;
	background-image : url(http://www.secretariaatopmaat.nl/gfx/menu_break.png);
	background-repeat: no-repeat;
	background-position : left top;
	line-height : 0;
	font-size : 0;
	width : 2px;
	height : 45px;
}

.menu a, .menu a:link, .menu a:active, .menu a:visited {
	float : left;
	display : block;
	padding : 15px 20px 0 20px;
	text-decoration : none;
	line-height : normal;
	font-weight : bold;
	font-family : Arial;
	font-size : 12px;
	color : #FFFFFF;
	height : 30px;
}

.menu a:hover {
	float : left;
	display : block;
	padding : 15px 20px 0 20px;
	text-decoration : underline;
	line-height : normal;
	font-weight : bold;
	font-family : Arial;
	font-size : 12px;
	color : #FFFFFF;
	height : 30px;
}

.menu ul li.select a, .menu ul li.select a:link, .menu ul li.select a:active, .menu ul li.select a:visited, .menu ul li.select a:hover {
	float : left;
	display : block;
	padding : 15px 20px 0 20px;
	text-decoration : none;
	line-height : normal;
	font-weight : bold;
	font-family : Arial;
	font-size : 12px;
	color : #000000;
	height : 30px;
}

.text{
	float : left;
	margin : 58px 0 0 0;
	padding : 0 19px 45px !important;
	padding : 0 19px 45px 3px;
	width : 625px !important;
	width : 603px;
}

.footer{
	position: absolute;
	left:0;
	background-color : #d5d5d5;
	padding : 7px 19px 7px 19px !important;
	padding : 7px 19px 7px 17px;
	color : #474747;
	font-size : 11px;
	width : 655px !important;
	width : 645px;
}

.footer_l{
	float : left;
	color : #474747;
	font-size : 11px;
	width : 400px;
}

.footer_l a:link { color : #474747; text-decoration : underline;}
.footer_l a:visited { color : #474747; text-decoration : underline;}
.footer_l a:active { color : #474747; text-decoration : underline;}
.footer_l a:hover { color : #000000; text-decoration : none;}

.footer_r{
	float : left;
	font-size : 11px;
	text-align : right;
	width : 255px !important;
	width : 245px;
}

.footer_r a:link { color : #909090; text-decoration : none;}
.footer_r a:visited { color : #909090; text-decoration : none;}
.footer_r a:active { color : #909090; text-decoration : none;}
.footer_r a:hover { color : #000000; text-decoration : none;}