/* CSS Document */



/* DEFAULT SETTINGS */

/* Style for the body tag of your website, controls font family page background, etc. */

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
   border-left-width: 0px;
   border-top-width: 0px;
   border-right-width: 0px;
   border-bottom-width: 0px;
	height: 100%;

	font-size: 0.8em;
	font-family      : Verdana, Arial, Helvetica, sans-serif;
/*	background-color: black;*/

	/* new lodk */
/*   min-height:100%;*/
background-color: yellow;
}

/* p  formatting all <div> (division) items. This is a catch-all that only applies when no other style has been defined. */
/* td formatting all <td> items.  This is a catch-all that only applies when no other style has been defined. */
/* tr formatting all <tr> items.  This is a catch-all that only applies when no other style has been defined. */

td, tr, p, div {
	color: #333333;
}

/* ul formatting all UL (unordered list) items.  This is a catch-all that only applies when no other style has been defined. */

ul {
	margin: 0em 0em 0em 0em;
}

/* general links style*/

a:link, a:visited {
	color: #000000;
	text-decoration:none;
}

/* general links style*/

a:hover {
	color: #000000;
	text-decoration: underline;
}

/* horizontal line in your template*/

hr {
	background: #CCCCCC;
	height: 0.072727272727273em;
	width: 100%;
}

hr.separator {
}

/* FORMS SETTINGS */

.button {
	font-style: normal;
	font-weight: bold;
	background-color: #F0F0F0;
	color: #000000;
	border: 0.072727272727273em solid #CCCCCC;
}

.inputbox {
	color: #000000;
	background-color: #F0F0F0;
	border: 0.072727272727273em solid #CCCCCC;
}

/* formatting the <div> which holds search items: inputbox, search button... */

.search {
}





/* NAVIGATION/MENU SETTINGS */

/* this styling is for the MAIN items in the menu */

a.mainlevel {
}

a.mainlevel:link, a.mainlevel:visited {
	display: block;
	background: url(../images/menu_bg.png) no-repeat;

/*	vertical-align: middle; removed lodk */

	font-weight: bold;

/*	color: #ccc;*/
color: green;


	text-align: left;
/* this was in leidenvirtueel but now removed
	padding-top: 0.36363636363636em;
	padding-left: 1.30909090909090em;
*/
	/* height: 1.4545454545455em; !important; */

/* removed leidenvirtueel	height: 1.4545454545455em; */

	width: 100%;
	text-decoration: none;

	 /*background: transparent;*/


}

a.mainlevel:visited {
}

a.mainlevel:hover {
	 background-position: 0em -1.8181818181818em;
	text-decoration: none;
	color: #fff;
}

/* #active_menu this styling is for the menu item when it is active, even in main/sub position */

a.mainlevel#active_menu {
	color:#fff;
	font-weight: bold;
}

a.mainlevel#active_menu:hover {
	color: #fff;
}

/** IE bugs: a:link, a:visited, a:hover need to be styled as well; does not display separator... workaround? */
/** customize colors here */
a.mainlevel-nav, a.mainlevel_active-nav, a.mainlevel_current-nav,
a.mainlevel-nav:link, a.mainlevel_active-nav:link, a.mainlevel_current-nav:link,
a.mainlevel-nav:visited, a.mainlevel_active-nav:visited, a.mainlevel_current-nav:visited {
	background-color: #99CCFF;
	color: black; /*white;*/
}

a.mainlevel-nav2, a.mainlevel_active-nav2, a.mainlevel_current-nav2,
a.mainlevel-nav2:link, a.mainlevel_active-nav2:link, a.mainlevel_current-nav2:link,
a.mainlevel-nav2:visited, a.mainlevel_active-nav2:visited, a.mainlevel_current-nav2:visited {
/*	background-color: red;*/
/*	background-color: #99CCFF; */
	color: blue;
}

a.mainlevel-nav:hover, a.mainlevel_active-nav:hover, a.mainlevel_current-nav:hover,
a.mainlevel-nav2:hover, a.mainlevel_active-nav2:hover, a.mainlevel_current-nav2:hover {
	background-color: #E0E0E0;
/*	color: red;*/
	color: #99CCFF;
}

a.sublevel-nav, a.sublevel_active-nav, a.sublevel_current-nav,
a.sublevel-nav:link, a.sublevel_active-nav:link, a.sublevel_current-nav:link,
a.sublevel-nav:visited, a.sublevel_active-nav:visited, a.sublevel_current-nav:visited {
	background-color: green;
	color: white;
}

