
div.advert { border: 1px solid #800000; background-color: #ffffff; padding: 3px; margin: 0px; display: block; width: auto; }
p { margin-top: 0; margin-bottom: 0.9em; }
html, body {	background-color: #808080; 
	font-family: Trebuchet MS, Arial, Verdana, Tahoma, Sans-Serif, Sans; 
	font-size: small; 
	margin: 0; 
	margin-top: 0;
	padding: 0 }

td.leftCol { vertical-align: top; width: 200px; }
td.midCol { vertical-align: top; }
td.rightCol { vertical-align: top; width: 200px; }		
	
table.columns td.left { width: 50%; text-align: justify; padding-right: 10px; vertical-align: top; }
table.columns td.right { width: 50%; text-align: justify; padding-left: 10px; vertical-align: top; }

/* span.emph { font-weight: bold; } */
hr { width: 100%; margin: 0; padding: 0; border: 1px solid #808080; }
select { background-color: #a0a0a0; color: #ffffff; border-width: 0px; padding: 1px; }
input { font-family: Trebuchet MS, Arial, Verdana, Tahoma, Sans-Serif; font-size: small; background-color: #a0a0a0; color: #ffffff; border-width: 0px; padding: 1px; padding-left: 4px; padding-right: 4px; margin-bottom: 1px; width: 100%; }
input.checkbox { width: auto; background-color: transparent; }
input.radio { width: auto; background-color: transparent; }
input.button { border: 1px solid #000000; background-color: #c0c0c0; width: auto; color: #000000; }
input.ellipsis { border: 1px solid #000000; background-color: #c0c0c0; width: auto; color: #000000; height: 20px; padding: 0px; margin: 0px; }
input.autoSize { width: auto; }

table#menuHome { position:absolute; top: 100px; left: 50%; 
		 margin-left: -367px; z-index: 100;  
		 width: 54px; height: 70px; padding: 0; }
td#menuTdHome { vertical-align: top; height: 100%; cursor: pointer;
		background-position: left top; margin: 0; padding: 0;
		padding-top: 2px; width: 100%; text-align: center; }

table#menuFriet { position:absolute; top: 100px; left: 50%;
		  margin-left: -294px; z-index: 100; 
		  width: 82px; height: 70px; padding: 0;}
td#menuTdFriet { vertical-align: top; height: 100%; cursor: pointer;
		background-position: left top; margin: 0; padding: 0;
		padding-top: 2px; width: 100%; text-align: center; }
		
table#menuCult { position:absolute; top: 100px; left: 50%; 
		 margin-left: -191px; z-index: 100; 
		 width: 37px; height: 70px; padding: 0; }
td#menuTdCult { vertical-align: top; height: 100%; cursor: pointer;
		background-position: left top; margin: 0; padding: 0;
		padding-top: 2px; width: 100%; text-align: center; }

/* No forum, no longer. 25/07/2010 */
table#menuProfiel { position:absolute; top: 100px; left: 50%; 
		 margin-left: -133px; z-index: 100; 
		 width: 52px; height: 70px; padding: 0; }
td#menuTdProfiel { vertical-align: top; height: 100%; cursor: pointer;
		background-position: left top; margin: 0; padding: 0;
		padding-top: 2px; width: 100%; text-align: center; }

/*		
table#menuProfiel { position:absolute; top: 84px; left: 50%; margin-left: 350px; z-index: 100; }
td#menuTdProfiel { background-image: url('img/btn_profiel.png'); cursor: pointer;
		background-position: left top; margin: 0; padding: 0; height: 24px; width: 80px; }
span#menuSpanProfiel { background-color: #c0c0c0; color: #000000; padding: 2px; }
*/

table#menuAdmin { position:absolute; top: 125px; left: 50%; margin-left: 150px; z-index: 100; }
td#menuTdAdmin { background-image: url('img/btn_admin.png'); cursor: pointer;
		background-position: left top; margin: 0; padding: 0; height: 24px; width: 83px; }

