/* CSS Document */

******* algemeen ******/

html, body {
	margin: 		0;
	padding: 		0;
}

body {
	text-align: 		center;
	background: 		#f4f4f4 url(../images/randschaduw.gif) repeat-y center;
	color: 			#21467b;
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 		80%;
}

/******* opmaak ******/
div.center{
	width: 			960px;
	margin: 		0 auto;
	text-align: 		left;
}

div.balk1{
	height: 		25px;
	max-height: 		25px;
	line-height: 		25px;
	margin-top: 		0px;
	background: 		#F5873C;
	overflow: 		hidden;
}

div.balk2 {
	height: 		120px;
	background: 		#fff url(../images/balk_gemeentehuis1.jpg) no-repeat;
	overflow: 		hidden;
}

div.schaduw {
	height: 		12px;
	background: 		#fff url(../images/schaduw.gif) repeat-x;
	overflow: 		hidden;
}

div.printlogo {
	display: 		none;
}

div.wrapper {
	float: left;
	width: 100%;
}

div.container {
	width: 			640px;
	margin: 0 		160px;
	overflow: 		hidden;
}

div.kolom1 {
	float: 			left;
	width: 			160px;
/*	margin-left: 		-960px; */
	padding: 		0px;
}
div.content {
	width: 			720px;
	padding: 		0px 10px 10px 10px;
	overflow: 		hidden;
}


.contentheading {
	font-size: 		110%;
	font-weight:		bold; 
}


#mainlevel ul.menu li#current a:link, #mainlevel ul.menu li#current a:visited {
	background-color:	#999999;
	color:   		#f1f1f1;
}

a:link, a:visited{
	color:#F5873C;
        text-decoration:none;         
}

a:hover{
	text-decoration: 	underline;
}
	
.kolom1 ul#mainlevel-nav li
{
	display: 		block;
	background-image: 	none;
	padding-left: 		0px;
	padding-right: 		0px;
	float: 			right;
	margin: 		0;
	width: 			auto !important;
        width: 			15%;
	font-size: 		80%;
	line-height: 		21px;
	white-space: 		nowrap;
}

ul#mainlevel-nav
{
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 0.8em;
}

ul#mainlevel-nav li
{
	background-image: 	none;
	background-color: 	#355d9E;
	padding-left: 		0px;
	padding-right: 		0px;
	float: 			left;
	margin: 		0;
	font-size: 		80%;
	line-height: 		21px;
	white-space: 		nowrap;
	border-left: 		1px solid #DDDDDD;
	border-top: 		1px solid #DDDDDD;
	border-right: 		1px solid #888888;
	border-bottom: 		1px solid #888888;
}

ul#mainlevel-nav li a
{
	display: 		block;
	padding-left: 		15px;
	padding-right: 		15px;
	text-decoration: 	none;
	color: 			#333333;
	background: 		transparent;
}

#buttons>ul#mainlevel-nav li a { 
	width: 			auto; 
}

ul#mainlevel-nav li a:hover{
	color: 			#fff;
	background: 		#0055B3;
}

a.mainlevel {
	background-color: 	#355d9E;
	color: 			#ffffff;
	text-decoration: 	none;	
	padding-left: 		5px;
	padding-right: 		0px;
	float: 			left;
	margin: 		0;
	line-height: 		21px;
	white-space: 		nowrap;
	border-left: 		1px solid #DDDDDD;
	border-top: 		1px solid #DDDDDD;
	border-right: 		1px solid #888888;
	border-bottom: 		1px solid #888888;
	width: 			152px;
	height: 		21px;
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 		80%;
}

a.mainlevel:hover {
	/*background-position: 0px -25px;*/
	text-decoration: 	none;
	color: 			#FF8000;
}

a.mainlevel#active_menu {
	border-bottom-color: 	#888;
	border-bottom-style: 	solid;
	border-bottom-width: 	1px;
	border-color: 		#ddd #888 #888 #ddd;
	border-left-color: 	#888;
	border-left-style: 	solid;
	border-left-width: 	1px;
	border-right-color: 	#888;
	border-right-style: 	solid;
	border-right-width:	1px;
	border-top-color: 	#ddd;
	border-top-style: 	solid;
	border-top-width: 	1px;
	color:			#f5873c;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 		19px;
	padding: 		0px 0px 0px 5px;
	padding-left: 		5px;
	scrollbar-base-color: 	#f5873c;
	width: 			152px;
	z-index: 		1000;	
	text-decoration: 	none;
}

a.mainlevel#active_menu:hover {
	color: #FF8000;
}

a.sublevel:link, a.sublevel:visited {
	padding-left: 		1px;
	vertical-align: 	middle;
	font-size: 		80%px;
	font-weight: 		bold;
	color: 			#c64934;
	text-align: 		left;
}

a.sublevel:hover {
	color: 			#900;
	text-decoration: 	none;
}

a.sublevel#active_menu {
	color: 			#333;
}

.componentheading{
	font-weight:		bold;
	font-size:		110%px;
}

H1 {
        font-weight:		bold;
        font-size:		120%;
}

H2 {
        font-weight:		bold;
        font-size:		110%px;
}

.moduletablebeheerlogin {
        background-color: 	#f5873c;
        padding-left: 		65px;
        padding-top: 		17px;
        padding-bottom: 	20px;
        width: 			300px;
}

.moduletablebeheerlogin label {
        color: #01245E;
        font-weight: bold;
        }

.button{
        background-color: #6F6F6F;
        width: 76px;
        color: #ffffff;
        font-weight: bolder;
        margin-top: 4px;
}

.inputbox{
        background-color: #C3D1EB;
}

#beheer a {

        display: block;
        margin-top:  		5px;
        color:          	#000000;
        font-family:    	"Verdana";
        font-size:      	11px;
        font-weight:    	bold;
        text-decoration: 	none;
        border:         	solid;
        border-color:   	#C8C8C8;
        border-width:   	1px;
        padding-left:   	0px;
        padding-right:  	3px;
        padding-bottom: 	2px;
        padding-top:    	30px;
        line-height:    	80px;
        margin-left:    	6px;
        padding-left:   	4px;
        display:        	inline;
	background-color:	transparent;
	width: 			90px;
}
#beheer a#active_menuab{
        background-image: 	url(https://demo.gt-loket.nl/images/stories/aknop.png);
        background-repeat: 	repeat;
        border-color:   	#000000;
        color:          	red;
	width: 	         	90px;

        /* for IE */
        filter:alpha(opacity=80);
        /* CSS3 standard */
        opacity:0.8;
}

#beheer a:hover{
        background-image: 	url(https://demo.gt-loket.nl/images/stories/aknop.png);
        background-repeat: 	repeat;
        border-color:      	#000000;
        color:                  red;
}


#beheer a:active{
        color:			red;
 	width: 			90px;
}

#beheer a:link{
        color:          #000000;
}

#beheer td{
         background-image: url(https://demo.gt-loket.nl/images/stories/beheermenu.jpg);
         background-repeat: no-repeat;
	 margin-top: 		60px; 
}

.even a{
        margin-left:    	10px;
}

.odd a{
        margin-left:    	10px;
}