a.sublevel-nav:hover, a.sublevel_active-nav:hover, a.sublevel_current-nav:hover {
	background-color: #E0E0E0;
	color: green;
}

ul.mainlevel-nav ul ul a.sublevel-nav, ul.mainlevel-nav ul ul a.sublevel_active-nav, ul.mainlevel-nav ul ul a.sublevel_current-nav,
ul.mainlevel-nav ul ul a.sublevel-nav:link, ul.mainlevel-nav ul ul a.sublevel_active-nav:link, ul.mainlevel-nav ul ul a.sublevel_current-nav:link,
ul.mainlevel-nav ul ul a.sublevel-nav:visited, ul.mainlevel-nav ul ul a.sublevel_active-nav:visited, ul.mainlevel-nav ul ul a.sublevel_current-nav:visited {
	background-color: blue;
	color: white;
}

ul.mainlevel-nav ul ul a.sublevel-nav:hover, ul.mainlevel-nav ul ul a.sublevel_active-nav:hover, ul.mainlevel-nav ul ul a.sublevel_current-nav:hover {
	background-color: #E0E0E0;
	color: blue;
}

ul.mainlevel-nav ul .expanded {
	display: block;
	background-image: url('../images/arrow_right.gif');
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 0.72727272727273em;
}

ul.mainlevel-nav2 ul .expanded {
	display: block;
/*
	background-image: url('../images/arrow_right.gif');
	background-position: right center;
	background-repeat: no-repeat;
*/
	padding-right: 0.72727272727273em;
}

/** customize style / layout here */

a.mainlevel-nav, a.mainlevel_active-nav, a.mainlevel_current-nav, span.mainlevel-nav,
a.mainlevel-nav:link, a.mainlevel_active-nav:link, a.mainlevel_current-nav:link,
a.mainlevel-nav:visited, a.mainlevel_active-nav:visited, a.mainlevel_current-nav:visited,
a.mainlevel-nav:hover, a.mainlevel_active-nav:hover, a.mainlevel_current-nav:hover,

a.mainlevel-nav2, a.mainlevel_active-nav2, a.mainlevel_current-nav2, span.mainlevel-nav2,
a.mainlevel-nav2:link, a.mainlevel_active-nav2:link, a.mainlevel_current-nav2:link,
a.mainlevel-nav2:visited, a.mainlevel_active-nav2:visited, a.mainlevel_current-nav2:visited,
a.mainlevel-nav2:hover, a.mainlevel_active-nav2:hover, a.mainlevel_current-nav2:hover,

a.sublevel-nav, a.sublevel_active-nav, a.sublevel_current-nav, span.sublevel-nav,
a.sublevel-nav:link, a.sublevel_active-nav:link, a.sublevel_current-nav:link,
a.sublevel-nav:visited, a.sublevel_active-nav:visited, a.sublevel_current-nav:visited,
a.sublevel-nav:hover, a.sublevel_active-nav:hover, a.sublevel_current-nav:hover {
	font-weight: normal;
	font-size: 90%;
	text-align: left;
	text-decoration: none;
	display: block;
/*	border: 0.072727272727273em solid silver;*/
	border: 0.072727272727273em solid silver;
	padding: 0.3em 0.5em 0.3em 0.5em;	/* top, right, bottom, left */
	height: 1em;
	line-height: 1em;
}

a.mainlevel-nav, a.mainlevel_active-nav, a.mainlevel_current-nav, span.mainlevel-nav,
a.mainlevel-nav2, a.mainlevel_active-nav2, a.mainlevel_current-nav2, span.mainlevel-nav2 {
	float: left;
	width: auto;
}

a.sublevel-nav, a.sublevel_active-nav, a.sublevel_current-nav, span.sublevel-nav {
	font-size: 80%;
	border-top: 0em solid silver;
}

a.sublevel:link, a.sublevel:visited {
	padding-left: 0.072727272727273em;
	vertical-align: middle;
	font-weight: bold;
	color: #c64934;
	text-align: left;
}

a.sublevel:hover {
	color: #900;
	text-decoration: none;
}

/* this styling is for menu items that HAS A PARENT */

a.sublevel {
}

a.sublevel#active_menu {
	color: #333;
}

