/*-----------------------------------------------------------------------------------------------



	Filename			content.css
	Description			Css for only the structure of the website, the main thing
	Website				ThijsVisser.nl
	Athor				Thijs Visser	
	
	
		
-----------------------------------------------------------------------------------------------*/


#header{
margin:58px 24px 36px 24px;	
position:absolute;
left:0;	
}

#header.fixed{
position:fixed;
}

#content_inside{
float:left;		/*AUTO CLEAR*/
margin:0;
padding-bottom:44px;
position:relative;
padding-left:225px;
margin-top:131px;
}

a img{
border:none;	
}

/*----------------- NAVIGATION -----------------*/

#super_navigation_wrapper{
position:fixed;
width:215px;
min-height:200px;
left:0;
background: url('http://www.thijsvisser.nl/images/website_images/horizontal_grid.png') 24px top no-repeat;
z-index:4;
margin-top:131px;
}

#sub_navigation_wrapper{
position:fixed;
width:215px;
left:0;	
z-index:1;
}

#super_navigation{
margin:0 10px 0 65px;
padding-top:26px;
padding-bottom:21px;
width:150px;
background:white url('http://www.thijsvisser.nl/images/website_images/white_hr_navigation.gif') 26px 10px no-repeat;	
list-style-type:none;
position:fixed;
left:0;
z-index:2;
}

#super_navigation_wrapper.nofix{position:absolute;}
#super_navigation_wrapper.nofix #super_navigation{position:absolute;}

#sub_navigation{
margin:0 10px 0 0;
padding-top:26px;
padding-bottom:0;
width:150px;
background:white url('http://www.thijsvisser.nl/images/website_images/white_hr_subnavigation.gif') 16px 10px no-repeat;	
list-style-type:none;
position:relative;
left:225px;
z-index:2;
}

#super_navigation li{
margin:0;
padding:0;
font-size:1.2em;
padding-left:26px;
width:124px;
height:21px;
position:relative;
display:block;
z-index:3;
}

#sub_navigation li{
margin:0;
padding:0;
font-size:1.2em;
padding-left:16px;
width:134px;
height:25px;
position:relative;
display:block;
z-index:3;
}

#super_navigation li a{
margin:0;
padding:0;
display:block;
text-indent:-9000px;
width:114px;
height:21px;
position:relative;
border:0px solid green;
z-index:99;
}

#sub_navigation li a{
margin:0;
padding:0;
display:block;
text-indent:-9000px;
width:120px;
height:25px;
position:relative;	
border:0px solid green;
}

#super_navigation li a span,
#sub_navigation li a span{
opacity:0;
margin:0;	
}

#super_navigation li a span:hover,
#sub_navigation li a span:hover{
cursor:pointer;
}

/*----------- EERST EVEN SUPERNAVIGATIE SPRITES -----------*/

.navigation_home{background: url('http://www.thijsvisser.nl/images/website_images/navigation_sprite_home.gif') left top no-repeat;}
.navigation_home span{background: url('http://www.thijsvisser.nl/images/website_images/navigation_sprite_home.gif') right top no-repeat; display:block;}

.navigation_portfolio{background: url('http://www.thijsvisser.nl/images/website_images/navigation_sprite_portfolio.gif') left top no-repeat;}
.navigation_portfolio span{background: url('http://www.thijsvisser.nl/images/website_images/navigation_sprite_portfolio.gif') right top no-repeat; display:block;}

.navigation_blog{background: url('http://www.thijsvisser.nl/images/website_images/navigation_sprite_blog.gif') left top no-repeat;}
.navigation_blog span{background: url('http://www.thijsvisser.nl/images/website_images/navigation_sprite_blog.gif') right top no-repeat; display:block;}

.navigation_leesvoer{background: url('http://www.thijsvisser.nl/images/website_images/navigation_sprite_leesvoer.gif') left top no-repeat;}
.navigation_leesvoer span{background: url('http://www.thijsvisser.nl/images/website_images/navigation_sprite_leesvoer.gif') right top no-repeat; display:block;}

