/* ALL ELEMENTS STYLING */
* {margin:0; padding:0;}
* html .left {
  left: 150px; 
}
/* END ALL ELEMENTS STYLING */


/* TAG STYLING, ALPHABETICALLY */

a[class*="buttonNew"] { background:url("images/new.png") no-repeat scroll left center; padding-left:26px; margin:0px 3px; display:block; line-height: 24px; min-height:24px; }
a[class*="buttonSearch"] { background:url("images/search.png") no-repeat scroll left center; padding-left:26px; margin:0px 3px; display:block; line-height: 24px; min-height:24px; }

body {
	background:url("images/swoosh.png") no-repeat scroll top center transparent; background-color:#3B3B3B;
	padding:0px 15px;
	font-family: verdana, sans, "sans serif";
	font-size: 12px;
	color: #FFFFFF;
}

a, a:visited {
  color: #F5F5F5;
  font-weight:bold;
  text-decoration:underline;
}
a:hover
{
  text-decoration: none;
}
.messageBox a, .messageBox a:visited, .buttons a, .buttons a:visited { 
color: #004274;
text-decoration: none; 
} 
.messageBox a:hover, .buttons a:hover {  
color: #004274;
text-decoration: underline; 
}

h1, h2, h3 ,h4
{
  margin-bottom: 0.5em;
}

h1
{
	color: #f5f5f5;
	margin:0px 0px 10px 0px;
	text-shadow:1px 1px 1px rgba(0,0,0,0.5);
}
h3 {margin:8px 0px; }

hr.colorAccent {
	border:0;
	height:4px;
	background-color:grey;
	color: grey;
}

img {border:0;}

li.expander{
	margin-left:-17px;
}

p {
	margin:4px 0px;
}

table { margin:0 auto; }

table.profiel{
	width: 80%;
	padding: 0px 20px;
	margin:0 auto;
	text-align:left;
}

table.profiel td.right {
	width:30%;
	vertical-align:top;
}
table.profiel td.left {
	width:30%;
	text-align:right;
	padding-right:50px;
}

textarea.editable
{
  width: 100%;
  height: 300px;
}

textarea[name="message"]
{
	width: 85%;
}


ul.expander{
	margin-left:30px;
}
/* END TAG STYLING */


/* CLASS STYLING, ALPHABETICALLY */

.aff {
    width:122px; /* menu width - 20px padding */
    padding:10px;
    margin-right:-142px;
    
}
.aff img
{
  border: 1px solid #F5F5F5;
}
.agenda {margin-bottom:8px; margin-left:0px; border-spacing:5px 15px;}
.agenda li {
	margin: 3px 0px;
	clear: both;
}
.agenda li .date
{
	display: block;
	float: left;
	height: 100%;
}
.agenda a { float: left; display: block; font-weight: bold; font-size: 11px; max-width: 126px; margin-left: 4px;}
.align-right {text-align:right;}
.align-center {text-align:center;}

.almanak
{
}

.topbar {
background-color:#F5F5F5;
color:#000;
float:left;
width: 96%;
height: 36px;
margin-bottom: 0px;
padding: 15px 2%;
  min-height:10px;
  height:auto !important;
}
.topbar a, .topbar a:visited, .bar a, .bar a:visited
{
  color: #004274;
}
.topbar a:hover, .bar a:hover
{
  text-decoration: underline;
}

.bar {
  min-height:10px;
  height:auto !important;
background-color:#F5F5F5;
color:#000;
float:left;
width:96%;
padding: 15px 2%;
margin-bottom: 0px;
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}

