/*
	VGVZ
	screen stylesheet
	
	@c	19 May 2006
	@m	02 June 2006 
----------------------------------------------- */


/*
	Resets margin and padding for all elements */
* {
	margin: 0;
	padding: 0;
}

/*
	Elements
----------------------------------------------- */
 
body {
	font-family: Arial, sans-serif;
	font-size: 85%;
	text-align: center;
	background: url(../images/bg-body.gif) #e5eef5 repeat-x top left;
	color: #444;
}

p {
	margin-bottom: 1em;
}

a {
	color: #063;
}

img {
	border: 0;
}

h2 {
	height: 2.25em;
	font: normal normal 1.5em Georgia, serif;
	color: #069;
}

h3 {
	font: normal bold 1.1em Georgia, serif;
	color: #069;
}

h4 {
	font-weight: normal;
	font-size: .9em;
}

h3 a, h4 a {
	color: #063;
}

/*
	Classes
----------------------------------------------- */

.hide {
	display: none;
}

.more {
	padding-right: 17px;
	border: none !important;
	text-decoration: underline !important;
	background-position: center right;
	background-repeat: no-repeat;
}

/*
	Both .green and .black are being used in combination with .more */

.green {
	color: #063;
	background-image: url(../images/bg-more-green.gif);
}

.black {
	color: #000 !important;
	background-image: url(../images/bg-more-black.gif);
}

/*
	How To Clear Floats Without Structural Markup
	<http://positioniseverything.net/easyclearing.html> */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
/* End hide from IE-mac */

.break {
	clear: both;
	line-height: 1px;
	font-size: 1px;
}
	
/*
	Container
----------------------------------------------- */

#container {
	margin: 0 auto;
	width: 57em;
	text-align: left;
}

/*
	Header
----------------------------------------------- */

#header {
	height: 102px;
	padding: 9px 0 9px 14px;
	margin-right: 5px;
	background: url(../images/bg-header-l.png) no-repeat top left;
}

#header-bg-rechts {
	clear: left;
	background: url(../images/bg-header-r.png) no-repeat top right;
}

#header h1 {
	width: 72px;
	height: 93px;
	float: left;
}

#text-logo {
	display: block;
	width: 388px;
	height: 16px;
	float: left;
	margin-top: 31px;
}

#text-size {
	float: right;
	margin: 29px 1em 0 0;
	height: 22px;
}

#text-size p {
	float: left;
	padding-top: 3px;
	font-family: Georgia, serif;
	font-size: .8em;
}

#text-size dl {
	float: left;
	margin-left: 1em;
}

#text-size dt {
	display: none;
}

#text-size dd {
	float: left;
}

#text-size dd img:focus {
	border: 0;
}

#menu-main {
	float: left;
	margin-top: 15px;
	width: 62em;
	height: 2.5em;
	font-family: Georgia, serif;
	font-size: .8em;
	background: url(../images/bg-menu.gif) repeat-x left top;
}

#menu-main ul {
	list-style: none;
}

#menu-main li {
	float: left;
}

#menu-main li a {
	float: left; /* IE apparently needs this property */
	display: block;
	padding: .75em .75em;
	height: 2.25em;
	text-decoration: none;
	color: #fff;
}

#menu-main li.current {
	background: url(../images/bg-menu-item-r.png) no-repeat right top;
}

#menu-main li.current a {
	font-weight: bold;
	background: url(../images/bg-menu-item-l.png) no-repeat left top;
}

/*
	Content
----------------------------------------------- */

#content-container-bg-rechts {
	background: url(../images/bg-container-r.gif) repeat-y right top;
}

#content-container {
	padding: 0 5px;
	background: url(../images/bg-container-l.gif) repeat-y left top;
}

#content {
	position: relative;
	min-height: 35em;
	padding: 25px 0 1% 30px;
	line-height: 1.5em;
	background: url(../images/bg-image-home.jpg) #fff no-repeat right top;
}

#content p a {
	color: #063;
}

#content p a:hover {
	color: #030;
}

#content p a:visited {
	color: #000;
}

/*
	Footer
----------------------------------------------- */

#footer {
	height: 2.5em;
	padding: 10px 0 0 85px;
	margin-right: 6px;
	background: url(../images/bg-footer-l.png) no-repeat left bottom;
}

#footer-bg-rechts {
	background: url(../images/bg-footer-r.png) repeat-y right bottom;
}

#menu-service {
	font-family: Georgia, serif;
	font-size: .8em;
	list-style: none;
	margin: 0;
	padding: 0;
}

#menu-service li {
	float: left;
	margin-right: 1em;
}

#menu-service li a {
	color: #069;
	text-decoration: none;
}

