/* -------------------------------------------------------------- 
  
   Brand Repubic CSS Framework

   * Template	:		Goflex default Template
   * Auteur		:		Jurre-Jan Smit
   * Versie		:   	0.1
   * Datum		:		(25 - 04 - 08)
   
   - colorscheme -

   * goflex rood:		#EC1A3B
   
   
-------------------------------------------------------------- */


/* Importeer de library
-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";
@import "lib/plugins/tabs.css";
@import "lib/plugins/sifr.css";

/* **SAVING SPACE**
-------------------------------------------------------------- */
		ul li a {
	text-transform :lowercase;
}

/* Page
-------------------------------------------------------------- */
		
body {
	background :#333 url(../images/layout/bg.jpg) repeat-x;
	margin :0 auto;
	padding :0;
}

#container {
	position:relative;
	width :900px;
	margin :0 auto;
}

a{
color: #000;
}

a:hover{
color: #000;
}

a:visited{
color: #000;
}

/* Header
-------------------------------------------------------------- */

#header {

	width :959px;
	height:104px;
	margin:0;
	padding:0;
}

/* Menu
-------------------------------------------------------------- */


#main_menu ul {
	float :left;
	width :900px;
	margin :0 0 5px 0;
	list-style :none;
	background :url(../images/layout/stripe_menu.gif) repeat-x top;
	height :30px;
	padding-top :10px;
}

#main_menu li {
	height :30px;
	float :left;
	font-size :12px;
	line-height :12px;
}

#main_menu a {
	float :left;
	color :#ffffff;
	font-weight :bold;
	height :19px;
	padding :10px 10px 0;
	margin :0 5px;
}

#main_menu a:hover {
	height :20px;
	margin-bottom :5px;
	padding-top :10px;
}

#main_menu .menu-current a {
	border-top :1px solid #444;
	border-left :1px solid #444;
	border-right :1px solid #444;
	background :#0d0d0d;
	color :#EC1A3B;
}

#sub_menu ul{
	float :left;
	width :900px;
	margin :0 0 0 0;
	list-style :none;
	height:20px;
}

#sub_menu li {
	border-left :1px solid #666;
	padding :0px 10px;
	margin :5px 0 0 0;
	float :left;
	color :#ffffff;
}

#sub_menu a {
	color :#ffffff;
	font-size :12px;
}

#sub_menu a.active {
	color :#EC1A3B;
	font-weight :bold;
}

/* Focus Menu
-------------------------------------------------------------- */
	#focus_menu {
	float :left;
	clear :both;
	width :900px;
	height :150px;
	padding :0 0 10px 0;
	border-bottom :2px solid #444;
	overflow :hidden;
}

#focus_menu ul {
	float :left;
	margin :0;
	padding :0;
	list-style :none;
}

#focus_menu ul li {
	width :225px;
	height :150px;
	float :left;
	margin :0;
	padding :0;
	position:relative;
}

#focus_menu a {
	display :block;
	padding :105px 0 10px 0;
	font-size :22px;
	font-weight :bold;
	height :35px;
	overflow :hidden;
	color :#fff;
	cursor:pointer;
}

#focus_menu .active .background {
	background :#ffffff;
	color :#000;
}

#focus_menu span.background {
	position :absolute;
	width :185px;
	margin-left:0;
	padding :2px 10px 2px 30px;
	background :url(../images/layout/stripe_pattern_transparent.png);
}

x#focus_menu .focus_link_1 span.background /* Heeft geen image links, dus andere waardes */ {
	margin-left :0;
	padding-left :0px;
}

x#focus_menu .focus_link_4 span.background /* Heeft geen image rechts, dus andere waardes */ {
	width :177px;
}

#focus_menu span.separator_right, #focus_menu span.separator_left {
	cursor :default;
}

#focus_menu span.separator_right {
	position :absolute;
	height :150px;
	width :23px;
	display :block;
	margin-top :-105px;
	margin-left :201px;
	z-index :100;
	float :right;
	padding :0;
}

#focus_menu span.separator_left {
	position :absolute;
	height :150px;
	width :23px;
	display :block;
	margin-top :-105px;
	z-index :100;
	float :left;
	padding :0;
}