.navigation_over{background: url('http://www.thijsvisser.nl/images/website_images/navigation_sprite_over.gif') left top no-repeat;}
.navigation_over span{background: url('http://www.thijsvisser.nl/images/website_images/navigation_sprite_over.gif') right top no-repeat; display:block;}

.navigation_contact{background: url('http://www.thijsvisser.nl/images/website_images/navigation_sprite_contact.gif') left top no-repeat;}
.navigation_contact span{background: url('http://www.thijsvisser.nl/images/website_images/navigation_sprite_contact.gif') right top no-repeat; display:block;}	


/*----------- NU DE SUBNAVIGATIE SPRITES -----------*/

.webinzicht{background: url('http://www.thijsvisser.nl/images/website_images/subnavigation_sprite_webinzicht.gif') left top no-repeat;}
.webinzicht span{background: url('http://www.thijsvisser.nl/images/website_images/subnavigation_sprite_webinzicht.gif') -134px top no-repeat; display:block;}

.dessertdelight{background: url('http://www.thijsvisser.nl/images/website_images/subnavigation_sprite_dessertdelight.gif') left top no-repeat;}
.dessertdelight span{background: url('http://www.thijsvisser.nl/images/website_images/subnavigation_sprite_dessertdelight.gif') -134px top no-repeat; display:block;}

.assassino{background: url('http://www.thijsvisser.nl/images/website_images/subnavigation_sprite_assassino.gif') left top no-repeat;}
.assassino span{background: url('http://www.thijsvisser.nl/images/website_images/subnavigation_sprite_assassino.gif') -134px top no-repeat; display:block;}

.emusicplaza{background: url('http://www.thijsvisser.nl/images/website_images/subnavigation_sprite_emusicplaza.gif') left top no-repeat;}
.emusicplaza span{background: url('http://www.thijsvisser.nl/images/website_images/subnavigation_sprite_emusicplaza.gif') -134px top no-repeat; display:block;}

.thyevi{background: url('http://www.thijsvisser.nl/images/website_images/subnavigation_sprite_thyevi.gif') left top no-repeat;}
.thyevi span{background: url('http://www.thijsvisser.nl/images/website_images/subnavigation_sprite_thyevi.gif') -134px top no-repeat; display:block;}

.spearfish{background: url('http://www.thijsvisser.nl/images/website_images/subnavigation_sprite_spearfish.gif') left top no-repeat;}
.spearfish span{background: url('http://www.thijsvisser.nl/images/website_images/subnavigation_sprite_spearfish.gif') -134px top no-repeat; display:block;}




#super_navigation 	li.active {	background:url('http://www.thijsvisser.nl/images/website_images/navigationactive.gif') 		10px top no-repeat;}
#sub_navigation 	li		  {	background:url('http://www.thijsvisser.nl/images/website_images/subnavigation_hr.gif') 		left -5px  repeat-x;}
#sub_navigation 	li.active {	background:url('http://www.thijsvisser.nl/images/website_images/subnavigation_hr.gif') 		right -5px  repeat-x;}


.active a{
background-position:left top;	
}


/*-------------------------------------------*/
/*----------------- CONTENT -----------------*/
/*-------------------------------------------*/

/*---------------------------------------*/
/*----------------- HOME ----------------*/
/*---------------------------------------*/

.body{
padding:26px 0 26px 0;
position:relative;
background: white url('http://www.thijsvisser.nl/images/website_images/standard_hr.gif') left bottom repeat-x;
float:left;
}

.body.home{
width:710px;
position:relative;
}

.body h1,
.body h2,
.body h3,
.body h4,
.body p,
.body ul,
.body ol,
.body dl{
margin-left:26px;
margin-right:44px;
}