/** separator */
span.mainlevel-nav2, span.sublevel-nav2,
span.mainlevel-nav, span.sublevel-nav {
	border-width: 0em;
	padding: 0.36363636363636em;
}

#active_menu-nav,
a.mainlevel_active-nav, a.mainlevel_current-nav,
a.mainlevel_active-nav:link, a.mainlevel_current-nav:link,
a.mainlevel_active-nav:visited, a.mainlevel_current-nav:visited,
a.mainlevel_active-nav:hover, a.mainlevel_current-nav:hover,

#active_menu-nav2,
a.mainlevel_active-nav2, a.mainlevel_current-nav2,
a.mainlevel_active-nav2:link, a.mainlevel_current-nav2:link,
a.mainlevel_active-nav2:visited, a.mainlevel_current-nav2:visited,
a.mainlevel_active-nav2:hover, a.mainlevel_current-nav2:hover,

a.sublevel_active-nav, a.sublevel_current-nav,
a.sublevel_active-nav:link, a.sublevel_current-nav:link,
a.sublevel_active-nav:visited, a.sublevel_current-nav:visited,
a.sublevel_active-nav:hover, a.sublevel_current-nav:hover {
	font-weight: bold;
}

ul.mainlevel-nav, .mainlevel-nav ul,
ul.mainlevel-nav2, .mainlevel-nav2 ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

ul.mainlevel-nav,
ul.mainlevel-nav2 {
	width: auto;
	z-index: 101;
}

ul.mainlevel-nav ul,
ul.mainlevel-nav2 ul {
	z-index: 102;
}

ul.mainlevel-nav ul ul,
ul.mainlevel-nav2 ul ul {
	z-index: 103;
}

ul.mainlevel-nav li,
ul.mainlevel-nav2 li {
	padding: 0;
	margin: 0;
	background: none;
	list-style: none;
	float: left;
	position: relative;
	margin-right: 0.072727272727273em;
}

ul.mainlevel-nav li li,
ul.mainlevel-nav2 li li {
	position: relative;
	width: 10em;
	margin: 0;
}

ul.mainlevel-nav li li ul,
ul.mainlevel-nav2 li li ul {
	left: 10em;
	top: 0;
}

ul.mainlevel-nav ul,
ul.mainlevel-nav2 ul {
	display: none;
	position: absolute;
	top: 1.65em;
	left: 0;
}

ul.mainlevel-nav li > ul,
ul.mainlevel-nav2 li > ul {
	top: 1.65em;
	left: auto;
}

ul.mainlevel-nav li:hover ul,
ul.mainlevel-nav li.hover ul,
ul.mainlevel-nav2 li:hover ul,
ul.mainlevel-nav2 li.hover ul {
	display: block;
}

ul.mainlevel-nav li:hover ul ul,
ul.mainlevel-nav li.hover ul ul,
ul.mainlevel-nav2 li:hover ul ul,
ul.mainlevel-nav2 li.hover ul ul {
	display: none;
}

ul.mainlevel-nav li:hover ul li:hover ul,
ul.mainlevel-nav li.hover ul li.hover ul,
ul.mainlevel-nav2 li:hover ul li:hover ul,
ul.mainlevel-nav2 li.hover ul li.hover ul {
	display: block;
}

ul.mainlevel-nav, ul.mainlevel-nav li li,
ul.mainlevel-nav2, ul.mainlevel-nav2 li li {
	clear: left;
}

.pagenav { /* as the name implies, this is for formatting texts for those "<< Start < Previous 1 Next > End >>" links */
}

a.pagenav:visited {
}

a.pagenav:hover {
}

a.readon:link { /* Style for the "Read More" link that is displayed for large content items */
}

a.readon:hover {
}

a.readon:visited {
}

.back_button { /* Style for the "BACK" button */


}

.pagenav_prev { /* Style for the PRE button */

}

.pagenav_next { /* Style for the NEXT button */

}


.article_seperator
{
}



/* CONTENT PAGE SETTINGS */

a.category:link, a.category:visited {
	color: #333333;
	font-weight: bold;
}

a.category:hover {
	color: #7B8DA1;
}

.blogsection { /* Formatting the links in Blog section */
}

.blog_more { /* The "More" text in blog section */
}

a.blogsection:link { /* set the link format */
}

a.blogsection:visited { /* same as above, but to set the visited link format */
}

a.blogsection:hover { /* same as above, but for links with mouse pointer over it */
}

