/*

Go Forward


www.go-forward.nl


versie 2.1










*/

/* layout styles */

html { 
	border: 0px; 
	margin: 0px; 
	padding: 0px; 
	height: 100%; 
	max-height: 100%;
	/* \*/ 
	overflow: hidden; 
	/* */ 
	}

body { 
	border: 0px none;
	margin: 0px; 
	padding: 0px; 
	background: #E4B951 url('/images/achtergrond.jpg') repeat scroll 0px 0px;
	height: 100%; 
	max-height: 100%;
	font-family: Georgia, MS Sans Serif, Sans Serif;
	color: #000000;
	overflow: hidden;
	}
	
* html body {
	padding-right: 169px;
	}
	
#content {
	position: fixed;
	top: 150px; left: 170px; right: 169px; bottom: 0px;
	z-index: 1; 
	padding: 4px;
	padding-right: 25px;
	margin: 0px;
	border-left: 1px solid #AE883F;
	min-width: 500px; 
	overflow: auto; }
	
* html #content {
	background: #E4B951 url('/images/achtergrond.jpg') repeat fixed -170px -150px;
	position: absolute;
	top:0; left:0; right:0; bottom:0; 
	height: 100%;
	width: 100%;  
	z-index: 3; 
	border-top:130px solid #E4B951;
	border-bottom:0px none; 
	border-left:171px solid #AE883F;
	border-right: 0px none; 
	}
	
#logo {
	position: absolute; 
	top: 0px; left: 0px;
	padding-left: 15px;
	width: 170px; 
	height: 200px;  
	z-index: 11; 
	overflow: hidden;	
	}
	
* html #logo {
	background: url('/images/achtergrond.jpg') repeat fixed 0 0;
	}
    
#header {	
	position: absolute; 
	top: 0px; left: 170px; right: 151px;
	padding: 3px;
	margin: 0px;
	padding-top: 5px;
	height: 100px;  
	z-index: 9; 
	text-align: center;
	overflow: hidden;
}
	
* html #header {
	background: #E4B951 url('/images/achtergrond.jpg') repeat fixed -170px 0px;
	left: 0px;
	border-left: 170px solid #E4B951; 
	display: block; 
	width: 100%;   
} 
	
#title {
	position: absolute; 
	top: 110px; left: 170px; right: 171px;
	border: 0px none;
	border-top: 1px solid #AE883F;
	border-left: 1px solid #AE883F;
	margin: 0px;	
	height: 40px;
	z-index: 9;
	padding: 5px;
	padding-left: 10px;
	font-size: 20px;	
	overflow: hidden;
	}
	
* html #title {
	background: #E4B951 url('/images/achtergrond.jpg') repeat fixed -170px -110px;
	left: 0px;
	display: block;
	width: 100%;
	border-left: 171px solid #AE883F;
	}	

#left { 
	border: 0px none;
	position: absolute;
	left: 0px; top: 200px; 
	width: 170px;
	z-index: 4; 
	overflow: auto;
	padding: 0px;
	padding-top: 10px;
	padding-left: 6px;
	margin: 0px;
	height: 100%;
	}
	
* html #left {
	background: #E4B951 url('/images/achtergrond.jpg') repeat fixed 0px -200px;
	height:100%; 
	top:0; bottom:0; 
	border-top:194px solid #fff; 
	}	
 
#right {
	background: #FFFFFF;
	position: absolute;
	top: 0px; right: 0px;
	border: 0px none;
	border-left: 2px solid #000000;
	font-size: 10px;
	z-index: 1; 
	width: 169px;
	height: 100%;
	overflow: auto;
	}
	
/* objects */




.ad	{
	display: block;
	border: 3px dotted #aabbcc;
	overflow: hidden;
	color: #000000;
	width: 150px;
	height: 150px;
	margin: 3px;
	padding: 5px;
	text-decoration: none;
	text-align: center;
	font-family: Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	margin-bottom: 5px;
}

img.ad {
        border: 0px none;
	height: 100px;
}

.ad:hover {
	text-decoration: underline;
}

