/*
Theme Name: TTV SKF
Theme URI: http://www.ttv-skf.nl/
Description: This theme remains the property of the author Wilfred Berkhof
Version: 1.25
Author: Wilfred Berkhof
Author URI: http://www.dezonenvanwaldner.nl/
*/


/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0; margin-bottom: 16px }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
a img { border:none } /* Gets rid of IE's blue borders */

body {
background-image: url(images/bg.png);
background-repeat: repeat-x;
background-color: #adc8f6;
font-family: Arial;
font-size: 12px;
color: #000000;
}

body a, a:visited {
color: #000000;
font-weight: normal;
text-decoration: underline;
}

body a:hover, a:active {
color:#999999;
font-weight: normal;
text-decoration: underline;
}


p {
	margin-bottom: 16px;
}

H2 {
font-family: Arial;
font-size:16px;
letter-spacing: 1.2px;
font-weight: bold;
line-height: 20px;
padding-bottom: 12px;
}

H3 {
font-family: Arial;
font-size:14px;
letter-spacing: 1.2px;
font-weight: bold;
line-height: 18px;
padding-bottom: 12px;
}

/* Site container */

#container {
margin: 5px auto;
width: 957px;
background-color:#FFF;
border: 2px solid #000;
}

/* Left column */

#left {
float: left;
background-color:#FFFFFF;
width: 180px;
}

#logo {
position: relative;
left: -14px;
top: -2px;
width: 194px;
height: 98px;
background-image: url(images/logo2.png);
}

#navigation {
position: relative;
left: -10px;
top: -2px;
width: 190px;
background-image: url(images/nav_bg.png);
background-repeat:repeat-y;
padding-left: 16px;
font-family: Arial;
font-size: 12px;
line-height: 25px;
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}

#navigation a {
color: #ffffff;
text-decoration: none;
font-weight: bold;
}

#navigation a:hover {
color: #faf44f;
text-decoration: none;
font-weight: bold;
}

#blade {
position: relative;
left: -14px;
top: -2px;
width: 192px;
height: 134px;
background-image: url(images/nav_blade.png);
background-repeat:no-repeat;
}

#left_widget {
margin-left: 10px;
position: relative;
border:#999 1px solid;
margin-top: 15px;
padding: 3px;
width: 153px;
background-color:#eeeee;
}

#left_widget_pic {
position: relative;
padding: 3px;
width: 147px;
}

#left_widget_text {
position: relative;
font-family: Arial;
font-size: 11px;
font-weight: normal;
line-height: 16px;
color: #000000;
padding: 3px;
}


/* HEADER */

#header {
float: left;
position:relative;
background-color:#FFFFFF;
width: 758px;
height: 20px;
padding-right: 15px;
}

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

#header a:hover{
color: #999999;
text-decoration: none;
}

.login li {
display: inline;
list-style-type: none;
padding: 4px 0px 4px 7px;
float: right;
font-size: 10px;
}


/* CENTER CONTENT */

#center {
float: left;
background-color: #FFFFFF;
width: 475px;
}


/* HOME SLIDESHOW */

#slideshow {
    position: relative;
    height: 308px;
	width: 460px;
	margin: 0px 0px 8px 5px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}


/* HOME NEWS */

#news {
width: 435px;
height: 269px;
background-image: url(images/news_bg.png);
background-repeat: no-repeat;
padding: 15px 20px;
font-family: Arial;
font-size: 12px;
font-weight: normal;
line-height: 26px;
color: #FFFFFF;
}

#news ul  {
list-style-type: none;
color: #000;
text-decoration: none;
}

#news a, a:visited {
color: #ffffff;
text-decoration: none;
font-weight: bold;
}

#news a:hover, a:active {
color: #faf44f;
text-decoration: none;
font-weight: bold;
}

#news_new {
	position: relative;
	float: left;
}

news_old {
	position: relative;
	float: right;
}


/* HOME NEW COMMENTS */

#comments_box_home {
position: relative;
float: left;
border: solid #000 1px;
left: 5px;
padding: 10px 10px 0px;
width: 438px;
}


/* HOME RIGHT COLUMN */

#right {
float: left;
background-color: #FFFFFF;
width: 298px;
}


/* right_widget1 = Welcome widget */

#right_widget1 {
width: 296px;
background-image: url(images/right_widget1_bg1.png);
background-repeat: no-repeat;
margin-bottom: 5px;
height: 439px;
}

