* { margin:0; padding:0; }
body { background: #f9f9fc url(../images/main-bg.png) repeat-x; font-family: Arial; font-size: 11px; }
a { color: #246eb1; text-decoration: none; }
img { border: none; }



/***** wrapper *****/
#wrap { width: 966px; background: url(../images/wrap-bg.png) repeat-y; margin: 0 auto; }



/***** header *****/
#header { position: relative; width: 966px; height: 288px; background: url(../images/header-bg.png) no-repeat; }

#header .logo { position: absolute; top: 38px; left: 28px; z-index: 999; width: 302px; height: 126px; }
#header .logo img { display: block; }

#header .nav { height: 35px; padding: 55px 23px 0 0; }
#header .nav ul { float: right; height: 35px; }
#header .nav li { float: left; height: 35px; list-style: none; }
#header .nav h4 a { display: block; height: 35px; line-height: 33px; font-size: 18px; font-weight: bold; color: #246eb1; text-transform: uppercase; padding: 0 10px; }
#header .nav li.hover h4 a, #header .nav li.active h4 a { background: #246eb1; color: #fff; }

#header .nav li ul { display: none; position: absolute; z-index: 998; float: none; height: auto; width: 194px; background: url(../images/header-nav-sub.png) no-repeat bottom; padding: 0 0 6px 0; }
#header .nav li li { float: none; height: 18px; line-height: 18px; background: #cecfcf; }
#header .nav li li a { display: block; height: 18px; font-size: 11px; color: #fff; padding: 0 20px; }
#header .nav li li a:hover { background: #bec2c8; color: #246eb1; }
#header .nav li.hover ul { display: block; }

#header .heading { height: 32px; padding: 0 85px 0 0; }
#header .heading h2 { float: right; line-height: 34px; font-size: 24px; font-style: italic; font-weight: bold; color: #fff; text-transform: uppercase; letter-spacing: 0.8px; }
#header .heading h2 .small { font-size: 15px; font-style: normal; text-transform: none; letter-spacing: normal; padding: 0 0 0 12px; }
#header .heading h2 .scaps { position: relative; top: -1px; font-size: 12px; text-transform: uppercase; }

#header .image { height: 161px; padding: 5px 7px 0; }
#header .image ul { position: relative; width: 952px; height: 161px; overflow: hidden; }
#header .image li { position: absolute; list-style: none; height: 161px; display: none; }
#header .image .img { height: 161px; }
#header .image .img img { display: block; }
#header .image .text { position: relative; top: -161px; font-size: 34px; font-weight: bold; text-transform: uppercase; color: #fff; padding: 70px 0 0 50px;  }




/***** content *****/
#content { position: relative; width: 952px; background: url(../images/content-bg.png) repeat-y center; padding: 0 7px; }
#content .cntr { background: url(../images/content-bg-rb.png) no-repeat right bottom; overflow: hidden; }



/***** left column *****/
#left { float: left; width: 190px; padding: 18px 0 20px 6px; }

#left .verline { background: url(../images/left-verline-mid.png) repeat-y right; }
#left .verline .bgcntr1 { background: url(../images/left-verline-bottom.png) no-repeat right bottom; }
#left .verline .bgcntr2 { background: url(../images/left-verline-top.png) no-repeat right top; padding: 0 16px 0 0; }

#left h3 { line-height: 40px; font-size: 14px; font-weight: normal; color: #246eb1; text-align: center; }
#left h3 a { color: #246eb1; }
#left p { line-height: 14px; color: #717171; text-align: center; padding: 0 8px 14px; }

#left .image { text-align: center; }
#left .horline { width: 169px; height: 20px; background: url(../images/left-horline.png) no-repeat; }
#left .box { padding: 0 16px 0 0; }

#left .text { width: 164px; height: 18px; padding: 0 0 8px 6px; }
#left .text input { display: block; width: 148px; height: 14px; font-family: Arial; font-size: 10px; color: #717171; background: url(../images/left-input.png) repeat-x; border: 1px solid #c2c2c2; padding: 1px 8px; }
#left .butn { height: 19px; padding: 0 4px; }
#left .butn input { float: right; width: 86px; height: 19px; font-family: Arial; font-size: 11px; font-weight: bold; color: #fff; background: url(../images/left-button.png) no-repeat; border: none; cursor: pointer; }



/***** middle column *****/
#mid { float: left; width: 471px; padding: 20px 0 20px 14px; }

#mid h1 { line-height: 26px; font-size: 24px; font-weight: bold; color: #246eb1; text-transform: uppercase; padding: 0 8px; }
#mid h5 { line-height: 18px; font-size: 9px; color: #aaa; padding: 0 10px; }
#mid h5 a { color: #aaa; }
#mid h5 a:hover { text-decoration: underline; }
#mid h4 { line-height: 18px; font-size: 12px; font-weight: bold; color: #246eb1; padding: 0 8px 18px; }
#mid p { line-height: 18px; color: #717171; padding: 0 8px 18px; }

#mid .line { width: 471px; height: 20px; background: url(../images/mid-line.png) no-repeat; }
#mid .image { text-align: center; }

#mid .list { list-style: none; }
#mid .list li { padding: 0 0 8px 0; }
#mid .list h4 { line-height: 24px; font-weight: normal; padding: 0; }
#mid .list h4 a { font-weight: bold; color: #246eb1; }
#mid .list p { display: none; line-height: 18px; padding: 0 0 0 10px; }



/***** right column *****/
#right { float: right; width: 205px; padding: 20px 18px 40px 29px; }

#right h2 { line-height: 40px; font-size: 23px; font-weight: bold; color: #246eb1; text-transform: uppercase; }
#right p { line-height: 18px; color: #246eb1; padding: 0 0 18px 0; }

#right .list { width: 205px; list-style: none; padding: 0 0 18px 0; }
#right .list li { height: 17px; line-height: 17px; padding: 2px 0; }
#right .list a { display: block; height: 17px; }
#right .list a:hover { background: #dbe4ef; }
#right .list span { display: block; float: left; cursor: pointer; }
#right .list .num { width: 17px; height: 17px; color: #fff; text-align: center; background: #246eb1; }
#right .list .txt { width: 169px; color: #246eb1; padding: 0 0 0 19px; }



/***** search box *****/
#search { position: absolute; right: 21px; bottom: 0; width: 225px; height: 26px; line-height: 26px; background: url(../images/search-bg.png) no-repeat; }
#search label { float: left; width: 51px; font-weight: bold; color: #fff; text-transform: uppercase; padding: 0 0 0 11px; }
#search .text { float: left; width: 120px; height: 15px; background: url(../images/search-input.png) no-repeat 0 5px; padding: 5px 0 6px; }
#search .text input { display: block; width: 90px; height: 15px; font-family: Verdana; font-size: 9px; color: #eae5e5; background: none; border: none; padding: 0 15px; }
#search .butn { float: left; width: 31px; height: 26px; background: url(../images/search-button.png) no-repeat; }
#search .butn input { display: block; width: 31px; height: 26px; background: none; border: none; cursor: pointer; }



/***** footer *****/
#footer { width: 952px; height: 69px; line-height: 30px; background: url(../images/footer-bg.png) no-repeat; padding: 3px 7px 0; }

#footer h1 { float: left; width: 464px; font-size: 15px; font-weight: bold; color: #fff; text-align: center; padding: 0 0 0 221px; }
#footer h1 .scaps { position: relative; top: -1px; font-size: 11px; text-transform: uppercase; }

#footer ul { float: right; padding: 0 20px 0 0; }
#footer li { float: left; list-style: none; }
#footer li a { display: block; float: left; height: 30px; font-size: 10px; color: #fff; padding: 0 8px; }
#footer li a:hover { text-decoration: underline; }

#footer p { clear: both; font-size: 10px; text-align: right; color: #b4b4b4; padding: 0 16px 0 0; }
#footer p a { color: #246eb1; }
#footer p a:hover { text-decoration: underline; }


/***** inputvelden *****/

/* input text */
.input-text {
	border:1px solid #cfcdc2;
	background:url('/images/input-text.png') repeat-x;
	height:14px;
	padding:2px 7px 0px 7px;
	color:#717074;
	font-size:10px;
	font-family:Arial;
}
.input-textarea {
	border:1px solid #cfcdc2;
	background:url('/images/input-text.png') repeat-x;
	height:80px;
	padding:2px 7px 0px 7px;
	color:#717074;
	font-size:10px;
	font-family:Arial;
}

.error {
	background:url('/images/input-text.png') repeat-x;
	height:14px;
	padding:2px 7px 0px 7px;
	color:#717074;
	font-size:10px;
	font-family:Arial;
	border: 1px solid #FF0000;
}