div.vraag { background-image: url('img/q.gif'); background-repeat: no-repeat; background-position: left 10px;
	    padding-left: 20px; color: #800000; 
	    margin-top: 30px; border-top: 1px solid #800000; padding-top: 10px; }
div.antwoord { background-image: url('img/a.gif'); background-repeat: no-repeat; background-position: left top;
	    padding-left: 20px; }

div.error { border: 1px solid #ff0000; color: #ff0000; background-color: #ffffff; padding: 10px; margin-bottom: 10px; }

h1 { color: #800000; margin: 0; padding: 0; margin-top: 0px; margin-bottom: 20px; font-size: x-large; }
h2 { font-family: Trebuchet MS, Verdana, Arial, Tahoma, Sans-serif; font-weight: normal; font-size: large; text-align: right; }
h3 { font-family: Trebuchet MS, Verdana, Arial, Tahoma, Sans-serif; font-weight: normal; font-size: large; text-align: left; color: #a00000; }

a { color: #a00000; text-decoration: none; }
a:link { color: #a00000; text-decoration: none; }
a:active { color: #a00000; text-decoration: none; }
a:visited { color: #a00000; text-decoration: none; }
a:hover { color: #ff0000; text-decoration: underline; }

table#editMenuItem { border: 1px solid #808080; padding: 5px; }
table#editMenuItem td { padding: 0px; }
table#editMenuItem td.label { text-align: right; padding-right: 10px; }
table#editMenuItem td.value { padding-right: 10px; }

table#menu td { vertical-align: top; padding-left: 20px; }
div#title span { display: none; }
div#title { width: 1024px; height: 180px; top: 20px; left: 50%; margin-left: -512px; position: absolute; background-image: url('img/classic_wide/top_1noforum.png'); background-repeat: no-repeat; background-position: 0px 0px; }
div#head {
  	width: 1024x;
   	margin: 0 auto; 
	height: 150px; 
	margin-top: 20px;}
	
div#content { 
  width: 964px;
  padding: 30px;   
  margin-top: 140px; 
  margin: 0 auto; 
  background-color: #feffcf;
  margin-bottom: 40px;
  background-image: url('img/classic_wide/bck_1.png');
  background-repeat: no-repeat;
  background-position: top left;
}
 
div.quickpick {
  position: relative;
  border: 1px solid #800000;
  width: 230px;
  padding: 10px;
  float: right;
  display: inline;
}
 
table.sub { display: none; position: absolute; background-color: #ffffff; border: 1px dotted #a00000; padding: 5px; margin: 0; }
table.sub span.ex { padding-right: 15px; background-image: url('img/classic/menuex.gif'); background-position: center right; background-repeat: no-repeat; }
table.sub a:hover { text-decoration: none; }

div#loginerror { position: absolute; top: 30px; right: 90px; color: #ff0000; font-size: small }
div#loginbox, div#logoutbox { text-align: right; color: #000000; font-size: x-small; color: #ffffff }
div#loginbox { position: absolute; top: 85px; left: 50%; margin-left: 100px;}
div#logoutbox { position: absolute; top: 85px; left: 50%; margin-left: 210px; font-size: small; }

input#name { width: 60px; height: 18px; border: 1px solid #808080; background-color: #ffffff; color: #808080; vertical-align: middle}
input#pwd { width: 60px; height: 18px; border: 1px solid #808080; background-color: #ffffff; color: #808080; vertical-align: middle}
input#login, input#logout { width: 60px; height: 22px; border: 0px; vertical-align: middle}

table.score {table-layout: fixed}
table.score .left  {text-align: left}
table.score .right {text-align: right}
table.score td {width: 30%}
table.score td.radio {width: 8%}

table#cities {table-layout:fixed; width: 100%}
table#cities td.cols1 {width: 100%}
table#cities td.cols2 {width: 50%}
table#cities td.cols3 {width: 33%}

table.calendar td,
table.calendarright td { padding-right: 4px; padding-left: 4px; text-align: right; background-color: #ffffff; } 
table.calendar th,
table.calendarright th { padding-right: 4px; padding-left: 4px; text-align: right; }
th.weekend { background-color: #c0c0c0; border-bottom: 1px solid #a00000; }
td.weekend { background-color: #e0e0e0; }
td.weekendn { background-color: #e0e0e0; color: #808080; }
td.weekn { background-color: #f0f0f0; color: #808080; }
th.week { background-color: #d0d0d0; border-bottom: 1px solid #a00000; }
td.week { background-color: #f0f0f0; }
table.calendar th.caption,
table.calendarright th.caption { text-align: center; background-color: #ffffff; }
td.weekevent { background-color: #f0f0f0; font-weight: bold; }
td.weekendevent { background-color: #e0e0e0; font-weight: bold; }
table.calendarright { float: right; margin-left: 10px; }

div.event { width: 70%; margin-bottom: 20px; }
div.event h1 { margin: 0px; font-size: large; font-weight: normal; padding: 5px; border-bottom: 1px solid #a00000; }
div.event p { background-color: #ffffff; margin: 0px; padding: 5px;  }
div.event div.author { background-color: #ffffff; font-size: x-small; text-align: right; }
div.event div.author span { font-weight: bold; }
div.event div.duration { background-color: #e0e0e0; padding-left: 5px; font-style: italic; }

span.category { font-variant: small-caps; font-weight: bold; font-size: small; color: black; }

.border { margin: 10px; padding: 5px; border: 1px solid #a00000; }
table.border td { padding: 5px; }

table.promomail { width: 400px; margin: 0 auto; }
table.promomail td#separator { height: 5px; border-style: solid; border-color: #808080; border-width: 0px; border-bottom-width: 1px; }
table.promomail textarea { font-family: Trebuchet MS, Arial, Verdana, Tahoma, Sans-Serif; font-size: small; background-color: #a0a0a0; color: #ffffff; border-width: 0px; padding: 1px; padding-left: 4px; padding-right: 4px; margin-bottom: 1px; width: 100%; }
table.promomail textarea#address { height: 3em; }
table.promomail textarea#persmsg { height: 80px; }

div.resultlist div { padding: 5px; }
div.resultlist { width: 100%; margin: 0 auto; padding: 0; border: 1px solid #800000; background-color: #ffffff; }
div.resultlistsmall { width: 100%; margin: 0; padding: 0; }
table.resultlist, table.resultlistsmall { width: 100%; margin: 0 auto; padding: 0; }
table.resultlist th, table.resultlistsmall th { padding-right: 3px; padding-left: 3px; background-color: #ffffff; vertical-align: bottom; color: #800000; text-align: left; border-width: 0; border-bottom-width: 2px; border-bottom-color: #800000; border-style: solid; }
table.resultlist td, table.resultlistsmall td { padding-right: 3px; padding-left: 3px; border: 1px solid #a00000; border-width: 0px; border-bottom-width: 1px; }
td.shade01,
td.shade00 { background-color: #ffffff; }

div.navtop, div.navbottom { text-align: center; background-color: #ffffff; padding: 0; }
div.navtop a, div.navbottom a { font-weight: bold; }
div.navtop { padding-bottom: 4px; }

div.backToList { text-align: center; margin-bottom: 10px; }

div.cultTabs {  
  height: 2em;
  margin: 0;
}
div.tent { width: 500px; margin: 0 auto; padding: 0px; }
div.tentTabs {
  
  height: 2em;
  margin: 0;

}
div.listTabs {
  
  height: 2em;
  margin: 0;
}
div.currentTab { 
  border: 1px solid #800000; border-bottom-color: #ffffff; background-color: #ffffff; margin-right: 2px; 
  float: left; clear: none; margin-bottom: -10px; z-index: 10;
  padding: 0.25em;
}
div.tab { 
  border: 1px solid #800000; border-bottom-width: 0px; margin-right: 2px;
  float: left; clear: none;
  padding: 0.25em; padding-top: 0; padding-bottom: 0; 
  margin-top: 0.5em;
}
div.tentProps { border: 1px solid #800000; 
		background-color: #ffffff; 
		width: 460px; padding: 20px; margin: 0;
		margin-bottom: 30px; 
		}
div.tentProps .naam { font-size: x-large; }
div.tentProps div.score { border-bottom: 2px solid #800000; text-align: right; }
div.tentProps span.score { font-weight: bold; }
div.tentProps span.deelScore { font-style: italic; padding-left: 10px; padding-right: 30px; }
div.tentProps .adres { margin-top: 10px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #800000; }
div.tentProps .tags {  margin-top: 10px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #800000; }

div#map { width: 500px; height: 300px;
          margin-top: -10px; margin-bottom: 20px; 
          border: 1px solid #800000;
          display: none; 
          }

/* Zoekfunctie met google maps: */
div#mapcanvas { height: 500px;
                width: auto;
                margin-top: 20px; margin-bottom: 20px; 
                border: 1px solid #800000;
                display: none; 				
              }
			  
div#zoekblok {
                border: 1px solid #800000;
				background-color: white;
			 }

input#zoekblok {
				  width: auto;
               }        			  
		  
#void { 
		text-decoration: none; 
		border: 0px solid white; 
	   }
		  
div.tentRecs { width: 100%; }

div.search { width: 300px; margin: 10px auto; border: 1px solid #800000; text-align: center; padding: 5px; }
div.search h1 { text-align: center; font-size: small; color: #800000; margin: 0; padding: 0; }
div.search .text { width: 290px; }
td.symbol { font-size: x-large; color: #a00000; text-align: center; width: 50px; font-family: Courier, Courier New, fixed; }
tt.searchcode { display: block; margin: 5px 0px 5px 20px; }

div.tentRecCol1, div.tentRecCol2 { width: 100%; margin: 0; }
div.recensie { border: 1px solid #800000; width: 100%; margin: 0; margin-right: 10px; margin-bottom: 20px; }

div.recensie .recName { background-color: #800000; color: #ffffff; padding: 5px; font-weight: bold; }
div.recensie .recDate { text-align: right; position: relative; top: -1em; padding: 5px; margin: 0; margin-top: -15px; color: #ffffff; }
div.recensie table { padding: 0; margin: 0; width: 100%; border-top: 1px solid #800000; padding-top: 5px; padding-bottom: 8px; margin-top: -1em; background-color: #ffffff;}
div.recensie table td { padding-top: 3px; padding-left: 5px; padding-right: 5px; }
div.recensie table td.name { }
div.recensie table .col1 { width: 70px; }
div.recensie table .col3 { width: 50px; }
div.recensie table td.value { font-style: italic; }
div.recensie .recSpacer { height: 1em; }
div.recensie .recText { margin-top: -1em; padding: 5px; border-top: 1px solid #800000; }
div.recensieEdit { text-align: right; }
div.recensieEdit h3 { font-size: medium; font-weight: normal; margin: 0; margin-top: 10px; }
div.recensieEdit th { text-align: center; }
div.recensieEdit td { width: 20%; text-align: center; }
div.recensieEdit textarea { width: 100%; height: 100px; }

table.nameValue { width: 400px; margin: 0 auto; }
table.nameValue th { border-bottom: 1px solid #800000; text-align: left; }

div.wiki { border: 1px solid #800000; background-color: #ffffff; padding: 20px; padding-bottom: 5px; }
div.wiki .flush { clear:both; height: 0px; }
div.wiki .title { font-size: xx-large; color: #000000; border: 0px solid ; border-bottom-width: 2px; margin-bottom: 20px; }
div.wiki .title span { font-size: x-small; color: #000000; }
div.wikiAuthor { margin-top: 20px; font-size: x-small; text-align: right; }
div.wiki div.categories { padding: 5px; border: 1px solid #a00000; margin-top: 10px; }
div.wiki h1 { font-size: large; color: #a00000; text-align: left; margin-top: 10px; margin-bottom: 5px}
div.wiki h2 { font-size: medium; color: #800000; text-align: left; margin-top: 10px; font-weight: bold; margin-bottom: 3px }
div.wiki span.emph1 { font-style: italic; font-weight: normal; }
div.wiki span.emph2 { font-weight: bold; font-style: normal; }
div.wiki span.emph3 { font-weight: bold; font-style: italic; }
div.wiki .toc { border: 1px solid #800000; background-color: #ffffff; float: left; padding: 10px; margin: 10px; margin-left: 0px; margin-right: 20px; }
div.wiki span.number1 { margin-right: 40px; }
div.wiki span.number2 { margin-right: 40px; }
div.wiki a { color: #b00000; }
div.wiki a.found { color: #0000b0; }
div.wiki a.external { padding-right: 13px; background-image: url('img/classic/external.gif'); background-repeat: no-repeat; background-position: center right; color: #008000; }
div.wikiBar { background-color: ; margin: 0; padding: 0; margin-bottom: 10px; border: 1px solid #800000; }
div.wiki ul { list-style-position: outside; list-style-type: square; margin: 0; padding: 0; margin-left: 20px; margin-top: 0.5em; margin-bottom: 0.5em; }
div.wiki ol { list-style-position: outside; margin: 0; padding: 0; margin-left: 20px; margin-top: 0.5em; margin-bottom: 0.5em; }
div.wiki ul ul { margin: 0px; margin-left: 20px; }
div.wiki ol ol { margin: 0px; margin-left: 20px; }
div.wiki ul ol { margin: 0px; margin-left: 20px; }
div.wiki ol ul { margin: 0px; margin-left: 20px; }
div.wiki ul.indent { /* list-style-image: url('http://www.frietopia.nl/img/spacer.gif'); */ list-style-type: none; }
div.wiki li { margin: 0px; }
div.wiki p { margin-top: 0.5em; margin-bottom: 0.5em; }
div.wiki br { margin-bottom: 0.5em; }
div.wiki div.image { background-color: ; text-align: center; padding: 2px; border: 1px solid #a00000; }
div.wiki div.image .caption { text-align: left; font-size: 11px; padding: 5px; }
div.wiki div.image img { border: 1px solid #800000; margin: 0px; }
div.wiki .floatl { float:left; margin: 0px; margin-right: 10px; margin-left: 0px; padding: 5px; border: 1px solid #a00000; }
div.wiki .floatr { float:right; margin: 0px; margin-left: 10px; margin-right: 0px; padding: 5px; border: 1px solid #a00000; }
div.wiki .floatc { margin: 0px; margin-top: 0.5em; margin-bottom: 0.5em; padding: 5px; }
div.wiki .floatn { margin: 0px; margin-top: 0.5em; margin-bottom: 0.5em; padding: 5px; }

div.feature {
  width: 350px;
  margin-right: 20px;
  padding: 20px;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-bottom: 20px;
  border: 1px solid #000000;
  background-color: #feffcf;
}

div.blogitem { width: 540px; border-bottom-style: dotted; }
div.blogitemtext { height: auto; }
div.blogitemlongtext { height: 14em; overflow: hidden; }
div.blogmore { width: 100%; text-align: center; border: 0px solid #800000; border-top-width: 1px; }
div.blogmore img { border-width: 0px; }
div.blogphoto { width: 100px; float: right; margin: 5px; }
div.blogphotolarge { width: 100%; }
.blogitem h1 { margin-top: 10px; margin-bottom: 10px; font-size: large; font-weight: normal; }
.blogphoto img { width: 100%; border: 1px solid black; }
.blogphoto span { display: none; }
.blogphotolarge img { width: 540px; }
.blogphotolarge span { font-style: italic; }
.blogitem-author { font-weight: bold; }
.blogitem-tags {float: left; }
.blogitem-footer { font-size: x-small; text-align: right; margin-top: 5px; margin-bottom: 10px; }
.blogitem-reactions, .blogitem-reactions-visible { background-color: #ffffff; border: 1px dotted #800000; padding: 5px; text-align: left; }
.blogitem-reactions { display: none; }
.blogitem-reactions, .blogitem-reactions-visible textarea { width: 99%; }
.blogitem-nreactions { text-align: right; margin-top: 0px; }
.blogreaction-sig { text-align: right; font-size: x-small; }
.blogreaction-author { font-weight: bold; }
.blogreaction-text { border: 0px dotted #a00000; border-top-width: 1px; padding-top: 5px; margin-top: 5px; }
input#delete { width: 10%; }

/* Reaction style used in interaction.class */
div.reactionitem { width: 540px; }
div.reactionitemtext { height: auto;}
.reactionreaction { border: dotted 1px black;  margin-left: 8px; margin-right: 8px; margin-top: 5px; margin-bottom: 5px; padding-left: 2px; padding-right: 2px; padding-top: 2px; padding-bottom: 2px; }
.reactionreaction-sig { text-align: right; font-size: x-small; }
.reactionreaction-author { font-weight: bold; }
.reactionreaction-text {  }
.reactionreaction-date {  }

#rcolumn { width: 150px; margin-left: 10px; margin-bottom: 10px; padding-left: 10px; padding-bottom: 10px;  border: 0px dotted #800000; border-left-width: 1px; border-bottom-width: 1px; }
#rcolumn h1 { margin-top: 10px; margin-bottom: 5px; font-size: large; font-weight: normal; }
#rcolumn div { width: 100%; float: right; }

//#lcolumn { width: 20%; height: 1000px; float: left; margin-right: 10px; margin-bottom: 10px; padding-right: 10px; padding-bottom: 10px;  border: 0px dotted #800000; border-right-width: 1px; border-bottom-width: 1px; }
//#lcolumn h1 { margin-top: 10px; margin-bottom: 5px; font-size: large; font-weight: normal; }
//#lcolumn div { width: 100%; float: left; }

#lcolumn { width: 210px; float: left; margin-right: 10px; margin-bottom: 10px; padding-right: 10px; padding-bottom: 10px;  border: 0px dotted #800000; border-right-width: 1px; border-bottom-width: 1px; }
#lcolumn h1 { margin-top: 10px; margin-bottom: 5px; font-size: large; font-weight: normal; }
#lcolumn div { width: 100%; float: left; margin-top: 10px; }

#footerlinks { margin-top: 10px; text-align: center; }