#right_widget1_pic {
position: relative;
padding: 12px 14px 0px 14px;
}

#right_widget1_text {
position: relative;
font-family: Arial;
font-size: 12px;
font-weight: normal;
line-height: 14px;
letter-spacing: 1px;
color: #000000;
padding: 10px 20px 10px 16px;
}

#right_widget1_text a, a:visited {
color: #000000;
font-weight:normal;
}

#right_widget1_text a:hover, a:active {
color: #999999;
font-weight:normal;
}

/* right_widget2 = Activity announcements */

#right_widget2 {
width: 296px;
background-image: url(images/right_widget2_bg.png);
background-repeat: no-repeat;
height: 420px;
}

#right_widget2_pic {
position: relative;
padding: 12px 14px 0px 14px;
}

#right_widget2_text {
position: relative;
font-family: Arial;
font-size: 12px;
font-weight: normal;
line-height: 14px;
letter-spacing: 1px;
color: #000000;
padding: 10px 20px 10px 16px;
}

#right_widget2_text a, a:visited {
color: #000000;
}

#right_widget2_text a:hover, a:active {
color: #999999;
font-weight:normal;
}


/* PAGES */


/* pages center column */

#pages_center {
float: left;
background-color: #FFFFFF;
width: 530px;
}


/* POSTS layout for all posts and pages */

.post_container {
position: relative;
background-color: #FFFFFF;
width: 430px;
border: solid #000 1px;
padding: 15px;
left: 5px;
min-height: 200px;
}

#post_text a, a:visited {
color: #000000;
font-weight:normal;
text-decoration: underline;
}

#post_text a:hover, a:active {
color: #999999;
font-weight:normal;
text-decoration: underline;
}


.post_title {
position: relative;
background-color: #FFFFFF;
font-weight: bold;
margin-bottom: 16px;
}

.post_title h1{
color: #309DCF;
font-size: 24px;
font-weight: bold;
line-height: 34px;
}

#post_text {
font-family: Arial;
font-size: 12px;
line-height: 16px;
font-weight: normal;
}


/* COMMENTS layout for all comments */

.comment_container {
	position: relative;
	width: 430px;
	border: solid #000 1px;
	padding: 15px;
	left: 5px;
	margin-top: 10px;
	background-color:#E5E5E5;
}

/* pages posts */

.pages_post_container {
background-color: #FFFFFF;
width: 490px;
border: solid #000 1px;
padding: 15px;
margin-left: 5px;
min-height: 200px;
}

.pages_comment_container {
width: 490px;
border: solid #000 1px;
padding: 15px;
margin-left: 5px;
margin-top: 10px;
background-color:#E5E5E5;
}


/* pages right column */

#widget_box {
position: relative;
float: left;
border: solid #000 1px;
left: 5px;
padding: 10px 10px 0px;
width: 210px;
}

#widget_box_home {
position: relative;
float: left;
border: solid #000 1px;
left: 5px;
padding: 10px 10px 0px;
width: 260px;
}



#get_recent_comments_wrap {
font-family: Arial;
font-size: 10px;
font-weight: normal;
line-height: 12px;
color: #000000;
padding: 10px 0px 0px;
}

#get_recent_comments_wrap li {
padding: 6px 0px 12px;
font-size: 10px;
}

#comment_name {
text-decoration: none;
font-style: italic;
}


#comment_name a, a:visited {
text-decoration: none;
font-weight: bold;
font-style: normal;
}

#comment_name a:hover, a:active {
text-decoration: underline;
color: #999999;
font-weight: bold;
font-style: normal;
}

#comment_title {
font-weight: bold;
padding: 0px 0px 4px;
}


#comment_title a, a:visited {
color: #06F;
text-decoration: none;
font-weight:normal;
}

#comment_title a:hover, a:active {
color: #06F;
text-decoration: underline;
font-weight:normal;
}


#pages_right {
float: left;
position: relative;
background-color: #FFFFFF;
width: 240px;
}

#pages_right_widget1 {
width: 240px;
background-image: url(images/page_right_widget1_bg.png);
background-repeat: no-repeat;
margin-bottom: 5px;
height: 390px;
}

#pages_right_widget1_text {
position: relative;
font-family: Arial;
font-size: 12px;
font-weight: normal;
line-height: 14px;
letter-spacing: 1px;
color: #000000;
padding: 20px;
}


/* NEWS PAGE layout for right widget with all news items */

