@charset "utf-8";
@import url(reset.css);

/* GENERAL PAGE ELEMENTS */
body { background: #4b2764 url('../img/background/background-repeat.jpg') repeat-y left top; color: #fceffc; font-family: Lucida sans, Arial, Helvetica, sans-serif; font-size: 62.5%; }

table { border-collapse: collapse; border-spacing: 0; font-size: 1.2em; line-height: 1.7em; }

h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; }
h1 { padding-bottom: 22px; font-size: 2.5em; line-height: 1.2em; text-transform: uppercase; }
h2, h3 { padding-bottom: 5px; font-size: 1.4em; line-height: 1.3em; }

h4, h5, h6 { font-size: 1.2em;line-height: 1.3em; }
.doubleTitle { padding: 0 0 5px 0;}
.block .blockTitleBig { padding-bottom: 0px;}
p { font-size: 1.2em; line-height: 1.7em; padding-bottom: 28px; }

a         { color: #fceffc; }
a:link    {  }
a:hover   { color: #c9a6d5; }
a:active  {  }
a:visited {  }

.left  { float: left; }
.right { float: right; }
.small { font-size: 1em;}

strong.normal { font-weight: normal; }
em.normal { font-style: normal; }


/* main wrappers */
.main-wrapper { width: 1010px; }
.left-wrapper, .right-wrapper { float: left; }
.left-wrapper, .right-wrapper { min-height:620px; } 
* html .left-wrapper, * html .right-wrapper { height:620px; }
.left-wrapper { width: 216px; background: url('../img/background/background-menu.jpg') no-repeat left top; }
.right-wrapper { width: 788px; background: url('../img/background/background-content.jpg') no-repeat left top; }

/* left column */
.logo-wrapper a { background:url('../img/sg-training-en-coaching-logo.png') no-repeat 15px 20px; width: 165px; height: 127px; display: block; }
	
	/* menu */
	.menu-wrapper {  }
	.menu-wrapper ul li { padding-left: 33px; width: 160px; line-height: 32px; color: #ffffff; text-transform: uppercase; }
	.menu-wrapper ul li.active { background: url('../img/menu/menu-lev1-active.gif') no-repeat left top; }
	.menu-wrapper ul li.active ul { display: block; }
		
		/* second level */
		.menu-wrapper ul li ul { padding-bottom: 10px; display: none;}
		.menu-wrapper ul li ul li { padding-left: 16px; width:140px; line-height: 22px; color: #edd3f6; text-transform: none; 
									background: url('../img/bullet-white.gif') no-repeat 7px 10px !important; }
		.menu-wrapper ul li ul li.active a { color: #ffffff; text-decoration: underline; }
	
	.menu-wrapper a { font-size: 1.2em; text-decoration: none; }
	.menu-wrapper a:hover { text-decoration: underline; }

/* right column */
.content-wrapper { padding-top: 38px; width: 706px; }

.left-content { width: 420px; min-height: 450px; }
.left-content, .right-content { float: left; }
.right-content { padding: 0 0 0 20px; width: 264px; }

.footer { padding: 12px 0 20px; clear: both; font-size: 1.2em; border-top: 1px solid #8b5b9c; }


/* content */
h1 .highlight { color: #e6418d; }
p.intro { font-weight: bold; }
p.small-margin { margin-top: -14px; padding-bottom: 12px; }
p.pre-ul { padding-bottom: 8px; }
.content-wrapper ul { padding-bottom: 28px;  }
.content-wrapper ul li { padding-left: 14px; font-size: 1.2em; line-height: 1.7em; background: url('../img/bullet-white.gif') no-repeat 5px 10px !important; }
.content-wrapper ul li ul { padding: 5px 0 0 5px; }
.content-wrapper ul li li { font-size: 1em; }

.corvus-logo-link { margin-top: 4px; width: 292px; height: 69px; overflow: hidden; display:block; }

.text-photos { padding: 5px 0 20px 0; }

.text-photos img { margin-bottom: 12px; }

/* blocks */
.block { padding: 20px 19px; margin: 0 0 26px; border: 1px solid #88589a; background: #774389 url('../img/block-bg-overlay.png') repeat-y top right; overflow: hidden; }
.block-standout { border: 1px solid #de4e86; background-image: url('../img/block-bg-overlay-pink.png') }

.block p { padding-bottom: 0; }
.block h4 { padding-bottom: 10px; }
.block ul li { padding-left: 9px; background-position: 0px 10px !important; }
.block img.left { margin-right: 18px; }
.block img.right { margin-left: 18px; }

.accent { font-size: 16px; font-weight:bold; line-height: 20px;}
.accent a { text-decoration: none;  }
.accent a:hover { color: #fff; }

.arrowlink { padding: 10px 0 0; font-size: 1.2em; font-weight: bold; }
.arrowlink a { text-decoration: none; }

.btn { margin: 0 0 26px; display: block;}

.fileWrap { width: 1px; height: 1px; line-height: 1px; font-size: 1px; position: relative; display: inline-block !important; padding: 0 !important;  }
        .file { position: absolute; right: -32px; top: -10px; display: inline-block; width: 28px; height: 13px; background: url(../img/extentions.png) no-repeat left top; /*position: relative;*/ }
            .file-pdf { background-position: 0px top; }
            .file-doc { background-position: -30px top; }
            .file-xls { background-position: -60px top; }
            .file-txt { background-position: -90px top; }
            .file-csv { background-position: -120px top; } 

/* photogallery */
.images { margin: 0 0 26px; }
.images img { border: 1px solid #88589a; }

.img-wrapper { position: relative; }
.img-wrapper .img-overlay { float: left; left: 0; position: absolute; top:0; z-index: 20; display: block; }
.img-wrapper img { position: relative; z-index: 1; left: 0; position: absolute; top:0; }
.imgrow { margin-top: 14px !important; }


.thumbs { padding: 0 0 15px; overflow: hidden; }
.thumbs .img-wrapper { width: 76px; height: 72px; float: left; margin: 0 0 0 17px; cursor: pointer; }
.thumbs .first { margin-left: 0; }
.thumbs .img-wrapper .img-overlay { width: 76px; height: 72px; }
.thumbs .active-img .img-overlay { width: 76px; height: 72px; background: url('../img/thumb-overlay.gif') no-repeat top left; }
.thumbs .img-wrapper img { width: 74px; height: 70px; }

.img-large { width: 262px; height: 192px; }

.fader-container { border: 1px solid #88589A; width:405px; background: #4c2b5c; margin-bottom: 30px; padding-bottom: 5px; }
.fader-nav { display: none;}
.photoItemsWrap { padding: 0 !important;list-style-image:none; }
.photoItemsWrap li { background: none !important; padding: 0 !important; font-size: 1em !important; min-height:460px; }
.photoItemsWrap img { margin: 0 0 15px 0; border-bottom: 1px solid #88589A; width:405px; height: 304px; }
.photoItemsWrap p, .photoItemsWrap h3 { padding-left: 12px; padding-right: 12px; }
.photoItemsWrap p { padding-bottom: 12px; }

/* homepage */
#home-image { xxmargin-top: 74px; padding-top: 11px; padding-bottom: 18px; width: 414px; height: 230px; background: url('../img/content/agressie-training_home.png') no-repeat left 11px; }
.home-openinschrijving-block, .openinschrijving-block { padding: 14px 18px 22px; height: 190px; border: 1px solid #de4e86; overflow: visible; background-image: url('../img/block-bg-overlay-pink.png'); position: relative; }
.home-openinschrijving-block h4, .openinschrijving-block h4, .blockTitleBig { font-size: 18px; line-height: 24px; }
.home-openinschrijving-block p, .openinschrijving-block p { padding-bottom: 8px; }
.home-openinschrijving-block img, .openinschrijving-block img { right: -18px; bottom: 9px; position: absolute; }
.home-openinschrijving-block a, .openinschrijving-block a { width: 280px; height: 36px; left: -9px; bottom: -2px; background: url('../img/openinschrijving.png') no-repeat left top; position: absolute; display: block; }
.home-lontje-block { height: 100px; padding: 16px 18px 25px; }
.home-lontje-block h4 { font-size: 16px; }
.home-lontje-block h4 a { text-decoration: none; }
.home-lontje-block p { padding-bottom: 2px; }
.home-download { width: 375px; }

.home-openinschrijving-block, .home-btn, .home-images { margin-bottom: 19px; }

/* referenties */
.reference-block p { width: 420px; }
.reference-block h6 { font-weight: normal; font-family: Lucida sans, Arial, Helvetica, sans-serif; margin-bottom: 14px; }
.reference-block p.quote { width: 220px; padding-left: 20px; }
.reference-block p.no-quote { width: 100%; }

/* overview page */
.overview-block { width: 292px;  float: left; background: #6a407f;}
.overview-block-left { margin-right: 40px; }
.overview-block h2 { font-size: 1.8em; padding-bottom: 10px; }
.overview-block h2 a { text-decoration: none; }

.image-link { padding: 15px 0 0 0; position:relative; }
.image-link a { padding: 14px 6px 0 0; width: 258px; height: 20px; font-weight: bold; text-align: right; color: #ffffff; font-size: 12px; cursor:pointer;
				position:absolute;bottom: 0px;right: 0px; z-index: 100; display: block; background: url('../img/overview-img-overlay.png') no-repeat right bottom; text-decoration: none;  }
.image-link a:hover { color: #ffffff; text-decoration: underline;  }
.overview-block .no-image a { margin-top: -5px; background: none; }

.overview-block p { width: 296px; }

/* cursusaanbod */
.new-cursus { padding: 10px 0 0 0; display:block; font-size: 1.2em; font-weight: bold; }

.cursus-block { padding-right: 14px; }
.cursus-block .cursus-content {padding: 15px 0 0 0; }
.cursus-block .cursus-left { padding: 15px 20px 0 0; float: left; width: 330px; }
.cursus-block .cursus-right { padding: 15px 0 0 0; float: left; width: 320px; }

.cursus-block h2 { font-size: 1.8em; }
.cursus-block h3 { font-size: 1.3em; }
.cursus-block p  { padding: 0 0 12px 0; }
.cursus-block p.pre-ul { padding: 0; }
.cursus-block ul { padding-bottom: 0; }

.cursus-program td { padding: 8px 0 0 0; }
.cursus-program .first { width: 50px; text-transform: uppercase; }

.contact-link { float: right; margin: 0 0 2px 5px; }

.toplink { font-size: 1.1em; display: block; padding: 5px 0 20px;}

/* Forms */
fieldset { padding-bottom: 15px; }
label { padding: 5px 0 0 0; font-size: 1.2em; display: block; width: 130px; float: left; }
.fIRadio { padding-left: 130px !important; }
.fICheck:after, .fIRadio:after { content:" "; display:block; height:0; width:100%; clear:both; visibility:hidden; }
.fICheck label { width: 75%; padding: 2px 0 0 10px; line-height: 15px; }
.fIRadio label { width: auto; padding-right: 5px;  }
.fICheck input, .fIRadio input { float: left; }
.input-text, select, textarea { padding: 2px 4px; border-top: 1px solid #676767; border-right: 1px solid #676767; border-left: 1px solid #abadb3; border-bottom: 1px solid #abadb3; 
					 			background-color: #ebe2ee; color: #404040; width: 220px; font-family:Arial, Helvetica, sans-serif; font-size: 1.3em; }
select { padding: 1px 2px; width: 230px; }
.form-item { padding: 5px 0; }
.required { padding: 0 0 0 5px; }

.button-send { float: right; margin: 12px 58px 20px 0; width: 85px; height: 24px; background: url('../img/btn-verstuur.png') no-repeat left top; border: none; }

.form-error label { color: #d0482d; }
.form-error .input-text { background-color: #e09181; }

.errors p { padding-bottom: 2px; font-weight: bold; }
.errors ul li { line-height: 1.5em; background-position: 5px 7px !important; }

.contact-info th { font-weight: bold; width: 70px; text-align: left; }
.contact-info .bottom-space { padding-bottom: 12px;}