.componentheading { /* Title of the component being used to display the content.*/
	font-weight: bold;
	color: #7B8DA1;
	text-align: left;
   width: 100%;
}

.contentheading { /* Title of the content, article, etc. being displayed.*/
	font-weight: bold;
	text-align: left;
   width: 100%;

	margin-left: .5em;
	margin-right: .5em;


/*	background-color: lightgreen;*/
}

.contentpane { /* Table that holds all non-article information (components, category lists, contact forms, etc).*/
   width: 100%;
}

/* Table that holds the actual text for an article.*/

.contentpaneopen {
   width: 100%;
	border: 1px;
   /* solid;  #bbb; */

/*   background-color: blue;*/
/*   padding: 0.36363636363636em; */
/*
margin-left: 0.5em;
margin-right: 1em;*/
}


.contentpaneopen td {
padding: 0.4em;
margin: 0.4em auto;
}


.contentpagetitle { /* Title of articles */
}

a.contentpagetitle:link, a.contentpagetitle:visited {
	color: #000000;
	text-align:left;
}

a.contentpagetitle:hover {
	font-weight: bold;
	text-align:left;
	color: #7B8DA1;
	text-decoration: underline;
	font-weight: bold;
}

.contentdescription { /* Formating the "DESCRIPTION" of sections, categories (News/Weblinks/Latest news...) */
}

table.contenttoc { /* Formating the table of the Tables of Contents for multiple pages content or article */
}

table.contenttoc td { /* same as above, used to format the td and able cells */
}

table.contenttoc th { /* same as above, used to format the th of "Tables of Content" ( normally Article Index)*/
}

table.contenttoc td.toclink { /* same as above, used to format toc link texts*/
}

a.toclink:link { /* same as above, used to format toc link text status */
}

a.toclink:visited {
}

a.toclink:hover {
}

/* MAMBO SECTIONS LISTINGS */

.sectiontableheader { /* This is for styling the section table headers on a SECTION's page. Example: table header of "Date", "Item Title", "Author" and "Hits"? */
	background-color : #CCCCCC;
	color            : #7B8DA1;
	font-weight      : bold;
}

.sectiontableentry1 {
	background-color : #F0F0F0;
}

.sectiontableentry2 {
	background-color : #E0E0E0;
}

/* MAMBO MODULES FORMATTING */

table.moduletable-menu { /* added individual styling */
	width: 100%;
	margin-bottom: 0em;
	padding: 0em;
	border-spacing: 0em;
}

.mostread, .latestnews, .newsfeed {
	background-color: #FFFFCC;
	padding-bottom: 0.14545454545455em;
	list-style: none;
   padding-left: 0em;
   margin-left: 0em;
/* font-size: 95%; */

   /* margin-left: 0.145em;  */  /* 2px; */
   /* margin-right: 0.145em; */  /* 2px; */
}


.search {
/* no border here */
/*border: none;*/
}

/*table.moduletable-bannerright,
table.moduletable-events,*/
table.moduletable {
	width: 100%;
	margin-bottom: 0.5em;
	padding: 0em;
	border-spacing: 0em;
	border: 1px; /* solid; #bbb; */
/*	padding-bottom: 0.2em;*/
}

/*table.moduletable-banneright td,
table.moduletable-events td,*/
table.moduletable td { /* Formatting the table cells of the module table */
	width: 100%;
/*	margin-bottom: 0em;
	padding: 0em;*/
	font-weight: normal;
padding: 0.1em; /* was 0.5 lodk */
margin: 0.1em auto;/* was 0.5 lodk */
}

/*table.moduletable-bannerright th, div.moduletable-bannerright h3,
table.moduletable-events th, table.moduletable-events h3,*/
table.moduletable-menu th, div.moduletable-menu h3, /* Added individual styling */
table.moduletable th, div.moduletable h3 { /* Formatting the module header, and the module titles */
/*	background: url('../images/subhead_bg.png') repeat-x;*/
/*	background-color: #99CCFF; */
	background-color: grey;
	text-align: left;
	padding-left: 0.29090909090909em;

/*	height: 1.4545454545455em; */
/*	line-height: 1.4545454545455em; */

	height: 1.3090909090909em;
	line-height: 1.3090909090909em;

	text-transform: uppercase;
	margin-left: 0em;
	margin-right: 0em;
	margin-top: 0em;
	margin-bottom: 0em;
}

