/* tabs local */

#tabtop { height: 20px;}
#tabtop ul li {float:left;}
#tabtop ul li a { line-height:20px; width:145px; height:20px; float:left; text-decoration: none; font-size:10px; letter-spacing:1px;}
#tabtop ul li a:hover { background-position: 0px 20px ; }
#tabtop ul li a.tabwit { background-position: 0px 20px; }
#tabtop ul li a.arrowright { width:15px; }
#tabtop ul li a.arrowright:hover { background-position: 0px 20px}
#tabtop ul li a.arrowleft { width:15px; float:left; }
#tabtop ul li a.arrowleft:hover { background-position: 0px 20px}
#tabtop ul li.hide { visibility: hidden; }

.titlebread2 {font-size:12px; font-weight:400; line-height:14px; letter-spacing:2px; padding: 20px 10px 10px 10px;}

/* -------------------------------------------- */
/*     gebruik dit stuk css voor SKYSCAPER      */
/* -------------------------------------------- */
 /*
#site { width: 1085px; margin: 0 auto; overflow:hidden; }
#sitecontainer { float: left; }
#skyscraper { width: 120px; overflow:hidden; height: 600px; background: #FFF url('../images/advert/advertisement_background.gif'); float: left; margin: 40px 0 0 20px; padding: 15px 5px 5px 5px; }
#container { width: 925px; overflow:hidden;  } 
#tabsLocal{ padding:0; padding: 20px 0 0 0; width: 925px; }

/* -------------------------------------------- */
/*  gebruik dit stuk css voor zonder SKYSCAPER  */
/* -------------------------------------------- */

#tabsLocal{ padding:0; padding: 20px 0 0 0; margin: 0 auto; width: 925px; } 
#skyscraper { display: none; }

.banner { height: 60px; margin: 0 0 20px 0; text-align:center; }


#header_bar_top{ margin: 0 0 0 15px; line-height: 20px; padding: 0 0 0 13px; height: 20px; }

#header_bar_bottom{ margin: 0 0 0 15px; text-align: right; height: 25px; line-height: 25px; padding: 0 20px 0 10px;  font-size: 10px;  }
#header_bar_bottom a{ text-decoration: none }
#header_bar_bottom a:hover { text-decoration: underline; }

#footer_bar { font-size: 9px; letter-spacing: 1px; margin: 0 0 0 15px; padding: 5px 0 0 20px; height: 25px; text-align: center; }
#footer_bar a { text-decoration: none; }
#footer_bar a:hover { text-decoration: underline; }


#content_left{ float: left;  margin: 0 0 0 8px !important; margin: 0 0 0 4px; width: 192px; }
#content_right{ float: left; width: 700px; }
#content_right .col-in{ padding: 20px; }

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

#loginbox { margin: 0 0 0 2px; min-height: 100px; padding: 10px 0 10px 10px; }
#loginbox input { width: 165px; margin: 5px 0 5px 0; }
#loginbox .radiobox { width: 20px; margin: 0; }
#loginbox .mini { font-size: 9px; }
#loginbox a:hover { text-decoration: none; }
.devider { clear: left; height: 10px; overflow: hidden;  }
.leftcontent { margin: 0 0 0 2px; }

#loginbox ul { float: left; margin: 0 5px 0 0; }
#loginbox ul li a { text-decoration: none; }
#loginbox ul li a:hover { text-decoration: underline; }

.leftmenu { margin: 0 0 0 2px; }
.leftmenu ul li {float:left; width:190px}
.leftmenu ul li.break {float:left; height:20px; }
.leftmenu ul li a { padding: 0 0 0 10px; width:178px;  height:18px; float:left; text-decoration: none; font-size:10px; line-height:18px; letter-spacing:1px; }
.leftmenu ul li a { line-height:20px; letter-spacing:1px;}

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

#titlecontent, .titlecontent { font-weight: bold; font-size: 12px; padding: 0 0 0 1px; letter-spacing:1px;  }
#titlecontent2 {font-size:14px; font-weight:bold; line-height:16px; letter-spacing:1px; padding-bottom:5px;}

#alert { margin: 10px 0 10px 0; padding: 10px 10px 10px 50px; font-size:10px; letter-spacing: 1px; }
#message { margin: 10px 0 10px 0; padding: 10px 10px 10px 50px; font-size:10px; letter-spacing: 1px; }

#rsscontent img{ float: right; padding: 10px; margin: 10px; }

#date {font-size:10px; font-weight:800; line-height:14px; letter-spacing:1px; }