.newsletter	{
	background-color: #FFD360;
	font-size: 12px;
	width: 140px;
	margin-top: 10px;
	padding: 3px;
	display: block;
}

.viewphoto {
	width: 100%;
	height: 350px;
}

.albumlist	{
	width: 400px;
}

/* menu */

.menuitem, .menuitem-selected , .menuitemlos{
	text-decoration: none;
	border: 1px solid #000000;
	padding: 2px;
    width: 140px;
    height: 25px;
    font-size: 11px;
    color: #000000;
    background-color: #FFF6CA;
}

* html .menuitem, .menuitem-selected, .menuitemlos {
	height: 21px;
}

a.menuitem:hover , a.menuitemlos:hover{
	text-decoration: underline;
    background-color: #ECAA31;
}
    
.menuitem-selected  {
    background-color: #ECAA31;
}

.menuitemlos	{
	font-weight: bold;
	color: #0000FF;
	font-size: 13px;
	height: 50px;
}

/* text styles */	

.big	{
    font-family: "Curlz MT";
    font-size: 60px;
    font-weight: bold;
}
    
.title	{
    font-family: "Curlz MT";
    font-size: 20px;
    font-weight: bold;
}

.payoff	{
    font-family: "Curlz MT";
    font-size: 15px;
    font-weight: bold;
}

.popbackground	{
	background-color: #ECAA31;
}

.previous, .start, .stop, .next, .started, .back	{
	height: 36px;
	margin-top: 20px;
	width: 145px;
	overflow: auto;
	text-decoration: none;
	font-size: 12px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	color: #333333;
	padding: 3px;
	padding-top: 1px;
	padding-bottom: 1px;		
}
.previous:hover, .start:hover, .stop:hover, .next:hover, .started:hover, .back:hover	{
	text-decoration: underline;
}

.previous	{
	background: url('/images/previous.gif') no-repeat fixed left bottom;
}

.next	{
	background: url('/images/next.gif') no-repeat fixed right bottom;
}

.started	{
	background: url('/images/start.gif') no-repeat fixed right bottom;
}

.back	{
	background: url('/images/back.gif') no-repeat fixed left bottom;
}

.start	{
	background: url('/images/start.gif') no-repeat fixed center bottom;
}

.start:hover	{
	background: url('/images/start.gif') no-repeat fixed center bottom;
}

.stop	{
	background: url('/images/stop.gif') no-repeat fixed center bottom;
}

	    
.important	{
	font-size: 20px;
}

.item	{
	color: #555555;
	font-size: 10px;
	vertical-align: bottom;
	text-align: right;
	width: 80px;
	padding-right: 8px;
}

.description	{
	display: block;
	width: 100%;
}
.image-right
{
	width: 100px;
	height: 75px;
	float: right;
}

.link, a.link
{
	font-family: "Curlz MT, Fantasy, Arial";
	font-size: 20px;
  font-weight: bold;
  text-decoration: none;	
  
}

.editcell {
	text-align: left;
	vertical-align: top;
	text-decoration: none;
}

/* agenda */

.agenda-select {
	font-size: 11px;
	table-layout: auto;
}

.agenda-select-dropdown {
	width: 100px;
	height: 15px;	
	font-size: 10px;
	height: 17px;
	width: 210px;
}

.agenda-select-dropdown-edit {
	width: 100%;
	height: 20px;	
	font-size: 10px;
	height: 17px;
	width: 210px;
}

.agenda-select-calendar {
	font-size: 10px;	
}

.agenda	{
	border: 0px none;
	margin: 0px;
	padding: 0px;
}

.agenda-detail {
	width: 400px;
	background-color: #FFF6CA;
	border: 1px solid #FFAA88;
	border-collapse: collapse;
	padding: 3px;
	font-size: 13px;
}

.agenda td a  {
	background-color: #FFAA88;
	color: #000000;
	text-align: center;
	display: block;
	width: 100%;
	height: 50px;
	text-decoration: none;
	}
	
.agenda td a:hover  {
	background-color: #FF9988;
	display: block;
	width: 100%;
	height: 50px;
	}	

