.content_list {
  margin:0px;
  padding:0px;
}

.content_list li {
  margin:0px 0px 0px 15px;
  padding:0px;
}

#login {
  padding:0px;
}

#form_login {
  margin:18px 0px 0px 0px;
}

#form_login fieldset {
  border:0px;
  border:0px;
}

#form_login fieldset img {
  float:left;
  margin:15px 3px 0 0;
}

#form_login div {
  float:left;
  overflow:hidden;
  margin:0px 7px 0px 0px;
}

#form_login div.default {
  background-color:#000;
  color:#ec008c;
  display:inline;
}

#form_login label {
  background-color:#000;
  color:#ec008c;
}

#form_login div.default #username, 
#form_login div.default #password {
  clear:left;
  display:block;
  width:75px;
  background-color:#ccc;
  color:#000;
  font-family:'courier new', monospace;
  font-size:100%;
  border:1px solid #ec008c;
  padding:2px 4px;
}

#form_login div.checkbox {
  padding:18px 0px 0px 0px;
}

#login #form_login .submit {
  padding:14px 0px 0px 0px;
}

#form_login div.submit label {
  display:none;
}

#form_login div.submit input#submit {
  background-color:#ec008c;
  color:#fff;
  font-weight:bold;
  font-size:100%;
  border:0px;
  padding:2px;
}

#form_barcelona p.succes {
  background-color:#151515;
  color:#3f3;
}

#form_barcelona p.failed {
  background-color:#151515;
  color:#f33;
}

/*
#form_barcelona {
}

#form_barcelona h2 {
  background-color:#fff;
  color:#0066cb;
  font-size:14px;
}
 
#form_barcelona fieldset {
  border:0px;
  margin:0px;
  padding:0px;
}

#form_barcelona div {
  margin:2px 0px;
}

#form_barcelona label {
  font-weight:bold;
}

#form_barcelona .submit label {
  display:none;
}

#form_barcelona .submit input {
  background-color:#ec008c;
  color:#fff;
  font-weight:bold;
  border:1px solid #000;
  padding:2px 4px;
}
*/

#deal_barcelona {
  float:left;
}

#news_thumbnail {
  float:left;
  margin:0px 10px 2px 0px;
}

#deal_submit, 
#poll_submit {
  background-color:#EC008C;
  color:#fff;
  font-weight:bold;
  border:0px;
  margin:5px 0px 0px 0px;
  padding:2px 4px;
}

/* CSS Document */
#content textarea { width: 500px; max-width: 500px; }

#content input { font-size: 10px; }

#content { font-size: .65em; color: #585858; font-family: Verdana }

#content img[align=right] { margin: 5px 0 10px 10px; border: 1px solid #CCC; padding: 2px;}

#content a{ color: #585858; }
#content a.more { font-weight: bold; }

#content a.create { display:block; height:60px; outline:none; margin: 0 0 0 10px;}
#content a.create.studentenhuizen { width:254px; background:url('../images/create_studenthuis.png');}
#content a.create.studentenhuizen:hover { background-position: 0 -60px; }

#content p { margin: 5px 0;  }
#content div.nobiles { background: url(/images/content/nobiles_watermark.png) bottom right no-repeat; padding-bottom: 50px; margin-bottom: 0; }

#content sup { font-size: 8px; margin: 0 0 0 3px; color: #999999; }
#content sup a{ text-decoration: none; }

#content div.row { clear: both; }

#content div.column { float: left; width: 258px;}

#content div.wideColumn { float: left; background: #FFF; width: 517px !important; width: 517px; overflow: hidden; min-height: 720px; margin: 0; }
#content div.wideColumn2 { float: left; background-color: #FFF; width: 517px !important; width: 517px; height: 464 px; overflow: hidden; margin: 0; border: none;}
#content div.wideColumn2 { float: left; background-color: #FFF; width: 517px !important; width: 517px; height: 464 px; overflow: hidden; margin: 0; border: none;}
#content div.wideColumn3 { float: left; background-color: #FFF;width: 517px !important; width: 517px; height: 464px !important; height: 464 px; overflow: hidden; margin: 0; border: none;}
#content div.wideAdcolumn { float: left; background-color: #FFF; width: 517px !important; width: 517px;  overflow: hidden; margin: 0 auto; vertical-align: middle; border: none;}
#content div.widerColumn { float: left; background-color: #151515; width: 776px !important; width: 777px; overflow: hidden; margin: 0px; clear: both;}
#content div.wideColumnFrontPage { float: left; background: #FFF; width: 517px !important; width: 517px; overflow: hidden; margin: 0; }
#content div.wideColumnMag { float: left; background: #FFF; width: 517px !important; width: 517px; height: 247px; overflow: hidden; margin: 0; }
#content div.wideColumnGrotebeurt { float: left; background:url('../../images/action/grotebeurt/bg_bw.gif');width: 517px !important; width: 517px; overflow: hidden; margin: 0; }
#content div.wideColumnGrotebeurt2 { float: left; background-color: #FFF; width: 517px !important; width: 517px; overflow: hidden; margin: 0; }
/*#content div.wideColumn { background: #FFF; width: 517px !important; width: 514px; overflow: hidden; min-height: 632px; margin: 0 258px 0 0; }*/
#content div.wideColumn form td { color: #EC008C; font-style: italic; }