.bestuur {background-color:#b80a0a !important; color: #b80a0a !important;}
.actie, almanakcie, .boekcie, .brainstorm, .conditie, .eerstejaarscie, .excie, .foetsie, .fotocie, .introcie, .kascie, .lancie, .lustrumcie, .mccie, .meiscie, .pcie, .prcie, .promotie, .slackcie, .studcie, .sympocie, .webcie
{
  background-color: #2a65bd !important; color: #2a65bd !important;
}

.button
{
  border: 1px solid #666;
  border-radius: 3px;
  background-color: #ddd;
  padding: 2px;
}
.button:hover
{
  background: #ddd;
}
.button:active
{
  background: #aaa;
}

.buttons
{
  background-color: #E5E5E5;
  margin: 10px 0px;
  border: 1px solid #8486A1;
  border-radius: 4px;
}
.buttons a
{
  padding: 3px 0px;
  display:inline-block;
  vertical-align: middle;
  height: 24px;
  line-height: 24px;
}
.bold {font-weight:bold;}
.center {
    width:100%;
    padding:10px 0px;
}

.alignCenter {
	text-align:center;
}

.column {
    float:left;
    position:relative;
}

.container {
    padding-left:210px; /* menu width */
    padding-right:142px; /* aff width + 22px padding */
    background-color: rgb(102,102,102);
    background-color:rgba(255,255,255,0.2); /* IE9+ and new versions of firefox, chrome etc. ONLY!!! */
    min-width:535px;
    max-width:850px; /* plus padding-left and padding-right for total width (currently 350px) */
    margin:0 auto;
    border-radius:5px;
   /* overflow:hidden;*/
}

.controls{
	display: block;
	height: 42px;
}
.controls a
{
	display:inline-block;
	height: 42px;
	line-height: 42px;
	vertical-align: middle;
}
.controls.inline
{
  float: right;
  height: 30px;
}

.clearBoth {
	clear: both;
}

.expander_menu {
	display:none;
}
.foto { float:left; padding: 10px; width: 200px; height: 225px; text-align:center; }
.foto img {
  border: 1px solid #ddd;
  box-shadow: 1px 1px 3px #555;
}
.fotoBoek { float: left; padding: 15px; width: 125px; height: 150px; text-align:center;}

.floatLeft { float:left; }
.floatRight { float:right; }

.frontpage
{
	margin-bottom: 15px !important;
}

#gastenboek_bericht table
{
	display: inline;
	margin: 0 auto;
}


.header
{
    color:#FFF;
    position: relative;
    /*height: 80px;*/
    padding: 20px;
    max-width:1000px;
    min-width: 810px;
    margin:0 auto;
    margin-bottom:10px;
}
.header .message
{
  background-color: #666;
  border-radius: 5px;
  padding: 10px 15px;
  margin-bottom: 10px;
  color:#fff;
  text-align:center;
  border: 1px solid darkgrey;
}
.header .message a
{
  color: #fff;
  font-weight:bold;
}
.introcie {background-color:#18B80A !important;}

.login { position:absolute; bottom:20px; right:20px; text-align:right; width: 400px; vertical-align: bottom; }
.login table {
	margin:0; float: right;
}
.login table a { display:block; float:right; color:#f5f5f5; font-weight:bold; font-size:10px; margin:5px 0px; }
.login a {color:#000; text-decoration:none;}
.login .button 
{
	padding: 3px 5px; font-weight:bold;
	border:0; margin: 5px 0px 0px 5px;
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;

}
.login .logButton, .button
{
	background-image: linear-gradient(bottom, rgb(221,221,221) 20%, rgb(245,245,245) 60%);
	background-image: -o-linear-gradient(bottom, rgb(221,221,221) 20%, rgb(245,245,245) 60%);
	background-image: -moz-linear-gradient(bottom, rgb(221,221,221) 20%, rgb(245,245,245) 60%);
	background-image: -webkit-linear-gradient(bottom, rgb(221,221,221) 20%, rgb(245,245,245) 60%);
	background-image: -ms-linear-gradient(bottom, rgb(221,221,221) 20%, rgb(245,245,245) 60%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.2, rgb(221,221,221)),
		color-stop(0.6, rgb(245,245,245))
	);
}
.login .textField 
{
	border:0; padding: 3px;
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
	width: 150px;


}

.logButton
{
	display:block; float:right; 
	padding: 3px 5px; margin: 5px 0px 5px 5px;
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
	font-weight:bold;
}
.logButton:hover
{
	text-decoration:none;
	box-shadow:0px 0px 3px #fff;
}

.marginAuto { margin: 0 auto; }

.menu {
    width:190px; /* menu width - 20px padding */
    padding:10px;
    margin-left:-100%;
    right:210px; /* menu width */
    
}
.menu a{color:#004274; text-decoration: none;}
.menu a:hover
{
  text-decoration:underline;
}

.menu ul{ list-style-type:none; }
.menu ul.links{
	margin-left:17px;
}
.menu ul.star li{margin:3px auto;}
.menuItem{
	color:#000000;
	margin-bottom:10px;
	padding-bottom:10px;
	background-color: #f5f5f5;
	box-shadow:1px 1px 4px #000000;
	-moz-box-shadow:1px 1px 4px #000000;
	-webkit-box-shadow:1px 1px 4px #000000;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.menuItem > *{
	padding:10px;
}
.menuItem > a{
	padding:3px 10px;
	display:block;
	position: absolute;
	right: 10px
}

.menuItem .menu_header
{
	padding-top: 3px;
}
.menuItem hr.menu_contents {
	padding:0;
	padding-top: 0px; 
	margin-top: 0px;
	margin-bottom:5px;
	height:5px;
	border:0; 
	background-color: #C60C30;
	color: #C60C30;
}
.messageBox {
	color:#000000;
	padding:30px 15px;
	margin-bottom: 30px;
	background: #f5f5f5 url('images/cbox-bg.png') repeat-x scroll left top ;
	border-bottom-left-radius:4px; border-bottom-right-radius:5px;
}

.messageBox .almanak form { text-align:center; margin: 0 auto; }
.messageBox .bericht
{
	margin-top: 10px;
}
.messageBox .button
{
  margin: 5px 0px;
}
.messageBox ul {
  list-style-position: inside;
  margin: 10px 0px;
  margin-left: 15px;
}
.messageBox h1, .messageBox h2, .messageBox h3, .messageBox h4
{
  color: #333;
}

.newsheading { clear:both; height:55px;}
.newsTitle
{
	margin-top: -20px;
}
.newsTitle .right
{
	font-weight: bold;
	font-size: 11px;
	float:right;
	margin-top: -5px;
}
.newsTitle .subject
{
	margin: 10px 0px;
	font-weight: bold;
}
.newsTitle .subtitle
{
	font-size: 11px;
	margin-bottom: 15px;
}

.pcie {background-color:#00aeff !important;}
.profilehead {text-align:center;}

.replyBox 
{ 
	background-color: #f0f0f0; margin: 10px 0px; padding: 0px 10px 10px 10px; 
	box-shadow:0px 0px 3px rgba(0,0,0,0.25); 
	-moz-box-shadow:0px 0px 3px rgba(0,0,0,0.25);
	border: 1px solid #73ACFF;

}
.replyBox:nth-child(odd) 
{ 
	background-color: #e5e5e5; 
	background-image:none;
}
.replyBox .replyDetails
{
	display:block;
	border-bottom: 1px solid rgba(0,0,0,0.2);
	padding: 8px 0px; margin-bottom: 5px;
}
.replyBox .right
{
	font-weight:normal; font-size:10px;
	display:inline-block; float:right;
	margin:0;
}

.replyBox .title { font-weight:bold; }
.replyBox .subtitle { font-weight: normal; font-size:10px; padding: 0px 0px 5px 0px; }

.replyBox .bericht { padding: 5px 0px 5px 0px; margin-top: 2px; }
.replyBox .bericht:before, .replyBox .bericht:after {
font-family:"Times New Roman";
color: #C60C30;
font-size: 200%;
width: 10px;
}
.replyBox .bericht:before {
content: '\201C';
height: 0;
margin-right: 0px;
}
.replyBox .bericht:after {
content: '\201D';
height: 50px;
margin-top: -5px;
margin-left: 5px;
}


span.right { text-align:right; }
.right { text-align:right; margin: 3px 0; }

.smaller
{
font-size: 10px;
}

.topMenu
{
	margin: 0 auto;
	height: 63px;
	margin-bottom: 15px;
	min-width:850px; max-width:1200px;
}
.topMenu ul { text-align:center; list-style:none; }
.topMenu ul li { display:inline; margin:3px 7px;}
.topMenu a {color:#fff; text-decoration:none;}
.topMenu a:hover { text-decoration:underline; }

.headNav
{
	height: 40px;
	background-image: url('images/menubg.png'); background-repeat:repeat-x;
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
	box-shadow: 0px 2px 7px #333;
	position:relative; z-index:1;
	font-weight:bold; font-size:14px;
	text-shadow:1px 1px 0px #000;
}
.headNav li { line-height: 40px; }
.headNav li.dropDown
{
	padding-left: 12px;
	background-image: url("images/collapsed.png"); background-repeat:no-repeat;
	background-position: center left;
}
.headNav li.expanded
{
  background-image: url("images/expanded.png") !important;
  background-position: bottom left;
}

.separator
{
	border: 0;
	border-top: 1px solid #aaa;
}

.subNav ul { background-color: #333; display:none; }
.subNav ul.expander { margin:0px 4px; padding: 4px 0px 5px 0px; }
.subNav a
{
  font-weight: normal;
}

.textCenter, .text_center
{
  text-align:center;
}

.vote {
	font-size: 9px;
	display: inline;
	height: 10px;
	background-image: url("images/pgspgs.png");
	vertical-align: middle;
}

.vote img.end {
	vertical-align: bottom;
}
/* END CLASS STYLING */


/* ID STYLING, ALPHABETICALLY */

/* END ID STYLING */


/* FIXES AND PATCHES, DO NOT TOUCH!!! */

/*Onestat bullshit */
#OneStatTag {
	position:static !important;
}

/*Clearfix bullshit */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}
/* END FIXES AND PATCHES */

/* menu's standaard ingeklapt... */
div.beheer {
	/*
	margin-right: -10px;
	margin-left: -10px;
	margin-top: 0px;
	padding: 10px;*/
	display: none;
	color: #000;
	background-color: #F5F5F5;
	margin-top: 10px;
	width: 100%;
	/*
	border-top: 1px solid #8486a1;
	border-bottom: 1px solid #8486a1;
	margin-bottom: 15px;*/
}

div.beheer table {
	margin: 0 auto;
	width: 90%;
}