.body .half+.half p,
.body .half+.half h1,
.body .half+.half h2,
.body .half+.half h3,
.body .half+.half h4,
.body .half>.half a{
margin-left:0px;	
}


.home h2,
.home h3,
.home h4,
.home p,
.home ul{
margin-left:44px;
}

.home_main.imagehome{
margin-left:18px;	
}

#portfoliolink{
position:absolute;
left:134px;
top:32px;
width:104px;
height:25px;
display:block;
background:none;
}

.body p a{
margin-left:0;
margin-right:0;	
font-size:1em;
}

.home h2{
margin-top:26px;
}

.home_main{
float:left;
width:480px;
}

.home_main.imagehome{
width:462px;
}

.side_main{
float:left;
width:230px;
}

div .blog_thumb h3{
margin-top:0.5em;	
}

.blog_thumb h4{
margin-left:0;
}

.blog_thumb p a{
margin-top:1.2em;
}

.half h4{
color:#777;	
}

.side_main h3 {
margin:0;	
}	

div.feed{
padding:5px 16px 5px 10px ;	
float:right;
}

.side_main p,
.side_main a,
.home_main p a,
.side_main h3{
margin-left:0px;
}

.half{
width:50%;
float:left;	
}

.half p,
.half ul{
margin-right:26px;
}

a #featured{
display:block;
padding:2px;
margin-left:26px;	
margin-bottom:2em;
border:1px solid #ddd;
background-color:#ddd;
}

a:hover #featured{
border:1px solid #ccc;
background-color: #f5f5f5;
}

.backside.body.home{
margin-top:0px;
padding:26px 0 0 0;
clear:left;	
}

.backside .side_main {
width:240px;	
}	

.backside .home_main{
width:470px;
}

.backside.body.home .home_main .half{
width:240px;	
padding:0;
}

.backside.body.home p{
color:#444;
}
.backside.body.home p a{	
color:#666;
}

.backside.body.home h4{
letter-spacing:0.08em;	
}

.backside.body.home h4{
word-spacing:0.15em;	
}

.backside.body.home .half h4 a{
font-size:1.0em; 	
}

.backside .blog_thumb h4 {
font-size:1.1em; 		
}

.backside .side_main.blog_thumb a img{
border:3px solid #222;	
}

.backside .side_main.blog_thumb a:hover img{
border:3px solid #414141;	
}	

.body.home h1+.hr+div{
padding-bottom:1.2em;
overflow:hidden;
}



#newsblock_wrapper{
width:1410px;
}

.newsblock{
float:left;	
width:470px;
}

#scroll_navigation{
width:90px;
height:18px;
margin:0 auto 26px auto;
position:relative;
left:-25px;
}

#scroll_navigation .arrow{
display:block;
position:absolute;
width:11px;
height:18px;
text-indent:-9999px;	
}

#scroll_navigation .arrow a{
display:block;
width:100%;	
height:100%;
outline:0;
}

#status_wrapper{
position:absolute;
left:19px;	
}

#status_wrapper .status{
width:10px;
height:10px;
display:inline;
float:left;					/* Double margin fix */
margin:	4px 0 4px 6px;
background: #0e0e0e url('http://www.thijsvisser.nl/images/website_images/blogroll_status.gif') 0px top no-repeat;
}

#status_wrapper .status a{
background: #0e0e0e url('http://www.thijsvisser.nl/images/website_images/blogroll_status.gif') -10px top no-repeat;	
text-indent:-9999px;
display:block;
width:100%;
height:100%;
outline:0;
}

.arrow.previous{
left:0;
background: #0e0e0e url('http://www.thijsvisser.nl/images/website_images/blogroll_previous.gif') left top no-repeat;
}

.arrow.next{
right:0;
background: #0e0e0e url('http://www.thijsvisser.nl/images/website_images/blogroll_next.gif') left top no-repeat;
}