#content div.border { border-right: 1px solid #FFF }

#content div.left { float: left; }
#content div.left2 { float: left; clear: left;}
#content div.right { float: right; }
#content div.right2 { float : right; clear: right;} 

/* login  */
#content div.loginDeal {float:left; width:100%; position:relative; background:transparent;}
#content div.loginDeal-image {height:100px; width:100px; background:#ec008c; position: absolute; top:10px; right:10px; border:1px solid #fff; display:none;}
#loginform {background:#fff; padding:10px 10px 10px 10px;}
#username, #password {width:280px;}
#inputbox {padding-top:3px;}

/* last page text */ 
#content div.text { padding: 5px 10px; color: #333333; font-size: 12px; line-height: 16px; }
#content div.text a{ color: #ec008c; }
#content div.response { margin: 0 10px; padding: 5px 0 8px 0; border-bottom: 1px solid #CCCCCC }
#content form.response { margin: 10px 10px; }
#content form.response textarea  { width: 100%; }

/* blocks */

#content div.column div.studentStyle div.firstCalendarText { height: 147px; }
#content div.column div.studentStyle { background: url('../images/aboutssbackground.jpg') no-repeat; }
#content div.column div.studentStyle div.text div.meta { padding: 0px; margin-left:0;}
#content div.column div.studentStyle div.text div.meta a { color: #ccc; text-decoration: underline; line-height: 16px; background: url('../images/content-lees-meer-arrow-pink.gif') 0 5px no-repeat; padding: 0 0 0 8px }
#content div.column div.studentStyle div.text div.meta a:hover { text-decoration: none; }
#content div.column div.studentStyle div.text { color:#ccc;}
#content div.column div.firstcalitem { height: 198px; }
#content div.column div.firstcalitem .text { height: 162px; }
#content div.column div.firstcalitem .alignCenter { margin:0 auto;}
#content div.bigBlock { height: 226px; width: 258px; border-top: 1px solid #FFF; background: #FFF; overflow: hidden; padding-bottom:5px;}
#content div.bigBlock .meta { padding: 0px; margin-left:10px;}
#content div.bigBlock .meta a { text-decoration: underline; line-height: 16px; background: url('../images/content-lees-meer-arrow-pink.gif') 0 5px no-repeat; padding: 0 0 0 8px }
#content div.bigBlock .meta a:hover { text-decoration: none; }
#content div.bigBlock img { margin: 0 0 0 10px; float: right; }
#content div.bigBlock .text { padding: 0 10px 10px 10px; margin: 0 0 8px 0; height: 190px; overflow: hidden; line-height: 14px; font-size: 10px;  }
#content div.bigBlock .half{ margin: 0 0 0 0; height: 92px; overflow: hidden; }
#content div.bigBlock .half2{ margin: 0 0 0 0; height: 109px; overflow: hidden; background-color: #202020;}
#content div.bigBlock.columns { height: 198px; }
#content div.bigBlock.columns.text { height: 150px; }
#content div.smallBlock { padding: 5px 10px 10px 10px; border-top: 0px solid #FFF; background: #FFF; overflow: hidden; min-height: 70px !important; min-height: 65px;}
#content div.smallBlock2{ padding: 5px 10px 10px 10px; border-top: 0px solid #FFF; background: #FFF; overflow: hidden; min-height: 43px !important; min-height: 55px; }
#content div.smallBlock a.more { text-decoration: underline; line-height: 16px; background: url('../images/content-lees-meer-arrow-pink.gif') 0 5px no-repeat; padding: 0 0 0 8px }
#content div.smallBlock a.more:hover { text-decoration: none; }
#content div.banner {padding:0; height: 108px; }
#content div.student {padding: 2px 10px 7px 10px; hei\ght: 99px; }
#content div.cvdwBlock { height: 140px; width: 258px; border-top: 1px solid #777; background: #000; overflow: hidden; padding-bottom:5px; text-align: center; color: #ccc;}
#content div.cvdwBlock img { padding-top: 8px; }
#content div.cvdwBlock a { color: #ec008c; }

