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

   * Template	:		Ping Illustraties
   * Auteur		:		Jurre-Jan Smit
   * Versie		:   	0.1
   * Datum		:		(23 - 11 - 08)
   
   
-------------------------------------------------------------- */

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

@import "lib/reset.css";

@import "lib/typography.css";

@import "lib/forms.css";

/* @import "lib/plugins/tabs.css"; */

/* Page
-------------------------------------------------------------- */

body
			{
			margin : 0 ;
			padding : 0 ;
			font : "Courier New", Courier, monospace ;
			font-size : 12px ;
			}

#container
			{
			width : 905px ;
			margin : 30px auto 0 ;
			z-index : 0;
			position:relative;
			}

a
			{
			color : #fb85ac ;
			}
.links a
			{
			color : #000;
			
			}
a span.indent
			{
			display : block ;
			text-indent : -9999px;
			}

/* @group head */

#inschrijven{
			width : 249px;
			height : 269px;
			padding : 160px 20px 0px 140px;
			position:absolute;
			left : 260px;
			top : 50px;
			background : url(../images/nbpop.png) no-repeat ;
			z-index : 10;
			}

#inschrijven a.sluit{
			position:absolute;
			top : 10px;
			right : 9px;
			z-index : 10;
			}

#inschrijven label{
			display : block;
			text-transform : uppercase ;
			}

#inschrijven input{
			display : ;
			border : 1px solid #fb85ac;
			padding : 2px 1px;
			width : 140px;
			}

#inschrijven input.submit{
			background :  #fb85ac;
			width:auto;	
			
			}

#head
			{
			position:relative
			
			}

#head h1
			{
			height : 310px ;
			width : 905px ;
			background : url(../images/header.jpg) no-repeat ;
			text-indent : -999px ;
			}

#head.small h1
			{
			height : 235px ;
			width : 905px ;
			background : url(../images/header_vervolg.jpg) no-repeat ;
			text-indent : -999px ;
			}

#aanmelden
			{
			position : absolute ;
			left : 770px ;
			top : 180px ;
			z-index:100;
			display : block ;
			width : 164px ;
			height : 123px ;
			background : url(../images/aanmelden.png) no-repeat 0 -123px ;
			}

#aanmelden:hover
			{
			background : url(../images/aanmelden.png) no-repeat 0 0 ;
			}

#head ul
			{
			list-style : none ;
			margin : 0 ;
			height :40px;
			}

#head ul li
			{
			float : left ;
			margin : 10px 0 ;
			}

#head ul li a
			{
			display : block ;
			padding : 0 10px ;
			border-left : 1px solid #fb85ac ;
			font-weight : bold ;
			font-size : 12px ;
			text-transform : uppercase ;
			}

#head ul li.first-child a
			{
			display : block ;
			padding : 0 10px 0 0 ;
			border : none ;
			}

#head ul li.last-child a
			{
			display : block ;
			padding : 0 0 0 10px ;
			}

/* @end */

/* @group links */

.kolom{
			width : 225px;
			float : left ;
			}

/* @end */

/* @group home */

#content
			{
			margin-top : 10px ;
			margin-bottom : 20px;
			}

h2
			{
			text-transform : uppercase ;
			padding : 0 0 5px 0 ;
			margin : 0 0 10px 0 ;
			border-bottom : 1px solid #fb85ac ;
			}

#content p
			{
			line-height : 20px;		
			}

#content h3
			{
			font-size : 14px ;
			}

body #content #quick_menu p
			{
			font-family : Georgia, "Times New Roman", Times, serif ;
			font-size : 12px ;
			text-transform : ;
			}

ul#portfolio_menu
			{
			list-style : none ;
			margin : 0 0 30px 0 ;
			padding : 0 1px ;
			height : 210px
			}

ul#portfolio_menu  li
			{
			float : left ;
			width : 210px ;
			height : 210px ;
			margin : 0 10px ;
			padding : 0 ;
			background : url(../images/portfolio_bg.jpg) no-repeat ;
			position : relative ;
			}

ul#portfolio_menu  li.first-child
			{
			margin-left : 0 ;
			}

ul#portfolio_menu  li.last-child
			{
			margin-right : 0 ;
			}

ul#portfolio_menu  li a
			{
			display : block ;
			margin : 22px 19px 18px 21px ;
			width : 170px ;
			height : 170px ;
			background : #fff url(../images/ajax-loader.gif) no-repeat center center ;
			}



ul#portfolio_menu  li a img
			{
			width : 170px ;
			height : 170px ;
			position:absolute ;
			top : 22px;
			left : 21px;
			}

ul#quick_menu
			{
			width : 100% ;
			list-style : none ;
			margin : 20px 0 0 0 ;
			padding : 0 1px 0px 1px ;
			border-top : 1px solid #fb85ac ;
			}

ul#quick_menu li.block
			{
			float : left ;
			clear : none ;
			width : 200px ;
			margin : 0 15px ;
			padding : 10px 0 ;
			}

ul#quick_menu li.first-child
			{
			width : 205px ;
			margin : 0 15px 0 0px ;
			}

ul#quick_menu li.last-child
			{
			width : 205px ;
			margin : 0 0px 0 15px ;
			}

ul#quick_menu li h3
			{
			padding : 0 ;
			margin : 0 ;
			position : absolute ;
			margin-top : -25px ;
			}