.row, .alternatingrow {
	padding: 5px;
	height: 50px;
	font-size: 12px;
	text-align: left;
	vertical-align: bottom;
}
	
.row	{
	background-color: #CFCCC8;
}

.alternatingrow {
		background-color: #FFFFF8;
}

.calendar-today {
	background-color: #FFFFFF;
}

.calendar-selected {
	background-color: #FF9988;
}

.calendar-weekend {
	background-color: #AE883F;
}

.navigation	{
	table-layout: fixed;
	border-spacing: 5px;
	border-collapse: collapse;
	width: 100%;
	height: 18px;
	margin-top: 20px;
	font-size: 12px;
}	

img.agenda {
	width: 200px;
	height: 200px;
	border: 2px solid #AE883F;
	}
	
img.agenda-klein {
	height: 50px;
	}
	
/* locations */	
.location-detail	{
	table-layout: fixed;
	width: 100%;
	background-color: #FFF6CA;
	border: 1px solid #FFAA88;
	border-collapse: collapse;
	padding: 3px;
	font-size: 13px;
}

.location-detail td, .location-detail tr	{
	border: hidden;
}
	
.invisible {
	visibility: hidden;
	background: none;
	}
	
/* links */
	
/* link to main menu item page */
.link-main {
	background-color: #FFECD8;
	display: block;
	height: 32px;
	margin-top: 20px;
	width: 145px;
	overflow: hidden;
	border: 1px solid #333333;
	text-decoration: none;
	font-size: 12px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	color: #333333;
	text-align: center;
	padding: 3px;
	padding-top: 1px;
	padding-bottom: 1px;			
}

.link-detail	{
	background-color: #FFECD8;
	display: block;
	width: auto;
	height: 22px;
	overflow: hidden;
	border: 1px solid #333333;
	text-decoration: none;
	font-size: 12px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	color: #333333;
	text-align: center;
	padding: 3px;
}

.link-main:hover	{
	text-decoration: underline;
}

.link-navigation	{
	display: block;
	height: 20px;
	width: 70px;
	overflow: hidden;
	background-color: #FFAA88;
	border: 1px solid #333333;
	text-decoration: none;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	font-size: 11px;
	color: #333333;
	text-align: center;
	padding: 2px;
}

.link-navigation:hover {
	background-color: #FF9988;
	text-decoration: underline;
}

.link-action {
	display: block;
	height: 15px;
	width: 70px;
	overflow: hidden;
	border: 1px solid #000000;
	text-decoration: none;
	font-size: 11px;
	color: #111111;
	text-align: center;
	padding: 2px;
}

/* link to newsletter subscription */
.link-newsletter	{
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}

.link-external	{
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}

.link-external:hover	{
	text-decoration: underline;
}


/* images */

.logo	{
	width: 133px;
	height: 200px;
}

/* , .smallphoto > img, img.smallphoto */
.smallphoto {
	width: 100px;
	border: 1px solid #000000;
	padding: 0px;
	margin: 2px;
}

.mediumphoto	{
	width: 150px;
	border: 1px solid #000000;
	padding: 0px;
	margin: 2px;
}

.photo {
	height: 300px;
	border: 1px solid #000000;
	padding: 1px;
}


/* general items */

p	{
	
}


.flyer	{
	text-align: center;
	display: inline;
	width: 600px;
}

.map	{
	width: 500px;
	height: 300px;
	display: block;
}

.success {
	background:#cfc url(/images/success.png) 0.5em 0px no-repeat;
	font-weight: bold;
	text-decoration: none;
	color:#000;
	border:1px solid #afa;
	font-size:90%;
	padding: 1px;
	overflow:hidden;}
	
.error, a.error {
	background:#fcc url(/images/error.png) 0.5em 0px no-repeat;
	color:#000;
	font-weight: bold;
	border:1px solid #faa;
	font-size:90%;
	padding: 1px;
	text-decoration: none;
	padding-left:3em;
	overflow:hidden;
		border-color: red;
		background-color: #fff2f2;
	
}