/* poll */

#content div.poll { width: 175px; margin: 5px 10px 10px 0; overflow: hidden; background: url('../images/bg_content.gif'); color:#FFFFFF;}
#content div.poll form { padding: 5px; margin: 10px; border: 1px solid #ec008c; background: #151515; color: #FFF; }
#content div.poll form p{ clear: left; width: 100%; margin: 5px 0; }
#content div.poll form .radio { float: left; margin: 2px 2px 2px 0;  }
#content div.poll form label { float: left; width: 120px; }
#content div.poll form h3 { margin: 20px 0 0 0; clear: left; }
#content div.poll form input.submit { margin: 15px 0 0 0; width: 100%; }
#content div.poll div.question { padding: 5px 0 0 10px; }
#content div.poll div.results { padding: 5px; color:#FFFFFF;}
#content div.poll div.resultBar { height: 16px;}

/* content */

p { margin: 0; padding: 0; }

#content hr { border: 0px; background: #999; height:1px; margin: 10px 0 5px 0; }

#content .back { height: 26px; background: #151515  /* url('../images/bg_content.gif') */; color: #FFFFFF; width: 517px !important; width: 514px;   }
#content .back a { border: 1px solid #5c0036; color: #FFF; line-height: 14px; padding: 0 0 2px 0; text-decoration: none; background: #000; margin: 4px 5px; display: block; width: 100px; text-align: center; float: right; }
#content .back a:hover { border: 1px solid #ec008c; }

#content table { }
#content table td{ }

#content table.list { border: none; border-collapse: collapse; width: 100%; }
#content table.list tr.link:hover { background-color: #ddd; cursor: pointer; }
#content table.list tr.up { background-color: #eee; }
#content table.list tr.down { background-color: #F9F9F9; }
#content table.list tr.empty { text-align: center; font-weight: bold; background-color: #eee; }
#content table.list tr.empty td { padding: 10px; }
#content table.list th { }
#content table.list td { padding: 2px }

#content table.gratizlist { border: none; border-collapse: collapse; width: 80%; }
#content table.gratizlist tr.link:hover { background-color: #ddd; cursor: pointer; }
#content table.gratizlist tr.up { background-color: #eee; }
#content table.gratizlist tr.down { background-color: #F9F9F9; }
#content table.gratizlist tr.empty { text-align: center; font-weight: bold; background-color: #eee; }
#content table.gratizlist tr.empty td { padding: 10px; }
#content table.gratizlist th { }
#content table.gratizlist td { padding: 2px }

#content table.data { border: none; border-collapse: collapse; width: 330px; margin: 0 0 10px 0; }
#content table.data th { }
#content table.data a { text-decoration: none; color: #ec008c; }
#content table.data a:hover { text-decoration: underline; }
#content table.data td { padding: 4px; border-bottom: 1px dotted #CCC; vertical-align: top; }
#content table.data td:first-child { font-weight: bold; width: 120px; }

#content ul.list { border-top: 1px solid #FFF; margin: 0; padding: 0; }
#content ul.list li { border-bottom: 1px solid #FFF; }
#content ul.list li a { display: block; padding: 3px 5px; text-decoration: none;  }
#content ul.list li a:hover { background-color: #eee; color: #444; }

#tooltip {  background: url('../images/bg_content.gif'); padding: 10px; max-width: 200px; display: none; }
#tooltip h3 { padding: 10px; margin: 0; border: 1px solid #ec008c; background: #000; font-size: 12px; font-weight: normal; color: #FFF; }
#tooltip p { display: none; }

/* Overview tables */
#content table { border-collapse: collapse;}
#content table tr td { padding: 3px; }
#content table.overview { border-top: 1px solid #999; width: 100%; }
#content table.overview td {  border-bottom: 1px solid #BBB; }
#content table.overview td.overview2 { background: #000; color: #FFF; }
#content table.overview td.overview2 a{ color: #FFF; font-weight: bold; } 
#content table.overview td.overview1 { padding: 8px 5px; background: #CCC url("/images/bg_content.gif"); }
#content table.overview td.overview1 span { border: 1px solid #ec008c; background: #000; color: #FFF; padding: 2px; }
#content table.overview td.overview1 a{ color: #333333; }
#content table.overview td.overview3 { } 
#content table.overview td.overview3 a{ color: #333333; }  
#content table.overview td a{ text-decoration: none; }  
#content table.overview td a:hover{ text-decoration: underline; }  