.backside.body.home .home_main .half+.half				{width:230px;}
.backside.body.home .home_main .half+.half+.half		{width:240px;}
.backside.body.home .home_main .half+.half+.half+.half	{width:230px;}
		
.backside.body.home .home_main .half+.half h4,
.backside.body.home .home_main .half+.half p{
margin-right:44px;	
}

.backside.home .side_main.blog_thumb h3,
.backside.home .side_main.blog_thumb h4,
.backside.home .side_main.blog_thumb p{
margin-left:44px;	
margin-right:26px;
padding:0;
}

.side_main.blog_thumb h4 a{
font-size:1.0em;	
}

.backside .side_main.blog_thumb h4 a{
color:#666666;	
}

.backside.home .home_main h3,
.backside.home .home_main .half h4,
.backside.home .home_main .half p{
margin-left:0;	
padding:0;
}

a:active{
border:none;	
}

.backside h3 a{
font-size:70%;	
}

/* ----------------------------------- */
/* ------ SPECIALS FOR PORTFOLIO ----- */
/* ----------------------------------- */

div.portfolio{width:390px;}

.contentwrapper{
max-width:640px;
float:left;	
}

#portfolio_wrapper img{
display:block;
background: #0e0e0e;
padding:5px;
padding:5px;
border:none;
margin:0 0 10px 0;	
background-color:#0e0e0e;
}

.backside{
margin-top:10px;
padding:16px 26px 26px 16px;
width:118px;
position:relative;
background: #0e0e0e;
float:left;	
}

.body.portfolio{
padding-bottom:6px;	
}

/* -------------------------------*/
/* ------ SPECIALS FOR BLOG ------*/
/* -------------------------------*/

.contentwrapper.blog,
.contentwrapper.portfoliowrap{
position:relative;
left:160px;	
}

#blog_sidecolumn{
position:fixed;
left:225px;
}

#blog_sidecolumn div{
margin-top:10px;
padding-bottom:31px;
}

#blog_sidecolumn div+div{
margin:0 10px 0 0;
}

#blog_sidecolumn div{
padding:16px 10px 26px 16px;
width:124px;
position:relative;
background-color: #0e0e0e;
float:left;	
display:inline;
clear:left;
}

.blog_overzicht{
width:510px;	
margin-bottom:10px;
padding:26px 0 6px 0;
float:left;
}

.blog_overzicht>*{
padding-left:16px;	
}

.blog_overzicht>h1{
padding-left:0;	
}

span.extrainfo{
font-size:1.0em;
float:left;
margin-left:10px;	
letter-spacing:0.1em;
}

.hr + .extrainfo{
margin-bottom:0;
}

span.extrainfo a{
text-transform:lowercase;	
}

span.extrainfo+p,
span.extrainfo+.hr,
.inleiding{
padding-top:1.4em;	
}

div.article_image{
float:left;
position:relative;
top:4px;
margin:-14px 0 .8em -80px; 
background: #0e0e0e url('http://www.thijsvisser.nl/images/website_images/blog_image_top.gif') left top no-repeat;
padding:9px 5px 5px 5px;	
z-index:2;
}

.body.blog_overzicht .article_image img{
border:none;
padding:0;
margin:0;	
display:block;
}

.blog_overzicht h1{
background:none;	
}

.contentwrapper .blog_overzicht .inleiding{
background: url('http://www.thijsvisser.nl/images/website_images/white_hr_dotted.gif') repeat-x left top;
float:left;	
width:278px;
padding-top:.7em;
font-size:1.2em;
margin:-5px 44px .8em 16px;
padding:1.8em 0 0 0;
}

.blog_overzicht .inleiding p{
margin-left:0;
margin:0;
}

.date{
clear:left;
float:left;
width:70px;	
padding:15px 0px 3px 10px;
min-height:120px;
background: #0e0e0e;
}

.blog_overzicht h1{
margin-bottom:3px;
}

