/* ---------------------------------------------------------- /*
	global settings
/* ---------------------------------------------------------- */
html{ height: 100%;}
body{ width: 97%; min-width: 900px; height: 90%; margin: 40px auto 0 auto !important; margin: 0 auto;  padding: 0; font-size: 11px; }

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

ul { list-style-type: none; }
ul,li,form,table,td,tr { margin: 0; padding: 0; }
img{ border: 0; }
input,textarea { padding: 0 0 0 2px; }
input,textarea,select { font-size: 10px; }
.checkbox { border: 0px; }

.tableHead { width: 100%; margin: 0 0 10px 0 !important; margin: 179px 0 10px 15px; padding: 0 0 0 15px !important; padding: 0; }
td.tableLeft{ vertical-align: top; width: 150px; min-width: 150px; overflow: hidden; }
td.tableMiddle{ min-width:510px; vertical-align: top; }
td.tableRight{ vertical-align: top;  width: 190px; min-width: 190px; overflow: hidden; }

img.divider{ width: 510px; height: 0;}
/* ---------------------------------------------------------- /*
	LEFT side content css
/* ---------------------------------------------------------- */

#left { width:150px;}
#left .filler { height: 30px !important; padding: 140px 0 0 0 !important; padding: 180px 0 0 0; }
#left .filler div { padding: 10px 0 0 0; height: 10px;  }
#left .filler div div { height: 20px; padding: 0; }

.leftmenu ul li {float:left; width:150px}
.leftmenu ul li.break {float:left; width:150px; height:20px; overflow:hidden; }
.leftmenu ul li a { margin: 5px 0 5px 0; padding: 0 0 0 10px; width: 140px !important; width:140px; float:left; text-decoration: none; font-size:10px; line-height:20px; letter-spacing:1px;}
.leftmenu ul li a:hover {text-decoration:none; }

/* ---------------------------------------------------------- /*
	Middle side content css
/* ---------------------------------------------------------- */

#middle .filler { height: 30px; padding: 140px 0 0 0 !important; padding: 180px 0 0 0; }
#middle .filler div { padding: 10px 0 0 0; height: 10px; }
#middle .filler div div { height: 20px; padding: 0; }

#middle .column-in { padding: 20px; text-align: left; }

table.inhoud { width: 100%;}