.header_beeld {
	position:absolute;
	width:225px;
	height:150px;
	z-index:0;
	top:0;
	left:0;
	overflow:hidden;
}

/* Body
-------------------------------------------------------------- */
#content {
	position:absolute;
	top:104px;
	left:59px;
	z-index:10;
	width :900px;
}

#h2_container {
	padding :10px 0 17px;
	margin :10px 0 1px;
	float :left;
	clear :both;
	width :900px;
	height :28px;
	background :url(../images/layout/header_bg.gif) repeat-x;
}

#h2_container img {
	padding :7px 10px;
	float :left;
	clear :both;
	display :inline;
}

.sIFR-hasFlash h2 {
	font-size :16px;
	height :30px;
	width :300px;
	float :left;
	color :#fff;
}

#content_wrap {
	position:relative;
	width :683px;
	float :left;
	clear :none;
	display :inline;
	background :url(../images/layout/content_body.gif) repeat-y;
	padding :0 0 0 0;
	margin-bottom :0px;
}



#content_wrap #content_head {
	background :url(../images/layout/content_head.gif) no-repeat;
	height :63px;
	padding :10px 30px 0 10px;
	margin :0;
}


#content_wrap #breadcrumbs ul li {
	position:relative;
	font-size :10px;
	color :#444;
	display :inline;
	list-style-type :none;
	margin:0;
	padding:0;
}
	
#breadcrumbs a{
	font-size :10px;
	color :#444;
	text-decoration:none;
}

#breadcrumbs a:hover {
	font-size :10px;
	color :#444;
	text-decoration:underline;
}

#content_wrap h3 {
	margin :-30px 0 10px 0;
	width :600px;
	color :#EC1A3B;
	z-index :10;
	padding : 5px 0 10px ;
}

#content_wrap #testvlak {
	background :url(../images/layout/content_footer.gif) no-repeat bottom left;
	padding :0 40px 40px 50px;
	float:left;
}

#bac_btn{
	position:absolute;
	z-index:10;
	width:50px;
	height:20px;
	top:5px;
	right:55px;
}

#bac_btn a{
	color :#EC1A3B;
	text-decoration :none;
}

#bac_btn a:hover{
	color :#fff;
	text-decoration :none;
}


#testvlak p a {
	color :#EC1A3B;
	padding :2px;
}

#testvlak p a:hover {
	color :#fff;
	background :#EC1A3B;
	text-decoration :none;
}

#testvlak a {
	color :#EC1A3B;
	padding :2px;
}

#testvlak a:hover {
	color :#fff;
	background :#EC1A3B;
	text-decoration :none;
}

#column_left {
	position:relative;
	padding-right :5px;
	margin-right :10px;
	border-right :2px solid #444;
	float :left;
}

/* Direction Menu
-------------------------------------------------------------- */
#directions {
	float :left;
	clear :both;
	margin :10px 0 10px 0;
	padding :10px 0px 15px 10px;
	border-bottom :2px solid #444;
	background :url(../images/layout/direction_bg.gif) no-repeat;
	width :680px;
	height :98px;
}

#directions h4 {
	padding: 0;
	margin: 0 0 5px 0;
	color :#FFFFFF;
	font-size :16px;
	text-align :left;
	overflow :hidden;
}

#directions img {
	margin-right :10px;
}

#directions ul {
	list-style :none;
	background :url(../images/layout/grooveborder.gif) no-repeat right top;
	margin :0 0 0 10px;
	padding :0;
	float: left;
}

#directions ul li {
	float: left;
	padding :0 11px;
	background :url(../images/layout/grooveborder.gif) no-repeat left top;
}

#directions a {
	float :left;
	font-size :10px;
	line-height :10px;
	color :#CCCCCC;
	height :10px;
	padding-top :60px;
}

#directions a.one {
	background : transparent url(../images/icons/dir_01.gif) no-repeat top center;
}

#directions a.two {
	background : transparent url(../images/icons/dir_02.gif) no-repeat top center;
}

#directions a.three {
	background : transparent url(../images/icons/dir_03.gif) no-repeat top center;
}

#directions a.four {
	background : transparent url(../images/icons/dir_04.gif) no-repeat top center;
}

#directions a.five {
	background : transparent url(../images/icons/dir_05.gif) no-repeat top center;
}
#directions a.six {
	background : transparent url(../images/icons/dir_06.gif) no-repeat top center;
}