#archive_select{
float:left;
margin-left:80px;
display:block;	
background: white;
padding:0;
}

#archive_select h3{
font-size:1.7em;
margin:16px 10px 2px 10px;
}

#article_navigation{
float:left;
clear:left;
margin-left:80px;
display:inline;
margin-top:0;
padding:0;	
display:block;
width:100%;
}

#article_navigation span{
background: white url('http://www.thijsvisser.nl/images/website_images/white_hr_vertical.gif') right top repeat-y;
padding:6px 10px;
margin:0;	
display:block;
float:left;
}

#article_navigation span a{
color:#414141;
}
	
#article_navigation span.navigation_text{
padding:6px 26px;	
}

#article_navigation .active a{
color:#de5d01;
}

#article_navigation .last{
background-image:none;	
}

/* -------------------------------------- */
/* ------ SPECIALS FOR BLOG ARTICLE ------*/
/* -------------------------------------- */

.blog_article{
width:590px;	
margin-bottom:10px;
padding:26px 0 6px 0;
float:left;
}

.blog_article .inleiding{
clear:both;
}

.blog_article>*{
padding-left:16px;	
}

.blog_article>h1, 
.reacties{
padding-left:0;	
}

.blog_article h1{
margin-bottom:6px;
}

.reacties{
display:block;
font-size:1.7em;
margin-bottom:0px;
color:#777777;
}

.reactie{
clear:left;	
width:590px;	
margin-bottom:10px;
padding:26px 0 16px 0;
}

.reactie p{
padding-left:16px;
}

.reactie .extrainfo{
padding-left:16px;	
}

.reactie.backside{
margin-top:0px;	
}

.reactie.backside p{
padding-left:16px;	
}

.plaatsreactie{
width:590px;
clear:left;	
}

/* -------------------------------*/
/* ---- SPECIALS FOR OVER MIJ ----*/
/* -------------------------------*/

.overmij{
width:390px;	
}

#ookeensite{
width:278px; /*278 - 26 - 16*/
}

/* -------------------------------*/
/* ---- SPECIALS FOR OVER MIJ ----*/
/* -------------------------------*/

.berichtje{
width:390px;	
}

#contactinfo{
width:198px; /*240 - 26 - 16*/
}

fieldset{
border:none;	
}

label{
display:block;
color:#414141;
padding-bottom:.5em;
}

input{
text-indent:0.3em;
display:block;	
color:#0e0e0e;
border:none;
width:205px;
font-size:1.2em;
height:1.4em;
line-height:1.4em;
background:#d1e7ff;
margin-bottom:.3em;
}

.hiddenFields input{
display:none;	
}

textarea{
padding:0.2em;
color:#0e0e0e;
background:#d1e7ff;
border:none;
width:320px;
height:130px;
font-family:Arial;
font-size:1.0em;
}

textarea:focus, input:focus{
background-color:#a1cdff;
}

input.checkbox{
display:inline;
width:5px;
margin:0;
height:auto;	
width:auto;

background:none;
border:none;
margin-bottom:0;
text-indent:0;
}

#stuur{
width:12em;
background-color:#a1cdff;
height:2em;
font-weight:bold;
text-transform: uppercase;
}

.plaatsreactie textarea{
width:100%;
height:12em;
}


/* ------------------------------------*/
/* ---- SPECIALS FOR OVER LESSVOER ----*/
/* ------------------------------------*/


.leesvoer{
width:710px;	
padding:26px 0 44px 0;
float:left;
}

.backside.leesvoer{
margin-top:0px;
padding-top:26px;
padding-bottom:0px;
}

.leesvoer h1{
min-width:210px;
float:left;
position:relative;
left:50%;
margin-left:-105px;
margin-bottom:26px;
}

.leesvoer h3.reacties{
margin:16px 0 0 0;
clear:both;
}

.backside.leesvoer h3.reacties{
margin-top:0;	
}