.subsubmenu { padding: 4px 10px 4px 10px; font-size:10px; }
.subsubmenu a,.subsubmenu .nolink { font-size:10px; font-weight:400; line-height:21px; letter-spacing:1px; text-decoration:none; padding: 2px 4px 2px 4px; margin: 0 5px 0 0; }
.subsubmenu a:hover{ text-decoration:underline; background-color: #FFFFFF;}

#titlebread { padding:0 10px 10px 10px; font-size:11px; font-weight:400; line-height:12px; letter-spacing:2px; }
#titlebread a { text-decoration:none; font-size:11px; font-weight:400; line-height:12px; letter-spacing:2px; }
#titlebread a:hover {text-decoration:underline;}

#alert {margin: 10px 0 10px 0; padding: 10px 10px 10px 50px; font-size:10px; letter-spacing: 1px; background: url("../images/alert.gif") 10px 10px no-repeat;}
#message {margin: 10px 0 10px 0; padding: 10px 10px 10px 70px; font-size:10px; letter-spacing: 1px; background: url("../images/message.gif") 10px 10px no-repeat;}

/* ---------------------------------------------------------- /*
	Right side content css
/* ---------------------------------------------------------- */

#right { float:right; width:190px;}
#right .filler { height: 0; padding: 0 !important; padding: 10px 0 0 0; }
#right .filler div { padding: 10px 0 0 0; height: 10px; }
#right .filler div div { height: 20px; padding: 0; }

#right a {text-decoration:none;}
#right a:hover {text-decoration:underline;}

#headerLogin .red,
#right .red { font-size:10px; line-height:12px; letter-spacing: 1px;}

#headerLogin { height: 140px; font-size:10px; line-height: 12px;}
#headerLogin br { line-height: 5px;}
#headerLogin .title { margin: 0 0 5px 0; }
#headerLogin .box-in{ padding: 10px 10px 0 10px; }
#headerLogin .red { margin: 0; font-size:10px; padding: 10px 0 10px 0; letter-spacing: 1px; }
#headerLogin a{ text-decoration: underline; }
.submit_button{ width: 90px; padding: 0; margin: 0;}
.checkbox { padding: 0; margin: 0; }
.invites { clear: left; padding: 5px 0 0 0;}

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

#logout { clear:both; padding: 10px 0 0 0; }
#logout div { text-align: right; }
#logout div a, #logout div {font-size:10px; letter-spacing:1px; padding: 0 5px 0 5px; line-height:20px; height:20px; }
#logout div a:hover { text-decoration: underline; }

#rightBox1,#rightBox2,#rightBox3,#rightBox4,.advertising{ margin: 0 0  1px 0; }
#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; }

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

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

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

/* tabs local */
#tabsLocal{ position:absolute; top: 20px; margin: 0 !important; margin: 0 0 0 -15px; padding:0; }
#tabtop ul li {float:left;}
#tabtop ul li a {line-height:20px; width:130px; height:20px; float:left; text-decoration: none; font-size:10px; letter-spacing:1px; margin: 0 4px 0 0px;}
#tabtop ul li a.tabwit { font-weight:bold;}
#tabtop ul li a:hover { text-decoration:none; font-weight:bold}
#tabtop ul li a.arrowright {width:15px; height:20px; }
#tabtop ul li a.arrowright:hover {background-position: 0px 20px}
#tabtop ul li a.arrowleft {width:15px; height:20px; }
#tabtop ul li a.arrowleft:hover {background-position: 0px 20px}
#tabtop ul li.hide { visibility: hidden; }

#tabtop ul li a.arrowright { background: url("../images/custom/custom/arrowright.gif"); margin: 0; }
#tabtop ul li a.arrowleft { background: url("../images/custom/custom/arrowleft.gif"); margin: 0; }

/* tabs global */
#tabsGlobal{ position:absolute; top: 40px; margin: 0 !important; margin: 0 0 0 -15px; padding: 0; width: 15px; }
#tableft ul li {float:left; width:15px; padding-bottom:10px}
#tableft ul li a.tableft_01 { background: url("../images/custom/custom/tableft_01.gif"); }
#tableft ul li a.tableft_02 { background: url("../images/custom/custom/tableft_02.gif"); }
#tableft ul li a.tableft_03 { background: url("../images/custom/custom/tableft_03.gif"); }
#tableft ul li a.tableft_04 { background: url("../images/custom/custom/tableft_04.gif"); }
#tableft ul li a { width:15px; height:100px; float:left; text-decoration: none; font-size:10px; }
#tableft ul li a:hover {background-position: 15px 0px ; }
#tableft span { display:none; }
#tableft .hide{ display:none; }

/* header image */
#headerImage{ position:absolute; top: 40px; margin: 0 0 0 15px !important; margin: 0 ; padding: 0 10px 0 0; height: 140px;  }
#headerImage div { background: #130085; padding: 0 20px 0 0; }

/* header bar */
#headerBar { position:absolute; top: 190px; margin: 0 0 0 15px;  height: 30px; }
#peopleonline { float:left; }
#peopleonline div {font-size:10px; letter-spacing:1px; padding-left:15px; line-height:20px; }

/* Footer */
#footer { height: 20px; font-size:9px; letter-spacing:1px; text-align: center; line-height: 20px; margin: 0; padding:0; }
#footer a:hover {text-decoration:underline;}

#transparent { display: none; }

/* ---------------------------------------------------------- /*
	Center Content Oud
/* ---------------------------------------------------------- */

.titlebread2 {font-size:14px; font-weight:400; line-height:16px; letter-spacing:2px; padding-bottom:10px; padding-top:20px; padding-left:10px}
#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; padding:10px; letter-spacing:1px;}
td.inhoud a, td.inhoudbold a { text-decoration:none;}
td.inhoud:hover a, td.inhoudbold:hover a { text-decoration:underline;}
td.inhoudbold { font-weight:bold; font-size:11px; color:#333333; padding:10px; letter-spacing:1px; text-decoration:none;}

td.inhoud a:hover, td.inhoudbold a:hover  { text-decoration:underline;}

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: 5px; }
td.content {font-size:10px; padding:5px; letter-spacing:1px; text-decoration:none;}
td.content a {text-decoration:none;}
td.content a:hover  {text-decoration:underline;}
td.content strong { font-size: 11px;}
td.content2 {font-size:10px; padding:5px; letter-spacing:1px; text-decoration:none;}
td.content2 a {text-decoration:none;}
td.content2 a:hover {text-decoration:underline;}
td.content2 strong { font-size: 11px;}
td.bold { font-weight: bold; }

td.info { font-size:11px; line-height:18px; padding:5px; letter-spacing:1px; background-color:#EEEEEE;text-decoration:none;}
td.info a {text-decoration:none;}
td.info a:hover {text-decoration:underline;}

table.inhoudtop { border-top:0px;}
td.messagecontent { font-size:11px; line-height:18px; padding:5px; letter-spacing:1px; text-decoration:none;}

/* color picker */
.colorpicker { color: #000000; background-color:#FFFFFF; padding:10px; margin: 8px 0 8px 0; border: 1px solid #EEEEEE; cursor: pointer; min-height: 50px; font-size: 9px;  }
.colorpicker:hover { border: 1px solid #000000; }
.colorpicker input { border: 1px solid #EEEEEE; }
.colored { width: 50px; height: 45px; float: right; border: 1px solid #EEEEEE; }
#colorwheel { margin: 10px 0 0 0; }
#wheel { width: 276px; height: 256px; background: #EEEEEE url(../images/colorwheel.png) no-repeat; float:left; }
#elColor { border: 1px solid #EEEEEE;  height: 45px; width: 50px; float:right; }


/* forum */
#forum { margin: 10px 0 0 0;  }
.forum_post { font-size: 11px; letter-spacing: 1px; border: 1px solid #CCCCCC; margin: 0 0 10px 0; }
.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;}
.f_date{ margin: 0 0 0 130px;}
.f_options{ float: right; padding: 5px 5px 0 0; }
.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; }

#comments { padding: 0 0 10px 0; }
.p_comment	{ padding: 10px; margin: 0 0 20px 0; }
.p_user 	{ font-size: 12px; }
.p_delete 	{ float: right; }
.p_datetime { font-size: 11px; font-weight: bold; }
.p_body 	{ padding: 15px 0 0 0; }

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

#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; }

.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; }

#feed1title h3,#feed2title h3,#feed3title h3{ display:none; }
#feed1title,#feed2title,#feed3title{width: 250px; height: 45px; margin: 10px 0 0 0; }
#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: #ffffff; }
#feeds .feed_item{ padding: 5px; font-weight: bold; }
#feeds .feedfooter { font-size: 10px; font-weight: normal; }
.feedlink {color:#666666; }
.feed_item a {  text-decoration:none; font-size: 11px;  }
.feed_item a:hover {  text-decoration:underline; font-size: 11px;  }

/* vriendje bij /modules/profile/listfriend */
.friendNoBreak { float: left; height: 200px; margin: 0 10px 0 10px }
.friend {font-size: 9px; border: 1px solid #CCCCCC; padding: 10px; float: left; background: #F0F0F0; width: 75px; min-height: 145px; }
.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 { padding: 10px; min-height:20px;
  height:auto !important;
  height:20px; font-size: 11px; }
#help_box .close img { padding: 0 0 10px 10px }

#help_box { border: 1px solid #CCCCCC; min-height: 20px; font-size: 11px; }
#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; 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; 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 #shoutcontent { height: 300px; width: 170px; 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; }

/* -----
  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; }
*/

/* kruistabel */
.crosstablecell {display: block; line-height: 25px; width: 100%}