/* ========================================================= */
/* ExiteCMS standard CSS tags. Do NOT remove these!          */
/* ========================================================= */
/* --- General settings ------------------------------------ */
label {
/*
        width: 30px;
*/
        float: left;
        display: block;
        margin-top: 7px;
}
input[type=text], input[type=password], textarea,select {
        background-color: white;
        border: 1px solid #D1D1D1;
        color: #333;
        font-size: 12px;
        margin-bottom: 2px;
        margin-top: 4px;
        padding: 3px;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        outline: 0;
}


/* --- General settings ------------------------------------ */

						/* text anchors */
a								{ color:#0C386F; text-decoration:none; }
a:hover					{ color:#0C386F; text-decoration:underline; }

						/* text anchors in side panels */
a.side					{ color:#0C386F; text-decoration:none; }
a:hover.side		{ color:#0C386F; text-decoration:underline; }

						/* image anchors */
a img						{ border:none; }

						/* wiki links */
a.wiki_link:link,a.wiki_link:visited { color:#34329C; text-decoration:none; border-width:0px 0px 1px 0px; border-style:dotted; border-color:#34329C; }

						/* horizontal lines */
hr							{ border:none; color:#ccc; background-color:#ccc; height:1px; }

						/* dropdowns with options */
optgroup				{ padding-bottom:5px; font-style:normal; }

/* --- HTML form settings ---------------------------------- */

						/* general form definition */
form						{ margin:0px; }

						/* buttons */
.button					{ font-size:90%; font-weight:normal; font-family:Verdana, Arial, Sans-Serif; width:1; overflow:visible; color:#606060; background-color:#e0e0e0; border-top:1px #ddd solid; border-left:1px #ddd solid; border-bottom:1px #666 solid; border-right:1px #666 solid; cursor:pointer; margin-top:2px; padding: 1px 2px; background:url(/themes/DOHG-Theme/images/buttonbg.jpg) repeat-x left top; }

/*
.button:hover			{ color:#666; background-color:#ddd; border-top:1px #999 solid; border-left:1px #999 solid; border-bottom:1px #fff solid; border-right:1px #fff solid; }
*/
						/* text entry fields */
.textbox				{ font-size:1em; font-family:Verdana,"Bitstream Vera Sans","Deja Vu Sans",Arial,Sans-Serif; color:#444; background-color:#fff; border:1px #444 solid; }

						/* general form definition */
.inset5					{ margin-left: 5px; padding-left: 10px; }
.caption				{ font-weight: bold; }

/* --- Website template ------------------------------------ */

						/* page body (normal mode & maintenance mode */
body							{ font-size:1em; font-family:Verdana, Arial, Sans-Serif; width:{/literal}{$smarty.const.THEME_WIDTH}{literal}px; }
.body 						{ margin: 0px 0px 0px 0px; color:#000; background-color:#fff; }
.body-maint				{ margin: 5px 5px 5px 5px; color:#000; background-color: {/literal}{$settings.maintenance_color}{literal}; }  /* #A19BCF; } */

						/* content body, can be different from the body when centered */
.content				{ min-width: 748px; max-width: 980px;  }

						/* column definitions (left, center, right) */
.side-border-left		{ padding:0px 0px 0px 0px; }
.main-bg						{ padding:0px 0px 0px 0px; }
.side-border-right	{ padding:0px 0px 0px 0px; }

						/* panels in the center column */
.main-body 				{ color:#444; background-color:#fff; padding:4px 4px 6px 4px; }

						/* panels in the left & right columns (with and without padding, p.e. for images) */
.side-body				{ color:#000; border: 0px solid #EAEAEA; padding:4px 4px 4px 4px; }
.side-body-nm			{ color:#000; background-color:#fff; }

						/* tags for sub texts, captions, etc. */ 
.small						{ font-weight:bold; color:#444; }
.small1						{ font-weight:normal; color:#444; }
.small2						{ font-weight:normal; color:#888; }
.smallalt					{ color:#0C386F; }

						/* title bars within a panel */
.infobar 					{ color:#000; background-color:#ddd; padding:3px 4px 3px 4px; }

/* --- Browser window centered div ------------------------- */

.splashscreen-h		{ font-size:0.8em; width:800px; position: absolute; top: 50%; left: 0px; width: 100%; margin-top: -150px; text-align: center; min-width: 900px; }
.splashscreen-v		{
	color:#000;
	background-color:#eee;
	position: relative;
	text-align: left;
	width: 770px;
	height: 250px;
	margin: 0px auto;
	-moz-border-radius: 25px / 25px;
	border-radius: 25px / 25px;
	border: 1px solid #AEAEAE;
}

/* --- Header ---------------------------------------------- */

						/* header definition and background image */
.headerbanner			{ color:#333; background-color:#eee; background-image:url(/themes/DOHG-Theme/images/exitecms_bg.gif); padding:0px; }

						/* header menu bar */
.headermenu				{ font-weight:normal; color:#ffffff; background-color:#666666; padding:0px 2px 0px 2px; }

						/* header menu links */
.headermenuitem			{ font-weight:normal; color:#fff; }
/* --- Panels ---------------------------------------------- */

						/* center panel cell definitions */
.main-panel				{ margin: 0px 0px 0px 0px; }

						/* side panel cell definitions */
.side-panel				{ padding:0px 0px 0px 0px; margin:0px 0px 10px 0px; border:1px #ddd solid; }

						/* center panel title */
.cap-main					{ height:3px;
										padding-bottom: 1em; 
										margin: 0; 
										padding: 0; 
										background-repeat: no-repeat; 
										background-position: 0 2px; 
										font-weight: bold;
										color:#00204a;
									}
.cap-main-cornered {
	background: url(images/bg-tab.png) repeat-x scroll center top transparent;
	border-color: #EEEEEE #CCCCCC #CCCCCC #EEEEEE;
	-moz-border-radius: 15px / 25px;
	border-radius: 15px / 25px;
	border: 1px solid #EAEAEA;
	height: 25px;
}
.cap-main-cornered span{
    border: 0px dashed red;
    color: steelblue;
		color: #003366;
    font-size: 85%;
    font-weight: bold;
    line-height: 19px;
    margin-bottom: 0;
    overflow: hidden;
    padding-left: 5px;
    padding-right: 5px;
    text-transform: uppercase;
}

.cap-bottom {
	height:3px;
	padding-bottom: 1em; 
	margin: 0; 
	padding: 3px 0 4px 5px; 
	background-repeat: no-repeat; 
	background-position: 0 2px; 
	font-weight: bold;
	color:#00204a;
}

.section_header h3 {
	background: url('');
	border: 1px solid #EAEAEA;
	height: 22px;
	line-height: 23px;
	margin-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
	overflow: hidden;
	text-transform: uppercase;
	color: steelblue;
}

						/* side panel title */
.sub-cap-main			{ color:#333; height:21px; padding:0px 2px 0px 2px; background-image:url(/themes/DOHG-Theme/images/sub-cap-main.gif); background-repeat:repeat-x; }
.sub-cap-main a:hover		{ color:#0C386F; text-decoration:none; }

						/* labels and separators in side panels */
/*.side-label			{ color:#00244f; background-color:#e3e3e3; margin:2px 0px 2px 0px; padding:1px 0px 1px 8px; white-space:nowrap;overflow:hidden; } */
.side-label				{ font-weight:bold; padding:2px; }

						/* labels and separators in body panels */
.main-label				{ color:#333; background-color:#ccc; font-weight:bold; padding:0px 0px 0px 0px; margin:0px 0px 5px 0px; white-space:nowrap;overflow:hidden; }

						/* links in side panels */
.side-label-link	{ white-space:nowrap;overflow:hidden;}

						/* positioning of side-panel open/close buttons */
.side-label-button	{ /* position:relative; */ float:right; top:2px; right:2px; }

						/* horizontal lines in side-panels */
hr.side-hr				{ border:1px #ccc solid; border-bottom:1px #eee solid; }

/* --- Footer ---------------------------------------------- */

.footer						{ text-align:center; color: #555; line-height:125%; }
.footer img 			{ border: 0px; vertical-align: -30%; }

/* --- Panel content layouts-------------------------------- */

						/* standard table borders */
.tbl-border				{ background-color:#bbb; }

						/* borderless tables */
.tbl							{ padding:3px 4px 3px 4px; }

						/* table cells - color 1 */
.tbl1							{ color:#000; background-color:#EFFBFB; padding:4px; } /* #eee */

						/* table cells - color 2 */
.tbl2							{ color:#333333; background-color:#E0F0F0; padding:4px; }  /* #e3e3e3 */

						/* user-info cell header */
.tbl_top_left			{ color:#333333; font-weight: bold; background-color:#e3e3e3; padding:4px; border-left: 1px solid #bbbbbb; border-top: 1px solid #bbbbbb; }

						/* user-info cell of a message */
.tbl_left					{ color:#333333; background-color:#fbf9f9; padding:4px; border-left: 1px solid #bbbbbb; border-top: 1px solid #bbbbbb; }

						/* button row at the bottom the user-info cell */
.tbl_left_bottom	{ background-color:#fbf9f9; padding:4px; border-left: 1px solid #bbbbbb; border-bottom: 1px solid #bbbbbb; }

						/* message subject  */
.tbl_top_mid			{ font-weight: bold; color:#333333; background-color:#e3e3e3; padding:4px; border-top: 1px solid #bbbbbb; }

						/* button row in the message header */
.tbl_top_right		{ color:#333333; background-color:#e3e3e3; padding:4px; border-top: 1px solid #bbbbbb; border-right: 1px solid #bbbbbb; }

						/* message body */
.tbl_right		 		{ color:#333; background-color:#fff; padding:4px; border: 1px solid #bbbbbb; }

						/* message body, unread message */
.unread						{ color:#000000; background-color:#e0f5f9; padding:4px; border: 1px solid #bbbbbb; }

						/* links in the message body */
.tbl_right		 		{ background-color:#eeeeee; padding:4px; border: 1px solid #bbbbbb; }

						/* quotes within the message body */
.quote						{ color:#000; background-color:#fff; padding:2px; margin:5px 20px 5px 20px; border:1px #bbbbbb solid; }

						/* code sections within the message body (note: total number of px for padding+margin must remain the same, the code expects this!!!) */
.codeblock_source		{ width:250px; margin-left:10px; border:1px #bbb solid; background-color:#fff; padding:0px; white-space:nowrap; overflow-x:auto; }
.codeblock_cmds			{ width:240px; margin-left:10px; border:1px #bbb solid; background-color:#fff; padding:0px 5px 0px 5px; border-top:0px; text-align:right; }

						/* thumbnail caption in the message body */
.thumbnail				{ color:#ddd;background-color:#333;text-align:center; }
a.thumbnail				{ color: #ddd; }

						/* image display in the album module */
.album_thumb			{ border-style:outset; border-color:#999; border-width:5px; }

						/* error messages and special notices */
.errors 				{ text-align:center; font-weight:bold; font-size:110%; color:red; }

						/* horizontal pollbar definition */
.poll 						{ height:12px; border:1px #333 solid; }

.required					{ color: #f00; }
.required2					{ color: #347C17; }


/* --- SWF upload module ----------------------------------- */

						/* IE6 fixes */
html fieldset 			{ position: relative; margin-top:1em; }
html legend 			{ position:absolute; top: -0.5em; left: .5em; }

						/* upload progress block, border and title */
.swf_uploadprogress		{ border:1px solid #ccc; margin:0px; padding:25px 10px; }
.swf_legend 			{ font-size:120%; font-weight:bold; padding:0 5px; margin:0 10px; color:#333; }

						/* div to contain the SWFupload flash module */
.progressWrapper 		{ width:100%; overflow:hidden; }

.progressContainer 		{ margin:2px; padding:5px; border:solid 1px #444; background-color:#eee; overflow:hidden; }
.progressContainer_red	{ border:solid 2px red; }
.progressContainer_green { border:solid 1px #444; }
.progressContainer_blue	{ border:solid 2px green; }
.progressName			{ font-weight:bold; color:#666; width:100%; text-align:left; white-space:nowrap; overflow:hidden; }
.progressBarInProgress	{ font-size:0; width:0%; height: 4px; background-color: blue; margin-top: 2px; }
.progressBarComplete	{ width:100%; background-color: green; visibility: hidden; }
.progressBarError		{ width:100%; background-color: red; visibility: hidden; }
.progressBarStatus		{ margin-top: 2px; width: 100%; font-size: 90%; text-align: left; white-space: nowrap; }
a.progressCancel 		{ font-size:0; height:16px; width:16px; background-image: url(/themes/ExiteCMS/images/cancel.gif); background-repeat:no-repeat; background-position:0px 0px; float:right; }

/* --- Mootools Lightbox, by Milkbox -------------------------------- */

						/* set the Milkbox overlay color // opacity: see the js options */
#mbOverlay 				{ position:absolute; left:0; width:100%; background-color:#000; z-index:100; cursor:pointer; }

						/* default Lightbox definition, can be overriden at runtime for proper positioning */
#mbCenter 				{ position:absolute; z-index:101; overflow:hidden; left:50%; top:10%; background-color:#fff; border:5px solid #fff; margin:0; padding:5px; }

						/* image loading notice */
.mbLoading				{ background:#fff url(/themes/ExiteCMS/images/ajax-loader.gif) no-repeat center; }

						/* Lightbox image settings */
#mbImage				{ margin:0; padding:0; height:0; border:none; font-size:0; overflow:hidden; }

						/* div clearing class */
.clear					{ clear:both; height:0; margin:0; padding:0; font-size:0; overflow:hidden; }

						/* image caption and navigation block, under the image */
#mbBottom 				{ font-size:1em; color:#666; line-height:1.4em; text-align:left; padding-top:8px; margin:0; }

						/* image caption */
#mbDescription			{ margin-right:27px; padding:0px 10px 0 0; font-weight: normal; text-align:left; }

						/* Lightbox navigation. Be careful if you change buttons dimensions! */
#mbNavigation			{ float:right; width:27px; padding-top:3px; border-left:1px solid #9c9c9c; }

						/* Lightbox images counter */
#mbCount				{ width:55px; overflow:hidden; padding-top:1px; float:right; text-align:right; font-size:9px; }

						/* navigation links */
#mbCloseLink, #mbPrevLink, #mbNextLink { outline:none; display:block; float:right; height:20px; cursor:pointer; }
#mbPrevLink, #mbNextLink{ width:17px; }
#mbPrevLink				{ background:transparent url(/themes/ExiteCMS/images/lb_previous.gif) no-repeat; }
#mbNextLink				{ background:transparent url(/themes/ExiteCMS/images/lb_next.gif) no-repeat; }

						/* NOTE: doesn't work in ie6, so, just see the js options :) */
a#mbPrevLink:hover,a#mbNextLink:hover,a#mbCloseLink:hover { background-position: 0 -23px; }

#mbCloseLink 			{ width:20px; background: transparent url(/themes/ExiteCMS/images/lb_close.gif) no-repeat; }

/* --- Upgrade admin module -------------------------------- */

						/* revision title */
.rev_title				{ color:#333; font-weight:bold; }
						/* revision title for major revisions */
.rev_major				{ color:#34329C; font-weight:bold; }

						/* revision description text */
.rev_desc				{ }

/* --- TinyMCE overrides ----------------------------------- */

body.mceContentBody 	{ background-color:#eee; }

/* --- Panel extra elements -------------------------------- */

.border-tleft			{ height:16px; }
.border-tright		{ height:16px; }
.border-tmain 		{ height:16px; }

.sub-cap-left			{ height:21px; border-top: 5px solid #ab978c; }
.sub-cap-right		{ height:21px; border-top: 5px solid #ab978c; }

.cap-left					{ /* position: relative; */ padding-bottom: 1em; }
.cap-right				{ /* position: relative; */ padding-bottom: 1em; }

.border-left			{ background-image: url("/themes/DOHG-Theme/images/blank.gif"); background-repeat: no-repeat; width:'5'; height:'1'; }
.border-right			{ background-image: url("/themes/DOHG-Theme/images/blank.gif"); background-repeat: no-repeat; width:'5'; height:'1'; }

.border-bleft			{ }
.border-bright		{ }
.border-bmain			{ }

.tbl_right a			{ text-decoration:underline; }

/* --- Google Maps ----------------------------------------- */

#tooltip 				{ width: 200px; z-index: 99999;	}
.tooltip 				{ font-weight:bold;padding: 2px;border:1px #036 solid;border-width:1px 2px 2px 1px;border-color: #000 #666 #666 #000;background-color:#FF9;color: #000;}

/* --- Download Panel --------------------------------------- */

.bar					{ width:16px; margin-left:15px;margin-right:15px; }

#bullet						{ margin:0 0 1px 0; }
#total-downloads	{ padding-top:4px; }
.boxheader 				{ width:45px; padding-top:0px; padding-right:1px; text-align:center; white-space: nowrap; }
.boxtypes 				{ width:45px; padding-top:4px; padding-right:1px; text-align:center; white-space: nowrap; }

/* --- Donations -------------------------------------------- */

.donate_title			{ font-weight:bold;color:#004a80; }
.donate_box				{ width:24em; height:24em; margin:1px; padding:0.5em; border:1px solid #CCC; -moz-border-radius:10px; background:#9d9ab7; }

/* --- Ticker ----------------------------------------------- */
.tickerbody 			{ font-size:85%;  font-family:arial; color:#000; margin: 0px 0px 0px 0px; background-color:lightblue; }
.tickerheader 		{ font-size:100%; font-family:arial; color:#00c; }
.tickertitle  		{ font-size:85%;  font-family:arial; color:#444; font-weight:bold; }  /* color: #c6c8ce; }*/
.tickerdiv 				{ font-size:85%;  font-family:arial; color:#877b6f; }

/* --- Columns ---------------------------------------------- */
.columnhead       { color: #fff; background-color: #124384; font-size: 90%; font-weight: bold; border-bottom: 1px solid #999; height: 20px; }
.table						{ margin:5px 0 1px 0; }

/* --- Headings --------------------------------------------- */
h1           { color: #000000; font-size: 160% }
h2           { color: #000000; font-size: 100% }
h3           { color: #000000; font-size:  85% }
h4           { color: #000000; font-size:  85% }




/* ========================================================= */
/* Add your own custom CSS tags below this line!             */
/* ========================================================= */
#wrapper { text-align: left; width: {/literal}{$smarty.const.THEME_WIDTH}{literal}px; margin-left: auto; margin-right: auto; }

/* --- Selecting bar ---------------------------------------- */
.lightblueThing		{ background: lightblue; }

/* --- Events ----------------------------------------------- */
.event_normal	{ color: #40406f; }
.event_changed { color: #FF0000; font-style: italic; }
.event_striked { color: #FF0000; font-style: italic; text-decoration: line-through; }

.match_played { background-color: lightgreen; }


/* ---------------------------------------------------------- */
#header { position: relative; top:0; left:0; height: 145px; overflow: hidden; color: #585858; }
	#header .frame { border-top: 5px solid #d5cbc5; }
/*
	#header #logo { position: relative; left: 0; top: -96px; z-index:1; width: 115px; height: 115px; background-image: url("/themes/DOHG-Theme/images/DeOttersHetGooi_115x115.gif"); background-repeat: no-repeat; }
*/
	#header #logo { position: absolute; left: 0; top: 9px; z-index:0; overflow: clip; width: 129px; height: 129px; background-image: url("/themes/DOHG-Theme/images/logoblue_shade.png"); background-repeat: no-repeat; behavior: url(/themes/DOHG-Theme/includes/iepngfix/iepngfix.htc); }
		#header #logo a { display: block; height: 115px; text-indent: -1234em; }

	#header #login { position: absolute; right: 0px; top: 5px; font-size: 0.786em; }
	#header #mainmenu { position: absolute; right: 0px; bottom: 5px; top:-100px; width: 80%; font-size: 0.786em; text-align: right; }
		#header #mainmenu p { margin: 0; }
		#header #mainmenu a { font-weight: bold; text-transform: uppercase }
		#header #mainmenu a span { font-weight: bold; text-transform: uppercase; }

	#header #naam_vereniging { position: absolute; left: 160px; top: 6px; z-index:5; background-image: url("/themes/DOHG-Theme/images/dohgblue.png"); width:350px; height:60px; background-repeat: no-repeat; behavior: url(/themes/DOHG-Theme/includes/iepngfix/iepngfix.htc);}

	#header #mainmenu1 { position: absolute; left: 0px; top: 5px; width: 20%; font-size: 0.786em; text-align: left; }

	#header #photo { position: relative; z-index:-1; top:25px; height: 95px; background-color: #eeebe8; background-image: url("/themes/DOHG-Theme/images/photo.png"); background-repeat: no-repeat; }
	.waterpolo #header #photo      		{ background-image: url("/themes/DOHG-Theme/images/photo_polo.png"); }
	.wedstrijdzwemmen #header #photo 	{ background-image: url("/themes/DOHG-Theme/images/photo_wedstrijd.png"); }
	.trimzwemmen #header #photo   		{ background-image: url("/themes/DOHG-Theme/images/photo.png"); }
	.akkertje #header #photo    { background-image: url("/themes/DOHG-Theme/images/photo.png"); }
	#header #photo #photoBorder { height: 85px; border-top: 5px solid #eeebe8; border-bottom: 5px solid #eeebe8; opacity: 0.5; }

	#header #countdown_container { position: absolute; right: 0px; top: -1px; width:600px; overflow: hidden; float:right; text-align:right; }
	#header #countdown_container #countdown { white-space:no-wrap; float:right; font-weight:bold; color:#CC0000; text-align:right; }

#content { position: relative; margin-top: 28px; line-height: 1.5; /* 21px */ margin-bottom: 28px; overflow: hidden; }
		#content .column .nieuws      	{ background-image: url("/themes/DOHG-Theme/images/header_nieuws.gif"); }
		#content .column .polo        	{ background-image: url("/themes/DOHG-Theme/images/header_polo.gif"); }
		#content .column .alle        	{ background-image: url("/themes/DOHG-Theme/images/header_wedstrijd.gif"); }
		#content .column .wedstrijd   	{ background-image: url("/themes/DOHG-Theme/images/header_wedstrijd.gif"); }
		#content .column .trimzwemmen 	{ background-image: url("/themes/DOHG-Theme/images/header_wedstrijd.gif"); }
		#content .column .zwemkroniek 	{ background-image: url("/themes/DOHG-Theme/images/header_zwemkroniek.gif"); }
		#content .column .sporttribune 	{ background-image: url("/themes/DOHG-Theme/images/header_sporttribune.gif"); }
		#content .column .masters     	{ background-image: url("/themes/DOHG-Theme/images/header_masters.gif"); }
		#content .column .akkertje      { background-image: url("/themes/DOHG-Theme/images/header_recrea.gif"); }
		#content .agenda      					{ background-image: url("/themes/DOHG-Theme/images/header_agenda.gif"); }
		#content .column .reacties    	{ background-image: url("/themes/DOHG-Theme/images/header_reacties.gif"); }
		#content .column .verjaardagen 	{ background-image: url("/themes/DOHG-Theme/images/header_verjaardagen.gif"); }
		#content .special iframe {
			display: inline;
			margin-left: auto;
			margin-right: auto;
		}


.frame { /* position: relative; */ border-top: 5px solid #CFB6AB; margin: 0 auto 0 auto; min-width: 748px; max-width: 980px; overflow: hidden; text-align: left; }
.smalltxt { font-size: 0.786em; line-height: 1.273; }
/* ========================================================= */



/* --- Enabled/disabled fields ----------------------------- */
input.disabled  { border: 0px solid #FFF; }
input.enabled   { border: 1px solid gray; }
select.disabled { border: 0px solid #FFF; }
select.enabled  { border: 1px solid gray; }
img.disabled    { border: 0px solid #FFF; }
img.enabled     { border: 0px solid gray; }
.removed        { background: red; text-decoration: line-through; }


/* --- Background colors (used in cycle command) ----------- */
.even { background: #FFFFEE; }
.odd  { background: #C3E4ED; }


/* --- Post-it settings ------------------------------------ */
.postit_settings{ width:299px; height:275px; visibility:hidden; left:400px; top:200px; position:absolute; z-index:196; }
.closebutton_settings{ cursor:pointer; z-index:200; position:absolute;
/* If you want to move Button left then plz decrease width value and increase if you want to move right*/
width:255px;
/* increase top value to move close button down and decrease to move button up*/
top:5px;
}
#postit_content { width:236px;height:180px; left:16px; top:5px; position:relative; z-index:196;}


/* --- Table settings rooster ------------------------------ */
.tr_hide { display: none; visibility: hidden; }
.tr_show { display: table; visibility: visible; }