p#copy {
	float: right;
	margin-right: 25px;
	font-size: .75em;
	color: #063;
}

/*
	Content / Home
----------------------------------------------- */

#home h3 {
	height: 2em;
	padding-top: .75em;
}

#intro {
	float: left;
	width: 19em;
	margin-right: 20px;
}

#intro p {
	padding-left: 10px;
	font-size: .9em;
}

.box {
	float: left;
	width: 13.5em;
	height: auto;
	margin-right: .75em;
	padding: 0 1.25em;
	background: url(../images/bg-box.png) repeat-x left top;
}

.box p {
	margin-bottom: .5em;
	font-size: .9em;
}

#overview-vacatures,
#overview-register {
	margin-right: 0;
}

#overview-workshops {
	display: inline; /* The IE Doubled Float-Margin Bug: <http://positioniseverything.net/explorer/doubled-margin.html> */
	margin-left: 20.5em;
}

#shortcuts {
	position: absolute;
	left: 35px;
	top: 37.5em;
	font-family: Georgia, serif;
}

#shortcuts .shortcut {
	width: 18.25em;
	height: 2.5em;
	margin-bottom: 10px;
	padding: 5px 0 0 10px;
	border: 1px solid #dce7f4;
	border-bottom: none;
	background: url(../images/bg-shortcut.png) repeat-x left top;
}

#shortcuts .large {
	height: 44px;
	background-image: url(../images/bg-shortcut-l.png)
}

#shortcuts .shortcut h4 {
	font-size: 1em;
}


#shortcuts .shortcut p {
	font-family: Arial, sans-serif;
	font-size: .8em;
}

/*
	Submenu
----------------------------------------------- */
	
#menu-sub {
	float: left;
	width: 18.75em;
	padding: 10px;
	border-top:   1px solid #dce7f4;
	border-left:  1px solid #dce7f4;
	border-right: 1px solid #ecf0f4;
	list-style: none;
	font: normal normal .8em/2.2em Georgia, serif;
	background: url(../images/bg-submenu.png) repeat-x top left;
}

#menu-sub ul {
	list-style: none;
}

#menu-sub li {
	height: 1%; /* IE likes to see a height here */
	padding-left: 17px;
	background: url(../images/bg-more-green.gif) no-repeat 0 9px;
}

#menu-sub li li {
	background-image: url(../images/bg-more-blue.gif);
}

#menu-sub li ul {
	margin: 0; padding: 0;
}

#menu-sub li li.first {
	margin: 0 0 .5em -.5em;
}

#menu-sub li a {
	display: block;
	padding: 0;
	text-decoration: none;
	color: #069;
	position: relative;
}

/*
	Main
----------------------------------------------- */

#main, #main-sans-sub {
	padding: 1em 1em 0 1.75em;
	font-size: .9em;
	background: url(../images/bg-main.png) repeat-x left top;
}

#main {
	width: 37em;
	margin-left: 19.3em;
}

#main-sans-sub {
	width: 56.3em;
	margin-left: 0;
}

#main h3, #main-sans-sub h3 {
	padding-bottom: .5em;
	line-height: 1.5em;
	font-size: 1.3em;
	color: #063;
}

#main h4, #main-sans-sub h4 {
	padding-bottom: .75em;
	font: normal bold 1.1em Georgia, serif;
	color: #063;
}

#main p {
	margin-left: 1em;
}

#main img {
	border: 1px solid #dce7f4;
}

#main img.img-right {
	float: right;
	margin: .25em 0 .25em 1em;
}

#main img.img-left {
	float: left;
	margin: .25em 1em .25em 1em;
}

#main a.pdf {
	padding-right: 15px;
	background: url(../images/icon-pdf.gif) no-repeat right center;
}

#main ol {
	margin: 0 0 1em 1em;
}

#main ul {
	margin: 0 0 1em 1em;
	list-style-type: square;
}

#main dl {
	margin: 0 0 1em 1em;
}

#main dt {
	color: #063;
}

#main dd {
	margin: 0 0 0 1em;
}

#main hr {
	height: 1px;
	margin-bottom: 1em;
	color: #dce7f4;
	background-color: #dce7f4;
	border: none;
}

#sitemap {
	width: 54.9em;
	background-color: #fff;
}

#sitemap li {
	list-style: none;
}

#sitemap li {
	width: 54em;
	margin-bottom: 10px;
	padding: 5px 0 0 10px;
	border: 1px solid #dce7f4;
	border-bottom: none;
	border-right: none;
	background: url(../images/bg-sitemap-item.gif) repeat-x left top;
}

#sitemap ul li {
	border: 0;
	background-image: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

#sitemap ul li a {
	color: #063;
}