#directions a:hover {
	color :#FFFFFF;
	border-bottom :1px solid #fff;
	text-decoration:none;
}
/* Footer Menu
-------------------------------------------------------------- */
		#footer_menu ul {
	margin :0;
	padding :0;
	list-style :none;
	float :left;
	clear :both;
}

#footer_menu ul li.collumn {
	margin :0 10px 20px 0;
	float :left;
	width :150px;
	height :135px;
	padding :5px 0 5px 5px;
	border-bottom :2px solid #444;
}

#footer_menu a {
	color :#444;
	font-size :11px;
}

#footer_menu a:hover {
	color :#999;
	text-decoration :none;
}

/* Menu Rechts
-------------------------------------------------------------- */

#menu_right {
	float :right;
	clear :none;
	display :inline;
	width :190px;
}

#menu_right ul {
	margin :0;
	padding :0;
	list-style :none;
}

#menu_right ul li {
	height :70px;
	width :190px;
}

.banner_right{
	float:left;
	width:190px;
	overflow:hidden;
	padding:10px 0 10px 0;
}

.banner_bottom{
}

/* Footer
-------------------------------------------------------------- */
		#footer {
	float :left;
	margin :30px 0 10px 0;
	width :900px;
}

#footer p {
	font-size :9px;
	color :#3f3f3f;
	padding :0;
	margin :0;
	text-transform :lowercase;
}

#footer p a {
	color :#000000;
}

#footer p a:hover {
	color :#cccccc;
}

/*header*/

#default_header {
	float:left;
	width:900px;
	padding:0;
	margin:0;
	overflow:hidden;
}

#default_header .image {
	position:relative;
	float:left;
	margin:0;
	padding:0;
	overflow:hidden;
}

#default_header .afsluiting_links {
	position:absolute;
	z-index:10;
	width:24px;
	height:150px;
	top:0px;
	left:0px;
	margin:0;
	padding:0;
}

#default_header .afsluiting_rechts {
	position:absolute;
	display:block;
	z-index:10;
	width:24px;
	height:150px;
	top:0px;
	right:-1px;
	margin:0;
	padding:0;
}

#default_header .image_titel {
	position :absolute;
	display:block;
	height :35px;
	top:105px;
	width :100%;
	font-size :22px;
	color :#fff;
	font-weight :bold;
	cursor:pointer;
	margin: 0 0 0 0;
	overflow :hidden;
	padding :2px 0px 2px 30px;
	background :url(http://www.brandpreview.nl/goflex/templates/home/images/layout/stripe_pattern_transparent.png);
}

#default_header .active {
	background :none;
	background-color: #FFFFFF;
}

#default_header a {
	color :#fff;
	cursor:pointer;
	font-size :22px;
	font-weight :bold
}

#default_header .active a {
	color :#000;
	font-size :22px;
	font-weight :bold
}


#default_header {
	float:left;
	width:900px;
	padding:0;
	margin:0;
	overflow:hidden;
}

#default_header .image {
	position:relative;
	float:left;
	margin:0;
	padding:0;
	overflow:hidden;
}

#default_header .afsluiting_links {
	position:absolute;
	z-index:10;
	width:24px;
	height:150px;
	top:0px;
	left:0px;
	margin:0;
	padding:0;
}

#default_header .afsluiting_rechts {
	position:absolute;
	display:block;
	z-index:10;
	width:24px;
	height:150px;
	top:0px;
	right:-1px;
	margin:0;
	padding:0;
}

#default_header .image_titel {
	position :absolute;
	display:block;
	height :35px;
	top:105px;
	width :100%;
	font-size :22px;
	color :#fff;
	font-weight :bold;
	cursor:pointer;
	margin: 0 0 0 0;
	overflow :hidden;
	padding :2px 0px 2px 30px;
	background :url(http://www.goflex.nl/templates/home/images/layout/stripe_pattern_transparent.png);
}

#default_header .active {
	background :none;
	background-color: #FFFFFF;
}

#default_header a {
	color :#fff;
	cursor:pointer;
}

#default_header .active a {
	color :#000;
}


.end_event{
border-top:1px solid #CCCCCC;
}

.eventborder table{
margin-left:5px;
}