ul.shelf{
margin:0 44px;	
list-style-type:none;
clear:both;
overflow:hidden;
}

ul.shelf li{
float:left;	
margin:0 10px 0 0;
padding:0;
position:relative;
overflow:hidden;
}

ul.shelf li.last{
margin:0;	
}

ul.shelf li img{
display:block;	
}

ul.shelf li a{
display:block;	
position:relative;
}

ul.shelf li img{
display:block;
border:5px solid #0e0e0e;	
}

.backside ul.shelf li img{
border:5px solid #2b2b2b;	
}

.backside ul.shelf li:hover img{
border:5px solid #414141;	
}


.backside ul.shelf li a:hover img{
border:5px solid #414141;	
}


.backside ul.shelf li{
margin-bottom:66px;	
}

ul.shelf + .hr{
padding-top:16px;	
}




#scrollwrap{
overflow:hidden;
position:relative;
}


#blogroll{
overflow:hidden;
}

ul.shelf.scroll{
width:9999px;
margin:0;
padding:0 44px;
position:relative;
}

ul.shelf.scroll li{
position:relative;
z-index:3;
}

.scrollwrap ul.shelf.scroll li a{
}
	

ul.shelf.scroll li.last {
margin:0 44px 0 0;	
}

.leesvoer #scroll_navigation {
bottom:18px;
left:0;
margin-left:0;
position:absolute;
height:190px;
width:100%;
background: none;
z-index:2;
}

.leesvoer #status_wrapper{
left:0;
margin-left:50%;	
position:absolute;
bottom:-26px;
}

.leesvoer #status_wrapper .status {
margin:	0 5px 0 5px;
background: white url('http://www.thijsvisser.nl/images/website_images/scrollbook_status.gif') left top no-repeat;	
}

.leesvoer #status_wrapper .status a{
background: white url('http://www.thijsvisser.nl/images/website_images/scrollbook_status.gif') right top no-repeat;	
}

.leesvoer #scroll_navigation .arrow{
width:65px;
height:190px;
opacity: 0.85;
-webkit-transition: -webkit-transform 0.1s ease-in;
}

.leesvoer #scroll_navigation .arrow:hover{
opacity: 1;
}

.leesvoer #scroll_navigation .arrow.previous{
background: white url('http://www.thijsvisser.nl/images/website_images/scrollbook_left.gif') left top no-repeat;	
left:16px;
}

.leesvoer #scroll_navigation .arrow.next{
background: white url('http://www.thijsvisser.nl/images/website_images/scrollbook_right.gif') right top no-repeat;	
right:16px;
}


.arrow.previous:hover{
-webkit-transform: translate(-10px);
}

.arrow.next:hover{
-webkit-transform: translate(10px);
}






/* IE BOOKSHELF FIX FOR OVERLAPPING NEXT/PREVIOUS BUTTONS */

* + html .leesvoer #scroll_navigation .arrow.previous{
background: white url('http://www.thijsvisser.nl/images/website_images/shelf_scroll_ie_left.gif') left top no-repeat;		
left:344px;
}

* + html .leesvoer #scroll_navigation .arrow.next{
background: white url('http://www.thijsvisser.nl/images/website_images/shelf_scroll_ie_right.gif') left top no-repeat;		
right:344px;
}

* + html .leesvoer #scroll_navigation .arrow{
width:11px;
height:18px;
bottom:-40px;
}


/* ------------------------------------*/
/* ---- SPECIALS FOR OVER BOEK ----*/
/* ------------------------------------*/


.boek{
width:550px;	
padding:26px 0 0 0;
float:left;
margin-left:80px;
display:inline;
}

.boek img{
float:left;
margin-left:-80px;
border:5px solid #0e0e0e;
position:relative;
top:-16px;
}

.boek.body h1, 
.boek.body h2, 
.boek.body p,  
.boek.body dl,
.boek.body span {
margin-left:16px;
margin-right:44px;
}

