/* ---------------------------------------------------------- /*
	global settings
/* ---------------------------------------------------------- */
html{ height: 100%; }
body{ width: 100%; min-width: 950px; margin: 0 auto; padding: 0; font-family:Arial, Helvetica, sans-serif; font-size:11px; background:#000;}
body, a {color:white;}

#headerImage,
#headerBar,
#transparent,
#tabsLocal,
#tabsGlobal { z-index: 100; }

ul { list-style-type: none; }
#middle ul { list-style-type: disc; padding-left: 15px }
ul,li,form,table,td,tr { margin: 0; padding: 0; }
img,table,td,tr{ border: 0; }
input,textarea { padding: 0 0 0 2px; }
input,textarea,select { font-family: Arial, Helvetica, sans-serif; border: 1px solid #999999; font-size: 10px; }
.checkbox { border: 0px; }

.tableHead { width: 100%; margin: 0 0 10px 0; }
td.tableLeft{ vertical-align: top; width: /*165*//*182*/193px; margin-left:12px; background: #fff url('../images/default/studentstyle/bg_leftmenu.gif') repeat-y;}
td.tableMiddle{ min-width:500px; vertical-align: top; background:#fff;}
td.tableRight{ vertical-align: top;  width: 165px; }

/* ---------------------------------------------------------- /*
	Gras on the background, pimped div and container div
/* ---------------------------------------------------------- */
#bgGrass {background: url('../images/default/studentstyle/bg_grass.gif') top center;}
#bgGrassGradientTop {background: url('../images/default/studentstyle/bg_grass_gradient_top.gif') top center repeat-x;}
#bgGrassGradientBottom {background: #000 url('../images/default/studentstyle/bg_grass_gradient_bottom.gif') top center repeat-x; height: 150px; overflow: hidden;}
#pimped {position:absolute; top:0; left:0;}
#container {background:#000; margin:0 15px 0 15px;}

/* ---------------------------------------------------------- /*
	LEFT side content css
/* ---------------------------------------------------------- */
.filler {height:190px; /*was 232px*/ }
.filler2 {height:200px; /*was 232px*/ margin-bottom:50px;}

#left { width: /*165*/182px; }
#left .column-in { padding: 0 0 0 /*1*/0px; margin-left:10px; width:182px;}
#left .filler { height: 0; }

.leftmenu ul li {float:left; width:150px; border-left:1px solid #fff;}
.leftmenu ul li.break {float:left; height:20px; border-left:0px;}
.leftmenu ul li a { padding: 0 0 0 10px; width:172px; float:left; text-decoration: none; font-size:11px; height:21px; line-height:23px; border-bottom:1px solid white; background:#ec008c url("../images/default/studentstyle/arrow.gif") 96% 55% no-repeat;}
.leftmenu ul li a:hover {background:#000 url("../images/default/studentstyle/arrow.gif") 96% 55% no-repeat;}

/* ---------------------------------------------------------- /*
	Studentstyle menu
/* ---------------------------------------------------------- */
#studentstylemenu {clear:both; width:182px; padding-top:70px; background: #fff url('../images/default/studentstyle/logoklein.jpg') no-repeat; margin-left:10px;}
#studentstylemenu ul li {float:left; width:90px; border-left:1px solid #fff;}
#studentstylemenu ul li a { width:85px; padding-left:5px; float:left; display:block; color:#333; text-decoration: none; font-size:11px; height:21px; line-height:23px; border-bottom:1px solid white; background:#e6e6e6 url("../images/default/studentstyle/arrow-black.gif") 96% 55% no-repeat;}
#studentstylemenu ul li a:hover {background:#c5c0c0 url("../images/default/studentstyle/arrow-black.gif") 96% 55% no-repeat; text-decoration:underline;}

/* ---------------------------------------------------------- /*
	Trybes menu
/* ---------------------------------------------------------- */
#trybesmenu {background: #fff url('../images/default/studentstyle/trybeslogo.jpg') no-repeat; clear:both; width:182px; margin-left:10px; padding-top:100px;}
#trybesmenu ul li {float:left; width:150px; border-left:1px solid #fff;}
#trybesmenu ul li a { padding: 0 0 0 10px; width:172px; float:left; text-decoration: none; font-size:11px; height:21px; line-height:23px; border-bottom:1px solid white; background:#333366 url("../images/default/studentstyle/arrow.gif") 96% 55% no-repeat;}
#trybesmenu ul li a:hover {background:#cc0000 url("../images/default/studentstyle/arrow.gif") 96% 55% no-repeat;}

/* ---------------------------------------------------------- /*
	Middle side content css
/* ---------------------------------------------------------- */
#middle .column-in { /*padding: 10px 10px 20px 20px;*/ text-align: left; background:#fff;}
#middle .filler { height: 0; }

table.inhoud {border:1px #000 solid; width: 98%;/* margin:0 16px 0 16px;*/ margin-left:10px;}
#alert {border:1px #CCCCCC solid; margin: 10px 0 10px 0; padding: 10px 10px 10px 60px; font-size:10px; letter-spacing: 1px; color: #333333; background: url("../images/alert.gif") 10px 10px no-repeat;}
#message {border:1px #CCCCCC solid; margin: 10px 0 10px 0; padding: 10px 10px 10px 70px; font-size:10px; letter-spacing: 1px; color: #333333; background: url("../images/message.gif") 10px 10px no-repeat;}

.subsubmenu { padding: 2px 10px 2px 10px; color:#000; font-size:10px; background-color:#EEEEEE; border-top: 1px solid #CCCCCC; line-height: 22px;  }
.subsubmenu a, .subsubmenu .nolink {color:#000; font-weight:400; line-height:21px; letter-spacing:1px; text-decoration:none; padding: 2px 4px 2px 4px; border-bottom: 1px solid #666666;  border-right: 1px solid #666666;  border-top: 1px solid #FFFFFF;  border-left: 1px solid #FFFFFF; }
.subsubmenu a:hover, .subsubmenu .nolink { background-color:#FEFEFE; border-top: 1px solid #666666;  border-left: 1px solid #666666;  border-bottom: 1px solid #FFFFFF;  border-right: 1px solid #FFFFFF; color: #CC0000;}

#titlebread { padding: 0;  border-right:1px solid white; padding-left:17px; font-size:11px; margin-bottom:20px; height:21px; font-weight:bold; background: #000 url('../images/default/studentstyle/bg_striped.gif') repeat; height:19px; color:white; font-weight:bold; padding-top:3px;}
#titlebread a {text-decoration:none;}
#titlebread a:hover {text-decoration:underline;}
/* IE6 hack voor vreemde positie breadcrumbs */
* html div#middle div.column-in div#titlebread {margin-top:-14px;}

table.inhoud .header {background: #000 url('../images/default/studentstyle/bg_striped.gif') repeat; color:white;}

#signature { padding: 5px 0 0 5px; font-size: 14px; line-height: 14px; letter-spacing:-1px }
#photo_signature { padding: 10px; font-size: 12px; line-height: 16px; letter-spacing:1px }

/* ---------------------------------------------------------- /*
	Right side content css
/* ---------------------------------------------------------- */
#right a {color:#fff; text-decoration:underline;}
#right a:hover {text-decoration:underline;}

#right { width:225px;}
#right .filler { /*height: 40px;*/ height:0; }
#right .column-in {padding: 0 25px 0 10px; background: #000 url('../images/default/studentstyle/bg_striped.gif') repeat;}

#right .blue { font-size:10px; line-height:12px; letter-spacing:1px; padding:10px 0 10px 0; }
#right .title {font-size:12px; line-height:12px; letter-spacing:1px; font-weight:bold}
#right .red { font-size:10px; line-height:12px; letter-spacing: 1px;}

#headerLoginBackground {background: #000 url('../images/default/studentstyle/bg_striped.gif') repeat-x;}
#headerLogin { width: 225/*190*/px; height: 140px; overflow:hidden; letter-spacing: 1px; background:#ec008c;}
#headerLogin .box-in{ /*padding: 15px 25px 0 25px;*/ padding:15px 0 0 8px; font-size: 10px; }
#headerLogin .title { margin: 0 0 10px 0; letter-spacing: 0px;}
#headerLogin .red { font-size:10px; line-height:12px; margin-bottom:15px;}
.submit_button{ width: 90px; }
.invites { clear: left; padding: 5px 0 0 0;}
.striped { background:green url('../images/default/studentstyle/bg_striped.gif') 26px 0px repeat}

#right #headerLogin ul {float: left; margin: 5px 5px 0 0; }
#right #headerLogin ul li a { font-size:10px;  line-height:12px; padding-bottom:10px; text-decoration:none }
#right #headerLogin ul li a:hover { text-decoration:underline; }

#logout { height: 110px; width:225px;  background: #000 url('../images/default/studentstyle/bg_striped.gif') 26px 0px repeat; border-bottom:1px solid white;}
#logout div { text-align: left; margin: 0 /*20*/0 0 0; padding:15px 0 0 5px; }
#logout div a/*, #logout div*/ { font-size:11px; font-weight:bold; /*padding: 10px 0px 0 5px;*/ padding:0 0 0 4px; display:block; width:210px; line-height:21px; text-decoration:underline;}
#logout div a:hover { text-decoration: none; background:#ec008c;}
#messageTitle {float:left;}
#messageCount {float:right; margin:0 50px 0 0; font-weight:bold;}

#rightBox1 div,#rightBox2 div,#rightBox3 div,#rightBox4 div{padding:15px;}
#rightBox1 div div,#rightBox2 div div,#rightBox3 div div,#rightBox4 div div{padding:0;}

#right ul { margin: 10px 0 10px 0; }
#right ul li { font-size:10px; line-height:12px; letter-spacing:1px; }
#right ul li a { font-size:10px; line-height:12px; letter-spacing:1px; padding-bottom:10px; text-decoration:none}
#right ul li a:hover {text-decoration:underline; }

#background {background: #000 url('../images/default/studentstyle/bg_filler.gif') no-repeat top right; overflow:hidden;}
#mask {position:absolute; top:141px; width:10px; height:210px; background:#000; z-index:1;}
#bglogout {height:95px; background:transparent url('../images/default/studentstyle/bg_logoutdiv.gif') no-repeat bottom right; overflow:hidden; }

/* stemknop naar rechts */
#rightBox2 input { float: right; }
#rightBox2 ul li input { float: none; }

/* ---------------------------------------------------------- /*
	Header content css
/* ---------------------------------------------------------- */

/* tabs global */
#tabsGlobal{ position:absolute; top: 40px; margin: 0; padding: 0; width: 15px; }
#tableft ul li {float:left; width:15px; padding-bottom:20px}
#tableft ul li a { width:15px; height:100px; float:left; text-decoration: none; font-size:10px;}
#tableft span { display:none; }
#tableft .hide{ display:none; }

/* header image */
#becomeMember {position:absolute; top:130px; left:20px; width:750px; /*margin:40px 0 0 20px ;*/}
#becomeMember .margin {margin-right:55px; }
#header { position:absolute; top: 134px;}
#branding { margin:10px auto 0 20%; width:316px;}

#headerImage{ margin: 0px 0 0 20px; padding: 0; width: 728px; height: 90px;  }
#headerImage div {margin-top:30px; background: #000 url('../images/default/studentstyle/bg_striped.gif') repeat; padding:10px; width:100%; text-align:center;}
#headerImage div a img {border:1px solid white;}

#adsLeft {clear:both; width:182px; margin:0 0 10px 11px; padding:40px 0 40px 0; text-align:center;}
#adsLeft a img {border:1px solid #ff0099;}
#headerBar { margin:0 0 0 10px; height: 18px; padding:3px 0 0 10px; background:#ec008c; border:1px solid white; }
/*#peopleonline { float:left;}*/
#peopleonline div {font-size:10px; letter-spacing:1px; /*padding-left:15px;*/ padding:0; line-height:22px }

/* Footer */
#footerLeft { float: left; height: 20px; width: 25px !important; width:0; padding: 0; margin: 0;}
#footerMiddle { height: 20px; font-size:9px; letter-spacing:1px; text-align: center; line-height: 20px; margin: 0 25px 0 25px !important; margin: 0 15px 0 15px; padding: 0; }
#footerRight { float: right; height: 20px; width: 25px !important; width:0; padding: 0; margin: 0; }

#footerMiddle a { font-size:9px; letter-spacing:1px; color:#FFFFFF; text-decoration:none;}
#footerMiddle a:hover { color:#FFFFFF; text-decoration:underline;}

#transparent { display: none;}
/* ---------------------------------------------------------- /*
	Center Content Oud
/* ---------------------------------------------------------- */

.titlebread2 {font-size:11px; font-weight:400; line-height:16px; border-left:1px solid white; letter-spacing:0px; margin:0; padding:0; height:69px;/*padding: 20px 10px 10px 10px;*/}
.titlebread2 p {margin:0; padding:0; height:20px; text-align:center; background:white; color:#ec008c; font-weight:bold; padding-top:3px;}
#titlecontent {font-size:14px; font-weight:bold; line-height:16px; letter-spacing:1px; padding-bottom:5px;}
#titlecontent2 {font-size:14px; font-weight:bold; line-height:16px; letter-spacing:1px; padding-bottom:5px;}

#photo img{ padding:5px; }
img.photo { padding:5px; }
#date {font-size:10px; font-weight:800; line-height:14px; letter-spacing:1px; }

td.inhoud { font-size:11px; color:#333333; padding:8px; letter-spacing:1px; text-decoration:none;}
td.inhoudbold { font-weight:bold; font-size:11px; color:#333333; padding:5px; letter-spacing:1px; text-decoration:none;}
td.inhoud .tekst {padding:8px;}
td.inhoud a,td.inhoudbold a {color:#333333; text-decoration:underline;}
td.inhoud a:hover,td.inhoudbold a:hover {text-decoration:none;}
td.inhoud input {}
/*td.inhoudFailed { font-size:11px; color:#333333; padding:8px; letter-spacing:1px; text-decoration:none; border-width: medium; border-style: dashed;border-color:red;}*/
td.inhoudFailed { font-size:11px; color:#E33333; padding:8px; letter-spacing:1px; text-decoration:none;}
td.inhoud.Failed { font-size:11px; color:#E33333; padding:8px; letter-spacing:1px; text-decoration:none;}

td.tabwit {font-size:11px; letter-spacing:1px;}
td.tabbackgrey {font-size:11px; letter-spacing:1px; color:#FFFFFF;}

td.header, .header {font-weight: bold; font-size:11px; letter-spacing:1px; padding: 10px; padding-top:5px; padding-bottom:5px;}
td.header, td.header a, .header a { color:#FFFFFF; }
td.content {font-size:10px; border-top: 1px #CCCCCC solid; color:#333333; padding:5px; padding-top:5px; padding-bottom:5px; letter-spacing:1px; text-decoration:none;}
td.content a {text-decoration:none; color:#333333;}
td.content a:hover {text-decoration:underline;}
td.content strong { font-size: 11px;}
td.content2 {font-size:10px; border-top: 1px #CCCCCC solid; color:#333333; padding:5px; padding-top:5px; padding-bottom:5px; letter-spacing:1px; text-decoration:none;}
td.content2 a {text-decoration:none;  color:#333333;}
td.content2 a:hover { text-decoration:underline; }
td.content2 strong { font-size: 11px;}
td.bold { font-weight: bold; }

td.info { border-top: 1px #CCCCCC solid; border-right: 1px #CCCCCC solid; font-size:11px; line-height:18px; color:#333333; padding:10px; padding-top:5px; padding-bottom:5px; letter-spacing:1px; background-color:#EEEEEE;text-decoration:none;}
td.info a {color:#333333; text-decoration:none;}
td.info a:hover {color:#333333; text-decoration:underline;}

table.inhoudtop {border-top:0px #CCCCCC solid;}

/* ---------------------------------------------------------- /*
	Forum (Han)
/* ---------------------------------------------------------- */

td.messagecontent { border-top: 1px #CCCCCC solid; font-size:11px; line-height:18px; color:#333333; padding:10px; letter-spacing:1px; text-decoration:none;}
.divider{ width: 560px; height: 1px; }

#forum { margin: 10px 0 0 0;  }
.forum_post { font-size: 11px; letter-spacing: 1px; border: 1px solid #CCCCCC; margin: 0 0 10px 0; color:#000;}
.forum_header { line-height: 30px; }
.forum_header a { text-decoration: none; }
.forum_header a:hover { text-decoration: underline ;}
.forum_user { float:left; padding: 10px; }
.forum_content { padding: 10px; margin: 0 0 0 120px; font-size: 12px;}
.f_name{ float:left; padding: 0 0 0 10px; color:#000; }
.f_date{ margin: 0 0 0 130px;}
.f_options{ float: right; padding: 5px 5px 0 0;}
.f_options a { color:#000; }
.f_quote { margin:10px 5px 3px 10px; }
.f_quote_title { font-size: 10px; }
.f_quote_info { font-style: italic; font-size: 10px; }
.f_quote_message { border:1px solid #CCCCCC; padding:2px; background-color:#F6F6F6; }

#disclaimer { margin: 20px 0 0 0;  }
#disclaimer li { padding: 0 0 15px 0;  }
#disclaimer li ul li{ padding: 0 0 0 10px; margin: 0 0 0 15px; list-style-type:circle; }

#rsscontent img{ float: right; padding: 10px; border: 1px solid #CCCCCC; margin: 10px; }

#feed1title h3,#feed2title h3,#feed3title h3{ display:none; }
#feed1title,#feed2title,#feed3title{width: 250px; height: 45px; }
#feed1title { background: url(../images/nu_logo.gif) no-repeat; }
#feed2title { background: url(../images/geenstijl_logo.gif) no-repeat; }
#feed3title { background: url(../images/flabber_logo.gif) no-repeat; }
#feeds{ margin: 0 0 40px 0; background-color:#FFFFFF  }
#feeds .feed_item{ padding: 5px; font-weight: bold; }
#feeds .feedup{ background-color:#E5E5E5; }
#feeds .feeddown{ background-color:#EEEEEE;  }
#feeds .feedfooter { font-size: 10px; font-weight: normal; color:#ff0099;}
.feed_item a {  text-decoration:none; font-size: 11px;  }
.feed_item a:hover {  text-decoration:underline; font-size: 11px;  }
.feedlink { color: #333333; }

#submenu { padding: 2px 5px 2px 10px; min-height: 20px; font-size:10px; }
#submenu a, #submenu .nolink, #help_box .button{color:#000; font-size:10px; font-weight:400; line-height:21px; letter-spacing:1px; text-decoration:none; padding: 2px 4px 2px 4px; border-bottom: 1px solid #ff0099;  border-right: 1px solid #ff0099;  border-top: 1px solid #FFFFFF;  border-left: 1px solid #FFFFFF; }
#submenu a:hover, #submenu .nolink, #help_box a.button:hover{ background-color:#000; border-top: 1px solid #000;  border-left: 1px solid #000;  border-bottom: 1px solid #FFFFFF;  border-right: 1px solid #FFFFFF; color: #fff;}
#submenu a.nobox, #submenu a.nobox:hover { background: none; border: 0; }
#help_box table td { font-size:11px; }

.gblink { display: block; width: 100px; border-bottom: 1px solid #666666;  border-right: 1px solid #666666;  border-top: 1px solid #CCCCCC;  border-left: 1px solid #CCCCCC; text-align: center; margin: 2px 0 2px 0; }

.radiobox { border: 0; background: transparent; }

/* vriendje bij /modules/profile/listfriend */
.friendNoBreak { float: left; height: 200px; margin: 0 10px 0 10px }
.friend { border: 1px solid #CCCCCC; padding: 10px;  margin-top:10px; background: #F0F0F0; width: 75px; min-height: 145px; font-size: 9px; }
.friend_remove {  }
.friend_remove img { float: right; }
.friend_picture { text-align: center; height: 75px; margin: 5px 0 0 0; }
.friend_name { margin: 5px 0 0 0; }
.friend_name a { text-decoration: underline; }
.friend_name a:hover { text-decoration: none; }
.photobox { border: 1px solid #CCCCCC; background: #FFFFFF; float: left; margin: 0 10px 10px 0; padding: 5px; width: 100px;}
.photobox .right { float: right; margin: 0 0 5px 5px; }
.photobox .photo { width: 100px; min-height: 80px; text-align: center; display:block; clear: both; }

#help_box { border: 1px solid #ff0099; min-height: 20px; font-size: 11px; color:#000; width:98%; margin-left:10px; margin-top:10px;}
#help_box .tekst { padding: 10px; }

.extra_information { text-align: left; position: absolute; background: #FFFFE1; border: 1px solid #000000; padding: 2px; margin: 20px 0 0 20px; min-width: 0 !important;  min-width: 300px; font-size: 11px; }

.comment { clear:left; border: 1px solid #CCCCCC; padding: 10px; min-height: 100px; margin: 0 0 10px 0; letter-spacing: 1px; }
.comment img { padding: 0 10px 10px 0; border: 0; }
.commentposter { font-weight: bold; }
.commenttime { font-size: 9px; }
.commentbody { padding: 11px 0 0 0; line-height: 16px; }

#button { background: #D4D0C8; border-bottom: 1px solid #404040; border-right: 1px solid #404040; height: 20px; width:120px; }
#button a,#button a:hover { color: #000000; display: block; text-decoration: none; font-size: 11px;  text-decoration: none; border-top: 1px solid #FFFFFF;  border-left: 1px solid #FFFFFF; text-align: center; border-right: 1px solid #808080; border-bottom: 1px solid #808080; line-height: 18px }

#shoutbox { border: 1px solid #000000; padding: 0; margin: 10px; }
#shoutbox input { float: none; }
#shoutbox label { width:50px; display: block; float: left; }
#shoutbox .header { padding: 5px; letter-spacing: 0px; background:#ec008c;}
#shoutbox .header span { font-size: 9px; }
#shoutbox .header a { color: #FFFFFF; }
#shoutbox #shoutcontent { height: 300px; overflow:auto; background: #fff; color: #333333; border-top: 1px solid #000;  border-bottom: 1px solid #000; }
#shoutbox #shoutcontent .shoutrule { border-bottom: 1px dotted #999; padding: 5px; }

#shoutbox { border: 1px solid #000000; padding: 0; margin: 10px; width: 170px; overflow:hidden; }
#shoutbox input { float: none; }
#shoutbox label { width:50px; display: block; float: left; }
#shoutbox .header { padding: 5px; letter-spacing: 0px; }
#shoutbox .header span { font-size: 9px; }
#shoutbox .header a { color: #FFFFFF; }
#shoutbox #shoutcontent { height: 300px; width: 168px; overflow:auto; background: #fff; color: #333333; border-top: 1px solid #000;  border-bottom: 1px solid #000; }
#shoutbox #shoutcontent .shoutrule { border-bottom: 1px dotted #999; padding: 5px; }

.headerGoogle  { 
	background-color: #ec008c;
	border-bottom:1px solid black;	
	padding: 5px;
}

.gmapSidebar {
	font-size: 11px;
	color:#000;
	text-align:left;
	height:350px;
	overflow:auto;
}

.gmapSidebar LI{
	list-style:none;
	margin-left:-5px;
}

.gmapSidebar a{
	text-decoration:none;
	color:#000;
}

.gmapSidebar a:link {
	text-align:left;
}

.gmapSidebar a:hover {
	text-decoration:underline;
	text-align:left;
}

.gmapSidebarContainer{
	width:18%;
	text-align:left;
	float:left;
	padding-left:5px;
	padding-top:5px;
	color:#000000;
}

.gmapContainer{
	width:80%;
	float:left;
	border-right:1px solid black;
}

.totalContainer{
	margin: 8px 8px 8px 8px;
	border: 1px solid black;
	overflow:hidden;
	background:#CCC;
}
/* -----
  New input form styles
   -----                */
/*
table.inhoud input { width: 300px; }
table.inhoud input.radiobox { width: auto; }
table.inhoud textarea { width: 300px; }
table.inhoud .buttonbar { text-align: right; border-top: 1px solid #CCCCCC; }
table.inhoud .buttonbar input { width: 150px; border: 2px outset #F0F0F0; }
*/