#news_right {
width: 296px;
background-image: url(images/right_news_bg.png);
background-repeat: no-repeat;
margin-bottom: 5px;
height: 750px;
font-family: Arial;
font-size: 12px;
font-weight: normal;
line-height: 24px;
color: #FFFFFF;
padding: 10px 8px 10px 14px;
}

#news_right ul  {
list-style-type: none;
color: #fff;
text-decoration: none;
}

#news_right a, a:visited {
color: #ffffff;
text-decoration: none;
}

#news_right a:hover, a:active {
color: #faf44f;
text-decoration: none;
font-weight: bold;
}


/* PAGES COMPETITIE layout voor foto's */

#comp_photo_left {
width: 220px;
height: 310px;
position: relative;
float: left;
text-align: center;
margin-right: 50px;
line-height: 24px;
}

#comp_photo_right {
width: 200px;
height: 310px;
position: relative;
float: left;
text-align: center;
line-height: 24px;
}


/* VACATURES layout voor de vacatures */

.vacature_container {
position: relative;
float: left;
background-color:#FFFFFF;
width: 490px;
border: solid #000 1px;
}

#vacature_list {
position: relative;
float: left;
background-color: #0282B7;
width: 460px;
font-family: Arial;
font-size: 16px;
font-weight: bold;
line-height: 24px;
padding: 10px 15px;
color: #FFF;
}

#vacature_list a, a:visited {
color: #FFF;
font-weight: normal;
}

#vacature_list a:hover, a:active {
color: #faf44f;
font-weight: normal;
}

#spacer {
width: 490px;
height: 50px;
position: relative;
float: left;
}

.vacature_header {
position: relative;
float: left;
background-color:#E30023;
width: 460px;
font-family: Arial;
font-size: 18px;
font-weight: bold;
line-height: 24px;
padding: 10px 15px;
color: #FFF;
}

.vacature_text {
position: relative;
float: left;
width: 460px;
padding: 10px 15px 5px;
font-family: Arial;
font-size: 12px;
line-height: 18px;
font-weight: bold;
}

.vacature_meer_weten {
background-color: #FFFFFF;
color: #0282B7;
width: 460px;
position: relative;
float: left;
padding: 5px 15px 0px;
font-family: "Arial Black";
font-size: 18px;
top: 2px;
}

#vacature_contact {
background-color: #0282B7;
color: #FFF;
width: 460px;
position: relative;
float: left;
font-family: Arial;
font-size: 12px;
line-height: 22px;
padding: 8px 15px;
letter-spacing: 0.6px;
}

#vacature_contact a, a:visited {
color: #FFF;
font-weight: normal;
}

#vacature_contact a:hover, a:active {
color: #faf44f;
font-weight: normal;
}


/* Wie is Wie Pages layout to be used on Wie is Wie pages */

.pages_wie_post_container {
background-color: #FFFFFF;
width: 490px;
border: solid #000 1px;
padding: 15px;
margin-left: 5px;
position: relative;
float: left;
font-family: Arial;
font-size: 14px;
font-weight: normal;
line-height: 20px;
min-height: 200px;
}

#wie_photo {
width: 80px;
height: 120px;
position: relative;
float: left;
}

#wie_text_left {
width: 150px;
height: 120px;
position: relative;
margin-right: 30px;
float: left;
}

#wie_text_right {
width: 150px;
height: 120px;
position: relative;
float: left;
}

/* Webshop banner */

#webshop {
width: 475px;
height: 249px;
background-image: url(images/webshop_soon.png);
background-repeat: no-repeat;
}



/* BARROOSTER widget layout */

#barrooster {
width: 234px;
border:#999 1px solid;
left: 5px;
position: relative;
margin-bottom: 20px;
}

#barrooster_text {
position: relative;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 16px;
letter-spacing: 1px;
color: #FFFFFF;
padding: 10px 20px 10px 16px;
background-color: #cc0000;
}

#barrooster_text a, a:visited {
color: #FFFFFF;
}

#barrooster_text a:hover, a:active {
color: #FFFFFF;
font-weight:normal;
}

/* #barrooster_pic {
position: relative;
width: 234px;
height: 124px;
}*/



/* recreanten photo */

#recreanten_photo {
position: relative;
height: 264px;
width: 520px;
margin-left: 5px;
}

/* recreanten photo */

#henk_photo {
position: relative;
height: 362px;
width: 460px;
margin: 0px 0px 8px 5px;
}