table.moduletable-menu td { /* added individual styling for menus */
	width: 100%;
	margin-bottom: 0em;
	padding: 0em;
	font-weight: normal;
}

/* MISCELLANEOUS */

/* Dates , Authors */

.createdate { /* For styling the date the content/articles are created under contents title */
	color: #999999;
	text-align: left;
   font-size: 0.7em;
}

.modifydate { /* Formating "Last updated on" text at the end of articles/contents */
}

.small {  /* Formating "Written by:...." text */
	color: #3366C0;
	text-decoration: none;
	font-weight: lighter;
   font-size: 0.7em;

}

.smalldark { /* Found in poll result page, for " Number of Voters".. text */
	color: #000000;
	text-decoration: none;
	font-weight: normal;
   font-size: 0.6em;
}

/* Polls */

.poll {  /* format the td of poll table */
	color: #666666;
	line-height: 1.0181818181818em;
}

.pollstableborder { /* set the border properties of the polls voting table */
}

/* Weblinks */

.weblinks{ /* well.. to format the link's titles under the "Weblinks" section on the frontend */
}

a.weblinks:hover { /* same as above, but for link with mouseover */
}

/* Newsfeeds */

.newsfeedheading { /* The newsfeed title. NOTE: This will not affect the newsfeed's news title! */
}

.newsfeeddate { /* yeah.. the date on the newsfeed */
}

.fase4rdf { /* this is the body text of the newsfeed */



}

/* Search page */

table.searchintro { /* This is for formatting the box with "Search Keyword: test returned 4 matches" box
  							  that appears after you have entered a search value. It appears on the mainbody
							  with the search results */
}

/* MAMBO TABBED FRONTEND ADMIN INTERFACE */

/* The CSS below Defines how the frontend admin interface when logged in */

/* For styling of the "Tab" buttons when editing contents through the frontend as admin.
   This .ontab is the styling for the tab when it is active or after its "clicked" */

.ontab {
	background-color: #ffae00;
	border-left: outset 0.14545454545455em #ff9900;
	border-right: outset 0.14545454545455em #808080;
	border-top: outset 0.14545454545455em #ff9900;
	border-bottom: solid 0.072727272727273em #d5d5d5;
	text-align: center;
	cursor: pointer;
	font-weight: bold;
	color: #FFFFFF;
}

/* Same as above, used for styling of the "Tab" buttons when editing contents through the frontend.
   This the styling for the tab when it is NOT active or when it is NOT "clicked" */

.offtab {
	background-color : #e5e5e5;

  	border-left: outset 0.14545454545455em #E0E0E0;
	border-right: outset 0.14545454545455em #E0E0E0;
	border-top: outset 0.14545454545455em #E0E0E0;
	border-bottom: solid 0.072727272727273em #d5d5d5;
	text-align: center;
	cursor: pointer;
	font-weight: normal;
}

/* .tabpadding this style is used set the size of the tab in the above */
/* .tabheading Not too sure what this is used for. Couldn't find anything related to it yet at the moment */

.tabpadding {}.tabheading {
	background-color: #ffae00;
	text-align: left;
}

.pagetext { /* .pagetext this style is used to style the content of the editing form contents (where HTMLArea sits and all its forms + contents) in the frontend Administration interface */
	visibility: hidden;
	display: none;
	position: relative;
	top: 0;
}

/* END OF KNOWN JOOMLA STYLES */

.title {
	font-size: 200%;
	font-weight: bold;
	color: #7B8DA1;
}

.pathway {
	color: #000000;
}

a.pathway:link, a.pathway:visited {
	color: #000000;
	font-weight: normal;
}

a.pathway:hover {
	color: #000000;
	font-weight: normal;
	text-decoration: underline;
}

/* Modules */


a.mainlevel-navuser:link, a.mainlevel-navuser:visited {
	display: block;
/*	background: url(../images/menu_bg.png) no-repeat;*/
	vertical-align: middle;
	font-weight: bold;
	color: black;
	text-align: left;
	/* height: 20px !important; */
	height: 0.87272727272727em;
	width: 100%;
	text-decoration: none;
	list-style: none;
}

.highlight {
	background-color: Yellow;
	color: Blue;
	padding: 0;
}

.code {
	background-color: #ddd;
	border: 0.072em solid; /* #bbb; */
}

div.moduletable {
	padding: 0em;
	margin-bottom: 0em;
}