.boek .inside{
float:left;	
width:482px;
}

.boek span{
font-style: italic;
font-size:1.5em;
font-family: Georgia;
}

.boek h1{
margin-bottom:0.1em;
}

.boek dl{
overflow:hidden;	
padding-top:2em;
margin-bottom:2em;
}

.boek dt{
width:10em;
float:left;
clear:left;
}

.boek dd{
float:left;	
}

.boek .terug{
float:left;
padding:10px 26px 10px 26px;
font-size:1.2em;
margin-top:26px;
}	

/* -------------------------------*/
/* ---- SPECIALS MISCANELOUS -----*/
/* -------------------------------*/

.blog .image_description{
text-align:center;
margin:26px 0;
}

.image_description p{
color:#666666;
background-color:#0e0e0e;
font-style: italic;	
padding:0 16px 16px;
font-family: Georgia;
}

.body .image_description p a,
.body .image_description p img{
margin-left:-16px;
margin-right:-16px;	
}

.body .image_description p a img{
margin-left:0;
margin-right:0;	
}

.blog .image_side{
margin-top:3.2em;
float:left;
clear:left;
}

.blog .image_side + div{
float:left;
width:333px;
padding-left:0;
margin-right:44px;
}

.blog .image_side + div h3,
.blog .image_side + div p{
margin-left:0;
margin-right:0;
}

.blog .image_side img{
float:left;
clear:left;
border:5px solid #0e0e0e;
margin:0px 16px 10px 11px;	
padding: 0;
}

.blog .image_side p{
margin:0;
padding:0;
}

.blog .image_side + div + h3,
.blog .image_side + div + p{
clear:both;	
}

.image_description a{
overflow: hidden;
display:block;
}

.image_description img,
.image_side img{
display:block;
}

.image_side + h3{
float:left;	
}

.image_description a:hover{
border:4px solid #0e0e0e;
border-bottom:0px solid #0e0e0e;;
}

.body .image_description p a:hover img{
margin:-4px -4px  0 -4px;	
}




/* -------------------------------*/
/* --------- MISCANELOUS ---------*/
/* -------------------------------*/


#content_inside.preview .body.reactie{
margin:0 0 10px 65px;
position:relative;
float:left;
display:inline;
}

#content_inside.preview .dropanote{
margin:0 0 0 65px;
float:left;	
display:inline;
}

#content_inside.preview .submit{
padding:16px;
width:100%;
margin:0;
}

#content_inside.preview .submit input{
padding:0;	
}

#content_inside .body.reactie.submit p{
margin:0;
padding:0;	
}

#content_inside .body.reactie.submit{
width:230px;	
}


.meer{
width:150px;
height:68px;
position:fixed;
right:0;
top:0;
z-index:65536;
}

.meer a{
display:block;
width:100%;
height:100%;
background: url('http://www.thijsvisser.nl/images/website_images/meer.jpg') left top no-repeat;
text-indent:-9999px;
}

#content_inside.favpage{
padding-left:218px;	
margin-left:-153px;
padding-right:83px;
}

.favpage .fav{
 /*float:left;*/
/*width:258px;*/ width:101px;
margin:0 0 0 0;
padding:11px 26px 0 26px;
background:#0e0e0e;
}

.fav img{
display:block;
margin:26px 6px 6px -20px; 
}

.fav.backside p{
font-size:1.1em;	
padding-left:14px;
}

.fav.backside h3{
font-size:1.6em;	
}

.fav.backside:hover{
z-index:9999;	
}

.fav.backside:hover img{
border-top:5px solid #0e0e0e;
border-bottom:5px solid #0e0e0e;
margin-top:21px;
}

.fav h3.reacties{
margin-left:-12px;	
}

.fav{
color: #444444;
padding:0 26px 14px 26px;
}

.test{
margin-left:-159px;
display:inline;
float:left;	
width:500px;
}