.readmore
			{
			background : url(../images/readmore.gif) no-repeat -4px -2px ;
			margin : 10px 0 ;
			padding : 0 ;
			display : block ;
			width : 55px ;
			height : 13px ;
			text-indent : -999px ;
			}

.readmore:hover
			{
			border-bottom : 1px solid #fb85ac ;
			margin-bottom : 9px ;
			}

.weblog.feed
			{
			margin : 0 ;
			padding : 0 ;
			list-style : none ;
			}

#container ul.weblog li
			{
			display : block ;
			margin : 0px 0 ;
			padding : 5px 0 ;
			background : url(../images/stitchedborder.gif) no-repeat bottom left ;
			}

#container ul.weblog li.last-child
			{
			padding : 5px 0 0 ;
			background : none
			}

#container ul.weblog li.first-child
			{
			padding : 0 0 5p x
			;
				

}
		.weblog	a{
			color : #000;
				}

/* @end */

#tooltip
			{
			position : absolute ;
			border : 2px solid #fb85ac ;
			background : #fbf8ee ;
			padding : 2px 5px ;
			color : #333 ;
			display : none ;
			}

/* @group Portfolio */

.menus
			{
			position : ;
			width : 275px ;
			min-height:500px;
			}

.menus .menuholder h4
			{
			color : #fb85ac ;
			font-size : 12px ;
			text-transform : uppercase ;
			margin : 0 0 10px 0 ;
			height : 15px;
			}

.menus .menuholder ul
			{
			margin : 0 0 20px 0 ;
			padding : 0 ;
			list-style : none ;
			}

.menus .menuholder li
			{
			
			}

.menus .menuholder li a
			{
			display : inline-block ;
			background : #eeeeee ;
			margin : 1px ;
			padding : 2px 10px ;
			color : #000 ;
			font-size : 11px ;
			}

.menus .menuholder li.active a
			{
			background : #fb85ac ;
			font-weight : bold ;
			color : #fff ;
			}

.portfolio .showcase
			{
			position : absolute;
			width : 600px ;
			left : 305px ;
			top : 325px;;
			}

.header
			{
			padding-bottom : 10px ;
			margin-bottom : 10px ;
			background : url(../images/stitchedborder.gif) repeat-x bottom left ;
			float : left ;
			clear : both ;
			width : 100% ;
			}

.header h4
			{
			font-size : 16px ;
			margin : 0 0 0 0 ;
			}
			
.header p
			{
			margin : 0 ;
			}

.header span
			{
			display : inline-block ;
			width : 120px ;
			font-weight : bold ;
			}

.header .data
			{
			margin-top : 5px ;
			width : ;
			}

.header .description
			{
			margin-top : 5px ;
			width :;
			float :  ;
			}

.pickimage
			{
			margin : 0 ;
			padding : 0 auto ;
			list-style : none ;
			display : block ;
			}

.pickimage h6
			{
			margin : 5px 5px 5px 0 ;
			padding : 5px 5px 5px 0 ;
			font-size : 10px ;
			width : 200px ;
			text-align : right ;
			border-right : 1px solid #000 ;
			display : inline-block ;
			}

.thumblist
			{
			margin : 0 ;
			padding : 0 ;
			list-style : none ;
			display : inline-block ;
			}

.thumblist li
			{
			float : left ;
			margin : 0 ;
			padding : 0px 0 0 0 ;
			position:relative ;
			}

.thumblist li.first-child a
			{
			margin-left : 0;
			}

.thumblist li.second-left a
			{
			margin-left : 0;
			}

.thumblist li a span
			{
			position : absolute;
			left : -10px;
			top : -23px;
			width : 30px;
			height: 30px;
			line-height : 30px;
			font-weight: 100;
			text-align: center;
			color : #666;
			font-family:arial;			
			font-size : 11px;
			}

.thumblist li a:hover span
			{
			}

.thumblist li a
			{
			display : block ;
			background : #eee ;
			padding : 5px ;
			margin : 10px;
			color : #000 ;
			position:relative;
			}

.thumblist li a:hover
			{
			background : #fb85ac ;
			color : #000 ;
			}

.pickimage li a.active
			{
			background : #fb85ac ;
			}
/* @end */

#footer
			{
			border-top : 1px solid #fb85ac ;
			clear : both ;
			
			}
p.creds{	
			width : 100% ;
			text-align : center ;
			font-family : Verdana ;
			}

p.creds a{
			color : #999 ;
			}

p.creds a:hover{
			color : #333 ;
			}

/* @group plain headings */

h3 {
			font-weight : bold ;
			color : #fb85ac ;
			font-family : Georgia;
			text-transform :;
			}

/* @end */

/* @group fck_styles */

.pl_50
			{
			padding-left : 50px;			}

.pl_100
			{
			padding-left : 100px;			}

.pl_150
			{
			padding-left : 150px;			}



/* @end */

/* @group media */

#media ul{
			width : 400px;
			float : left ;
			list-style-type: none ;
			margin : 0 25px 10px;
			padding : 0 0 10px 0;
			border : 1px solid #ccc;
			
			}

#media ul img{
			border-bottom: 1px solid #ccc;
			
			}

#media ul ul{
			border : none ;
			margin : 0;
			padding : 10px 0 0 0;
			
			list-style-type: none ;
			
			}

#media ul ul li{
			width : 180px;
			float : left ;
			margin: 2px 10px;
			text-align:center ;
			}

/* @end */