.buttonheading {
}

/* for modifying {moscode} output.  Dont set the colour! */

.moscode {
	background-color: #f0f0f0;
}

/* Text passed with mosmsg url parameter */

.message {
	font-weight: bold;
	color : #ff6600;
	text-align: center;
}

/* custom stuff */

/* be careful with this name!
.container {
	border: solid;
	border-width: 0.072727272727273em;
/*	border-color: #efefef; */
	background-color: White;
}
*/

.boxes {
	border: solid;
	border-color: #efefef;
	border-width: 0.072727272727273em;
}

/* nifty corners */

div#nifty {
	margin: 0 10%;
/* background: yellow;*/
	width: 18.181818181818em;

}

b.rtop, b.rbottom {
	display:block;
   background: #FFF
}

b.rtop b, b.rbottom b {
	display:block;
   height: 0.072em;/*1px;*/
   overflow: hidden;
   background: red;
}

/*
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}
*/


b.r1{margin: 0 0.36em}
b.r2{margin: 0 0.218em}
b.r3{margin: 0 0.145em}
b.rtop b.r4, b.rbottom b.r4{margin: 0 0.0723em;height: 0.145em}


/* usage
<b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
<p>hier dus de tekst</p>
<b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
*/
/*
h1,h2,p{margin: 0 10px}
h1{font-size: 250%;color: #FE75C1}
h2{font-size: 200%;color: #FFF}
p{padding-bottom:1em}
h2{padding-top: 0.3em}
div#nifty{ margin: 0 10%;background:#D4DDFF}
*/

.LayerFullPage { /* was org lodk setting */
	position:relative;
	width: 100%;
	left: 0em;
	top: 0em;
	text-align:center;
	margin: 0 auto;
   padding: 0em;
   /* added after lodk */
	background-color: white;
	height:100%;

}


.LayerFullPage_3col {
   position:relative;
/*	min-width:100%; */
	margin-right: -16px;
	height:100%;
	z-index:0;

  	left: -16px;
	top: -16px;

	text-align:center;
	background-color: black;
   /* margin-left: 0; */

}

.LayerCenteredPage {
	position:relative;
	width: 70.654545454545em;
	margin: auto;
	text-align:left;
   background-color: blue;

	/* new here */
	/* height: 550px; */


}

.LayerCenteredPage_3col {
	position:relative;
	width: 1024px;
	height: 550px;

	z-index:1;
	margin: 0 auto;
	left: 0;
   top: 0;
	text-align:left;
	background: url('../images/background.jpg') no-repeat;
}



.LayerMarginPage {
	position:relative;
   width: 100%;
/*	width: 70.654545454545em;*/
	text-align:left;
   background-color: #FAFAD2;
    /* box-model hack start */
    min-height: 100%;
    height: 100%;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: auto;
   background-color: red;
}

html>body #marginpage {
    height: auto;
	 }
 /* box-model hack end */



// amberlinn website specific

.albumwrapper {
	width: 200px;
   height: 200px;
	background-color: black;
	text-align: left;
}

.top_left_box {
	height: 10px;
   /* background-color: red; */
}

.moduletable-musiclogo {
	top: 700px;
}


// tables etc

.main_top_table {
	width: 1024px;
	border: 0px none;
   padding: 0
}

.main_middle_table {
	width: 1024px;
	border: 0px none;
   padding: 0
}

.main_bottom_table {
	width: 1024px;
	border: 0px none;
	border-spacing:0;
   padding: 0;
}

/* was double!
	.main_top_table {
	width: 995px;
	border: 0px none;
   padding: 0
}

.main_middle_table {
	width: 995px;
	border: 0px none;
   padding: 0
}

.main_bottom_table {
	width: 995px;
	border: 0px none;
	border-spacing:0;
   padding: 0;
}
was double end */



/* styles for view modew */

#distance {
		width:1px;
		height:50%;
		background-color:black;
/*		margin-bottom: -271px; */
		margin-bottom: -271px;/*-13.75em; */

      margin-bottom: -295px; 


/*      margin-bottom: -255px; */
 /*     margin-bottom: -275px; */
		/* half of container's height */
		float:left;
}

#container {
	margin:0 auto;
/*
    margin-left: auto;
    margin-right: auto;
     vertical-align: middle;
    margin-top: auto;
    margin-bottom: auto;
      margin-bottom: -275px;
*/


	position:relative; /* puts container in front of distance */
	text-align:left;
	width: 1024px;
	height: 550px;

   clear:left;

   border:1px solid; /* blue; */
