/* ---------------------------------------------------------- /* global settings /* ---------------------------------------------------------- */ html{ height: 100%;} body{ margin: 0; padding: 0; font-size: 11px; } html,body,p,div,td,input,textarea,select { font-family: "'.$colorArray['font'].'", Arial, "Times New Roman", Times; } #headerImage, #headerBar, #transparent, #tabsLocal, #tabsGlobal { z-index: 100; } #container {padding:7px; width:946px; margin: 20px auto; position: relative;} #tabsLocal { position:relative; margin: 0; padding:0; } #tabsLocal p {margin:10px 0 3px;} 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; } input.submit {width:auto; cursor:pointer; padding:0 5px;} .checkbox { border: 0px; } form {overflow:hidden;_zoom:1;} .tableHead { width: 100%; margin: 0; padding: 0; } td.tableLeft{ vertical-align: top; width: 200px; min-width: 200px; overflow: hidden;} td.tableMiddle{ vertical-align: top; } td.tableRight{ vertical-align: top; width: 200px; min-width: 200px; overflow: hidden;} img.divider{ width: 510px; height: 0;} /* ---------------------------------------------------------- /* LEFT side content css /* ---------------------------------------------------------- */ #left { width:200px;} .leftmenu {margin-top:11px; _zoom: 1; overflow: hidden;} .leftmenu ul li {float:left; width:200px; margin:0 0 4px 0;} .leftmenu ul li.break {float:left; width:200px; height:20px; overflow:hidden; } .leftmenu ul li a { background-image:url(../images/hover-dark-trans.png); margin: 0; padding: 0 11px; width: 190px; float:left; text-decoration: none; font-size:11px; line-height:26px; _height:26px; cursor:pointer;} .leftmenu ul li.selected a, .leftmenu ul li a:hover {background-image:url(../images/hover-dark-trans2.png);text-decoration:none; } /* ---------------------------------------------------------- /* Middle side content css /* ---------------------------------------------------------- */ #middle .column-in { padding: 0 10px 10px; text-align: left; } table.inhoud { width: 100%; border:none;} .subsubmenu { padding: 4px 0; font-size:10px; } .subsubmenu a,.subsubmenu .nolink { font-size:10px; font-weight:400; line-height:21px; text-decoration:none; padding: 2px 4px 2px 4px; margin: 0 5px 0 0; } .subsubmenu a:hover{ text-decoration:underline;} #titlebread { padding:0 10px; font-size:11px; font-weight:400; line-height:33px; height:33px;margin-bottom:10px;} #titlebread a { text-decoration:none; font-size:11px; font-weight:400; line-height:12px;} #titlebread a:hover {text-decoration:underline;} td.header, td.header a, .header, .header a, #titlecontent { } td.border {border-top:1px solid;border-bottom:1px solid;} td.header a.dropdown {background:url(../images/dropdown-arrow.gif) no-repeat 0 5px; padding-left:10px; margin-left:15px; font-size:10px; text-decoration:none;} td.header a.dropdown:hover {text-decoration:underline;} td.header a.prev {background:url(../images/prev-arrow.gif) no-repeat 0 3px; padding-left:10px; margin-left:15px; font-size:10px; text-decoration:none;} td.header a.prev:hover {text-decoration:underline;} td.header a.next {background:url(../images/next-arrow.gif) no-repeat 0 3px; padding-left:10px; margin-left:15px; font-size:10px; text-decoration:none;} td.header a.next:hover {text-decoration:underline;} #alert {margin: 10px 0 10px 0; padding: 10px 10px 10px 50px; font-size:10px; background: url("../images/alert.gif") 10px 10px no-repeat;} #message {margin: 10px 0 10px 0; padding: 10px 10px 10px 70px; font-size:10px; background: url("../images/message.gif") 10px 10px no-repeat;} /* ---------------------------------------------------------- /* Right side content css /* ---------------------------------------------------------- */ #right { float:right; width:200px;} #right a {text-decoration:none;} #right a:hover {text-decoration:underline;} #headerLogin .red, #right .red { font-size:11px; line-height:12px;} #headerLogin { font-size:11px; line-height: 12px; border-bottom:10px solid;} #headerLogin br { line-height: 5px;} #headerLogin .title { margin: 0 0 5px 0; } #headerLogin .box-in { margin: 10px; } #headerLogin .red { margin: 0; font-size:11px; padding: 10px 0 10px 0; } #headerLogin a{ text-decoration: underline; } #headerLogin .box-in a { font-size:11px; text-decoration: none; clear:both; display:block;} #headerLogin .box-in a.user {font-size:12px; font-weight:bold;} #headerLogin .box-in a:hover { text-decoration: underline; } #headerLogin input {background:url(../images/login-input-bg.gif) no-repeat; width:170px; height:21px; border:none; margin:0 0 7px 0; padding:0 5px;font-size:11px;} #headerLogin input.submit {background:url(../images/login-submit-bg.gif) no-repeat; width:64px; height:21px; border:none; float:right; cursor:pointer; padding:0;font-size:11px;} #headerLogin input.checkbox {width:auto;height:auto;background:none; float:left;margin:0;padding:0;} #headerLogin label {} #headerLogin a.password { font-size:11px; text-decoration: none; clear:both; text-align:right; display:block;} .invites { clear: left; padding: 5px 0 0 0;} .invites a {background-image:url(../images/hover-dark-trans.png);padding:3px 5px; cursor:pointer; height:13px;} #right #headerLogin ul { float: left; margin: 0; } #right #headerLogin ul li { font-size:10px; } #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; } #right #headerLogin table.logged-in {width:100%; border:none; border-collapse:collapse;} #right #headerLogin table.logged-in td {border-top:1px solid; padding:5px 0;} #right .chat-button {margin-top:10px; text-align:center;} #login_box h2 { background: url(../images/icon-login.gif) top right no-repeat; height:25px; font-size:15px;margin:0;padding:3px 10px 0;} #login_box form { margin:10px 10px 0;} #login_box a { font-size:11px; text-decoration: none; display:block; clear:both; text-align:right;} #login_box a:hover { text-decoration: underline; } #login_box ul li {background: url(../images/stripe2.gif) no-repeat center left} #login_box ul li a {font-size:10px;} #login_box input {background:url(../images/login-input-bg.gif) no-repeat; width:180px; height:21px; border:none; margin-bottom:7px; padding:0 5px;} #login_box input.submit {background:url(../images/login-submit-bg.gif) no-repeat; width:64px; height:21px; border:none; float:right; cursor:pointer; padding:0;} #login_box input.checkbox {width:auto;height:auto; } #login_box label {} form.login-form {width:180px; margin:0; padding:10px;} #logout { clear:both; padding: 0; border-top:10px solid; height:25px;} #logout div { } #logout div a, #logout div {font-size:11px; padding: 0; line-height:25px; } #logout div a {text-decoration:none; display:block; float:left; width:100px; text-align:center; cursor:pointer;} #logout div a:hover { text-decoration: underline; background-image:url(../images/hover-dark-trans.png); } #rightBox1 {padding: 0 0 10px 0; } .advertising a {display:block; text-align:center;} #rightBox2 div,#rightBox3 div,#rightBox4 div {padding:10px; } #rightBox1 div.titlebread2,#rightBox2 div.titlebread2,#rightBox3 div.titlebread2,#rightBox4 div.titlebread2 {padding:0 11px;} #rightBox1 div div,#rightBox2 div div,#rightBox3 div div,#rightBox4 div div{padding:0;} #rightBox3 ul.agenda {margin:0 0 10px 0} #rightBox3 ul.agenda li {padding:5px 0; border-bottom:1px solid;} #right ul { margin: 10px 0 10px 0; } #right ul li { font-size:11px; line-height:12px; } #right ul li a { font-size:11px; line-height:12px; padding-bottom:10px; text-decoration:none} #right ul li a:hover {text-decoration:underline; } #right .blue { font-size:11px; line-height:12px; padding:0 0 5px 0; } #right .title, #headerLogin .title {font-size:12px; line-height:12px; font-weight:bold} #headerLogin .title { } #rightBox1 ul.online { padding: 0 0 0 0; margin:0; list-style-position:outside;} #rightBox1 ul.online li { padding: 0 0 0 10px; font-size:12px; line-height:24px; border-bottom:1px solid #cbcbcb;} #rightBox1 ul.online li.last {border-bottom:none;} #rightBox1 ul.online li.score { background:none; } #rightBox1 ul.online li a {text-decoration:none; line-height:24px;} #rightBox1 ul.online li a:hover { text-decoration: underline} /* stemknop naar rechts */ #rightBox2 input { float: right; } #rightBox2 ul li input { float: none; } #rightBox2 input.submit { background:url(../images/login-submit-bg.gif) no-repeat; border: none; cursor:pointer; float:right; font-size:11px; height:21px; padding:0; width:64px; } #right .title, #right .red, #right .red a, #right .blue, #right ul li, #right ul li a { } #right /* ---------------------------------------------------------- /* Header content css /* ---------------------------------------------------------- */ /* tabs local */ #tabtop ul li {float:left;} #tabtop ul li a {line-height:20px; width:130px; height:20px; float:left; text-decoration: none; font-size:10px; 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:relative; margin: 0; padding: 0; height: 97px; width:944px; border:1px solid #000; } /* #headerImage .header-color {background:url(../images/header-color-image.png) no-repeat top left; height:97px;} */ /* #headerImage .header-color {background:url(../includes/includes.header-color-image.php) no-repeat top left; height:97px;} */ #headerImage .header-color .overlay {background:url(../images/header-overlay.png) no-repeat; height:97px;} #headerImage .header-color .overlay .logo {position:absolute; left:11px; top:11px;} #headerImage .header-color .overlay .logo h2 {font-size:25px; font-weight:bold;float:left; margin:23px 0 0 10px;} #headerImage .header-color .overlay a.members {position:absolute; right:0px; top:50px; width:95px; line-height:18px; height:18px; text-transform:uppercase; display:block; padding:0 5px; text-decoration:none;} #headerImage .header-color .overlay a.members:hover {text-decoration:underline;} /* header bar */ #headerBar { position:relative; margin: 7px 0; height: 20px;} #peopleonline { float:left; } #peopleonline div {font-size:10px; padding-left:15px; line-height:20px; } /* Footer */ #footer { height: 25px; font-size:11px; text-align: center; line-height: 20px; margin: 0; padding:4px 0 0 0; border-top:10px solid;} #footer a {text-decoration:none;} #footer a:hover {text-decoration:underline;} #transparent { display: none; } /* ---------------------------------------------------------- /* Center Content Oud /* ---------------------------------------------------------- */ #positioning {position:relative;} .titlebread2 {font-size:13px; font-weight:bold; line-height:33px; height:33px; text-transform:uppercase; padding:0 11px; border-bottom:1px solid #ffffff} .ie-fix {position:relative;} .shoutclass {height:35px; line-height:15px; padding:8px 11px 0;} .titlebread2 span {font-size:9px; display:block;} span.login {background: url(../images/icon-login.png) top right no-repeat; position:absolute; height:33px; width:39px; right:0; top:0;} #titlecontent {font-size:14px; font-weight:bold; line-height:16px; padding-bottom:5px;} #titlecontent2 {font-size:14px; font-weight:bold; line-height:16px; padding-bottom:5px;} #photo img{ padding:5px; } img.photo { padding:5px; } #date {font-size:10px; font-weight:800; line-height:14px;} #date2 {font-size:9px; font-weight:normal; margin-bottom:3px;} td.inhoud { font-size:11px; padding:5px; overflow: hidden; _zoom: 1; } 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; padding:10px; text-decoration:none;} td.inhoud a:hover, td.inhoudbold a:hover { text-decoration:underline;} td.tabwit {font-size:11px; } td.tabbackgrey {font-size:11px;} td.header {font-weight: bold; font-size:11px; padding: 5px; background-image:url(../images/trans-medium.png);} .header {font-weight: bold; font-size:11px; padding: 5px;} .agenda-page td.header, .agenda-page .header {background:none;} table.inhoud table.inhoud td.header {background-image:url(../images/trans-light.png);} td.content {font-size:10px; padding:5px;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;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;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; text-decoration:none;} /* files table */ table.files td { border-top:none; } /* guestbook table */ table.guestbook {border-bottom:1px solid #d2d2d2;} /* 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; } /* positions */ ul.emoticons li {float:left;} ul.opmaak {display:block;clear:both;margin-top:5px;} ul.opmaak li {background:#f2f2f2; border:1px solid #d2d2d2; padding:1px 3px; float:left; margin:3px 3px 3px 0;} /* forum */ #forum { margin: 10px 0 0 0; } .forum_post { font-size: 11px; 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_header2 { line-height: 30px; } .forum_header2 a {text-decoration:none;} .forum_header2 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; font-weight:bold; font-size:13px;} .f_name span {font-size:11px; font-weight:normal; margin:1px 0 0 5px;} .forum_body {clear:both;} .f_date{ margin: 0 0 0 130px;} .f_options{ float: right; padding: 5px 0 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 4px 4px 4px; min-height: 20px; font-size:10px; background-image:url(../images/hover-dark-trans.png); margin-bottom:10px; } #submenu a,#submenu .nolink, #help_box .button { font-size:10px; font-weight:400; line-height:21px; text-decoration:none; padding: 2px 4px 2px 4px; margin: 0 5px 0 0; } #submenu a:hover, #help_box a.button:hover { text-decoration:underline;} #submenu a.nobox, #submenu a.nobox:hover { background: none; border: 0; } #help_box table td { font-size: 11px; } .subsubmenu {background:none;} td.content2, #help_box .button {background-image:url(../images/trans-light.png);} .forum_header {background-image:url(../images/hover-dark-trans.png); padding:0 10px;} #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 { } .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; 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; } .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 { 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 { padding: 0; margin: 0; width: 200px; overflow:hidden; } #shoutbox input { float: none; background:url(../images/login-input-bg.gif) no-repeat scroll 0 0 transparent; border:medium none; font-size:11px; height:21px; margin-bottom:7px; padding:0 5px; width:170px; } #shoutbox textarea { float: none; background:url(../images/login-textarea-bg.gif) no-repeat scroll 0 0 transparent; border:medium none; font-size:11px; height:50px; margin-bottom:7px; padding:0 5px; width:170px; } #shoutbox input.submit { background:url(../images/login-submit-bg.gif) no-repeat scroll 0 0 transparent; border:medium none; cursor:pointer; float:right; font-size:11px; height:21px; padding:0; width:64px; } /*#shoutbox label { width:50px; display: block; float: left; }*/ #shoutbox .header { padding: 10px;} #shoutbox .header span { font-size: 9px; } #shoutbox #shoutcontent { height: 300px; overflow-x:hidden; background: #fff; border: 1px solid #000000; margin:5px; } #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 */ table.crosstable td { border-top:1px solid #CBCBCB; } .crosstablecell {display: block; line-height: 25px; width: 100%} .shoutclass span a { color:#fff; } .ad-outside { width: 125px; overflow: hidden; position: absolute; top: 10px; } .ad-left { left: -130px; } .ad-right { right: -135px; } .ad-inside { width: 526px; } .ad-bottom { }