/* #slideshow_senioren */

#slideshow_senioren {
position:relative;
height: 260px;
width: 520px;
margin-left: 5px;
}

#slideshow_senioren IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow_senioren IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow_senioren IMG.last-active {
    z-index:9;
}


/* #slideshow_bedrijven */

#slideshow_bedrijven {
position:relative;
height: 320px;
width: 520px;
margin-left: 5px;
}

#slideshow_bedrijven IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow_bedrijven IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow_bedrijven IMG.last-active {
    z-index:9;
}


/* #slideshow_jeugd */

#slideshow_jeugd {
position:relative;
height: 329px;
width: 520px;
margin-left: 5px;
}

#slideshow_jeugd IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow_jeugd IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow_jeugd IMG.last-active {
    z-index:9;
}

/* #slideshow_50 */

#slideshow_50 {
position:relative;
height: 300px;
width: 520px;
margin-left: 5px;
}

#slideshow_50 IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow_50 IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow_50 IMG.last-active {
    z-index:9;
}



/* submenu */

#submenu {
width: 520px;
height: 42px;
background-image: url(images/submenu_bg.png);
background-repeat: no-repeat;
margin-left: 5px;
padding: 8px 0px 0px 20px;
font-family: Arial;
font-size: 14px;
font-weight: normal;
line-height: 16px;
color: #FFFFFF;
}

#submenu li  {
display: inline;
list-style-type:none;
color: #000;
text-decoration: none;
padding-right: 20px;
}

#submenu a, a:visited {
color: #ffffff;
text-decoration: none;
font-weight: bold;
}

#submenu a:hover, a:active {
color: #faf44f;
text-decoration: none;
font-weight: bold;
}


/* historie pages */

#pages_center_historie {
float: left;
background-color: #FFFFFF;
width: 775px;
}

#slideshow_historie {
position: relative;
height: 387px;
width: 750px;
margin-left: 5px;
}

#slideshow_historie IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow_historie IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow_historie IMG.last-active {
    z-index:9;
}

#submenu_historie {
width: 750px;
height: 42px;
background-image: url(images/submenu_historie_bg.png);
background-repeat: no-repeat;
margin-left: 5px;
padding: 8px 0px 0px 20px;
font-family: Arial;
font-size: 14px;
font-weight: normal;
line-height: 16px;
color: #FFFFFF;
}

#submenu_historie li  {
display: inline;
list-style-type:none;
color: #000;
text-decoration: none;
padding-right: 20px;
}

#submenu_historie a, a:visited {
color: #ffffff;
text-decoration: none;
font-weight: bold;
}

#submenu_historie a:hover, a:active {
color: #faf44f;
text-decoration: none;
font-weight: bold;
}

.historie_post_container {
background-color: #FFFFFF;
width: 720px;
border: solid #000 1px;
padding: 15px;
margin-left: 5px;
min-height: 200px;
}


/* SPONSOR WIDGETS HOME */

#sponsorloterij {
position: relative;
float: left;
width: 240px;
padding: 10px 20px 20px;
margin-left: 5px;
}

#onze_club_winkel {
position: relative;
float: left;
background-color: #FFFFFF;
width: 171px;
border: solid #000 1px;
padding: 10px 30px;
font-family: Arial;
font-size: 14px;
font-weight: normal;
line-height: 16px;
font-weight: bold;
letter-spacing: 1px;
color: #E90404;
margin-left: 26px;
}


/* SPONSOR WIDGETS PAGES */

#sponsorloterij_pages {
position: relative;
float: left;
width: 234px;
padding: 20px 0px;
margin-left: 5px;
}

#onze_club_winkel_pages {
position: relative;
float: left;
background-color: #FFFFFF;
width: 172px;
border: solid #000 1px;
padding: 10px 30px;
font-family: Arial;
font-size: 14px;
font-weight: normal;
line-height: 16px;
font-weight: bold;
letter-spacing: 1px;
color: #E90404;
margin-left: 5px;
margin-top: 7px;
}


/* footer */

#footer {
position: relative;
clear: both;
width: 953px;
background-color: #FFFFFF;
padding: 10px 0px;
}

.footer_container {
position: relative;
width: 953px;
background-color: #FFFFFF;
height: 70px;
}

.footer_banner {
position: relative;
float: left;
width: 234px;
height: 60px;
margin: 5px 2px;
}