/*   border:1px;*/

	z-index:1;
	/*left: 0;
	top: 0;*/

	background: url('../images/background.jpg') no-repeat; 
/* was here!!! */


/*	margin-bottom: -42px;*/

}

.content_scroller {
	overflow: scroll;
	height: 470px;
   filter:alpha(opacity=90);
   -moz-opacity: .90;
   background-color: white;
	width: 100%;
	position: relative;
	left: 0px;
}

html>body #minHeight{
	float:right;
   width:0px;
   height:100%;
   margin-bottom: -40px; /*-20px; */

} /*safari wrapper */


.clear_both {
	clear: both;
}

.row_site_header {
/*	width:  70.654545454545em;*/
	width:  1024em;
	border: 0em none;
	position: relative;
/*   background-color: green;*/
}

.row_site_header_graphic {
/*	background-image: url('../images/header_bg.jpg');*/
	width:  1024em;
/*	width:  500px;*/
	height: px;
   /*echo 50 * $em_fact ?>em; */
	border: 0em none;
	position: relative;
/*    background-color: green;*/
}

.row_site_header_pagetypepicture {
	position: absolute;
	top: 1.8181818181818em;
	left: 42.909090909091em;
	width: 10.181818181818em;
	height: 1.4545454545455em; /* also 60% is possible */
}

.row_site_header_pagetypepicture img { /* scale image events */
	height: 100%;
}

.row_site_header_search {
	position: absolute;
	top: 0em;
	left: 66.181818181818em;
   width: 18.545454545455em;
	height:1.4545454545455em;
   text-align: right;
/*   background-color: red;*/
}

.row_site_header_currentdate {
	position: absolute;
	top: 1.7454545454545em;
   left: 65.818181818182em;
	width: 18.545454545455em;
   height: 1.0181818181818em;
   padding: 0.14545454545455em;
   text-align: right;
/*   background-color: red;*/
	color: white;
}

.row_site_menu_horizontal {
	width: 100%;
}

.row_site_pathway {
	position: relative;
	top: 0em;
	left: 0em;
	width: 70.654545454545em;
   height: 1.4545454545455em;
}

.row_site_content { /* was middle-wrapper */
	position: relative;
	width: 100%;
	border: 0em none;
   min-height: 100%;
   height: 100%;
   clear: both;
}

.adsense_mainbody {
   position: relative;
   margin-left: auto;
   margin-right: auto;
   margin-top: 4em;
	width: 33.963636363636em;
	/*background-color:magenta;*/
}

.column1_row_site_content {
	float: left;
	width: 10.181818181818em;
}

.column2_row_site_content {
	border: 0em none;
	padding-bottom: 7.2727272727273em;
	clear: both;

/*
	float: right;
	width: -289.34545454545em;
	border: 0em none;
	clear: none;
*/
}

.column3_row_site_content { /* for vertical banner f.e */
	float: right;
	width: 16em;
	border: 0em none;
	clear: none;
/*
	position: absolute;
	top: 0em;
	left: 11.181818181818em;
	width: -289.34545454545em;
	border: 0px none;
   background-color: red;
*/
}

.tab_wrapper {
   position: relative;
	width: 100%;
	height: 100%;
  	clear: none;
}

.rest_wrapper {
   float:left;
	width: 100%;
	height: 100%;
  	clear: none;
}

.tab_row {
   position: relative;
	width: 100%;
	height: 100%;
}

.tab_c1 {
	float: left;
   width: 49%;
   height: 100%;
}

.tab_c2 {
	float:right;
   left: 49%;
   width: 49%;
   height: 100%;
}

.row_site_middle_table_user5 {
   position: relative;
   width: 10.181818181818em;
	border: 0em none;
}

.row_site_main_body {
	position: relative;
	left: 0em;
	width: 10.181818181818em;
	border: 0em none;
}

.row_site_right_column {
	position: relative;
	left: 0em;
	width: -289.34545454545em;
	border: 0em none;
}

table#top_table  {
	background-color: #FFFFCC;
	text-align: left;
	padding-left: 0em;
	margin-left: 0em;
	margin-right: 0em;
	margin-top: 0em;
	margin-bottom: 0em;
	vertical-align: top;
}

