/* Klim- & Boulder Centrum Utrecht
   Toine Heuvelmans, Maart 2007
   Stylesheet voor SCREEN
*/

	body {
		margin: 0;
		background-color: #FFF;
		background: #FFF url(img/faux.gif) repeat-y right;
	}
	
	#header {
		position: absolute;
		top: 0px;
		left: 0px;
		right: 0px;
		width: 100%;
		height: 100px;
		border-bottom: 2px solid #555;
		background-color: #000;
		display: block;
		z-index: 10;
	}
	
	#header #foto {
		height: 100px;
		overflow: hidden;
	}
	
	#print_title {
		display: none;
		color: #FFF;
		background-color: #FFF;
	}
	
	#titel {
		position: absolute;
		right: 0px;
		top: 0px;
		background: #000 url(img/KBCU.jpg) no-repeat;
		height: 100px;
		width: 512px;
	}
	
	/*===============================================*/
	/* --- --- --- --- START CONTENT --- --- --- --- */
	
	#content {
		position: absolute;
		left: 0px;
		top: 102px;
		right: 225px;
		background-color:#FFF;
		font: 12px Verdana, Arial, Helvetica, sans-serif;
		line-height: 20px;
		text-align: justify;
		padding: 20px;
	}
	
	#content h1 {
		font-variant: small-caps;
		font-size: 25px !important;
	}
	
	#content h2 {
		margin-top: 1.7em;
		text-transform: uppercase;
		border-bottom: 1px solid #555;
		font-size: 14px !important;
	}
	
	#content a {
		color: #FA3500;
		text-decoration: none;
		font-weight: bold;
	}
	
	#content a:hover {
		color: #910E37;
		text-decoration: underline;
	}
	
	.photo {
		border: 1px solid #DED2BD;
		padding: 1px;
	}
	
	.photo:hover {
		border: 1px solid #000;
	}
	
	.photo_holder {
		float: left;
		margin: 0 0 10px 5px;
		height: 115px;
	}
	
	/* --- --- --- --- END CONTENT --- --- --- --- */
	/*=============================================*/
	
	#auth_edit {
		position: absolute;
		top: 0px;
		right: 0px;
		background-color: #910E35;
		border: 1px solid #FA3500;
		padding: 5px;
		z-index: 20;
	}
	
	#auth_edit a {
		color: #FFF;
		font: 11px Verdana, Arial, Helvetica, sans-serif;
		text-decoration: none;
	}
	#auth_edit a:hover {
		color: #FA3500;
	}
	
	#logo {
		position: absolute;
		top: 102px;
		right: 0px;
		height: 174px;
		width: 223px;
		background: #FFF url(img/navtop.jpg) no-repeat;
		z-index: 2;
	}
	
	#navigation {
		position: absolute;
		right: 0px;
		top: 276px;
		width: 199px;
		padding-top: 12px;
		padding-left: 20px;
		bottom: 90px;
		z-index: 1;
	}
	
	#rock_bg {
		background: url(img/rock1.jpg) no-repeat bottom;
		position: absolute;
		right: 0px;
		bottom: 90px;
		width: 218px;
		height: 276px;
		z-index: 0;
	}
	
	#counter {
		position: absolute;
		right: 0px;
		bottom: 90px;
		width: 218px;
		height: 30px;
		z-index: 5;
		text-align: center;
	}
	
	#counter img {
		border: 1px solid #333;
		border-width: 2px 1px 2px 1px;
	}
	
	#navigation ul, #navigation li {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	#navigation .tab, #navigation .tab a, #navigation .tabsub, #navigation .tabsub a {
		text-transform: uppercase;
		line-height: 20px;
		color: #800C30;
		text-decoration: none;
	}
	
	#navigation .tab, #navigation .tab a {
		font: 13px Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
	}
	
	#navigation .tabsub, #navigation .tabsub a {
		font: 11px Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
	}
	
	#navigation .tab a:hover, #navigation .tabsub a:hover {
		color: #FB3900;
		text-decoration: underline;
	}
	
	#navigation .subnav {
		margin: 5px;
	}
	
	#adres {
		position: absolute;
		bottom: 0px;
		right: 0px;
		height: 80px;
		width: 220px;
		background: url(img/rock2.jpg);
		border-top: 1px solid #DED2BD;
		font: 13px Verdana, Arial, Helvetica, sans-serif;
		line-height: 17px;
		color: #FDFDFD;
		font-variant: small-caps;
		text-align: center;
		padding-top: 10px;
	}
	
	#content hr {
		border: 1px solid #DED2BD;
		border-width: 0px 0px 1px 0px;
	}
	
	/*===============================================*/
	/* --- --- --- ---  START  EDIT  --- --- --- --- */
	
	.navbar {
		display: block;
		text-align: center;
		border-bottom: 1px solid #DED2BD;
	}
	
	.navbar a {
		padding: 3px 5px 2px 5px;
		margin: 0px 5px 0px 5px;
		color: #800C30 !important;
		background-color: #EFE7D7;
		border: 1px solid #DED2BD;
		border-width: 1px 1px 0px 1px;
	}
	
	.small {
		color: #BBB;
		font-size: 10px;
		margin-left: 15px;
	}
	
	textarea {
		width: 80%;
		height: 8em;
		border: 1px solid #DED2BD;
	}
	
	.contentfield {
		height: 25em !important;
	}
	
	.textfield {
		width: 200px;
		border: 1px solid #DED2BD;	
	}
	
	select {
		width: 200px;
		border: 1px solid #DED2BD;
	}
	
	.selectdate {
		width: auto !important;
		border: 1px solid #DED2BD;
	}
	
	#pagelisting {
		list-style-image: url(img/icon_txt.gif);
		border-top: 1px solid #DED2BD;
	}
	
	#pagelisting li {
		padding-top: 3px;
		padding-bottom: 3px;
		border-bottom: 1px solid #DED2BD;
	}
	
	#pagelisting table td {
		margin: 0;
		padding: 0;
		height: 22px;
	}
	
	#pagelisting .handle {
		width: 20px;
		padding: 0 5px 0 0;
		background-image: url(img/updown.gif);
		background-repeat: no-repeat;
		background-position: center;
		cursor: move;
	}
	
	#pagelisting .page_title {
		font-weight: bold;
		width: 250px;
	}
	
	#pagelisting .page_actions {
		vertical-align: middle;
		padding: 0 5px 0 0;
	}