/* Created by Kevin Steba ;-) */
/* Last Modifed on 14-10-2008 */

.clear{
	clear:both;
	height: 1px;
	overflow:hidden;
	font-size: 1px;
}

div#container{

}
	div#container div.wrapper{
		width: 933px;
		margin-left: auto;
		margin-right: auto;
		position: relative;
	}

	/* start: header */
	div#container div#header{
		border-top: 7px solid #000000;
		height: 90px;
	}
		/* logo */
		div#container div#header img#logo{
			position: absolute;
			left: 28px;
			top: 13px;
		}

		/* logo_champion */
		div#container div#header img#arnhem-logo{
			position: absolute;
			right: 15px;
			top: 25px;
		}

		/* language */
		div#container div#header ul#language{
			position: absolute;
			right: 20px;
			top: 20px;
		}
			div#container div#header ul#language li{
				float: left;
				height: 31px;
				padding: 8px 25px 0px 38px;
			}
				div#container div#header ul#language li#nederlands{
					background: url(../images/icon_nl.gif) no-repeat;
				}
				div#container div#header ul#language li#english{
					background: url(../images/icon_en.gif) no-repeat;
				}
				div#container div#header ul#language li#deutsch{
					background: url(../images/icon_de.gif) no-repeat;
				}
				div#container div#header ul#language li a{
					color: #A4A4A4;
					text-decoration: none;
				}
				div#container div#header ul#language li a:hover{
					color: #000;
					text-decoration: none;
				}
	/* end: header */

	/* start: toppic */
	div#container div#toppic{
		background: #CCD52E url(../images/blokjes.gif) repeat-x bottom;
		height: 62px;
	}
	/* end: toppic */

	/* start: navigation */
	div#container div#navigation{
		padding: 6px 0px 4px 32px;
	}
	div#container div#navigation ul#pnav{
		z-index:1000;
	}
	
	
		div#container div#navigation ul#pnav li{
			float: left;
			position: relative;
			z-index: 1000;
			background: url(../images/nav-sep.gif) no-repeat right 8px;
			padding: 5px 14px;
		}
			div#container div#navigation ul#pnav li a{
				font-weight: bold;
				color: #000000;
				text-decoration: none;
			}
			div#container div#navigation ul#pnav li.active a{
				font-weight: bold;
				color: #EB721F;
				text-decoration: none;
			}
			div#container div#navigation ul#pnav li a:hover{
				text-decoration: underline;
			}
			div#container div#navigation ul#pnav li.active a:hover{
				text-decoration: none;
			}
	/* end: navigation */

	/* start: main */
	div#container div#main{
		background: url(../images/main_bg.gif) repeat-x top;
		z-index: 0;
	}
		/* start: breadcrumble */
		div#container div#main div#breadcrumble{
			height: 35px;
			text-align: right;
			padding-top: 10px;
			color: #C8C8C8;
			height: 23px;
		}
			div#container div#main div#breadcrumble a{
				color: #C8C8C8;
			}
			div#container div#main div#breadcrumble a:hover{
				color: #000;
			}
			div#container div#main div#breadcrumble span{
				font-weight: bold;
			}
		/* end: breadcrumble */

		/* start: login */
		div#container div#main div#login{
			background: url(../images/login_bg.gif) no-repeat 0px 0px;
			height: 279px;
			width: 645px;
			padding: 25px 0px 0px 8px;
			float: left;
		}
			div#container div#main div#login h2{
				background: #B85397;
				padding: 5px 20px;
				color: #FFFEFF;
				font-size: 14px;
				font-weight: bold;
			}
			div#container div#main div#login a{
				color: #B85397;
			}
			/* login form */
			div#container div#main div#login div#login-form{
				width: 344px;
				float: left;
			}
				div#container div#main div#login div#login-form form{
					border-top: 1px solid #E4E4E4;
					margin-top: 20px;
				}
					div#container div#main div#login div#login-form form fieldset{

					}
						div#container div#main div#login div#login-form form fieldset legend{
							display: none;
						}
						div#container div#main div#login div#login-form form fieldset ol li{
							clear: both;
						}
							div#container div#main div#login div#login-form form fieldset ol li label{
								display: block;
								float: left;
								width: 120px;
								border-bottom: 1px solid #E4E4E4;
								padding: 10px 0px 2px 21px;
							}
							div#container div#main div#login div#login-form form fieldset ol li input{
								width: 141px;
								border: 1px solid #E4E4E4;
								padding: 4px 10px;
								width: 176px;
								font-size: 11px;
								margin-top: 8px;
								background: #F5F5F5;
								font-weight: bold;
							}
							html>body div#container div#main div#login div#login-form form fieldset ol li input{
								width: 179px;
							}
					div#container div#main div#login div#login-form form p.buttons{
						text-align: right;
						margin-top: 10px;
					}
						div#container div#main div#login div#login-form form p.buttons input{
							border: 1px solid #E4E4E4;
							padding: 4px 10px;
							font-size: 11px;
							background: #F5F5F5;
							font-weight: bold;
							cursor: pointer;
							color: #B85397;
						}
			/* login information */
			div#container div#main div#login div#login-info{
				width: 245px;
				float: left;
				margin-left: 34px;
			}
				div#container div#main div#login div#login-info p{
					padding: 20px 5px 0px 80px;
					line-height: 17px;
				}

				div#container div#main div#login div#login-info span#image1{
					position: absolute;
					left: 5px;
					top: 66px;
					display: block;
					width: 56px;
					height: 187px;
					background: url(../images/thieme_beeldmerk1.jpg) no-repeat 0px 0px;
				}
		/* end: login */

		/* start: news */
		div#container div#main div#news{
			float: left;
			width: 244px;
			height: 218px;
			padding: 25px 25px 0px 11px;
			background: url(../images/news_bg_2.gif) no-repeat 0px 0px;
		}
			div#container div#main div#news h3{
				background: #EB721F;
				padding: 5px 20px;
				color: #FFFEFF;
				font-size: 14px;
				font-weight: bold;
			}
			div#container div#main div#news a{
				color: #EB721F;
			}
			div#container div#main div#news h5{
				font-weight: bold;
				padding: 15px 0px 0px 25px;
			}
			div#container div#main div#news div.date{
				padding: 2px 0px 0px 25px;
				color: #BEBEBE;
			}
			div#container div#main div#news p{
				line-height: 17px;
				padding: 10px 25px;
			}
			div#container div#main div#news p.readmore{
				padding: 0px;
				text-align: right;
			}
		/* end: news */

		/* start: tabs */
		div#container div#main div#tabs{
			margin-top: 20px;
			width: 654px;
			height: 173px;
			padding: 0px;
			background: url(../images/tab_bg.gif) no-repeat 0px 0px;
			position: relative;
		}
			div#container div#main div#tabs h3{
				background: #D1BEDA;
				padding: 5px 20px 5px 19px;
				color: #7C4876;
				font-size: 14px;
				font-weight: bold;
			}
			div#container div#main div#tabs p{
				padding: 15px 20px 0px 20px;
				line-height: 17px;
			}
			div#container div#main div#tabs p.tablink{
				text-align: left;
			}
				div#container div#main div#tabs p.tablink a{
					font-weight: bold;
					color: #7C4876;
				}

			/* block settings */
			div#container div#main div.block.small{width: 30%;}
			div#container div#main div.block.medium{width: 67%;}
			div#container div#main div.block.large{width: 98%;clear: both;}
			div#container div#main div.block.minheight div.body{min-height: 160px;height: 160px;}
			html>body div#container div#main div.block.minheight div.body{height: auto;}
			div#container div#main div.block.fixed div.body{height: 105px;overflow: hidden;}

			div#container div#main div.block.darkbg{background: url(../images/block_right_dark.gif) repeat-y right top !important;}
			div#container div#main div.block{
				float: left;
				margin: 2px 5px;
				background: url(../images/block_right.gif) repeat-y right top;
			}
				span.shadow_left_dark{
					position: absolute;
					left: 10px;
					top: 15px;
					display: block;
					width: 8px;
					height: 178px;
					background: url(../images/block_left_dark.gif) repeat-y left top;
				}
				html>body span.shadow_left_dark{
					left: 5px;
					top: 15px;
				}
				span.shadow_right_dark{
					position: absolute;
					left: 627px;
					top: 15px;
					display: block;
					width: 8px;
					height: 178px;
					background: url(../images/block_right_dark.gif) repeat-y right top;
				}
				html>body span.shadow_right_dark{
					left: 622px;
					top: 15px;
				}
				div#container div#main div.block div.top{
					height: 22px;
					background: url(../images/block_top.gif) repeat-x top;
					font-size: 1px;
				}
					div#container div#main div.block div.top span.left{
						float: left;
						display: block;
						height: 22px;
						width: 21px;
						background: url(../images/block_top_left.gif) no-repeat top;
					}
					div#container div#main div.block div.top span.right{
						float: right;
						display: block;
						height: 22px;
						width: 21px;
						background: url(../images/block_top_right.gif) no-repeat top;
					}

				div#container div#main div.block.darkbg div.body{background: #FFF url(../images/block_left_dark.gif) repeat-y left top !important;}
				div#container div#main div.block div.body{
					background: #FFF url(../images/block_left.gif) repeat-y left top;
					padding: 2px 30px 10px 8px;
					margin-right: 8px;
				}
				div#container div#main div.block.darkbg div.bottom{background: #FFF url(../images/block_bottom_dark.gif) repeat-x bottom !important;}
				div#container div#main div.block div.bottom{
					height: 21px;
					background: #FFF url(../images/block_bottom.gif) repeat-x bottom;
					font-size: 1px;
				}

					div#container div#main div.block.darkbg div.bottom span.left{background: url(../images/block_bottom_left_dark.gif) no-repeat top !important;}
					div#container div#main div.block div.bottom span.left{
						float: left;
						display: block;
						height: 21px;
						width: 22px;
						background: url(../images/block_bottom_left.gif) no-repeat top;
					}

					div#container div#main div.block.darkbg div.bottom span.right{background: url(../images/block_bottom_right_dark.gif) no-repeat top !important;}
					div#container div#main div.block div.bottom span.right{
						float: right;
						display: block;
						height: 21px;
						width: 22px;
						background: url(../images/block_bottom_right.gif) no-repeat top;
					}

			/* block inhoud */
			div#container div#main div.block h2{
				background: #B85397;
				padding: 5px 20px;
				color: #FFFEFF;
				font-size: 14px;
				font-weight: bold;
				margin-bottom: 15px;
			}

			div#container div#main div.block div.content{
				padding: 0px 20px;
				line-height: 18px;
			}

			div#login-form div.content {
				padding: 20px 20px;
				line-height: 18px;
			}
				div#container div#main div.block div.content p{
					padding-bottom: 15px;
				}
				div#container div#main div.block div.content a{
					color: #b85397;
				}
				div#container div#main div.block div.content ul{
					margin-left: 30px;
					list-style: disc;
				}
					div#container div#main div.block div.content ul li{
						padding-left: 10px;
						padding-bottom: 2px;
					}
				
				div#container div#main div.block div.content ul.options{
					clear:both;
					border-top: 1px solid #E8E8E8;
					padding-top: 10px;
				}
					div#container div#main div.block div.content ul.options li.first{
						font-weight: bold;
						background: none;
					}
					div#container div#main div.block div.content ul.options li{
						float: left;
						padding: 0px 10px;
						background: url(../images/options-sep.gif) no-repeat right 5px;
					}
						div#container div#main div.block div.content ul.options li a{
							color: #B85596;
						}

			div#container div#main div#tabs span#image2{
				position: absolute;
				left: 600px;
				top: -52px;
				display: block;
				width: 329px;
				height: 236px;
				background: url(../images/thieme_beeldmerk2.jpg) no-repeat 0px 0px;
			}
		/* end: block */
	/* end: main */

	/* start: footer */
	div#container div#footer{
		padding-top: 25px;
		height: 70px;
		color: #4A4A4A;
	}
		div#container div#footer a{color: #4A4A4A;}
		div#container div#footer a:hover{color: #000;}
		div#container div#footer div.wrapper{
			border-top: 1px solid #E5E5E5;
			padding-top: 15px;
		}

			div#container div#footer div.wrapper p.copy{
				font-weight: bold;
				padding-left: 27px;
			}
			div#container div#footer div.wrapper ul{
				padding-left: 19px;
			}
				div#container div#footer div.wrapper ul li{
					float: left;
					padding: 4px 8px;
					background: url(../images/footer-sep.gif) no-repeat right 7px;
				}
			div#container div#footer div.wrapper .onderdeel{
				position: absolute;
				right: 0px;
				top: 10px;
				width: 185px;
				height: 38px;
				background: url(../images/logo_klein.gif) no-repeat;
				padding: 3px 0px 0px 60px;
				line-height: 17px;
			}
	/* end: footer */

	/* start: contactform */
	.contactForm .label{
		float: left;
		height: 22px;
		width: 190px;
		margin: 0 0 4px 0;
		padding: 4px 0 0 0;
		}
	.contactForm .bold{
		font-weight: bold;
		}
	.contactForm .inputfield{
		margin: 0 0 10px 0;
		float: left;
		}
	.contactForm .inputfield input{
		/*background: url(../images/input-bg.gif) top left no-repeat;*/
		font: 11px Arial, Helvetica, sans-serif;
		/*border: none;*/
		height: 12px;
		width: 226px;
		padding: 4px 10px;
		border: 1px solid #CCCCCC;
		}
	.contactForm .inputfield input.small{
		/*background: url(../images/input-bg-small.gif) top left no-repeat;*/
		/*border: none;*/
		height: 12px;
		width: 65px;
		margin: 0 6px 0 0;
		float: left;
		}
	.contactForm .inputfield input.midd{
		/*background: url(../images/input-bg-midd.gif) top left no-repeat;*/
		/*border: none;*/
		height: 12px;
		width: 131px;
		}
	.contactForm .inputfield input.error{
		border: 1px solid #b85397;
	}
	.contactForm .inputfield label.error{display: none !important;}
	.contactForm .btn{
		display: block;
		height: 24px;
		width: 119px;
		float: left;
		text-indent: -9999px;
		}
	.contactForm .buttons {

		height: 26px;
		margin: 5px 0 0 0;
		float: left;
	}
		.contactForm .buttons input{
			font-size: 11px;
			padding: 0px;
			margin: 0px;
			border: 1px solid #b85397;
			color: #b85397;
			font-weight: bold;
			cursor: pointer;
			background: #FFF;
			padding: 2px 10px;
			outline: none;
		}

	/* end: contactform */