#submenu { padding: 2px 10px 2px 10px; }
#submenu a, #submenu .nolink, #help_box .button { font-weight:400; line-height:21px; letter-spacing:1px; text-decoration:none; padding: 2px 4px 2px 4px; }
#submenu a.nobox, #submenu a.nobox:hover { background: none; border: 0; }

#help_box table td { font-size:11px; }
#help_box { min-height: 20px; font-size: 11px; }
#help_box .tekst { padding: 10px; }

#submenu { min-height: 20px;}
#submenu a, #submenu .nolink, #help_box .button { font-size:10px;}
#submenu a img{ border: 0px;}

#subsubmenu {  padding: 2px 10px 2px 10px; font-size:10px; }
#subsubmenu a, #subsubmenu .nolink { font-weight:400; line-height:21px; letter-spacing:1px; text-decoration:none; padding: 2px 4px 2px 4px; }

.subsubmenu { padding: 2px 10px 2px 10px; font-size:10px; }
.subsubmenu a, #subsubmenu .nolink { font-weight:400; line-height:21px; letter-spacing:1px; text-decoration:none; padding: 2px 4px 2px 4px; }

table.inhoud { width: 100%;}
table.inhoudtop { width: 100%;}
td.inhoud { font-size:11px; line-height:18px; padding: 5px 10px 5px 10px; letter-spacing:1px; text-decoration:none;}
td.inhoudbold { font-weight:bold; font-size:11px; line-height:18px; padding:5px; letter-spacing:1px; text-decoration:none;}
td.inhoud a,td.inhoudbold a {text-decoration:none;}
td.inhoud a:hover,td.inhoudbold a:hover {text-decoration:underline;}

td.header, .header { font-weight: bold; font-size:11px; letter-spacing:1px; padding: 10px; padding-top:5px; padding-bottom:5px;}
td.content {font-size:10px; padding:5px; padding-top:5px; padding-bottom:5px; letter-spacing:1px; text-decoration:none;}
td.content a:hover { text-decoration:none; }
td.content2 {font-size:10px; padding:5px; padding-top:5px; padding-bottom:5px; letter-spacing:1px; text-decoration:none }
td.content2 a:hover { text-decoration:none; }

.prof_friend_name { font-size: 9px;	padding: 0 0 0 0; }
.prof_friend_name a { text-decoration: none; }
.prof_friend_name a:hover { text-decoration: underline; }
.prof_friend_tab { float: left;	padding: 5px; text-align: center; height: 100px; width: 80px; }
.prof_friend { padding-top: 10px; }

#guestbookcontent { padding: 10px; }

.small { font-size: 10px; }

/* vriendje bij /modules/profile/listfriend */
.friendNoBreak { float: left; height: 200px; margin: 0 10px 0 10px }
.friend { padding: 10px 10px 0 10px;  margin-top:10px; width: 75px; min-height: 125px; font-size: 9px; }
.friend_remove { height: 20px;  }
.friend_remove img { float: right; }
.friend_picture { text-align: center; height: 75px; margin: 5px 0 0 0; }
.friend_name { margin: 15px 0 10px 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; }

.invite { border: 1px solid #CCCCCC; padding: 5px; margin: 0 0 10px 0; }

.radiobox{ border: 0px; }

#submenu a.nobox, #submenu a.nobox:hover { background: none; border: 0; }

#help_box table td { font-size:11px; }
#help_box { min-height: 20px; font-size: 11px; margin: 0 0 20px 0; }
#help_box .tekst { padding: 10px; }

.extra_information { position: absolute; text-align: left; padding: 2px; margin: 0px 0 0 0px; }

#blog { margin: 20px 0 0 0; }

.blogheader { font-size: 18px; }
.blogbody { padding: 10px 0 10px 0; letter-spacing: 1px; line-height: 15px; color: #333333; }
.blogbody img{ padding: 5px; }
.blogfooter { clear: both; letter-spacing: 1px; border-top: 1px solid #999999; padding: 10px 0 0 0}
.blogentry { margin: 0 0 20px 0; border: 1px solid #999999; padding: 10px; }

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

#react textarea, #react input { width: 50%; }

#friendpath { width: 225px; color: #333333; }
#friendpath a { font-size: 9px; color: #333333; }

/* ---------------------------------------------------------- /*
	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; }
.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; background-color:#F6F6F6; }


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

.spacer
{
	width: 100%;
	clear: both;
}

.spacerW
{
	height: 10px;
	overflow: hidden;
	float: left;
}

.h8
{
	height: 8px;
	overflow: hidden;
}

.h10
{
	height: 10px;
	overflow: hidden;
}

.totalContainer{
	border: 1px solid black;
	overflow:hidden;
	background:#CCCCCC;
	margin: 8px 0 0 0;
}