/* More ... block */
#moreItems a { text-decoration: none; }
#moreItems a.pink { display: block; width: 238px; background: #151515; margin: 0; padding: 6px 10px 6px 10px; color: #fff; }
#moreItems a.pink:hover { background: #000; color: #fff; }
#moreItems a.highlight { background: #333; }
#moreItems h3 { margin-left: -7px; }

/* Calendar page  */
#content div.calendarpage { background: none; }
#agenda { width: 310px; float: right; margin-top: 10px; min-height: 622px; background-color: #fff;} 
#agenda img { border: 1px solid #000; }
#agenda .responses { font-weight: normal; font-size: 7pt; display: block;}
#agenda .agendadate { float: right; font-weight: bold; color: #ec008c; font-size: 9pt; font-variant: small-caps; }
#agenda .agendadate table { margin: 0; padding: 0; vertical-align: bottom;} 
#agenda .agendadate table tr td.day { font-size: 20pt; text-align: right; margin-right: 2px;}
#agenda .agendadate table tr td .dow { color: #999999; }
#content table.list td.citemtitle { font-weight: bold; font-size: 10pt;}
#content table.list td.date { vertical-align: top;}

#calendar { float: left; position: relative; left: 4px; lef\t: 5px; }
#calendar table { width: 196px; height: 140px; }
#calendar { float: left; font-size: 8pt; }
#calendar a { text-decoration: none; color: #666; }
#calendar .weekend a { color: #530003; }
#calendar table tr td { text-align: right; width: 28px; height: 28px; padding: 0; margin: 0; padding-right: 4px;}

#calendar .light      { background-color: #fff; }
#calendar .dark       { background-color: #eee; }
#calendar .otherMonth { color: #aaa; }
#calendar .selectedDay a { color: #000; font-weight: bold; }
#calendar .somethingToDo { color: #ec008c; font-weight: bold; text-decoration: underline;}

#calendar tr.thisweek td { border-top: 3px solid #ec008c; border-bottom: 3px solid #ec008c; }
#calendar tr.thisweek td.weekend   { border-top: 3px solid #000; border-bottom: 3px solid #000; }
#calendar tr.thisweek td.selectedDay { background-color: #febbef; }


#calendar .lightWeekend { background-color: #ec008c; }
#calendar .darkWeekend  { background-color: #db007b; }
#calendar .weekend .otherMonth { color: #970037; }
#calendar .weekend .otherMonth { color: #970037; }
#calendar .weekend .somethingToDo { color: #fff; }

#calendar tr.thisweek .lightWeekendSelectedDay { background-color: #b90069; }
#calendar tr.thisweek .darkWeekendSelectedDay  { background-color: #b90069; }
#calendar tr.thisweek .lightWeekendSelectedDay a { color: #fff; font-weight: bold; }
#calendar tr.thisweek .darkWeekendSelectedDay a  { color: #fff; font-weight: bold; }



#calendar .calheader     { font-weight: bold; color: #fff; text-align: left; vertical-align: bottom; margin: 0 padding: 0; }
#calendar .calheaderwknd { color: #ec008c; }

#calendar .calfooter { background: #000; color: #fff; text-align: center; font-weight: bold; width: auto;}
#calendar .calfooter a { color: #fff; }
#calendar .calfooter a:hover { color: #ec008c; }
#calendar .calfooter a.back2today { color: #ec008c; font-style: italic; font-weight: normal; }
#calendar .calfooter a.back2today:hover { color: #fff; }

/* Magazines  */

#content div.magHeader{ float: left; background: url('../images/magazine/mag_artwork_1.jpg') no-repeat; height: 246px; width: 517px; }
#content div.magArt { float: left; background: url('../images/magazine/mag_artwork_2.jpg') no-repeat; height: 217px; width: 517px;}

