/*
Theme Name: Pragma
Description: Standaard theme Pragma
Version: Juli 2008
Author: Inline media
Author URI: http://www.inlinemedia.nl
*/

/** Include reset **/
@import "reset.css";

/** Body **/
html { height: 100%; }
body { height: 100%; min-height: 100%; font-size: 68%; font-family: Arial, Verdana, Sans-Serif; color: #888; }

/** Defaults **/
h1 { font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif; color: #660033; font-weight: normal; font-size: 1.8em; line-height: 1.1em; padding-bottom: 14px; letter-spacing: 1px; }
strong { font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif; color: #660033; font-size: 1.2em; font-weight: normal; line-height: 1.5em; }
p { margin-bottom: 13px; line-height: 1.3em; font-size: 1em; }
a:link, a:visited, a:active { color: #6b1a2d; text-decoration: none; }
a:hover { color: #999; text-decoration: underline; } 
table { width: 620px; margin-top: 10px;}
tr { line-height: 26px; }
th { text-align: left; color: #6b1a2d; font-weight: normal;}
td { text-align: left; }	
.purple { color: #6b1a2d; }


/** Wrapper **/
#wrapper { position:relative; height:auto !important; height:100%; min-height:100%; margin: 0 auto -80px; width: 928px; }

/** Header **/
#header { width: 100%; height: 95px; }
	#logo { width: 186px; height:95px; background: url('images/pragma-logo.png') no-repeat 0 0; position: fixed; }

/** Menu **/
#menu { float: left; width: 279px; position: fixed; }
	#menutop { }
	#menudynamic { clear: both; height: 93px; }
	#menubottom {}
	#menu ul { list-style: none; text-align: center; }
	#menu ul li { float: left; width: 93px; height: 93px; font-size: 0.85em; }
	#menu ul li a { display: block; color: #fff; text-decoration: none; height: 93px; width: 93px; background: url('images/menu_orange.png') no-repeat 0 0; }
	#menu ul li a:hover, #menu ul li.current_page_item a { background: url('images/menu_orange_hover.png') no-repeat 0 0; color: #ff8400; text-decoration: none; }
	#menu ul li.home { float: right; }
	#menu ul li span { display: block; padding: 43px 5px 0 5px; }
	#menu ul li span.double { padding: 38px 7px 0 7px; }	
	/* Dynamic menu */
	#menudynamic ul li a { background: url('images/menu_purple.png') no-repeat 0 0; }
	#menudynamic ul li a:hover, #menudynamic ul li.current_page_item a { background: url('images/menu_purple_hover.png') no-repeat 0 0; color: #6b1a2d; }


/** Content **/
#content { position: relative; float: right; width: 620px;  padding-bottom: 80px; padding-top: 11px; }
	#content .left { position: relative; float: left; width: 295px; }
	#content .right { position: relative; float: right; width: 295px; }
	
	#content .left2 { position: relative; float: left; width: 295px; }
	#content .right2 { position: relative; float: right; width: 295px; }
	
	/* Default */
	#content .right.padding { padding-top: 45px; }
	#content .left ul, 	#content .right ul { list-style: disc; margin-top: -1.3em; margin-left: 12px; line-height: 1.3em; }

	/* Homepage */
	#content.wie-is-pragma .right { padding-top: 35px; }
	#content.wie-is-pragma strong { font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif; color: #660033; font-size: 1.2em; font-weight: normal; line-height: 1.7em; }
	#content.wie-is-pragma p { margin-bottom: 22px; line-height: 1.3em; font-size: 1em; }
	
	/* Bestuur */
	#content.het-bestuur .left { height: 269px; overflow: hidden;}
	#bestuur { position: relative; float: left; height: 93px; width: 480px;}
	#bestuur2 { position: absolute; top: 467px; left: 308px; height: 93px; width: 480px; }
	#bestuur ul li { float: left; width: 93px; height: 93px; }
	
	/* Ledenlijst */
	#content.ledenlijst .ledenlijst { float: left; width: 295px; }
	#content.ledenlijst h1 { height: 44px; }	
	#content.ledenlijst img { padding-top: 25px; padding-bottom: 12px; }	
	p.alfabet { margin-top: 34px; margin-bottom: 0; }
	p.alfabet a:link, p.alfabet a:visited, p.alfabet a:active { text-decoration: none; }
	ul.ledenlijst { margin: 0; }	
	ul.ledenlijst li { line-height: 26px; color: #6b1a2d; font-weight: bold; border-bottom: 1px dotted #999; }
	ul.ledenlijst li.head { line-height: 2.6em; }
	ul.ledenlijst li a { line-height: 22px; color: #999; font-weight: normal; text-decoration: none; }
	ul.ledenlijst li a:hover { color: #6b1a2d; font-weight: normal; text-decoration: none; }

	/* 10 Voordelen */
	#content.de-10-voordelen-van-een-pragma-bureau h1 { padding-bottom: 24px; }
	ul.voordelen { width: 186px; text-align: center; }
	ul.voordelen li { float: left; width: 93px; height: 93px; font-size: 0.85em; list-style: none; }
	ul.voordelen li a { display: block; text-decoration: none; height: 93px; width: 93px; color: #ff8400; background: url('images/menu_orange_hover.png') no-repeat 0 0; }
	ul.voordelen li a:hover, ul.voordelen li.current_page_item a { background: url('images/menu_orange.png') no-repeat 0 0; color: #fff; text-decoration: none; }
	ul.voordelen li span { display: block; padding: 41px 5px 0 5px; }
	
	/* Bureauselector */
	#content.bureauselector .selector { clear: both; width: 620px; }
	#content.bureauselector table {  border-width: 24px 0px 24px 32px; border-color: #fafafa; border-style: solid; background: #fafafa; }
    #content.bureauselector .input_bt { }
	
	/* Vacaturebank */
	#content.vacaturebank tr { line-height: 25px; border-bottom: 1px dotted #999; }
	#content.vacaturebank th { border-top: 1px dotted #999; border-bottom: 1px dotted #999; }
	#content.vacaturebank a:link, #content.vacaturebank a:visited, #content.vacaturebank a:active { color: #999; text-decoration: underline; }
	#content.vacaturebank a:hover { color: #6b1a2d; text-decoration: none; } 

	/* Banner */
	#banner { position: relative; float: left; height: 95px; width: 612px; margin-left: 310px; margin-top:-6px; }
	
	/* Banner2 */
	#banner2 { position: relative; float: left; height: 89px; width: 612px; margin-top: 10px; }
	
	/* Banner3 */
	#banner3 { position: relative; float: left; height: 60px; width: 468px; margin-top: 4px; }
	
	/* Banner4 */
	#banner4 { position: relative; float: left; height: 90px; width: 612px; margin-top: 30px; /*margin-top: -10px;*/ }

	/* Error container form */
	.error { color: red; }
	
/** Footer **/
#footer { height: 80px; width: 100%; clear: both; text-align: center; color: #660033; overflow: hidden; }
	#footer p { padding: 40px 0 0 107px; text-align: center; letter-spacing: 2px; font-size: 1.1em;}

/* Buttons */
a.button { display: block; color: #fff; text-decoration: none; height: 93px; width: 93px; background: url('images/menu_orange.png') no-repeat 0 0; }
a.button:hover { background: url('images/menu_orange_hover.png') no-repeat 0 0; color: #ff8400; text-decoration: none; }
a.button span { display: block; padding: 43px 5px 0 5px; text-align: center; font-size: 0.85em;}
a.button span.double { padding: 38px 5px 0 5px; }	

/* Jcarousel */
.jcarousel-container { position: relative; }
.jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative;}
.jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0;  margin: 0; padding: 0; }
.jcarousel-list li,
.jcarousel-item { float: left; list-style: none; width: auto; height: 186px; }
.jcarousel-next { z-index: 3; display: none; }
.jcarousel-prev { z-index: 3; display: none;}
.jcarousel-container-horizontal { width: 532px; padding: 0px 35px; }
.jcarousel-clip-horizontal { width: 532px; height: 186px; }
.jcarousel-item-horizontal { margin-right: 1px; }
.jcarousel-item-placeholder { background: #fff; color: #000; }
.jcarousel-next-horizontal { position: absolute;top: 73px; right: 0px; width: 32px; height: 32px; cursor: pointer; background: transparent url(images/icon_next.png) no-repeat 0 0; }
.jcarousel-next-horizontal:hover { background-position: -39px 0; }
.jcarousel-next-horizontal:active { /*background-position: -64px 0;*/ }
.jcarousel-next-disabled-horizontal,
.jcarousel-next-disabled-horizontal:hover,
.jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -39px 0; }
.jcarousel-prev-horizontal { position: absolute; top: 73px; left: 0px; width: 32px; height: 32px; cursor: pointer; background: transparent url(images/icon_prev.png) no-repeat 0 0; }
.jcarousel-prev-horizontal:hover { background-position: -39px 0; }
.jcarousel-prev-horizontal:active { /* background-position: -64px 0;*/ }
.jcarousel-prev-disabled-horizontal,
.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -39px 0; }