table#top_table th {
}

.row_site_footer {
	text-align: center;
	position: relative;
   background-color: #FAFAD2;
	padding-bottom: 7.2727272727273em;
}


/* this is double! */

/*
#footer {
	clear: both;
	margin: 0;
	padding: .5em;
	background-color: #FAFAD2;
}
*/

.row_site_footer_banner {
   position: relative;
   margin-left: auto;
   margin-right: auto;
   width: 52.945454545455em;
}

.row_site_footer_footer {
	text-align: center;
	position: relative;
}

/*
.mainlevel#menulink_1  { left: 70px; }
.mainlevel#menulink_2  { left: 60px; }
.mainlevel#menulink_3  { left: 50px; }
.mainlevel#menulink_4  { left: 40px; }
.mainlevel#menulink_5  { left: 30px; }
.mainlevel#menulink_6  { left: 20px; }

.mainlevel#menulink_7  { left: 10px; }

.mainlevel#menulink_8  { left: 20px; }
.mainlevel#menulink_9  { left: 30px; }
.mainlevel#menulink_10 { left: 40px; }
.mainlevel#menulink_11 { left: 50px; }
.mainlevel#menulink_12 { left: 60px; }
.mainlevel#menulink_13 { left: 70px; }
.mainlevel#menulink_14 { left: 80px; }

.mainlevel-other#menulink_1-other { left: 10px; }


.mainlevel#menulink_1,
.mainlevel#menulink_2,
.mainlevel#menulink_3,
.mainlevel#menulink_4,
.mainlevel#menulink_5,
.mainlevel#menulink_6,
.mainlevel#menulink_7,
.mainlevel#menulink_8,
.mainlevel#menulink_9,
.mainlevel#menulink_10,
.mainlevel#menulink_11,
.mainlevel#menulink_12,
.mainlevel#menulink_13,
.mainlevel#menulink_14,
.mainlevel-other#menulink_1-other
{
	font-family: monotype corsiva;
	color: green;
	/* background-color: white; */
	font-size: 18px;
	/*background: url('../images/button_home.gif') no-repeat;*/

	 background: transparent;


/*	left: 50px; */
	position:relative;
	float: right;
}

*/

.LayerFullPageNew { /* was org lodk setting */
/*
	position:relative;
	left: 0em;
	top: 0em;
	text-align:center;
	margin: 0 auto;
   padding: 0em;
*/
   /* added after lodk */
	background-color: black;


	width: 640px;
	height:480px;
   min-height: 100%; /* new after lodk */


}

.LayerCenteredPageNew {
	position:relative;
	width: 70.654545454545em;
	margin: auto;
	text-align:left;
   background-color: blue;

	/* new here */
	/* height: 550px; */


}

.LayerMarginPageNew {
	position:relative;
   width: 100%;
/*	width: 70.654545454545em;*/
	text-align:left;
   background-color: #FAFAD2;
    /* box-model hack start */
    min-height: 100%;
    height: 100%;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: auto;
   background-color: red;
}


html>body #marginpagenew {
    height: auto;
	 }
 /* box-model hack end */



 #distancenew {
		width:1px;
		height:50%;

/*		background-color:#fc6; keep this !*/

/*		background-color:green;*/

	   /* margin-bottom: -275px; */

	   margin-bottom: -240px;
		/* half of container's height */
		float:left;
}

/*
DIV.container {
    min-height: 10em;
    display: table-cell;
    vertical-align: middle }
...
<DIV class="container">
  <P>This small paragraph...
</DIV>
*/




#containernew {

    margin-left: auto;
    margin-right: auto;
     vertical-align: middle;
/*
    margin-top: 50%;
    margin-bottom: auto;
*/

/*	margin:0 auto; */

	position:relative; /* puts container in front of distance */
	text-align:left;
	width: 640px; /*1024px; */
	height: 480px; /*550px; */
   clear:left;

   border:1px solid; /* green; */
/*   border:1px;*/

	z-index:1;
	left: 0;
	top: 0;

/*	background: url('../images/background.jpg') no-repeat; */
/* was here!!! */
/*	   margin-bottom: -240px;*/


/*	margin-bottom: -42px;*/

}

.content_scrollernew {
	overflow: scroll;
	height: 470px;
   filter:alpha(opacity=90);
   -moz-opacity: .90;
   background-color: white;
	width: 100%;
	position: relative;
	left: 0px;
}