#content div.magBlock { height: 212px; width: 258px; border-top: 1px solid #FFF; background: #FFF; overflow: hidden; padding-bottom:5px;}
#content div.magBlockhorizontal { height: 212px; width: 257px; border-top: 1px solid #FFF; background: #FFF; overflow: hidden; padding-bottom:5px;}
#content div.magBlock .poets{ background: #e6e6e6; }
#content div.magBlock .meta { padding: 0px; margin-left:2px;}
#content div.magBlock .meta a { text-decoration: underline; line-height: 16px; background: url('../images/content-lees-meer-arrow-pink.gif') 0 5px no-repeat; padding: 0 0 0 8px }
#content div.magBlock .meta a:hover { text-decoration: none; }
#content div.magBlock img { margin: 0 0 0 2px; float: right; }
#content div.magBlock .text { padding: 0 10px 10px 10px; margin: 0 0 8px 0; height: 176px; overflow: hidden; line-height: 14px; font-size: 10px;  }

#content div.highlight { background-color: #e6e6e6; }

#content .mag { border-bottom: 1px solid #fff; }
#content.mag .2block { height }

#content div.gratizbanner { background: url('../images/bg_banner_gratiz.gif') top left no-repeat; }

#communities			{ float: right; border: 1px solid #000; padding: 10px; width: 200px; margin-top: 4px;}
#communities ul			{ list-style-type: none; padding: 0; margin: 0;}
table.properties 		{ border: 1px solid #000; }
table.properties th		{ background-color: #000; color: #fff; text-align: left; }
table.properties .dark		{ background-color: #eee; }
table.properties .prop		{ background-color: #ec008c; color: #fff; font-weight: bold; text-align: center; }
table.properties .darkprop	{ background-color: #db007b; color: #fff; font-weight: bold; text-align: center; }

#communityButton		{ float:right; width: 222px; height: 246px; margin-right:0px;}
#communityList			{ float:left; }
#communityFooter		{ height: 50px; }

/* Introweken banner (on frontpage SS) */

#iwBanner									{ width: 100%; }
#iwBanner div								{ width: 216px; background-color: #000; }
#iwBanner div.arrow						{ margin: 8px 20px 5px auto; text-align: center; background-color: transparent; }
#iwBanner .pinkborder table			{ width: 100%; }
#iwBanner .pinkborder					{ width: 223px; padding: 5px 0 5px 0; border: 5px solid #ec008c; border-bottom: none; margin: 0 13px; text-align: center; }
#iwBanner .pinkborder td 				{ font-family: verdana,arial,sans-serif; font-size: 8pt; font-weight: bold; color: #ec008c; }
#iwBanner .pinkborder td.right		{ text-align: right; }
#iwBanner .pinkborder td.first,
#iwBanner .pinkborder td.first a		{ color: #fff; }
#iwBanner .pinkborder a					{ color: #ec008c; }
#iwBanner .pinkborder a:hover			{ color: #fff; }
#iwBanner .pinkborder form				{ margin: 0 auto; }
#iwBanner .pinkborder select			{ background-color: #ec008c; color: #fff; font-weight: bold; border: 1px solid #000; width: 100%; font-family: verdana,arial,sans-serif; font-size: 8pt; }
#iwBanner .pinkborder .iwLink			{ display: block; width: 207px; height: 49px; margin: 4px 0 4px -5px;  background-repeat: no-repeat; background-position: left top; }
#iwBanner .pinkborder .iwLink:hover	{ background-position: left bottom }
#iwBanner .pinkborder .iwLink span	{ display: none; }

#iwBanner .pinkborder #keiweek		{ background-image: url(/images/iwLinkKeiweek.gif); }
#iwBanner .pinkborder #uitweek		{ background-image: url(/images/iwLinkUitweek.gif); }
#iwBanner .pinkborder #intreeweek	{ background-image: url(/images/iwLinkIntreeweek.gif); }
#iwBanner .pinkborder #eurekaweek	{ background-image: url(/images/iwLinkEurekaweek.gif); }

#iwBanner div.lastborder					{ border-bottom: 5px solid #ec008c; padding: 0px; }


/* Einstein actie */

#content div.einstein_block {border:5px #ec008c solid; padding:5px; background:#FFF}

/* Studiepagina */

#content div.studyHeader{ float: left; background: url('../images/study/study_artwork_1.jpg') no-repeat; background-color: #000; height: 218px !important; height: 218px; width: 517px; }
#content div.studyHeader2{ float: left; background: url('../images/study/study_artwork_2.jpg') no-repeat; background-color: #000; height: 464px !important; height: 464px; width: 258px; }

/*Toekomstpagina */
#content div.futureHeader{ background: url('../images/future/fut_artwork_1.jpg') no-repeat; background-color: #000;}
